/* ROMVI 24.14.67 — Solo / Work / Family / Child product spaces */
:root{
  --space-line:rgba(142,166,207,.16);
  --space-line-strong:rgba(121,231,255,.24);
  --space-bg:rgba(255,255,255,.018);
  --space-bg-2:rgba(255,255,255,.026);
  --space-text:var(--v10-text,#eef5ff);
  --space-muted:var(--v10-muted,#94a3b8);
  --space-dim:var(--v10-dim,#657287);
  --space-cyan:#79e7ff;
  --space-violet:#a58cff;
}

.romvi-spaces-10{
  display:flex;align-items:center;gap:8px;min-width:0;
  padding:7px;border:1px solid var(--space-line);border-radius:16px;
  background:rgba(3,8,21,.62);backdrop-filter:blur(16px);
  overflow-x:auto;scrollbar-width:none;
}
.romvi-spaces-10::-webkit-scrollbar{display:none}
.romvi-space-btn{
  flex:1 0 auto;min-width:96px;min-height:42px;border:1px solid transparent;border-radius:12px;
  background:transparent;color:var(--space-muted);display:flex;align-items:center;justify-content:center;gap:8px;
  padding:0 12px;font:700 10px/1 Inter,sans-serif;letter-spacing:.02em;white-space:nowrap;cursor:pointer;
}
.romvi-space-btn:hover{background:rgba(255,255,255,.025);color:var(--space-text)}
.romvi-space-btn.active{color:var(--space-text);border-color:var(--space-line-strong);background:linear-gradient(135deg,rgba(121,231,255,.10),rgba(165,140,255,.08))}
.romvi-space-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.romvi-space-lock{opacity:.55}

.romvi-mode-card-10{
  position:relative;overflow:hidden;min-width:0;
  border:1px solid var(--space-line);border-radius:20px;padding:16px;
  background:linear-gradient(145deg,rgba(121,231,255,.035),rgba(165,140,255,.022) 46%,rgba(255,255,255,.014));
}
.romvi-mode-card-10::before{content:"";position:absolute;right:-80px;top:-110px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(121,231,255,.09),transparent 68%);pointer-events:none}
.romvi-mode-head-10{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-width:0}
.romvi-mode-head-10>div{min-width:0}
.romvi-mode-kicker-10{font:800 9px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--space-cyan);margin-bottom:7px}
.romvi-mode-title-10{margin:0;font:800 20px/1.12 Manrope,Inter,sans-serif;letter-spacing:-.035em;color:var(--space-text)}
.romvi-mode-copy-10{margin:6px 0 0;color:var(--space-muted);font-size:10px;line-height:1.5;max-width:720px}
.romvi-mode-badge-10{flex:0 0 auto;min-height:28px;display:inline-flex;align-items:center;gap:6px;padding:0 9px;border:1px solid var(--space-line);border-radius:999px;background:rgba(255,255,255,.022);color:var(--space-muted);font:750 8px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.romvi-mode-badge-10 i{width:6px;height:6px;border-radius:50%;background:var(--space-cyan);box-shadow:0 0 12px rgba(121,231,255,.55)}

.romvi-mode-stats-10{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:14px}
.romvi-mode-stat-10{min-width:0;padding:11px 12px;border:1px solid var(--space-line);border-radius:14px;background:rgba(0,0,0,.10)}
.romvi-mode-stat-10 b{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 18px/1 Manrope,Inter,sans-serif;letter-spacing:-.04em;color:var(--space-text)}
.romvi-mode-stat-10 span{display:block;margin-top:5px;color:var(--space-dim);font:700 8px/1.2 Inter,sans-serif;text-transform:uppercase;letter-spacing:.07em;overflow-wrap:anywhere}

.romvi-next-10{margin-top:9px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--space-line);border-radius:14px;background:rgba(255,255,255,.018);min-width:0}
.romvi-next-10>div{min-width:0}.romvi-next-10 small{display:block;color:var(--space-dim);font:750 8px/1.1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.romvi-next-10 b{display:block;color:var(--space-text);font-size:10px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.romvi-next-score-10{min-width:44px;height:32px;padding:0 8px;display:grid;place-items:center;border:1px solid var(--space-line-strong);border-radius:10px;color:var(--space-cyan);font:800 9px/1 Inter,sans-serif;background:rgba(121,231,255,.05)}

.romvi-mode-actions-10{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.romvi-mode-actions-10 button{min-height:36px;padding:0 12px;border:1px solid var(--space-line);border-radius:11px;background:rgba(255,255,255,.022);color:var(--space-text);font:700 9px/1 Inter,sans-serif;cursor:pointer;white-space:nowrap}
.romvi-mode-actions-10 button.primary{border-color:var(--space-line-strong);background:linear-gradient(135deg,rgba(121,231,255,.12),rgba(165,140,255,.10))}
.romvi-mode-actions-10 button:hover{background:rgba(255,255,255,.04)}
.romvi-mode-foot-10{margin-top:9px;color:var(--space-dim);font-size:8.5px;line-height:1.45}

/* placement */
#dashboard>.romvi-spaces-10{grid-column:1/-1}
#dashboard>.solo-command-10{grid-column:1/-1}
#dashboard>.work-command-10{grid-column:1/-1}
#familyHub>.romvi-spaces-10{margin:0 0 10px}
#familyHub>.family-command-10{margin:0 0 10px}
#familyHub>.child-command-10{margin:10px 0}

/* make existing four product surfaces feel deliberate */
#work61Card{position:relative;overflow:hidden}
#work61Card::after{content:"PRIVATE WORK SPACE";position:absolute;right:14px;bottom:11px;color:var(--space-dim);font:750 7px/1 Inter,sans-serif;letter-spacing:.10em;pointer-events:none}
#familyHub .hub-head{margin-bottom:10px}
#childDigitalSafety64Card{border-color:rgba(121,231,255,.18)!important;background:linear-gradient(145deg,rgba(121,231,255,.028),rgba(255,255,255,.014))!important}

@media(max-width:900px){
  .romvi-mode-stats-10{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  #dashboard>.romvi-spaces-10{margin-bottom:0}
  .romvi-spaces-10{border-radius:14px;padding:5px}
  .romvi-space-btn{min-width:84px;min-height:38px;padding:0 10px;font-size:9px}
  .romvi-mode-card-10{padding:14px;border-radius:17px}
  .romvi-mode-head-10{gap:8px}.romvi-mode-title-10{font-size:18px}.romvi-mode-copy-10{font-size:9.5px}
  .romvi-mode-badge-10{font-size:7px;min-height:25px;padding:0 7px}
  .romvi-next-10{grid-template-columns:minmax(0,1fr);gap:7px}.romvi-next-score-10{width:max-content;min-width:0;height:26px}
  .romvi-mode-actions-10{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.romvi-mode-actions-10::-webkit-scrollbar{display:none}
  .romvi-mode-actions-10 button{flex:0 0 auto}
}
@media(max-width:430px){
  .romvi-mode-stats-10{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .romvi-mode-stat-10{padding:10px}.romvi-mode-stat-10 b{font-size:17px}
}