/* Sendit / precision system. Shared by server and hosting workspaces. */
@font-face{font-family:Manrope;src:url('/fonts/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{
  color-scheme:light;
  font-family:Manrope,ui-sans-serif,sans-serif;
  --bg:#f5f3f8;--surface:#fff;--surface2:#eeebf3;--sidebar:#eeebf3;
  --line:#ddd8e5;--text:#282335;--muted:#645d74;
  --accent:#5c407e;--accent-bg:#5c407e;--accent-text:#fff;
  --green:#24714c;--green-bg:#e7f4ec;--red:#b33648;--red-bg:#fbe9ed;
  --amber:#855b12;--amber-bg:#fff2d5;--shadow:none;
  --radius:14px;--space:24px;--ease:cubic-bezier(.16,1,.3,1);
}
:root[data-theme=dark]{
  color-scheme:dark;
  --bg:#15131d;--surface:#201d2b;--surface2:#2a2638;--sidebar:#100f17;
  --line:#3b354d;--text:#f2eff9;--muted:#b6aec9;
  --accent:#c3b2ef;--accent-bg:#b6efd5;--accent-text:#173b2d;
  --green:#86d6ac;--green-bg:#15382d;--red:#ffa5b3;--red-bg:#3f2433;
  --amber:#edcc88;--amber-bg:#3d3320;--terminal:#111019;--terminal-text:#ddd5ee;
}
body{font-size:14px;line-height:1.6}
::selection{background:var(--accent-bg);color:var(--accent-text)}
*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}
input,textarea{caret-color:var(--accent)}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.skip-link{position:fixed;left:20px;top:12px;z-index:100;padding:12px 20px;background:var(--accent-bg);color:var(--accent-text);border-radius:8px;transform:translateY(-180%)}
.skip-link:focus{transform:none}
h1{font-size:clamp(30px,3.3vw,46px);font-weight:650;letter-spacing:-.035em;line-height:1.16;text-wrap:balance}
h2{font-size:17px;font-weight:650;letter-spacing:-.02em}h3{letter-spacing:-.02em}
.eyebrow,.h-heading .h-eyebrow{display:none}
.page-heading h1>.accent{display:none}
.sidebar{width:240px;padding:32px 18px 20px;border:0;color:#eaf1ff;background:var(--sidebar)}
.sidebar .brand{padding:0 14px;margin-bottom:22px;font-size:28px;letter-spacing:-.035em}
.brand-mark{background:#b6efd5;color:#173b2d;border-radius:12px;width:40px;height:40px;font-weight:750}
.sidebar .brand-sub{color:#9eaec6;letter-spacing:.2em;font-size:10px}
.panel-navigation{gap:2px}
.panel-navigation .nav-label{color:#91a2bf;font-size:10px;letter-spacing:.12em;margin:22px 14px 8px}
.panel-navigation a{color:#b6c4db;padding:10px 14px;margin:0;min-height:42px;font-size:13px;border-radius:8px;transition:background .18s var(--ease),color .18s var(--ease)}
.panel-navigation a:hover{color:#fff;background:#1c2d48}
.panel-navigation a.active{color:#f1f6ff;background:#263d64;font-weight:650}
.panel-navigation a.active .hosting-icon{color:#a8c3ff}
.sidebar-bottom{padding:32px 14px 0}.sidebar-bottom .edition,.sidebar-bottom p,.sidebar-bottom .version{color:#9eaec6}
.sidebar-bottom p{font-size:14px;margin:10px 0 20px}.sidebar-bottom .version{border-color:#2b3a52;font-size:11px}
.main-wrap{margin-left:240px}.topbar{height:72px;padding:0 40px;background:var(--surface);border-color:var(--line)}
.topbar .breadcrumb{font-size:12px}.breadcrumb strong{font-weight:600}.breadcrumb span{color:var(--muted);opacity:.6}
.top-actions{gap:16px}.admin-label{font-size:12px}.quiet{font-size:12px;min-height:40px}.icon-button{width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:24px}
main{padding:44px 40px 36px;max-width:1560px}.page-heading{margin-bottom:30px;gap:24px}.page-heading p{font-size:14px;margin-top:12px;max-width:65ch}
.overview-heading{padding-bottom:28px;margin-bottom:0}.overview-heading h1{font-size:clamp(34px,3.4vw,48px)}
.button,.hosting-workspace .button{min-height:42px;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:650;transition:background .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}
.button.primary,.hosting-workspace .button.primary,:root[data-theme=dark] .hosting-workspace .button.primary{background:var(--accent-bg);color:var(--accent-text);border-color:transparent}
.button.primary:hover{filter:none;background:color-mix(in srgb,var(--accent-bg) 90%,var(--text));box-shadow:0 5px 12px #08193618}
.button .hosting-icon{width:17px;height:17px}.button.small{min-height:36px}.text-link{font-size:12px;color:var(--accent);font-weight:650;text-underline-offset:5px}.text-link:hover{text-decoration:underline}
.health-strip{background:transparent;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:16px 0;margin-bottom:24px;gap:12px}
.health-strip strong{font-size:12px;font-weight:650}.health-strip .secondary,.timestamp{font-size:11px}.status-dot{width:7px;height:7px}.live-dot{display:none}
.telemetry{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:36px}
.telemetry .metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0}
.telemetry .metric{border:0;border-right:1px solid var(--line);border-radius:0;background:none;box-shadow:none;padding:24px 26px;min-width:0}
.telemetry .metric:last-child{border-right:0}.metric-label{font-size:11px;letter-spacing:.055em;font-weight:650;display:flex;align-items:center;justify-content:space-between;color:var(--muted)}
.metric-label .hosting-icon{width:17px;height:17px;opacity:.75}.metric-value{font-size:clamp(25px,2.5vw,36px);font-weight:650;letter-spacing:-.035em;line-height:1.2;margin:17px 0 15px;font-variant-numeric:tabular-nums}.metric-value small{font-size:13px;letter-spacing:0;margin-left:6px;color:var(--muted)}
.metric-caption,.uptime-detail{font-size:11px;color:var(--muted)}.meter{height:3px;margin:0 0 11px;background:var(--surface2);border-radius:2px}.meter span{background:var(--accent);transition:width .6s var(--ease)}.meter.blue span{background:#16807d}.meter.purple span{background:#7f64c0}
.telemetry .charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;border-top:1px solid var(--line)}
.telemetry .metric-chart{border:0;border-radius:0;box-shadow:none;background:none}.telemetry .metric-chart:first-child{border-right:1px solid var(--line)}
.telemetry .card-heading{padding:22px 26px 0;border:0}.metric-chart h2{font-size:13px}.chart-current{font-size:12px;font-weight:650}.memory-chart{--chart-color:#16807d}:root[data-theme=dark] .memory-chart{--chart-color:#62d4c9}
.chart-body{padding:20px 26px 0 52px}.chart-body svg{height:145px}.chart-scale{font-size:10px;left:20px}.chart-times{font-size:10px}.chart-caption{padding:14px 26px 20px;font-size:10px;color:var(--muted)}.chart-point{opacity:.6}.chart-line{stroke-width:2.5}
.section-heading{margin:34px 0 18px}.section-heading p{font-size:12px;margin-top:6px}.count{font-size:11px;background:var(--surface2);border-radius:5px;color:var(--muted)}
.card,.table-wrap,.form-card,.h-card{border-radius:var(--radius);box-shadow:none;border-color:var(--line)}
.card-heading{padding:22px 24px}.card-heading .secondary{font-size:11px}.lower-grid{gap:24px;margin-top:24px}
.table-wrap th{font-size:10px;letter-spacing:.06em;font-weight:650;padding:15px 22px;background:var(--surface2);color:var(--muted)}
.table-wrap td{font-size:12px;padding:20px 22px}.app-name strong{font-size:13px}.app-name small{font-size:11px}.app-avatar{border-radius:10px;background:var(--surface2);color:var(--accent)}
.badge,.h-status{font-size:11px}.activity-row,.route-row{padding:20px 24px}.activity-row strong,.route-row strong{font-size:12px}.activity-row small,.route-row small{font-size:11px}.card-foot{font-size:11px;padding:16px 24px}.sample-note{font-size:11px;margin-top:20px}
.metric-value,.chart-current,.timestamp,.table-wrap td,.h-stat>strong,.h-table td{font-variant-numeric:tabular-nums}
.text-link{display:inline-flex;align-items:center;gap:7px}.text-link .hosting-icon{width:14px;height:14px}.row-link{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.row-link .hosting-icon{width:17px;height:17px}.empty-symbol .hosting-icon{width:26px;height:26px}.route-icon{display:flex;align-items:center}.h-empty-art{background:transparent!important;border:0!important;box-shadow:none!important}.h-empty-art:before,.h-empty-art:after{display:none!important}.h-list-toolbar input::placeholder{color:var(--muted);opacity:1}.light-preview{background:#f5f3f8!important}.dark-preview{background:#15131d!important}.system-preview{background:linear-gradient(120deg,#f5f3f8 50%,#15131d 50%)!important}
.hosting-workspace{--h-muted:var(--muted);--h-radius:var(--radius);padding-top:0}.h-heading h1{font-size:clamp(30px,3.3vw,44px);font-weight:650;letter-spacing:-.035em}.h-heading p{font-size:14px;line-height:1.65}.h-heading{margin-bottom:30px}.h-context{margin-bottom:22px}.h-stats{gap:20px}.h-stat-label{font-size:12px}.h-stat>span:last-child{font-size:12px}.h-tabs a{font-size:13px}.h-search input,.h-list-toolbar select{font-size:13px;min-height:42px}
.h-context>.h-eyebrow{display:none}.icon-button{display:inline-flex;align-items:center;justify-content:center}.icon-button .hosting-icon{width:19px;height:19px}
.h-table th{font-size:11px;color:var(--muted);background:var(--surface2);letter-spacing:.05em}.h-table td{font-size:13px}.h-row-name strong{font-size:13px}.h-row-name small{font-size:11px}.h-list-toolbar{padding:20px 24px}.h-card-heading h2{font-size:17px}
.form-card label,.h-editor label,.h-setup-form label{font-size:13px}.form-card input,.form-card select{min-height:44px;font-size:14px;border-radius:8px}.field-help,.form-card .lede{font-size:12px}.docker-heading p,.container-info,.workspace-properties{font-size:12px}.docker-metrics span{font-size:11px}.workspace-tabs button{font-size:13px;min-height:44px}
footer{margin:0 40px;padding:22px 0;font-size:11px}.auth-page{background:var(--bg)}.auth-card{box-shadow:none;border-radius:16px;padding:40px}.auth-card .lede{font-size:14px}.fine-print,.auth-footer{font-size:12px}
/* One entrance on the overview heading; live data and controls remain stable. */
@keyframes overview-arrive{from{transform:translateY(7px);opacity:.8}to{transform:translateY(0);opacity:1}}
.overview-heading{animation:none}
@media(max-width:1200px){.sidebar{width:220px}.main-wrap{margin-left:220px}main{padding:36px 28px}.topbar{padding:0 28px}.telemetry .metric{padding:22px 18px}.metric-value{font-size:28px}footer{margin:0 28px}}
@media(max-width:950px){.telemetry .metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.telemetry .metric:nth-child(2){border-right:0}.telemetry .metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.telemetry .charts-grid{grid-template-columns:1fr}.telemetry .metric-chart:first-child{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:800px){.sidebar{width:270px;padding:28px 18px 20px}.main-wrap{margin-left:0}.sidebar .brand{padding:0 10px}.sidebar .brand-mark{width:40px;height:40px}.panel-navigation a{font-size:14px;padding:12px 14px;min-height:46px}.sidebar .nav-label{margin:22px 14px 8px}.mobile-nav-close{color:#b6c4db;right:15px;top:24px}.mobile-nav-toggle{font-size:12px;min-height:44px}.topbar{height:68px}.breadcrumb strong{display:inline}.health-strip{align-items:flex-start;flex-direction:column;gap:8px}.health-strip .secondary{display:inline-block;overflow-wrap:anywhere}.top-actions{gap:8px}.icon-button{height:40px;width:40px}.lower-grid{grid-template-columns:1fr}.h-heading h1{font-size:34px}}
@media(max-width:600px){main{padding:28px 20px 30px}.topbar{padding:0 20px}.topbar .breadcrumb{display:none}.page-heading{align-items:flex-start;flex-direction:column;gap:20px}.overview-heading{padding-bottom:24px}.page-heading h1,.h-heading h1{font-size:34px}.page-heading p,.h-heading p{font-size:13px;line-height:1.7}.page-heading>.button{font-size:13px;min-height:44px}.telemetry .metric{padding:20px 18px}.metric-label{font-size:10px;letter-spacing:.025em}.metric-value{font-size:28px;margin:14px 0}.metric-caption{font-size:11px}.telemetry .card-heading{padding:20px 18px 0}.chart-current{font-size:11px}.chart-body{padding:18px 18px 0 44px}.chart-scale{left:14px}.chart-body svg{height:125px}.chart-caption{padding:14px 18px 20px}.section-heading h2{font-size:17px}.section-heading .text-link{font-size:11px}.table-wrap th,.table-wrap td{padding:16px 12px}.app-name strong{font-size:12px;max-width:160px}.app-name small{font-size:11px;max-width:160px}.table-wrap .badge{font-size:10px}.card-heading{padding:20px}.activity-row,.route-row{padding:18px 20px}.activity-row .badge{font-size:10px}.h-status{font-size:11px}.h-card-heading{padding:20px}.h-stat{padding:20px}.h-table td{font-size:13px}.hosting-workspace .button,.h-pagination .button{min-height:44px}.h-setup-steps li{font-size:11px}.h-setup-steps{flex-wrap:wrap;row-gap:12px}.h-editor input,.h-editor select,.h-setup-form input{font-size:16px}.quiet{min-height:44px}footer{margin:0 20px;font-size:10px}.auth-card{padding:28px}.sample-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Task-first workspace: actions, a guided preview, then the operational detail. */
:root{--stage:#e5dcf7;--stage-soft:#f5efff;--stage-text:#302044;--stage-muted:#635174;--stage-action:#302044;--stage-action-text:#fff;--stage-action-hover:#49315f;--stage-focus:#51356e;--stage-line:color-mix(in srgb,var(--stage-text) 25%,transparent);--mint:#b6efd5;--lavender:#cbbcf0}
:root[data-theme=dark]{--stage:#cbbcf0;--stage-soft:#e2d8f8;--stage-text:#302044;--stage-muted:#574367}
h1,.h-heading h1{font-size:2.25rem;letter-spacing:-.035em}.page-heading h1>.accent{display:none}
.sidebar{width:224px;padding:30px 16px;border-right:1px solid var(--line);color:var(--text)}.main-wrap{margin-left:224px}
.sidebar .brand{font-size:29px;padding:0 12px;margin-bottom:30px}.sidebar .brand-sub{color:var(--muted);font-size:9px}.brand-mark{background:var(--mint);color:#173b2d;border-radius:50%}
.nav-create{display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 14px;margin-bottom:24px;background:var(--accent-bg);color:var(--accent-text);font-weight:700;border-radius:10px;font-size:13px}
.panel-navigation{gap:4px}.panel-navigation a,.panel-navigation .nav-more summary{color:var(--muted);font-size:13px;min-height:44px;padding:11px 14px;gap:11px}
.panel-navigation a:hover,.panel-navigation .nav-more summary:hover{background:var(--surface2);color:var(--text)}.panel-navigation a.active{background:var(--surface);color:var(--text)}.panel-navigation a.active .hosting-icon{color:var(--accent)}
.panel-navigation .nav-label{color:var(--muted);font-size:10px;letter-spacing:.08em;margin:24px 14px 8px}
.nav-more{margin-top:20px}.nav-more summary{display:flex;align-items:center;cursor:pointer;border-radius:8px;list-style:none}.nav-more summary::-webkit-details-marker{display:none}.nav-more summary>.hosting-icon:last-child{margin-left:auto;width:14px;transition:transform .2s}.nav-more[open] summary>.hosting-icon:last-child{transform:rotate(180deg)}.nav-more>div{padding:6px 0 0 12px}.nav-more a{font-size:12px}
.sidebar-bottom{padding:32px 12px 0;color:var(--muted)}.sidebar-bottom p{font-size:12px;color:var(--muted);margin:12px 0}.sidebar-bottom button{display:flex;align-items:center;gap:8px;padding:0;color:var(--muted);font-size:12px}.sidebar-bottom kbd{font-size:10px}
.topbar{background:var(--bg);border-bottom:1px solid var(--line);height:72px}.topbar .breadcrumb{font-size:12px}.top-actions{gap:12px}.icon-button{background:transparent;border-color:var(--line)}
main{padding:36px 40px 32px;max-width:1520px}.home-workspace{max-width:1180px;margin:auto}.home-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:4px 0 30px}.home-heading h1{font-size:2.5rem;line-height:1.2;letter-spacing:-.035em;font-weight:650}.home-heading p{margin-top:12px;color:var(--muted);font-size:14px}.home-activity-link{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;white-space:nowrap}.home-activity-link .hosting-icon{width:16px}.home-activity-link .hosting-icon:last-child{width:13px}
.start-space{border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}.start-intro{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 20px;gap:16px}.start-intro h2{font-size:17px}.start-intro>span{font-size:12px;color:var(--muted)}
.goal-tabs{display:flex;gap:6px;padding:0 22px;overflow-x:auto}.goal-tab{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-height:52px;padding:12px 14px;color:var(--muted);font-size:13px;font-weight:650;white-space:nowrap;border-radius:10px 10px 0 0;transition:background .16s,color .16s}.goal-tab .hosting-icon{width:18px;height:18px}.goal-tab:hover{background:var(--surface2);color:var(--text)}.goal-tab.selected{background:var(--stage);color:var(--stage-text)}
.goal-stage{display:grid;grid-template-columns:1fr 1fr;gap:38px;padding:34px 34px 32px;background:var(--stage);color:var(--stage-text);align-items:center;min-height:328px;animation:task-change .2s cubic-bezier(.16,1,.3,1)}
.goal-copy h3{font-size:29px;line-height:1.2;letter-spacing:-.03em;font-weight:700;max-width:15ch}.goal-copy>p{font-size:13px;line-height:1.8;color:var(--stage-muted);margin:14px 0 18px;max-width:45ch}.goal-scope{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--stage-muted);margin-bottom:18px}.goal-scope select{background:transparent;color:var(--stage-text);border:0;border-bottom:1px solid var(--stage-line);border-radius:0;font-size:12px;padding:5px 24px 5px 0;max-width:240px;margin:0;min-width:0}.goal-scope option{background:var(--stage-soft);color:var(--stage-text)}
.goal-stage .goal-launch{background:var(--stage-action);color:var(--stage-action-text);border:0;min-height:46px;padding:12px 20px;font-size:13px;gap:16px}.goal-stage .goal-launch:hover{background:var(--stage-action-hover);box-shadow:none}.goal-reassurance{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--stage-muted);margin-top:14px}.goal-reassurance .hosting-icon{width:13px;height:13px}
.goal-preview{background:var(--stage-soft);border-radius:12px;padding:22px 24px;color:var(--stage-text);min-width:0}.preview-top{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:650}.preview-top>.hosting-icon{width:19px}.preview-tag{font-size:10px;font-weight:500;color:var(--stage-muted);margin-left:auto}.address-preview{display:block;margin-top:24px}.address-preview>span{font-size:11px;color:var(--stage-muted);display:block;margin-bottom:8px}.address-preview>div{display:flex;align-items:center;min-width:0;border-bottom:1px solid var(--stage-line);padding-bottom:10px}.address-preview input{width:80px;min-width:30px;max-width:48%;background:transparent;border:0;border-radius:0;color:var(--stage-text);font-size:18px;font-weight:650;padding:3px 0;margin:0;box-shadow:none}.address-preview>div>span{font-size:15px;overflow-wrap:anywhere;min-width:0}.address-preview input:focus-visible,.goal-scope select:focus-visible{outline-color:var(--stage-focus)}
.goal-path{list-style:none;margin:22px 0 0;padding:0;display:flex;gap:12px;counter-reset:step}.goal-path li{font-size:10px;color:var(--stage-muted);flex:1;position:relative}.goal-path li>span{display:grid;place-items:center;width:22px;height:22px;background:var(--stage);color:var(--stage-text);border-radius:50%;font-weight:650;margin-bottom:9px}.goal-path li:not(:last-child):after{content:"";position:absolute;left:29px;right:0;top:11px;height:1px;background:var(--stage-line)}.goal-path.tall{display:grid;gap:18px;margin-top:22px}.goal-path.tall li{display:flex;gap:12px;align-items:flex-start}.goal-path.tall li>span{flex-shrink:0}.goal-path.tall li:after{display:none}.goal-path.tall strong{display:block;font-size:12px;color:var(--stage-text)}.goal-path.tall small{display:block;font-size:11px;margin-top:3px}.preview-caption{font-size:10px;line-height:1.6;color:var(--stage-muted);margin-top:18px}
.home-columns{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;margin-top:34px}.home-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.home-section-head h2{font-size:17px}.home-section-head>span{font-size:11px;color:var(--muted);max-width:45%;overflow-wrap:anywhere;text-align:right}.resource-links{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.resource-link{display:flex;align-items:center;gap:12px;padding:18px 0;border-top:1px solid var(--line);min-width:0}.resource-symbol{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;background:var(--surface2);border-radius:10px;color:var(--accent)}.resource-symbol .hosting-icon{width:18px;height:18px}.resource-link>span:nth-child(2){min-width:0}.resource-link strong{display:block;font-size:12px;font-weight:650}.resource-link small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.resource-link>.hosting-icon{width:14px;margin-left:auto;color:var(--muted);transition:transform .15s}.resource-link:hover>.hosting-icon{transform:translateX(3px)}.resource-link:hover strong{color:var(--accent)}
.attention-item{display:flex;align-items:flex-start;gap:12px;padding:16px 0;border-top:1px solid var(--line)}.attention-item>.hosting-icon{color:var(--amber);flex-shrink:0;width:18px}.attention-item>.hosting-icon:last-child{color:var(--muted);width:14px;margin-left:auto}.attention-item strong{display:block;font-size:12px;overflow-wrap:anywhere}.attention-item small{display:block;color:var(--muted);font-size:12px;margin-top:4px;line-height:1.7}.attention-clear{display:flex;gap:14px;align-items:center;min-height:128px;border-top:1px solid var(--line)}.clear-symbol{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--green-bg);color:var(--green);flex-shrink:0}.attention-clear strong{font-size:14px}.attention-clear p,.home-fine{font-size:11px;color:var(--muted);margin-top:6px;line-height:1.7}.home-fine{margin-top:10px}
.server-pulse{display:flex;align-items:center;gap:32px;padding:22px 24px;background:var(--surface);border-radius:12px;margin:28px 0 34px}.pulse-heading{display:flex;align-items:center;gap:12px;margin-right:auto;min-width:0}.pulse-heading>.hosting-icon{color:var(--accent);width:25px}.pulse-heading strong{font-size:13px;display:block}.pulse-heading small{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.pulse-reading{font-variant-numeric:tabular-nums}.pulse-reading>span{font-size:10px;color:var(--muted);display:block}.pulse-reading strong{font-size:17px;display:block;font-weight:600;white-space:nowrap}.server-pulse>a{font-size:12px;display:flex;align-items:center;gap:8px;white-space:nowrap;color:var(--accent)}.server-pulse>a .hosting-icon{width:14px}
.home-recent{margin-top:28px}.home-no-activity{display:flex;align-items:center;gap:16px;padding:24px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.home-no-activity>.hosting-icon{color:var(--accent);width:22px;flex-shrink:0}.home-event{display:flex;align-items:center;gap:14px;padding:18px 0;border-top:1px solid var(--line)}.event-symbol{background:var(--surface2);color:var(--amber);width:32px;height:32px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.event-symbol.done{background:var(--green-bg);color:var(--green)}.event-symbol .hosting-icon{width:16px}.home-event>div{flex:1;min-width:0}.home-event strong{font-size:12px;display:block;overflow-wrap:anywhere;font-weight:500}.home-event small{font-size:10px;color:var(--muted)}
.quick-find-trigger{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font-size:12px;min-height:40px}.quick-find-trigger .hosting-icon{width:16px;height:16px}.quick-find-trigger kbd{font-size:10px;font-family:inherit;opacity:.75;margin-left:22px}.quick-find{width:min(560px,calc(100vw - 32px));max-height:min(680px,calc(100dvh - 48px));padding:0;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text);box-shadow:0 24px 80px #0005;overflow:auto}.quick-find::backdrop{background:#0d0a18b8}.find-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 12px}.find-heading h2{font-size:18px}.find-input{display:flex;align-items:center;gap:12px;padding:10px 22px 18px;border-bottom:1px solid var(--line)}.find-input input{border:0;background:transparent;color:var(--text);padding:8px 0;width:100%;font-size:15px;min-width:0}.find-input .hosting-icon{color:var(--muted)}.find-results{padding:8px;max-height:420px;overflow:auto}.find-results a{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:8px}.find-results a:hover,.find-results a:focus-visible{background:var(--surface2)}.find-results a>span{font-size:13px;flex:1}.find-results small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.find-results a>.hosting-icon{width:18px;color:var(--accent)}.find-results a>.hosting-icon:last-child{width:14px;color:var(--muted)}.find-empty{padding:28px;color:var(--muted);font-size:13px}.find-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:14px 22px;font-size:11px;color:var(--muted)}.find-foot kbd{font-family:inherit}
.journey-progress{display:flex;gap:28px;list-style:none;padding:0;margin:0 0 26px;max-width:800px}.journey-progress li{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.journey-progress li>span{border:1px solid var(--line);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-variant-numeric:tabular-nums}.journey-progress .active{color:var(--text);font-weight:650}.journey-progress .active>span{background:var(--accent-bg);color:var(--accent-text);border-color:transparent}.journey-progress .done>span{background:var(--green-bg);border-color:transparent;color:var(--green)}
[data-app-details]{display:grid;gap:20px}.app-review>p{font-size:13px;color:var(--muted);margin:12px 0 22px}.app-review dl>div{display:grid;grid-template-columns:140px 1fr;gap:14px;padding:16px 0;border-top:1px solid var(--line);font-size:13px}.app-review dt{color:var(--muted)}.app-review dd{margin:0;overflow-wrap:anywhere}.helper-card>.hosting-icon{width:32px;height:32px;color:var(--accent);margin-bottom:20px}
.h-setup-steps{background:var(--surface);padding:24px 28px;border-bottom:1px solid var(--line);gap:24px}.h-setup-steps li{font-size:12px}.h-setup-steps li>span{width:28px;height:28px;background:var(--surface2);border:0}.h-setup-steps .active>span{background:var(--accent-bg);color:var(--accent-text)}.h-setup-steps .done>span{background:var(--green-bg);color:var(--green)}.h-setup-form{padding:32px}.h-step-heading h2{font-size:26px;letter-spacing:-.025em}.h-step-heading p{font-size:13px}.h-setup-aside{background:var(--stage);color:var(--stage-text);padding:26px;border-radius:14px}.h-setup-aside p,.h-setup-aside .h-section-caption,.h-setup-aside .h-muted{color:var(--stage-muted)}.h-setup-aside .h-icon-tile{background:transparent;color:var(--stage-text);padding:0;border:0;margin-bottom:18px}.h-setup-aside .h-setup-summary{background:transparent;border:0;border-top:1px solid var(--stage-line);padding:20px 0 0}.h-setup-aside .h-aside-note{border-top:1px solid var(--stage-line);color:var(--stage-text)}.h-setup-aside .h-setup-summary hr{border-color:var(--stage-line)}.h-folder-choice:has(input:checked){background:var(--surface2);border-color:var(--accent)}
.success-moment{display:flex;gap:16px;align-items:center;padding:20px 24px;background:var(--green-bg);color:var(--green);border-radius:12px;margin-bottom:24px}.success-moment>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid currentColor;border-radius:50%}.success-moment strong{font-size:15px}.success-moment p{font-size:12px;margin-top:4px}.success-moment>.icon-button{margin-left:auto;color:inherit;border:0}.success-moment>span .hosting-icon,[data-email-state="completed"] .h-result-symbol svg,[data-setup-state="completed"] .h-result-symbol svg{animation:check-arrive .35s var(--ease)}
@keyframes task-change{from{opacity:.85;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes check-arrive{from{transform:scale(.7)}to{transform:scale(1)}}
[hidden],.quick-find:not([open]){display:none!important}
@media(max-width:1200px){main{padding:32px 28px}.goal-stage{gap:24px;padding:28px}.goal-copy h3{font-size:26px}.home-columns{gap:28px}.server-pulse{gap:22px}.quick-find-trigger kbd{display:none}}
@media(max-width:1000px){.sidebar{width:204px}.main-wrap{margin-left:204px}.goal-tab{font-size:11px;padding:12px 10px;gap:6px}.goal-stage{gap:20px;padding:26px}.goal-preview{padding:20px}.goal-copy h3{font-size:24px}.home-columns{grid-template-columns:1fr;gap:28px}.server-pulse{flex-wrap:wrap}.pulse-heading{flex-basis:100%}.server-pulse>a{margin-left:auto}.admin-label{display:none}.home-heading h1{font-size:2.1rem}}
@media(max-width:800px){.sidebar{width:270px}.main-wrap{margin-left:0}.sidebar .brand-mark{border-radius:50%}.mobile-nav-close{color:var(--muted)}.topbar{padding:0 24px}.quick-find-trigger{border:0;background:none;padding:8px}.quick-find-trigger>span{display:none}.quick-find-trigger .hosting-icon{width:20px;height:20px}.home-columns{grid-template-columns:1.15fr 1fr;gap:24px}.resource-links{grid-template-columns:1fr}.goal-tab{font-size:12px}.home-heading h1{font-size:2.25rem}}
@media(max-width:600px){main{padding:26px 18px}.topbar{padding:0 18px;height:64px}.home-heading{margin:0 0 24px;align-items:flex-start;gap:12px}.home-heading h1{font-size:1.9rem;line-height:1.2}.home-heading p{font-size:13px;margin-top:10px}.home-activity-link{font-size:0;min-width:40px;min-height:40px;justify-content:center;border:1px solid var(--line);border-radius:10px}.home-activity-link>.hosting-icon:first-child{width:18px}.home-activity-link>.hosting-icon:last-child{display:none}.start-intro{padding:20px 18px 16px}.start-intro h2{font-size:16px}.start-intro>span{display:none}.goal-tabs{padding:0 12px;gap:4px}.goal-tab{flex:0 0 auto;font-size:12px;padding:12px;min-height:48px}.goal-stage{grid-template-columns:1fr;padding:24px 22px;gap:26px;min-height:0}.goal-copy h3{font-size:26px;max-width:none}.goal-copy>p{font-size:13px;margin:12px 0 18px}.goal-preview{padding:20px}.goal-stage .goal-launch{width:100%;justify-content:space-between}.goal-reassurance{font-size:11px}.goal-scope select{max-width:80%;font-size:13px}.address-preview input{font-size:18px;width:85px}.address-preview>div>span{font-size:14px}.preview-caption{font-size:11px}.goal-path li{font-size:11px}.home-columns{grid-template-columns:1fr;gap:28px;margin-top:28px}.resource-links{grid-template-columns:1fr 1fr;gap:0 18px}.resource-link{gap:9px;padding:16px 0}.resource-symbol{width:30px;height:30px;border-radius:8px}.resource-symbol .hosting-icon{width:16px}.resource-link strong{font-size:11px}.resource-link small{font-size:10px}.resource-link>.hosting-icon{display:none}.home-section-head h2{font-size:16px}.attention-clear{min-height:100px}.server-pulse{padding:20px;gap:16px 26px;margin:28px 0}.pulse-heading{flex-basis:100%;margin-bottom:4px}.pulse-reading strong{font-size:18px}.server-pulse>a{flex-basis:100%;border-top:1px solid var(--line);padding-top:14px;font-size:12px;justify-content:space-between}.home-event{align-items:flex-start}.home-event .h-status{font-size:9px;max-width:78px;text-align:center}.journey-progress{gap:12px;justify-content:space-between}.journey-progress li{font-size:11px;gap:6px}.journey-progress li>span{width:24px;height:24px;flex-shrink:0}.h-setup-form{padding:24px 20px}.h-setup-steps{padding:20px;gap:16px}.h-setup-steps li{font-size:11px}.h-step-heading h2{font-size:23px}.app-review dl>div{grid-template-columns:1fr;gap:6px}.success-moment{padding:18px;gap:12px}.success-moment>span{flex-shrink:0}.find-heading{padding:18px}.find-heading h2{font-size:16px}.find-input{padding:8px 18px 16px}.find-input input{font-size:16px}.find-foot{padding:14px 18px}.h-folder-choice{min-height:64px}.h-setup-summary strong{overflow-wrap:anywhere}footer{margin:0 18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.setup-workspace{color:var(--muted);font-size:12px;margin:-12px 0 24px}.setup-workspace strong{color:var(--text);font-weight:600}.h-setup-steps li>span .hosting-icon{width:13px;height:13px}

.form-card [data-guided-app]{grid-template-columns:minmax(0,1fr);min-width:0}.form-card [data-guided-app]>*{min-width:0}.form-card [data-guided-app] .form-actions{flex-wrap:wrap}.app-review dd{min-width:0;overflow-wrap:anywhere}.domain-chip{display:inline-flex;align-items:center;gap:7px}.domain-chip .hosting-icon{width:14px;height:14px}.control-detail summary .hosting-icon{display:inline-block;width:16px;height:16px;vertical-align:-3px;margin-right:4px}
@media(max-width:600px){.form-card [data-guided-app] .form-actions .primary{flex-basis:100%}.form-card [data-guided-app] input{font-size:16px}}

/* Section introductions and focused management tools. */
.section-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:48px;align-items:center;margin:0 0 32px;max-width:1180px;padding:8px 0 28px;border-bottom:1px solid var(--line)}
.section-intro-copy{min-width:0}.section-symbol{width:42px;height:42px;display:grid;place-items:center;background:var(--surface2);color:var(--accent);border-radius:12px;margin-bottom:18px}.section-symbol .hosting-icon{width:22px;height:22px}
.section-intro h1{font-size:2.5rem;line-height:1.15;letter-spacing:-.035em;margin:0}.section-intro-copy>p{font-size:14px;color:var(--muted);line-height:1.8;max-width:47ch;margin:16px 0 0}.section-context{display:inline-flex;font-size:12px;color:var(--text);margin-top:18px;gap:8px;overflow-wrap:anywhere}
.section-possibilities{background:var(--stage);color:var(--stage-text);border-radius:14px;overflow:hidden}.section-task+ .section-task{border-top:1px solid color-mix(in srgb,var(--stage-text) 20%,transparent)}.section-task>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 24px;list-style:none;font-size:14px;font-weight:700;cursor:pointer}.section-task>summary::-webkit-details-marker{display:none}.section-task>summary .hosting-icon{width:16px;height:16px;transition:transform .18s var(--ease)}.section-task[open]>summary .hosting-icon{transform:rotate(180deg)}.section-task>summary:hover{background:color-mix(in srgb,var(--stage-text) 5%,transparent)}.section-task>summary:focus-visible{outline-color:var(--stage-focus);outline-offset:-4px}
.section-task-body{padding:0 24px 22px}.section-task-body>p{font-size:12px;color:var(--stage-muted);line-height:1.7;margin:0 0 15px}.section-task-body ol{display:flex;list-style:none;counter-reset:task-step;padding:0;gap:16px;margin:0 0 20px}.section-task-body li{flex:1;min-width:0;font-size:10px;line-height:1.55;counter-increment:task-step}.section-task-body li:before{content:counter(task-step);display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--stage-soft);font-size:10px;font-weight:700;margin-bottom:7px}
.section-task-action{background:var(--stage-action);color:var(--stage-action-text);border-color:transparent;min-height:42px;justify-content:space-between;gap:24px}.section-task-action:hover{background:var(--stage-action-hover);color:var(--stage-action-text)}.section-task-action:focus-visible{outline-color:var(--stage-focus)}.section-intro.compact{grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.section-intro.compact .section-task-body ol{display:none}.section-intro.compact .section-symbol{margin-bottom:14px}.section-intro.compact h1{font-size:2.25rem}
#application-list,#container-list,#server-readings,#resource-list,#dns-zones,#appearance{scroll-margin-top:24px;outline-offset:6px}.section-heading{align-items:center}.section-heading .secondary{font-size:11px;color:var(--muted)}
.page-heading,.h-heading{padding-top:4px}.page-heading h1,.h-heading h1{overflow-wrap:anywhere}.back-link,.h-back{display:inline-flex;align-items:center;font-size:12px;margin-bottom:16px;color:var(--muted)}.back-link:hover,.h-back:hover{color:var(--accent)}
.h-editor-layout{gap:28px;align-items:start}.h-editor-aside{background:var(--stage);color:var(--stage-text);border-radius:14px;padding:28px}.h-editor-aside p,.h-editor-aside .h-muted{color:var(--stage-muted);font-size:13px;line-height:1.8}.h-editor-aside h2{font-size:21px;line-height:1.3;margin:0 0 14px}.h-editor-aside .h-icon-tile{background:transparent;color:var(--stage-text);border:0;padding:0;margin-bottom:20px}.h-editor-aside .h-aside-note{border-top:1px solid color-mix(in srgb,var(--stage-text) 25%,transparent);color:var(--stage-muted);font-size:12px}.h-editor-aside a{color:var(--stage-text);text-decoration:underline;text-underline-offset:4px}.h-editor{padding:28px}.h-editor>h2,.form-card>h2{font-size:23px;letter-spacing:-.025em}.h-form-intro,.h-editor>p{font-size:13px;line-height:1.8;color:var(--muted);margin:10px 0 22px}.h-form{gap:20px}.h-form label,.dns-form label{font-size:13px}.h-form label>small,.dns-form label>small{font-size:12px;line-height:1.65;margin-top:7px}.h-form-identity{background:var(--surface2);padding:16px 18px;border-radius:8px}.h-form-identity strong{overflow-wrap:anywhere}.h-form-actions,.form-actions{flex-wrap:wrap;gap:12px}.h-account-action{padding:20px 0;border-top:1px solid var(--line)}.h-account-action>summary{font-size:14px;font-weight:600;cursor:pointer}.h-account-action[open]>summary{margin-bottom:20px}
.h-resource-detail .h-properties{display:grid;grid-template-columns:180px minmax(0,1fr);gap:0;padding:0 28px}.h-properties dt,.h-properties dd{padding:17px 0;border-bottom:1px solid var(--line);margin:0;font-size:13px;overflow-wrap:anywhere}.h-properties dt{color:var(--muted)}.h-detail-actions{gap:12px;padding:22px 28px;flex-wrap:wrap}.h-resource-detail .h-detail-actions{border-top:0}.h-detail-actions>.h-danger-link{margin-left:auto;align-self:center}.h-resource-detail .h-card-heading{padding:24px 28px}.h-table-wrap,.table-wrap{min-width:0}.h-table td,.table-wrap td{vertical-align:middle}.h-avatar,.h-row-icon{background:var(--surface2);color:var(--accent);border-radius:10px}.h-table .h-text-link{display:inline-flex;align-items:center;min-height:40px}.h-connection{margin-top:24px}.h-connection summary{font-size:14px;min-height:64px}.h-connection .h-connection-body{padding:0 28px 26px}.h-connection-body p{font-size:13px;line-height:1.8;color:var(--muted)}.h-copy-line{gap:14px;min-width:0}.h-copy-line code{overflow-wrap:anywhere}.h-empty{padding:42px 28px}.h-empty h2{font-size:21px;line-height:1.3}.h-empty p{font-size:13px;line-height:1.8;max-width:48ch}.h-empty .h-empty-art{margin-bottom:14px}.h-events .h-event{padding:22px 26px;gap:18px}.h-event p{font-size:12px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}.h-event-dot{width:8px;height:8px;margin-top:8px;background:var(--accent)}.h-event strong{font-size:13px}.h-event small{font-size:11px}.h-stats{gap:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.h-stats .h-stat{border:0;border-radius:0;border-right:1px solid var(--line);background:transparent}.h-stats .h-stat:last-child{border-right:0}.h-summary-grid{gap:24px;margin-top:24px}.h-step .hosting-icon{width:15px;height:15px}.h-steps a{padding:20px 24px}.h-steps strong{font-size:13px}.h-steps p{font-size:12px;line-height:1.7}.h-attention{background:var(--surface);padding:26px}.h-attention h2{font-size:20px}.h-attention p{font-size:13px;line-height:1.8}.h-attention-count{border-color:var(--line)}
/* An inline review enhances the existing server-validated forms. */
.change-progress,.guide-steps{display:flex;list-style:none;padding:0;margin:0 0 24px;gap:18px;counter-reset:change-step}.change-progress li{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);counter-increment:change-step}.change-progress li:before{content:counter(change-step);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--surface2);font-size:10px}.change-progress [aria-current=step]{color:var(--text);font-weight:650}.change-progress [aria-current=step]:before{background:var(--accent-bg);color:var(--accent-text)}
form[data-change-state=review]>:not(.change-review):not(.change-progress):not(.h-form-feedback){display:none!important}.change-review{min-width:0}.change-review h3{font-size:22px;line-height:1.3;letter-spacing:-.025em;margin:0 0 12px}.change-impact{font-size:13px;line-height:1.8;color:var(--muted);max-width:65ch;margin:0 0 22px}.change-values{margin:0 0 24px}.change-review-row{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(0,1fr);gap:18px;padding:15px 0;border-top:1px solid var(--line);font-size:13px}.change-review-row dt{color:var(--muted);overflow-wrap:anywhere}.change-review-row dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto}.change-updated{display:inline-block;color:var(--green);font-size:10px;margin-left:8px}.change-actions{display:flex;gap:12px;flex-wrap:wrap}.guide-steps{gap:22px}.guide-steps li{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.guide-steps li>span{width:26px;height:26px;border-radius:50%;background:var(--surface2);display:grid;place-items:center;font-size:11px}.guide-steps .current{color:var(--text);font-weight:650}.guide-steps .current>span{background:var(--accent-bg);color:var(--accent-text)}.guide-steps .complete>span{background:var(--green-bg);color:var(--green)}.guide-steps .hosting-icon{width:14px;height:14px}.h-form-feedback:not([hidden]){font-size:13px;line-height:1.7;padding:14px 16px;border-radius:8px;background:var(--red-bg);color:var(--red)}
.dns-tabs,.workspace-tabs{gap:4px;border-bottom:1px solid var(--line);padding:0 0 12px;margin:24px 0;overflow-x:auto;flex-wrap:nowrap}.dns-tabs a,.workspace-tabs button{white-space:nowrap;min-height:44px;padding:11px 16px;border-radius:8px;font-size:13px}.dns-tabs a.active,.workspace-tabs button[aria-selected=true]{background:var(--surface2);color:var(--accent);border-color:transparent}.dns-tabs a:hover,.workspace-tabs button:hover{background:var(--surface2)}.dns-overview{gap:24px;margin-bottom:24px}.dns-overview>.h-card{background:transparent;border:0;border-radius:0;padding:12px 0 24px;border-bottom:1px solid var(--line)}.dns-overview h2{font-size:17px;margin-bottom:8px}.dns-overview p,.dns-overview .h-muted{font-size:12px;line-height:1.8}.dns-form{gap:20px}.dns-workspace>.h-card,.dns-workspace .dns-preview{padding:28px}.dns-workspace .h-card>.h-muted{margin:16px 24px;font-size:12px;line-height:1.8}.dns-preview>p{font-size:12px;color:var(--muted);margin:14px 0 20px}.dns-diff{gap:20px}.dns-diff h3{font-size:13px;margin-bottom:12px}.dns-diff pre{font-size:12px;line-height:1.8;border-radius:8px;background:var(--terminal);color:var(--terminal-text);padding:20px;overflow:auto}.dns-steps{padding-left:24px}.dns-steps li{padding:12px 0 20px 10px}.dns-steps strong{font-size:14px}.dns-steps p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:8px}.dns-nameservers code{overflow-wrap:anywhere}.dns-activity{padding:20px 0;border-top:1px solid var(--line)}.dns-activity strong{font-size:13px}.dns-activity p{font-size:12px;line-height:1.8;color:var(--muted)}.dns-activity small{font-size:11px;color:var(--muted)}
.service-bar{padding:20px 24px;border-radius:14px;background:var(--surface);border-color:var(--line);gap:18px}.service-bar .secondary{font-size:12px;line-height:1.7}.control-detail{background:var(--surface);border-radius:10px;border:1px solid var(--line);min-width:0}.control-detail>summary{padding:16px 18px;font-size:13px;font-weight:600;cursor:pointer}.control-detail[open]{padding-bottom:20px}.control-detail>p,.control-detail>form{margin:12px 18px 0;font-size:13px;line-height:1.8}.control-detail form .checkbox{font-size:12px;margin:16px 0;display:flex;align-items:flex-start;gap:9px}.container-control-grid{gap:12px;margin:20px 0}.container-control-grid>.control-detail{padding:0}.container-control-grid>.control-detail[open]{padding-bottom:20px}.container-control-grid>form{align-self:start}.container-control-grid>form[data-change-state=review]{grid-column:1/-1;background:var(--surface);padding:24px;border-radius:14px}.control-row{gap:16px;margin:18px 0 26px}.control-row>details{flex:1}.service-bar form[data-change-state=review]{width:100%}.service-bar:has(form[data-change-state=review]){flex-wrap:wrap}.log-output{line-height:1.8;font-size:12px}.log-card{margin-top:24px}.activity-icon .hosting-icon{width:16px;height:16px}.docker-grid{gap:24px}.docker-card{overflow:hidden}.docker-card .docker-heading{padding:24px}.docker-heading h2{font-size:19px;overflow-wrap:anywhere}.docker-heading p{font-size:12px;overflow-wrap:anywhere}.docker-details>summary{font-size:12px;padding:18px 24px;cursor:pointer}.docker-details h3{font-size:13px;margin:18px 0 10px}.docker-details pre{font-size:12px;line-height:1.7;overflow:auto}.workspace-properties{grid-template-columns:180px minmax(0,1fr)}.workspace-properties dd{overflow-wrap:anywhere}.config-editor h3{font-size:16px;margin:26px 0 10px}.config-editor p{font-size:12px;color:var(--muted);line-height:1.8}.config-row{gap:12px;align-items:end}.config-editor textarea{font-family:ui-monospace,monospace;font-size:13px}.danger-zone{margin-top:34px;padding:22px 0;border-top:1px solid var(--line);border-bottom:0}.danger-zone summary{font-size:13px;cursor:pointer;color:var(--red)}.danger-zone p{font-size:13px;color:var(--muted);line-height:1.8;margin:16px 0}.danger-zone .checkbox{font-size:13px;display:flex;gap:10px;margin-bottom:18px}.quiet-empty{font-size:13px;line-height:1.8;padding:28px;color:var(--muted)}.quiet-empty strong{color:var(--text);display:block;margin-bottom:8px}
.settings-grid{gap:24px}.settings-grid .form-card,.password-card{padding:28px}.settings-grid .secondary,.password-card>.secondary{font-size:13px;line-height:1.8;margin:12px 0 24px}.theme-options{gap:16px}.theme-option{background:var(--bg);color:var(--muted);border:1px solid var(--line);border-radius:12px;padding:12px;font-size:13px}.theme-option[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--surface2)}.theme-preview{height:66px;border-radius:7px;margin-bottom:10px}.password-card{margin-top:24px;max-width:900px}.password-card input{max-width:100%}.notice{line-height:1.8;font-size:13px;border-radius:10px;padding:16px 20px;overflow-wrap:anywhere}
.auth-page{padding:40px 24px;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.auth-shell{display:grid;grid-template-columns:1fr 1fr;max-width:960px;width:100%;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:0 auto}.auth-introduction{background:var(--stage);color:var(--stage-text);padding:42px;display:flex;flex-direction:column;gap:42px}.auth-introduction .brand{font-size:27px;color:var(--stage-text)}.auth-introduction .brand-sub{color:var(--stage-muted)}.auth-introduction h2{font-size:34px;font-weight:650;line-height:1.2;letter-spacing:-.035em}.auth-introduction p{color:var(--stage-muted);font-size:13px;line-height:1.8;margin-top:18px;max-width:35ch}.auth-introduction ul{padding:0;margin:0;list-style:none;display:grid;gap:18px}.auth-introduction li{display:flex;align-items:center;gap:12px;font-size:12px}.auth-introduction .hosting-icon{width:18px;height:18px;flex-shrink:0}.auth-shell .auth-card{border:0;border-radius:0;width:auto;max-width:none;margin:0;padding:48px 42px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;background:var(--surface)}.auth-card h1{font-size:27px}.auth-card .lede{font-size:13px;line-height:1.8;margin:14px 0 26px}.auth-card label{font-size:13px}.auth-card input{min-height:46px;border-radius:8px;font-size:16px}.auth-card .fine-print{font-size:11px;margin-top:20px}.auth-footer{position:static;display:block;margin:24px auto 0;font-size:11px;color:var(--muted)}.recovery-page{max-width:660px;padding:48px 0}.recovery-page h1{font-size:36px;line-height:1.2}.recovery-page p{font-size:14px;line-height:1.8;color:var(--muted);margin:18px 0 26px}.recovery-page>div{display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:1100px){.section-intro{gap:28px;grid-template-columns:minmax(0,1fr) minmax(300px,1fr)}.section-intro h1{font-size:2.15rem}.section-intro.compact{gap:28px}.h-editor-layout{gap:22px}.auth-introduction{padding:32px}}
@media(max-width:900px){.h-editor-layout{grid-template-columns:1fr}.h-editor-aside{padding:24px}.config-row{grid-template-columns:1fr 1fr}.config-row>.button{justify-self:start}.workspace-properties{grid-template-columns:135px minmax(0,1fr)}}
@media(max-width:600px){.section-intro,.section-intro.compact{grid-template-columns:1fr;gap:24px;padding:0 0 26px;margin-bottom:26px}.section-intro h1,.section-intro.compact h1{font-size:1.9rem}.section-intro-copy>p{font-size:13px;line-height:1.75;margin-top:12px}.section-symbol{width:36px;height:36px;margin-bottom:14px}.section-symbol .hosting-icon{width:19px;height:19px}.section-intro.compact .section-possibilities .section-task-body{padding-bottom:18px}.section-task>summary{padding:16px 20px;font-size:13px}.section-task-body{padding:0 20px 20px}.section-task-body ol{gap:12px}.section-task-action{width:100%;min-height:44px}.section-context{margin-top:12px}.h-editor,.dns-workspace>.h-card,.dns-workspace .dns-preview{padding:22px 20px}.h-editor>h2,.form-card>h2{font-size:21px}.h-form input,.h-form select,.h-form textarea,.dns-form input,.dns-form select,.dns-form textarea,.password-card input{font-size:16px}.h-resource-detail .h-properties{grid-template-columns:1fr;padding:0 20px}.h-properties dt{border:0;padding:15px 0 5px;font-size:11px}.h-properties dd{padding:0 0 15px}.h-resource-detail .h-card-heading{padding:22px 20px}.h-detail-actions{padding:20px;gap:10px}.h-detail-actions>.button{flex:1 1 auto}.h-detail-actions>.h-danger-link{margin-left:0;flex-basis:100%;padding:10px 0}.h-events .h-event{padding:20px;gap:12px}.h-event small{font-size:10px}.h-connection .h-connection-body{padding:0 20px 22px}.h-empty{padding:32px 20px}.h-stats .h-stat{border-bottom:1px solid var(--line)}.h-stats .h-stat:nth-child(2){border-right:0}.h-stats .h-stat:nth-child(n+3){border-bottom:0}.h-steps a{padding:18px 20px}.change-progress{gap:12px;flex-wrap:wrap}.change-review h3{font-size:20px}.change-review-row{grid-template-columns:1fr;gap:7px}.change-actions .primary{flex-basis:100%;min-height:46px}.guide-steps{gap:12px;flex-wrap:wrap}.guide-steps li{font-size:11px}.guide-steps li>span{width:22px;height:22px}.dns-diff{grid-template-columns:1fr}.dns-diff pre{padding:16px}.dns-tabs a,.workspace-tabs button{padding:11px 13px;font-size:12px}.service-bar{padding:20px}.control-row{flex-direction:column}.control-detail>summary{padding:16px}.control-detail>p,.control-detail>form{margin-left:16px;margin-right:16px}.container-control-grid{grid-template-columns:1fr 1fr}.container-control-grid .control-detail[open]{grid-column:1/-1}.config-row{grid-template-columns:1fr}.workspace-properties{grid-template-columns:1fr;gap:8px}.workspace-properties dt{margin-top:12px}.docker-heading h2{font-size:17px}.settings-grid .form-card,.password-card{padding:22px 20px}.theme-options{gap:10px}.theme-option{padding:8px;font-size:11px}.theme-preview{height:52px}.notice{padding:14px 16px;font-size:12px}.auth-page{padding:24px 18px}.auth-shell{grid-template-columns:1fr}.auth-introduction{padding:26px;gap:26px}.auth-introduction h2{font-size:28px}.auth-introduction p{margin-top:12px}.auth-introduction ul{display:none}.auth-shell .auth-card{padding:28px 26px}.auth-card h1{font-size:25px}.recovery-page{padding:26px 0}.recovery-page h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){.section-task>summary .hosting-icon{transition:none}}
[data-guide-step]{border:0;padding:0;margin:0;min-width:0;display:grid;gap:20px}[data-guide-step]>legend{font-size:18px;font-weight:650;margin-bottom:20px;padding:0}[data-guide-step]>.h-form-intro{margin:0 0 4px}.guide-step-actions{display:flex;gap:12px;flex-wrap:wrap}.guide-step-actions:has(button:not([hidden])){margin-top:4px}
.h-setup-form[data-change-state=edit]>.change-progress{display:none}.h-setup-main:has([data-change-state=review])>.h-setup-steps{display:none}.dns-enable[data-change-state=edit]>.change-progress,.docker-actions form[data-change-state=edit]>.change-progress{display:none}.dns-enable[data-change-state=review]{display:block}.docker-actions:has([data-change-state=review]){display:block}.docker-actions form[data-change-state=review]{margin-top:18px}.dns-enable .change-review{padding:18px 0}.docker-list{display:grid;gap:24px}.docker-container .docker-heading{padding:24px}.docker-container .docker-metrics{padding:0 24px 22px}.docker-container .docker-actions{padding:20px 24px;border-top:1px solid var(--line)}.docker-container .docker-details{padding:0 24px 20px}.docker-container .docker-details>summary{padding:18px 0}.docker-container .docker-details dd{overflow-wrap:anywhere}.empty-state h3{font-size:21px}.empty-state p{font-size:13px;line-height:1.8;color:var(--muted)}
.container-control-grid>form[data-change-state=edit]>.change-progress,.service-bar form[data-change-state=edit]>.change-progress{display:none}.h-editor-aside{display:block}.dns-workspace .h-context{display:flex;justify-content:space-between;align-items:center;gap:16px}.dns-workspace .h-context>a{font-size:12px}.dns-workspace .h-card.h-editor>.h-muted{margin:12px 0 22px}.config-editor>form{gap:18px}.config-editor>form>p{margin:0 0 8px}.config-editor h3{margin-top:12px}.config-row{margin-top:0}.h-resource-detail .h-detail-actions{padding-top:24px}
@media(max-width:600px){.resource-heading h1{font-size:28px;line-height:1.25}.change-progress{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px}.change-progress li{flex-direction:column;align-items:flex-start;gap:7px;font-size:10px}.dns-workspace .h-context{align-items:flex-start;flex-wrap:wrap}.dns-workspace .h-context>a{min-height:40px}.h-editor-aside{margin-top:0}.h-resource-detail .h-detail-actions{padding-top:20px}}

/* Storage allowances: one shared workspace budget, edited as a draft. */
.storage-summary{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin:22px 0 28px;background:var(--surface);font-size:13px}
.storage-summary>svg{width:22px;height:22px;flex:none;color:var(--accent)}
.storage-summary>div{display:grid;gap:3px;flex:1;min-width:0}.storage-summary strong{font-weight:650}.storage-summary span{color:var(--muted)}
.storage-summary.near,.storage-summary.full{background:var(--amber-bg);border-color:color-mix(in srgb,var(--amber) 25%,var(--line))}.storage-summary.near strong,.storage-summary.full strong,.storage-summary.near>svg,.storage-summary.full>svg{color:var(--amber)}
.storage-dialog{width:min(880px,calc(100vw - 40px));max-height:calc(100dvh - 64px);padding:0;border:0;border-radius:16px;background:var(--surface);color:var(--text);box-shadow:0 24px 80px #0005;overflow:hidden;position:fixed}
.storage-dialog[open]{display:flex;flex-direction:column}.storage-dialog::backdrop{background:#080610b8}
.storage-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:26px 30px 20px;border-bottom:1px solid var(--line)}
.storage-dialog h2{font-size:29px;line-height:1.2;letter-spacing:-.03em;margin:0 0 8px}.storage-dialog p{margin:0;color:var(--muted);line-height:1.6}.storage-dialog h3{font-size:16px;line-height:1.4;margin:0;letter-spacing:-.015em}
.storage-dialog-body{overflow:auto;padding:24px 30px;overscroll-behavior:contain}.storage-workspace{display:flex;gap:14px;align-items:center;font-size:13px;font-weight:650;margin:0 0 22px}.storage-workspace select{width:auto;max-width:70%;min-height:40px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 32px 8px 12px}
.storage-capacity{display:flex;justify-content:space-between;gap:24px;margin-bottom:16px}.storage-capacity>div{display:grid;gap:4px}.storage-capacity span{font-size:12px;color:var(--muted)}.storage-capacity strong{font-size:24px;line-height:1.3;font-variant-numeric:tabular-nums;letter-spacing:-.025em;font-weight:650}.storage-capacity>div:last-child{text-align:right}.storage-capacity>div:last-child strong{color:var(--green)}.storage-over{color:var(--red)!important}
.storage-bar{height:58px;display:flex;gap:3px;overflow:hidden;border-radius:10px;background:var(--bg);padding:3px;margin-bottom:12px}.storage-segment{border:0;border-radius:6px;flex:none;min-width:0;overflow:hidden;cursor:pointer;padding:0;transition:width 180ms ease-out,filter 180ms;position:relative}.storage-segment.mail,.storage-dot.mail{background:#c3b2ef}.storage-segment.folder,.storage-dot.folder{background:#77cbb4}.storage-segment.selected{box-shadow:inset 0 0 0 3px #332544;filter:brightness(1.08)}.storage-segment.available{color:var(--muted);background:var(--surface2);font-size:12px;white-space:nowrap}.storage-segment:focus-visible{outline:3px solid var(--text);outline-offset:-4px}
.storage-dialog .storage-explanation{font-size:12px;max-width:68ch;margin-bottom:26px}.storage-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.storage-list-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.storage-list-head .quiet{font-size:12px;min-height:36px;padding:4px}
.storage-resource-list{max-height:270px;overflow:auto}.storage-resource{display:flex;align-items:center;gap:10px;text-align:left;width:100%;min-height:64px;padding:12px 10px;border:0;border-radius:8px;background:transparent;color:var(--text);cursor:pointer}.storage-resource:hover{background:var(--surface2)}.storage-resource.selected{background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line)}.storage-dot{width:8px;height:24px;border-radius:3px;flex:none}.storage-row-copy{display:grid;gap:3px;min-width:0;flex:1}.storage-row-copy strong{font-size:13px;overflow-wrap:anywhere;font-weight:650}.storage-row-copy small{font-size:11px;color:var(--muted)}.storage-row-amount{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.storage-selected{padding:20px;background:var(--stage);color:var(--stage-text);border-radius:12px;align-self:start;min-height:250px}.storage-resource-type{font-size:12px;color:var(--stage-muted);display:block;margin-bottom:6px}.storage-selected h3{font-size:18px;overflow-wrap:anywhere}.storage-selected .storage-usage{font-size:12px;color:var(--stage-muted);margin:10px 0 24px}.storage-selected label{font-size:12px;font-weight:650}.storage-selected .storage-help{font-size:12px;color:var(--stage-muted);margin-top:14px}.storage-selected .text-link{display:inline-block;font-size:12px;color:var(--stage-text);margin-top:12px}.storage-selected [hidden]{display:none!important}
#storage-range{width:100%;height:32px;margin:9px 0 12px;accent-color:var(--stage-action);cursor:ew-resize;padding:0;border:0;background:transparent;min-height:32px}.storage-number{display:flex;align-items:center;gap:8px;min-width:0}.storage-number input{width:100%;min-width:0;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:var(--bg);color:var(--text);font:inherit;font-variant-numeric:tabular-nums}.storage-number select{min-height:44px;border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--bg);color:var(--text);font:inherit}.storage-selected .storage-number input,.storage-selected .storage-number select{background:var(--stage-soft);color:var(--stage-text);border-color:color-mix(in srgb,var(--stage-text) 22%,transparent)}.storage-selected :focus-visible{outline-color:var(--stage-text)}
.storage-total-editor{margin-top:26px;border-top:1px solid var(--line);padding-top:18px}.storage-total-editor summary{cursor:pointer;font-size:13px;font-weight:650;min-height:30px}.storage-total-editor p{font-size:12px;margin:8px 0 14px}.storage-total-editor .storage-number{max-width:240px}.storage-total-editor small{color:var(--muted);display:block;margin-top:8px;font-size:12px}
.storage-dialog-foot{padding:18px 30px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--surface)}.storage-dialog-foot>span{font-size:12px;max-width:34ch;color:var(--muted)}.storage-dialog-foot>div{display:flex;gap:8px}.storage-feedback{background:var(--red-bg);color:var(--red);padding:14px 16px;margin-top:18px;border-radius:8px;font-size:13px}.storage-feedback a,.storage-feedback button{display:block;margin-top:10px}.storage-discard{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--bg);margin-top:18px}.storage-discard p{font-size:13px;margin:6px 0 14px}.storage-discard>div{display:flex;gap:8px}
.storage-review h3{font-size:21px;margin:4px 0 20px}.storage-review dl{display:grid;grid-template-columns:minmax(0,1fr) auto;margin:0 0 20px}.storage-review dt,.storage-review dd{padding:13px 0;margin:0;border-top:1px solid var(--line);font-size:13px;overflow-wrap:anywhere}.storage-review dd{text-align:right;padding-left:20px;font-variant-numeric:tabular-nums}.storage-review p{font-size:13px}.storage-result{padding:20px 0}.storage-result>svg{width:36px;height:36px;color:var(--green);margin-bottom:12px}.storage-result.pending>svg{display:none}.storage-result h3{font-size:24px;margin-bottom:10px}.storage-result p{margin-bottom:16px}.storage-empty{padding:12px 0;font-size:13px}
@media(max-width:600px){.storage-summary{flex-wrap:wrap;padding:16px;gap:10px}.storage-summary>.button{width:100%}.storage-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:14px}.storage-dialog-head{padding:20px 18px 16px}.storage-dialog h2{font-size:26px}.storage-dialog-head p{font-size:13px}.storage-dialog-body{padding:18px}.storage-editor-layout{grid-template-columns:1fr;gap:18px}.storage-resource-list{max-height:190px}.storage-selected{min-height:0;padding:18px}.storage-dialog-foot{padding:14px 18px;flex-direction:column;align-items:stretch;gap:10px}.storage-dialog-foot>span{max-width:none;font-size:11px}.storage-dialog-foot>div{flex-wrap:wrap}.storage-dialog-foot .button{flex:1;min-height:44px}.storage-number input,.storage-number select,.storage-workspace select{font-size:16px}.storage-workspace{margin-bottom:18px}.storage-dialog .storage-explanation{margin-bottom:20px}.storage-review dl{grid-template-columns:1fr}.storage-review dt{padding-bottom:4px}.storage-review dd{text-align:left;border-top:0;padding:0 0 14px}.storage-capacity strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){.storage-segment{transition:none}}

.storage-dialog .storage-pending-message{padding:14px 16px;margin:0 0 20px;border-radius:8px;background:var(--amber-bg);color:var(--amber);font-size:13px}

.storage-capacity .storage-full{color:var(--amber)!important}.storage-segment{flex-shrink:1}.storage-field-warning{display:block;font-size:12px;color:var(--amber);margin-top:8px}.storage-field-warning a{font-weight:650;text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.storage-selected{grid-row:1}}

/* The same space selector follows a task from setup through later changes. */
.space-picker{min-width:0}.space-picker-button{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:16px 18px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--text);text-align:left;cursor:pointer;font:inherit;transition:border-color 160ms ease-out,background 160ms ease-out}
.space-picker-button:hover{border-color:var(--accent);background:var(--bg)}.space-picker-button>span:first-child{display:grid;gap:5px;font-size:12px}.space-picker-button strong{font-size:22px;font-weight:650;letter-spacing:-.025em;line-height:1.3;font-variant-numeric:tabular-nums}.space-picker-action{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650;color:var(--accent);white-space:nowrap}.space-picker-action svg{width:18px;height:18px}
.space-picker-track{height:6px;margin:10px 0 8px;background:var(--surface2);border-radius:4px;overflow:hidden}.space-picker-track span{display:block;height:100%;background:var(--accent);border-radius:inherit}.h-form .space-picker-caption{font-size:12px;line-height:1.65;margin:9px 0 0;color:var(--muted)}.space-picker-error{font-size:12px;line-height:1.6;color:var(--red);margin:8px 0 0}
.space-dialog{width:min(640px,calc(100vw - 40px))}.space-dialog .storage-selected{min-height:0;margin-top:24px}.space-dialog .storage-selected h3{margin-bottom:20px}.storage-slider{width:100%;height:40px;min-height:40px;margin:8px 0;padding:0;border:0;background:transparent;accent-color:var(--stage-action);cursor:ew-resize}.storage-total-editor .storage-slider{accent-color:var(--accent)}
.space-range-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--stage-muted);font-variant-numeric:tabular-nums;margin-bottom:18px}.space-dialog .space-note{font-size:12px;line-height:1.7;margin-top:18px}.space-manage{font-size:12px;text-align:left;min-height:44px;padding:8px 0;color:var(--accent)}
.space-legend{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:11px;color:var(--muted)}.space-legend>span{display:inline-flex;align-items:center;gap:6px}.space-legend strong{font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.space-dot{width:9px;height:9px;display:inline-block;border-radius:2px}.space-reserved,.space-dot.reserved{background:#77cbb4}.space-chosen,.space-dot.chosen{background:#c3b2ef}.space-available,.space-dot.available{background:var(--surface2)}.space-dialog .storage-segment{cursor:default}.space-scale{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.space-scale select{max-width:65%;padding:7px 10px;min-height:40px;border:1px solid color-mix(in srgb,var(--stage-text) 22%,transparent);border-radius:8px;background:var(--stage-soft);color:var(--stage-text);font:inherit}
@media(max-width:600px){.space-dialog{width:calc(100vw - 16px)}.space-picker-button{padding:14px;gap:10px}.space-picker-action{font-size:11px}.space-dialog .storage-selected{margin-top:20px}.space-scale select{font-size:16px}.h-form-columns:has(>.space-picker){grid-template-columns:1fr}.space-dialog .storage-dialog-foot>div{flex-wrap:nowrap}}
@media(prefers-reduced-motion:reduce){.space-picker-button{transition:none}}

.h-setup-steps{flex-wrap:wrap;row-gap:12px}.h-setup-steps .setup-step-count{display:none}.h-setup-section>.h-step-heading{margin-bottom:22px}.h-setup-section>label{display:block;margin-bottom:20px}.h-setup-section>.h-password-actions{margin-top:14px}.h-setup-section .h-access-options{margin:0}.h-setup-section .h-folder-allocation{display:block}.h-setup-submit>[data-wizard-next]{margin-left:auto}
@media(max-width:600px){.h-file-setup .h-setup-steps{gap:12px;align-items:center}.h-file-setup .h-setup-steps li:not(.active):not(.setup-step-count){display:none}.h-file-setup .h-setup-steps li.active{font-size:13px;gap:8px}.h-file-setup .h-setup-steps .setup-step-count{display:block;margin-left:auto;color:var(--muted);font-size:12px}.h-setup-submit{gap:10px}.h-setup-submit>button,.h-setup-submit>a{min-height:44px}}

.hosting-workspace .h-address-input{display:flex;align-items:center;min-width:0;overflow:hidden;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:0;min-height:52px;gap:0;margin-top:8px;transition:border-color 160ms ease-out}.hosting-workspace .h-address-input:focus-within{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:3px}.hosting-workspace .h-address-input input{border:0!important;margin:0!important;flex:1;background:transparent!important;width:0;min-width:56px;padding:12px 14px!important;text-align:right;font-size:16px!important;font-weight:600;letter-spacing:-.015em;color:var(--text)!important;caret-color:var(--accent);line-height:1.35;outline:none!important;box-shadow:none!important}.hosting-workspace .h-address-input input::placeholder{color:var(--muted);font-weight:400;font-size:16px;letter-spacing:0;opacity:1}.hosting-workspace .h-address-input>span{border:0;border-left:1px solid color-mix(in srgb,#414452 14%,transparent);align-self:stretch;display:flex;align-items:center;padding:12px 14px;max-width:62%;min-height:50px;border-radius:0;font-size:13px;line-height:1.4;font-weight:550;letter-spacing:0;color:#414452;background:color-mix(in srgb,#e6e7ec 90%,var(--stage));overflow-wrap:anywhere}.h-email-setup .email-identity-label>small{overflow-wrap:anywhere}.email-identity-label small strong{display:block;margin-top:5px;color:var(--text);font-weight:600}
@media(max-width:600px){.hosting-workspace .h-address-input{padding:0;gap:0;min-height:48px}.hosting-workspace .h-address-input input{font-size:16px!important}.hosting-workspace .h-address-input>span{font-size:12px;padding:10px 12px;min-height:46px}}
@media(prefers-reduced-motion:reduce){.hosting-workspace .h-address-input{transition:none}}

/* A single folder view keeps location, navigation, and selection distinct. */
.folder-browser{container-type:inline-size;background:var(--surface);border-radius:12px;overflow:hidden;margin-top:0}
.h-folder-picker.folder-browser[aria-busy=true]{opacity:1}
.folder-toolbar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--surface2);border-bottom:1px solid var(--line);min-width:0}
.folder-toolbar .icon-button{width:36px;height:36px;flex:none;background:var(--surface);border-radius:8px}
.folder-toolbar nav{display:flex;align-items:center;gap:9px;flex:1;min-width:0;overflow:auto;white-space:nowrap;scrollbar-width:none;font-size:12px}
.folder-toolbar nav button{border:0;background:none;color:var(--muted);font:inherit;padding:8px 2px;cursor:pointer;min-height:36px;max-width:220px;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}
.folder-toolbar nav button[aria-current]{color:var(--text);font-weight:650}
.folder-toolbar nav span{color:var(--muted);opacity:.6}
.folder-toolbar .folder-locations-toggle{display:none}
.folder-manager-body{display:grid;grid-template-columns:176px minmax(0,1fr);min-height:376px}
.folder-sidebar{padding:22px 12px;background:var(--bg);border-right:1px solid var(--line);min-width:0}
.folder-sidebar>h3{font-size:12px;font-weight:650;margin:0 8px 16px;letter-spacing:0}
.folder-locations{display:grid;gap:5px}
.folder-location{display:flex;align-items:flex-start;gap:9px;padding:12px 10px;min-height:54px;width:100%;border:1px solid transparent;background:transparent;color:var(--muted);font:inherit;text-align:left;border-radius:8px;cursor:pointer;min-width:0}
.folder-location>span:last-child{flex:1;min-width:0}
.folder-location strong{display:block;font-size:12px;font-weight:600;overflow-wrap:anywhere}
.folder-location small{display:block;font-size:10px;line-height:1.6;margin-top:4px;color:var(--muted);overflow-wrap:anywhere}
.folder-location-symbol{color:var(--muted);padding-top:1px;flex:none}.folder-location-symbol svg{width:17px;height:17px}
.folder-location:hover{background:var(--surface2);color:var(--text)}
.folder-location[aria-current]{background:var(--surface);border-color:var(--line);color:var(--text)}
.folder-location[aria-current] .folder-location-symbol{color:var(--accent)}
.folder-sidebar>p{font-size:11px;line-height:1.75;color:var(--muted);padding:18px 8px 0;margin-top:18px;border-top:1px solid var(--line)}
.folder-sidebar-empty{font-size:12px;color:var(--muted);padding:8px}
.folder-content{min-width:0;padding:22px 22px 0}
.folder-content-heading{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:18px;min-width:0}
.folder-content-heading>div{min-width:0;flex:1}
.folder-content-heading h3{font-size:17px;font-weight:650;letter-spacing:-.02em;overflow-wrap:anywhere;line-height:1.4;margin:0}
.folder-content-heading h3:focus{outline-offset:4px}
.folder-content-heading p{font-size:11px;color:var(--muted);line-height:1.6;margin-top:5px}
.folder-content-heading .button{min-height:34px;font-size:11px;padding:7px 10px;flex-shrink:0;gap:6px}
.folder-content-heading .button svg{width:14px;height:14px}
.folder-browser .folder-search{display:flex;align-items:center;gap:10px;margin:0 0 18px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);min-height:42px}
.folder-search>svg{width:16px;height:16px;flex:none;color:var(--muted)}
.folder-browser .folder-search input{background:transparent!important;margin:0!important;padding:10px 0!important;border:0!important;box-shadow:none!important;min-width:0;width:100%;min-height:40px;font-size:12px!important;outline:none;color:var(--text)}
.folder-browser .folder-search:focus-within{outline:2px solid var(--accent);outline-offset:3px}
.folder-search input::placeholder{color:var(--muted);opacity:1}
.folder-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.folder-browser .folder-search .icon-button{border:0;width:28px;height:28px;flex:none;margin-right:-6px;color:var(--muted)}
.folder-list-heading{display:flex;justify-content:space-between;padding:0 10px 9px;font-size:10px;color:var(--muted);border-bottom:1px solid var(--line)}
.folder-list{list-style:none;margin:0;padding:4px 0;min-height:216px;max-height:320px;overflow-y:auto;overscroll-behavior:contain}
.folder-list>li{list-style:none;margin:0;padding:0}
.folder-option{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:12px 10px;border:0;border-radius:8px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background .15s var(--ease)}
.folder-option:hover{background:var(--surface2)}
.folder-option:focus-visible{outline-offset:-2px;background:var(--surface2)}
.folder-row-symbol{display:grid;place-items:center;flex:none;color:var(--accent);width:22px}.folder-row-symbol svg{width:22px;height:22px}
.folder-row-copy{display:block;flex:1;min-width:0}
.folder-row-copy strong{display:block;font-size:12px;line-height:1.6;font-weight:600;overflow-wrap:anywhere}
.folder-row-copy small{display:block;color:var(--muted);font-size:10px;line-height:1.7;margin-top:3px;overflow-wrap:anywhere}
.folder-chevron{display:flex;align-items:center;color:var(--muted);flex:none}.folder-chevron svg{width:15px;height:15px}
.folder-row-status{font-size:9px;color:var(--muted);background:var(--surface2);padding:3px 7px;border-radius:5px;flex:none}
.folder-browser .folder-option:disabled{opacity:1;cursor:not-allowed;color:var(--muted)}
.folder-option:disabled .folder-row-symbol{color:var(--muted)}
.folder-option:disabled .folder-chevron{display:none}
.folder-list .folder-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:216px;text-align:center;padding:26px 16px;gap:8px;color:var(--muted)}
.folder-empty>svg{width:30px;height:30px;margin-bottom:6px;color:var(--muted)}
.folder-empty>strong{font-size:13px;color:var(--text);font-weight:600}
.folder-empty>p{font-size:12px;line-height:1.8;max-width:34ch;margin:0;overflow-wrap:anywhere}
.folder-empty .button{margin-top:8px;min-height:36px;font-size:12px}
.folder-list .folder-pagination{padding:12px 0}.folder-more{width:100%;min-height:36px;font-size:12px}
.folder-list .folder-skeleton{display:flex;gap:12px;align-items:center;padding:15px 10px;min-height:58px}
.folder-skeleton span{display:block;background:var(--surface2);border-radius:4px;min-height:12px}.folder-skeleton span:first-child{width:22px;height:22px}.folder-skeleton span:nth-child(2){width:46%}.folder-skeleton span:last-child{width:15px;margin-left:auto}
.folder-feedback-wrap{display:flex;align-items:center;gap:12px;justify-content:space-between;min-height:16px;padding:0 0 10px}
.folder-feedback{font-size:11px;line-height:1.75;color:var(--muted);overflow-wrap:anywhere;margin:0}
.folder-feedback-wrap:has([data-browser-retry]:not([hidden])) .folder-feedback{color:var(--red)}
.folder-feedback-wrap .button{min-height:34px;font-size:11px;padding:6px 12px;flex:none}
.folder-choice-foot{display:flex;align-items:center;gap:12px;padding:18px 20px;border-top:1px solid var(--line);background:var(--surface2);min-width:0}
.folder-choice-symbol{display:grid;place-items:center;width:36px;height:36px;flex:none;color:var(--accent);background:var(--surface);border-radius:8px}
.folder-choice-symbol svg{width:20px;height:20px}
.folder-choice-copy{flex:1;min-width:0}
.folder-choice-copy>strong{display:block;font-size:13px;font-weight:650;overflow-wrap:anywhere}
.folder-choice-path{display:block;font-size:10px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,monospace;margin-top:3px}
.folder-choice-path:empty{display:none}
.folder-choice-copy>small{display:block;font-size:10px;line-height:1.7;color:var(--muted);margin-top:4px;max-width:64ch}
.folder-choice-foot>.button{flex:none;gap:10px;font-size:12px;min-height:42px}
.folder-create-panel{padding:16px;margin-bottom:18px;background:var(--surface2);border:1px solid var(--line);border-radius:8px}
.folder-create-panel label{font-size:12px!important;font-weight:600}
.folder-create-panel input{background:var(--bg)!important;min-height:40px;font-size:13px!important;margin-top:8px!important}
.folder-create-panel>p{font:10px/1.7 ui-monospace,SFMono-Regular,monospace;color:var(--muted);overflow-wrap:anywhere;margin:8px 0 4px}
.folder-create-panel>small{display:block;font-size:11px;color:var(--muted)}
.folder-create-panel>div{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.folder-create-panel .button{min-height:36px;font-size:11px}
.folder-native-assignments{display:grid;gap:10px}
.h-setup-form:has([data-folder-picker]:not([hidden])):has([data-setup-step="folder"]:not([hidden])) [data-wizard-next]{display:none}
.h-file-setup [data-folder-selection]{padding:20px;gap:14px;background:var(--surface2);border-color:var(--line);margin-top:0}
.h-file-setup [data-folder-selection]>svg{width:24px;height:24px}
.h-file-setup [data-folder-selection] strong{font-size:14px}
.h-file-setup [data-folder-selection] small{font-size:12px;line-height:1.7}
.h-file-setup [data-folder-selection] .button{font-size:12px;min-height:40px}
@container(max-width:600px){
  .folder-manager-body{grid-template-columns:minmax(0,1fr)}
  .folder-sidebar{display:none;border-right:0;border-bottom:1px solid var(--line);padding:16px;background:var(--bg)}
  .folder-locations-open .folder-sidebar{display:block}
  .folder-sidebar>h3{margin-bottom:10px}.folder-sidebar>p{display:none}
  .folder-location{min-height:50px}.folder-location small{font-size:11px}
  .folder-toolbar{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;grid-template-areas:"up locations refresh" "crumbs crumbs crumbs";padding:10px;gap:8px}
  .folder-toolbar [data-browser-up]{grid-area:up}
  .folder-toolbar [data-browser-refresh]{grid-area:refresh}
  .folder-toolbar [data-browser-crumbs]{grid-area:crumbs;min-height:44px;padding:0 4px}
  .folder-toolbar .folder-locations-toggle{grid-area:locations;justify-self:start;display:inline-flex;min-height:44px;padding:7px 9px;font-size:11px;gap:6px}
  .folder-locations-toggle svg{width:14px;height:14px}
  .folder-toolbar .icon-button{width:44px;height:44px}
  .folder-toolbar nav{gap:7px;font-size:11px}
  .folder-toolbar nav button{max-width:190px;min-height:44px}
  .folder-content{padding:18px 16px 0}
  .folder-content-heading{gap:10px}.folder-content-heading h3{font-size:17px}
  .folder-content-heading .button{min-height:44px;font-size:11px}
  .folder-list{max-height:300px;min-height:200px}
  .folder-row-status{display:none}
  .folder-browser .folder-search input{font-size:16px!important}
  .folder-browser .folder-search .icon-button{width:44px;height:44px}
  .folder-option{min-height:60px;padding:12px 6px}
  .folder-row-copy strong{font-size:13px}.folder-row-copy small{font-size:11px}
  .folder-list-heading{padding-left:6px;padding-right:6px}
  .folder-choice-foot{flex-wrap:wrap;padding:16px;gap:10px}
  .folder-choice-copy{flex:1;min-width:calc(100% - 48px)}
  .folder-choice-copy>small,.folder-choice-path{font-size:11px}
  .folder-choice-foot>.button{width:100%;min-height:44px;justify-content:center}
  .folder-choice-symbol{align-self:flex-start;margin-top:2px}
  .folder-create-panel{padding:14px}.folder-create-panel input{font-size:16px!important}
  .folder-create-panel>div{flex-wrap:wrap}.folder-create-panel .button{min-height:40px;flex:1;justify-content:center}
}
:root[data-theme=cyberpunk]{color-scheme:dark;--stage:#291333;--stage-soft:#351d42;--stage-text:#f8efff;--stage-muted:#d9b7e5;--stage-action:var(--accent-bg);--stage-action-text:var(--accent-text);--stage-action-hover:color-mix(in srgb,var(--accent-bg) 90%,var(--stage-text));--stage-focus:#ff8be0;--bg:#100c18;--surface:#1a1225;--surface2:#251a33;--sidebar:#0b0811;--line:#463052;--text:#f8efff;--muted:#c2a9cf;--accent:#ff67d4;--accent-bg:#65f2e2;--accent-text:#09221f;--green:#79f5c5;--green-bg:#15382e;--red:#ff9db4;--red-bg:#482132;--amber:#ffd27a;--amber-bg:#45351d;--terminal:#100c18;--terminal-text:#e7d9ef}
:root[data-theme=terminal]{color-scheme:dark;--stage:#1c3023;--stage-soft:#233d2c;--stage-text:#e3f0e5;--stage-muted:#b2cdb8;--stage-action:var(--accent-bg);--stage-action-text:var(--accent-text);--stage-action-hover:color-mix(in srgb,var(--accent-bg) 90%,var(--stage-text));--stage-focus:#a0e9a7;--bg:#0e1310;--surface:#151d18;--surface2:#1c2820;--sidebar:#090e0b;--line:#304438;--text:#e3f0e5;--muted:#a6bca9;--accent:#8fdda0;--accent-bg:#a0e9a7;--accent-text:#102617;--green:#9de8a9;--green-bg:#1c3824;--red:#ff9a91;--red-bg:#482521;--amber:#efd27e;--amber-bg:#40381d;--terminal:#090e0b;--terminal-text:#c7e7cd}
:root[data-theme=cyberpunk] .sidebar .brand-mark{background:#65f2e2;color:#09221f}
:root[data-theme=cyberpunk] .panel-navigation a:hover{background:#251a33;color:#fff}
:root[data-theme=cyberpunk] .panel-navigation a.active{background:#3a1c3f;color:#ffe5fa}
:root[data-theme=cyberpunk] .panel-navigation a.active .hosting-icon{color:#ff8be0}
:root[data-theme=terminal] .sidebar .brand-mark{background:#a0e9a7;color:#102617}
:root[data-theme=terminal] .panel-navigation a:hover{background:#1c2820;color:#e3f0e5}
:root[data-theme=terminal] .panel-navigation a.active{background:#203528;color:#e3f0e5}
:root[data-theme=terminal] .panel-navigation a.active .hosting-icon{color:#a0e9a7}
.cyberpunk-preview{background:linear-gradient(135deg,#100c18 55%,#ff67d4 55% 72%,#65f2e2 72%)!important}
.terminal-preview{background:linear-gradient(135deg,#0e1310 55%,#a0e9a7 55% 72%,#304438 72%)!important}
.address-preview input::placeholder{color:var(--stage-muted);opacity:1}

/* Manor palettes: wool, painted timber, warm ivory, and aged brass. */
:root[data-theme=manor]{
  color-scheme:dark;
  --bg:#121d18;--surface:#1d2b22;--surface2:#293a2d;--sidebar:#0e1712;
  --line:#4c5845;--text:#f0e9d9;--muted:#bec4b0;
  --accent:#d0b784;--accent-bg:#cbb17b;--accent-text:#251d10;
  --green:#a9c59a;--green-bg:#263d29;--red:#e8aaa0;--red-bg:#432c29;
  --amber:#d9bf83;--amber-bg:#403823;--terminal:#0e1712;--terminal-text:#d9e0cc;
  --stage:#2b3d2f;--stage-soft:#344a39;--stage-text:#f0e9d9;--stage-muted:#c9ceb9;
  --stage-action:var(--accent-bg);--stage-action-text:var(--accent-text);
  --stage-action-hover:color-mix(in srgb,var(--accent-bg) 90%,var(--stage-text));--stage-focus:#d0b784;
}
:root[data-theme=drawing-room]{
  color-scheme:dark;
  --bg:#141d27;--surface:#202d3b;--surface2:#2a3a4b;--sidebar:#101820;
  --line:#4b5c6b;--text:#efe9dc;--muted:#bdc8d0;
  --accent:#b2c8d8;--accent-bg:#c5b28f;--accent-text:#282318;
  --green:#acc5ad;--green-bg:#293d35;--red:#e9b0a8;--red-bg:#493136;
  --amber:#dfc48c;--amber-bg:#403a2d;--terminal:#101820;--terminal-text:#d5e0e8;
  --stage:#304356;--stage-soft:#3b5064;--stage-text:#efe9dc;--stage-muted:#d0d7db;
  --stage-action:var(--accent-bg);--stage-action-text:var(--accent-text);
  --stage-action-hover:color-mix(in srgb,var(--accent-bg) 90%,var(--stage-text));--stage-focus:#b2c8d8;
}
:root:is([data-theme=manor],[data-theme=drawing-room]) .sidebar .brand-mark{background:var(--accent-bg);color:var(--accent-text)}
:root:is([data-theme=manor],[data-theme=drawing-room]) .panel-navigation a:hover{background:var(--surface2);color:var(--text)}
:root:is([data-theme=manor],[data-theme=drawing-room]) .panel-navigation a.active{background:var(--surface2);color:var(--accent)}
:root:is([data-theme=manor],[data-theme=drawing-room]) .panel-navigation a.active .hosting-icon{color:var(--accent)}
:root:is([data-theme=manor],[data-theme=drawing-room]) .memory-chart{--chart-color:#8ebdb1}
.manor-preview{background:linear-gradient(135deg,#121d18 55%,#cbb17b 55% 72%,#344a39 72%)!important}
.drawing-room-preview{background:linear-gradient(135deg,#202d3b 55%,#c5b28f 55% 72%,#b2c8d8 72%)!important}

/* File access: keep supporting details quiet and the next action easy to reach. */
.h-file-setup .h-heading{margin-bottom:24px}
.h-file-setup .h-setup-aside{background:var(--surface);color:var(--text);border:1px solid var(--line)}
.h-file-setup .h-setup-aside p,.h-file-setup .h-setup-aside .h-section-caption{color:var(--muted)}
.h-file-setup .h-setup-aside .h-icon-tile{color:var(--accent);margin-bottom:14px}
.h-file-setup .h-setup-aside .h-setup-summary,.h-file-setup .h-setup-aside .h-aside-note,.h-file-setup .h-setup-aside .h-setup-summary hr{border-color:var(--line)}
.h-file-setup .h-setup-aside .h-aside-note{color:var(--muted)}
.h-file-setup .h-setup-summary strong{overflow-wrap:anywhere}
.h-file-setup [data-setup-step=storage]>.storage-summary{margin:0 0 24px}
.h-file-setup .h-password-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.h-file-setup [data-password-status]{flex-basis:100%;font-size:12px;line-height:1.6}
.h-file-setup [data-password-status]:empty{display:none}
.h-file-setup .h-ssh-advanced{margin-top:24px}
.h-file-setup .h-ssh-advanced summary{min-height:44px;cursor:pointer;display:list-item;align-content:center}
.h-file-setup .h-ssh-advanced label{margin-top:14px}
.h-file-setup .h-setup-submit{border-top:1px solid var(--line);padding-top:22px;margin-top:28px}
.h-file-setup .h-setup-submit>button[type=submit]{margin-left:auto}
.h-file-setup .h-connect-setting code{overflow-wrap:anywhere;min-width:0}
.h-file-setup .h-connect-setting>div{min-width:0}
.h-file-setup .h-connect-setting .button{flex-shrink:0}
@media(max-width:600px){
 .h-file-setup .h-heading{gap:14px;margin-bottom:22px}
 .h-file-setup .h-setup-submit{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .h-file-setup .h-setup-submit>[data-wizard-next],.h-file-setup .h-setup-submit>button[type=submit]{grid-column:1/-1;width:100%;margin-left:0}
 .h-file-setup .h-password-actions>.button{flex:1 1 auto}
 .h-file-setup .h-connect-setting>div{gap:10px}
}

/* Business: silver chrome, white work surfaces and a restrained blue action. */
:root[data-theme=business]{
  color-scheme:light;
  --bg:#f5f6f8;--surface:#ffffff;--surface2:#eceef2;--sidebar:#e9ebef;
  --line:#ccd1d9;--text:#202630;--muted:#56616e;
  --accent:#005fb8;--accent-bg:#0067d6;--accent-text:#ffffff;
  --green:#237347;--green-bg:#e8f4ec;--red:#b22b36;--red-bg:#fcecef;
  --amber:#81540b;--amber-bg:#fff2d8;--terminal:#1e2430;--terminal-text:#e7edf6;
  --stage:#e8edf4;--stage-soft:#f8fafc;--stage-text:#1d2a39;--stage-muted:#526174;
  --stage-action:var(--accent-bg);--stage-action-text:var(--accent-text);
  --stage-action-hover:#005bbb;--stage-focus:#005fb8;
  --mint:#dce8f8;--lavender:#e8edf4;
}
:root[data-theme=business] .brand-mark{background:var(--accent-bg);color:var(--accent-text)}
:root[data-theme=business] .panel-navigation a.active{background:#dce8f8;color:#164f94}
:root[data-theme=business] .panel-navigation a.active .hosting-icon{color:var(--accent)}
:root[data-theme=business] .panel-navigation a:hover{background:var(--surface2);color:var(--text)}
:root[data-theme=business] .memory-chart{--chart-color:var(--accent)}
.business-preview{position:relative;overflow:hidden;background:#ffffff!important;border:1px solid #ccd1d9}
.business-preview:before{content:"";position:absolute;inset:0 66% 0 0;background:#e9ebef;border-right:1px solid #ccd1d9}
.business-preview:after{content:"";position:absolute;left:12%;right:76%;top:22%;bottom:22%;background:#0067d6;border-radius:6px}

:root[data-theme=business] .storage-segment.folder,:root[data-theme=business] .storage-dot.folder,
:root[data-theme=business] .space-chosen,:root[data-theme=business] .space-dot.chosen{background:#82a9d8}
:root[data-theme=business] .storage-segment.mail,:root[data-theme=business] .storage-dot.mail,
:root[data-theme=business] .space-reserved,:root[data-theme=business] .space-dot.reserved{background:#c1ccd9}
:root[data-theme=business] .storage-segment.selected{box-shadow:inset 0 0 0 3px var(--text);filter:none}

/* Home: defined work areas, joined sections and a raised setup surface. */
.home-workspace .start-space{border:0;box-shadow:0 4px 18px #0000000a}
.home-workspace .home-columns{gap:0;margin-top:28px;background:var(--surface);border:1px solid var(--line);border-radius:14px}
.home-columns>.home-services,.home-columns>.home-attention{padding:26px 28px;min-width:0}
.home-columns>.home-attention{border-left:1px solid var(--line)}
.home-workspace .home-section-head{padding-bottom:16px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.home-workspace .resource-links{gap:4px 12px}
.home-workspace .resource-link{border-top:0;padding:16px 8px;border-radius:8px;transition:background .18s var(--ease)}
.home-workspace .resource-link:hover,.home-workspace .resource-link:focus-visible{background:var(--surface2)}
.home-workspace .resource-link strong{font-size:13px}
.home-workspace .resource-link small{font-size:11px;line-height:1.6}
.home-workspace .attention-item{border-top:0;border-bottom:1px solid var(--line);padding:16px 0}
.home-workspace .attention-item:hover strong{color:var(--accent)}
.home-workspace .attention-clear{border-top:0;min-height:126px}
.home-workspace .home-fine{margin-top:14px;max-width:54ch}
.home-workspace .server-pulse{border:1px solid var(--line);border-radius:14px;margin:24px 0}
.home-workspace .home-recent{margin-top:24px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px 28px}
.home-recent .home-section-head{margin-bottom:0}
.home-workspace .home-no-activity{border-top:0;padding:24px 0 8px;min-height:90px}
.home-recent .home-section-head + .home-event{border-top:0}
.home-workspace .home-event:last-child{padding-bottom:4px}
@media(max-width:1000px){
 .home-workspace .home-columns{grid-template-columns:minmax(0,1fr)}
 .home-columns>.home-attention{border-left:0;border-top:1px solid var(--line)}
 .home-workspace .resource-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .home-columns>.home-services,.home-columns>.home-attention{padding:22px 18px}
 .home-workspace .home-section-head{padding-bottom:14px}
 .home-workspace .resource-links{gap:0 8px}
 .home-workspace .resource-link{gap:9px;padding:16px 4px}
 .home-workspace .resource-link strong{font-size:12px}
 .home-workspace .resource-link small{font-size:11px}
 .home-workspace .attention-clear{min-height:110px}
 .home-workspace .home-recent{padding:22px 18px}
 .home-workspace .server-pulse{margin:24px 0}
}

/* Task launcher: a coloured action area and a raised, usable preview. */
.home-workspace .start-space{
 --launcher-ground:var(--stage-action);--launcher-ink:var(--stage-action-text);
 --launcher-muted:color-mix(in srgb,var(--stage-action-text) 95%,var(--stage-action));
 --launcher-button:var(--stage-action-text);--launcher-button-ink:var(--stage-action);
 box-shadow:0 8px 28px #00000014;overflow:hidden;
}
:root:is([data-theme=cyberpunk],[data-theme=terminal],[data-theme=manor],[data-theme=drawing-room]) .start-space{
 --launcher-ground:var(--stage);--launcher-ink:var(--stage-text);--launcher-muted:var(--stage-muted);
 --launcher-button:var(--accent-bg);--launcher-button-ink:var(--accent-text);
}
.start-space .start-intro{padding:24px 28px 18px}
.start-space .start-intro h2{font-size:19px}
.start-space .goal-tabs{display:grid;grid-template-columns:repeat(var(--goal-count,4),minmax(0,1fr));gap:10px;padding:0 28px 24px;overflow:visible}
.start-space .goal-tab{border:0;min-width:0;min-height:54px;padding:12px 10px;border-radius:10px;background:var(--surface2);color:var(--text);font-size:12px;gap:9px;white-space:normal;text-align:center}
.start-space .goal-tab .hosting-icon{width:20px;height:20px;flex-shrink:0;color:var(--accent)}
.start-space .goal-tab:hover{background:color-mix(in srgb,var(--surface2) 80%,var(--accent) 20%)}
.start-space .goal-tab.selected{background:var(--accent-bg);color:var(--accent-text)}
.start-space .goal-tab.selected .hosting-icon{color:inherit}
.start-space .goal-stage{background:var(--launcher-ground);color:var(--launcher-ink);padding:34px;gap:40px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center}
.start-space .goal-feature-icon{display:inline-flex;margin-bottom:16px;color:var(--launcher-ink)}
.start-space .goal-feature-icon .hosting-icon{width:34px;height:34px}
.start-space .goal-copy h3{font-size:32px;line-height:1.16;max-width:16ch}
.start-space .goal-copy>p{color:var(--launcher-muted);font-size:13px;line-height:1.8;margin:16px 0 22px}
.start-space .goal-scope{color:var(--launcher-muted);margin-bottom:20px}
.start-space .goal-scope select{color:var(--launcher-ink);border-color:color-mix(in srgb,var(--launcher-ink) 40%,transparent)}
.start-space .goal-scope option{background:var(--launcher-ground);color:var(--launcher-ink)}
.start-space .goal-scope select:focus-visible{outline-color:var(--launcher-ink)}
.start-space .goal-stage .goal-launch{background:var(--launcher-button);color:var(--launcher-button-ink);min-height:48px;border-radius:8px;box-shadow:0 4px 12px #00000014}
.start-space .goal-stage .goal-launch:hover{background:color-mix(in srgb,var(--launcher-button) 90%,var(--launcher-ground));box-shadow:0 4px 12px #00000014}
.start-space .goal-stage .goal-launch:focus-visible{outline-color:var(--launcher-ink)}
.start-space .goal-reassurance{color:var(--launcher-muted);margin-top:16px;line-height:1.7}
.start-space .goal-preview{
 --stage:var(--surface2);--stage-soft:var(--bg);--stage-text:var(--text);--stage-muted:var(--muted);--stage-focus:var(--accent);
 background:var(--surface);color:var(--text);border-radius:14px;padding:26px;box-shadow:0 14px 28px #00000026;
}
.start-space .preview-top{padding-bottom:18px;border-bottom:1px solid var(--line);gap:8px}
.start-space .preview-top>.hosting-icon{color:var(--accent);flex-shrink:0}
.start-space .preview-tag{font-size:10px;white-space:nowrap}
.start-space .address-preview{margin-top:22px}
.start-space .address-preview>div{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:12px;gap:4px;align-items:baseline}
.start-space .address-preview input{font-size:17px;flex:1 1 40%;width:40%;max-width:50%;min-width:42px;font-weight:600}
.start-space .address-preview>div>span{font-size:14px;flex:0 1 auto;max-width:58%;overflow-wrap:anywhere}
.start-space .goal-path{margin-top:24px;gap:14px}
.start-space .goal-path li{font-size:11px;line-height:1.6}
.start-space .goal-path li>span{background:var(--surface2);color:var(--accent);margin-bottom:10px}
.start-space .goal-path li:not(:last-child):after{background:var(--line)}
.start-space .preview-caption{padding-top:16px;border-top:1px solid var(--line);margin-top:20px;color:var(--muted);line-height:1.7}
@media(max-width:1200px){
 .start-space .goal-stage{padding:28px;gap:26px}
 .start-space .goal-copy h3{font-size:28px}
 .start-space .goal-preview{padding:22px}
}
@media(max-width:1000px){
 .start-space .goal-stage{grid-template-columns:minmax(0,1fr)}
 .start-space .goal-copy h3{max-width:none}
 .start-space .goal-copy>p{max-width:55ch}
 .start-space .goal-tab{font-size:11px;gap:6px}
}
@media(min-width:801px) and (max-width:1000px){.start-space .goal-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 .start-space .start-intro{padding:22px 20px 16px}
 .start-space .start-intro h2{font-size:18px}
 .start-space .goal-tabs{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 20px 20px;gap:8px}
 .start-space .goal-tab{min-height:50px;font-size:11px;justify-content:flex-start;padding:12px}
 .start-space .goal-tab .hosting-icon{width:18px;height:18px}
 .start-space .goal-stage{padding:26px 20px;gap:26px}
 .start-space .goal-feature-icon{margin-bottom:12px}
 .start-space .goal-feature-icon .hosting-icon{width:28px;height:28px}
 .start-space .goal-copy h3{font-size:27px}
 .start-space .goal-copy>p{margin:14px 0 20px}
 .start-space .goal-preview{padding:20px}
 .start-space .preview-top{font-size:11px;flex-wrap:wrap}
 .start-space .preview-tag{margin-left:0}
 .start-space .goal-stage .goal-launch{width:100%;justify-content:space-between}
 .start-space .address-preview>div{padding:10px}
 .start-space .address-preview input{font-size:16px}
 .start-space .address-preview>div>span{font-size:12px}
 .start-space .goal-path{gap:10px}
 .start-space .goal-path li{font-size:10px}
}


/* Setup destinations share the launcher's colour, with a raised working surface. */
.setup-journey{
 --journey-ground:var(--stage-action);--journey-ink:var(--stage-action-text);
 --journey-muted:color-mix(in srgb,var(--stage-action-text) 95%,var(--stage-action));
 max-width:1180px;margin-inline:auto;
}
:root:is([data-theme=cyberpunk],[data-theme=terminal],[data-theme=manor],[data-theme=drawing-room]) .setup-journey{
 --journey-ground:var(--stage);--journey-ink:var(--stage-text);--journey-muted:var(--stage-muted);
}
.setup-journey>.h-back,.setup-journey>.back-link{display:inline-flex;align-items:center;min-height:44px;margin:0 0 12px}
.setup-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:30px 32px 52px;background:var(--journey-ground);color:var(--journey-ink);border-radius:16px}
.setup-banner-copy{display:flex;gap:20px;align-items:flex-start;min-width:0}
.setup-banner-icon{display:inline-flex;flex-shrink:0;padding-top:4px}
.setup-banner-icon .hosting-icon{width:34px;height:34px}
.setup-banner h1{font-size:clamp(28px,2.8vw,36px);line-height:1.2;letter-spacing:-.03em}
.setup-banner p{font-size:13px;line-height:1.8;max-width:64ch;color:var(--journey-muted);margin-top:10px}
.setup-banner-context{display:block;margin-top:16px;font-size:12px;color:var(--journey-muted);overflow-wrap:anywhere}
.setup-banner-context strong{color:var(--journey-ink);font-weight:600}
.setup-banner-security{display:flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap;color:var(--journey-muted);padding-top:10px}
.setup-banner-security .hosting-icon{width:15px;height:15px}
.setup-journey .h-setup-layout,.setup-journey .h-editor-layout{gap:24px;grid-template-columns:minmax(0,1fr) 260px;margin:24px 22px 0;position:relative}
.setup-journey .h-setup-main,.setup-journey .h-editor-layout>.h-editor,.setup-journey .h-setup-result,
.setup-application-body .discovery-card,.setup-application-body .form-card{border:0;box-shadow:0 12px 28px #00000014;border-radius:14px;background:var(--surface)}
.setup-journey .h-setup-steps{background:var(--surface);padding:22px 28px;border-radius:14px 14px 0 0;gap:20px}
.setup-journey .h-setup-form{padding:28px}
.setup-journey .h-step-heading h2{font-size:25px;line-height:1.3}
.setup-journey .h-step-heading p{margin-top:9px;font-size:13px;line-height:1.8}
.setup-journey .h-setup-aside,.setup-journey .h-editor-aside,.setup-application-body .helper-card{padding:24px;background:var(--surface);color:var(--text);border:0;border-radius:14px;box-shadow:0 5px 18px #0000000a}
.setup-journey .h-setup-aside h2,.setup-journey .h-editor-aside h2{font-size:20px;line-height:1.35;max-width:none}
.setup-journey .h-setup-aside p,.setup-journey .h-setup-aside .h-section-caption,.setup-journey .h-editor-aside p{color:var(--muted);font-size:12px;line-height:1.8}
.setup-journey .h-setup-aside .h-icon-tile,.setup-journey .h-editor-aside .h-icon-tile{color:var(--accent);background:transparent;border:0;padding:0;margin-bottom:18px}
.setup-journey .h-setup-aside .h-setup-summary{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:20px 0 0;margin-top:22px}
.setup-journey .h-setup-aside .h-section-caption{letter-spacing:0;font-weight:500;margin-bottom:7px}
.setup-journey .h-setup-aside .h-aside-note,.setup-journey .h-editor-aside .h-aside-note,.setup-journey .h-setup-summary hr{border-color:var(--line);color:var(--muted)}
.setup-journey .h-setup-aside .h-aside-note p{font-size:11px}
.setup-journey .h-setup-summary strong{font-size:14px;overflow-wrap:anywhere}
.setup-journey .h-setup-submit{margin-top:28px;padding-top:22px}
.setup-journey .h-setup-result{margin:24px auto 0;max-width:900px;padding:32px}
.setup-journey>.h-editor{margin:24px 22px 0;border:0;box-shadow:0 12px 28px #00000014}
.setup-journey .h-setup-result:is([data-setup-state=pending],[data-email-state=pending]) .h-result-symbol{background:var(--amber-bg);color:var(--amber)}
.setup-journey .h-setup-result:is([data-setup-state=rejected],[data-setup-state=unknown],[data-email-state=rejected],[data-email-state=unknown]) .h-result-symbol{background:var(--red-bg);color:var(--red)}
.setup-journey .h-connect-setting{background:var(--bg)}
.setup-journey [data-email-step=storage]>.storage-summary{margin:0 0 24px}
.setup-application-body{position:relative;margin:24px 22px 0}
.setup-application-body>.journey-progress{max-width:none;padding:20px 24px;background:var(--surface);border-radius:14px;box-shadow:0 5px 18px #0000000a;margin-bottom:24px}
.setup-application-body .form-grid{gap:24px;grid-template-columns:minmax(0,1fr) 260px}
.setup-application-body .helper-card h3{font-size:20px}
.setup-application-body .helper-card p{font-size:12px;line-height:1.8;color:var(--muted)}
.setup-application-body .card-heading{padding:24px 28px}
.setup-application-body .discovery-search{padding:0 28px 20px}
.setup-application-body .discovery-row{padding:20px 28px}
.setup-domain .h-editor-layout>.h-editor{padding:28px}
.setup-domain .h-form-actions{border-top:1px solid var(--line);padding-top:22px;margin-top:26px}
.setup-domain .change-progress{padding-bottom:20px;border-bottom:1px solid var(--line)}
.setup-banner + :is(.h-setup-layout,.h-editor-layout,.setup-application-body,.h-editor,.h-setup-result){margin-top:-22px}
@media(max-width:1100px){
 .setup-journey .h-setup-layout,.setup-journey .h-editor-layout,.setup-application-body .form-grid{grid-template-columns:minmax(0,1fr) 220px;gap:20px}
 .setup-journey .h-setup-aside,.setup-journey .h-editor-aside,.setup-application-body .helper-card{padding:22px}
 .setup-banner{padding:28px 28px 50px}
 .setup-banner-security{display:none}
}
@media(max-width:900px){
 .setup-journey .h-setup-layout,.setup-journey .h-editor-layout,.setup-application-body .form-grid{grid-template-columns:minmax(0,1fr)}
 .setup-journey .h-setup-aside,.setup-journey .h-editor-aside,.setup-application-body .helper-card{display:none}
}
@media(max-width:600px){
 .setup-banner{padding:24px 22px 46px;gap:14px;border-radius:14px}
 .setup-banner-copy{display:block}
 .setup-banner-icon{padding:0;margin-bottom:14px}
 .setup-banner-icon .hosting-icon{width:28px;height:28px}
 .setup-banner h1{font-size:28px}
 .setup-banner p{font-size:13px;margin-top:10px}
 .setup-banner-context{margin-top:14px}
 .setup-journey .h-setup-layout,.setup-journey .h-editor-layout,.setup-application-body,.setup-journey>.h-editor{margin-left:10px;margin-right:10px}
 .setup-journey .h-setup-form,.setup-domain .h-editor-layout>.h-editor{padding:24px 18px}
 .setup-journey .h-setup-steps{padding:18px}
 .setup-journey .h-step-heading h2{font-size:23px}
 .setup-journey .h-setup-result{padding:24px 18px;margin-left:10px;margin-right:10px}
 .setup-application-body>.journey-progress{padding:18px 16px;gap:12px;justify-content:space-between}
 .setup-application-body .journey-progress li{font-size:11px;gap:6px}
 .setup-application-body .journey-progress li>span{width:24px;height:24px}
 .setup-application-body .card-heading{padding:22px 18px;align-items:flex-start;gap:14px}
 .setup-application-body .discovery-search{padding:0 18px 18px}
 .setup-application-body .discovery-row{padding:18px;gap:12px}
 .setup-application-body .form-card{padding:24px 18px}
 .setup-journey .change-actions>.primary{width:100%}
 .setup-journey .h-setup-submit{gap:10px}
 .setup-journey .h-form-actions>.button{min-height:44px}
}

.setup-banner-copy>div{min-width:0}
.setup-application-body .discovery-card,.setup-application-body .form-grid,.setup-application-body .form-card{max-width:none}
.setup-domain .h-editor-layout>.h-editor{max-width:none;width:100%}
.setup-domain .h-form>.change-progress{margin-bottom:8px}

/* Resource workspaces: selection stays beside the work, drafts stay in place. */
.resource-workspace{display:grid;grid-template-columns:minmax(240px,31%) minmax(0,1fr);background:var(--surface);border-radius:14px;overflow:hidden;min-height:470px}
.h-list-card:has(.resource-workspace){border:0;box-shadow:0 12px 28px #00000014}
.resource-rail{background:var(--bg);border-right:1px solid var(--line);padding:18px 12px;min-width:0;max-height:850px;overflow:auto;scrollbar-color:var(--line) transparent;scrollbar-width:thin}
.resource-rail-heading{padding:4px 12px 18px;display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap}
.resource-rail-heading h2{font-size:16px;line-height:1.4;letter-spacing:-.02em}.resource-rail-heading>span{font-size:11px;color:var(--muted)}
.resource-choice{display:flex;align-items:center;gap:12px;padding:15px 12px;border-radius:8px;min-height:76px;color:var(--text);text-decoration:none;border:1px solid transparent;margin-bottom:4px}
.resource-choice:hover{background:var(--surface2);text-decoration:none}.resource-choice[aria-current]{background:var(--surface);border-color:var(--line)}
.resource-choice-icon{display:flex;flex:none;color:var(--accent)}.resource-choice-icon svg{width:20px;height:20px}
.resource-choice>span:nth-child(2){min-width:0;flex:1}.resource-choice strong{display:block;font-size:13px;font-weight:650;overflow-wrap:anywhere;line-height:1.5}.resource-choice small{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}
.resource-choice>.h-status,.resource-choice>.badge{font-size:10px;flex:none;max-width:95px;white-space:normal;text-align:center}
.resource-work-area{min-width:0;padding:30px}.resource-inspector-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}.resource-inspector-heading>div{min-width:0}.resource-inspector-heading h2{font-size:25px;letter-spacing:-.03em;line-height:1.3;overflow-wrap:anywhere}.resource-inspector-heading p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:8px}.resource-inspector-heading>.button{flex:none;font-size:11px;padding:8px 12px}
.resource-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;margin:0 0 26px}.resource-facts>div{min-width:0}.resource-facts dt{font-size:11px;color:var(--muted);margin-bottom:6px}.resource-facts dd{font-size:13px;line-height:1.7;margin:0;overflow-wrap:anywhere;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.resource-facts code{white-space:normal;overflow-wrap:anywhere}.resource-facts .button{min-height:32px;font-size:10px;padding:4px 8px}
.resource-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 22px}.resource-actions .button{font-size:12px;min-height:42px}.resource-section{border-top:1px solid var(--line);padding-top:26px;margin-top:28px}.resource-section h3{font-size:17px;margin-bottom:10px;letter-spacing:-.02em}.resource-section>p{font-size:12px;color:var(--muted);line-height:1.8;max-width:70ch;margin-bottom:18px}.resource-section>.resource-facts{margin-top:22px}.resource-section>.text-link{font-size:12px;display:inline-flex;align-items:center;gap:7px;margin-top:14px}.resource-hint{font-size:11px!important}
.resource-related{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none}.resource-related>span:first-child{flex:1;min-width:0}.resource-related strong{display:block;font-size:12px;overflow-wrap:anywhere}.resource-related small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.resource-related>svg{width:16px;height:16px}.resource-related:hover strong{text-decoration:underline}
.resource-footer{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;font-size:12px}.resource-footer>a{display:inline-flex;align-items:center;gap:6px}.resource-footer svg{width:14px;height:14px}.resource-prompt{padding:60px 20px;text-align:center;color:var(--muted)}.resource-prompt>svg{width:32px;height:32px;margin-bottom:20px}.resource-prompt h2{font-size:22px;color:var(--text)}.resource-prompt p{font-size:13px;margin-top:10px}
.resource-list-back{display:none}.resource-remote>[data-resource-edit-back]{margin-bottom:26px;font-size:12px}.resource-remote .h-editor{padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;max-width:none!important}.resource-remote .h-editor h2{font-size:24px}.resource-remote .h-form{margin-top:22px}.resource-remote .h-form-intro{font-size:12px}.resource-remote .change-progress{margin-bottom:22px}.resource-loading{padding:45px 0;color:var(--muted);font-size:13px}
.resource-remote .dns-tabs{overflow:auto;white-space:nowrap;flex-wrap:nowrap}.resource-remote .h-card{border:0;box-shadow:none;padding:20px 0;margin:0;border-radius:0}.resource-remote .h-editor-layout{display:block}.resource-remote .h-editor-aside{margin-top:24px}.resource-remote .dns-form{max-width:none}.resource-remote .h-table-wrap{border:1px solid var(--line);border-radius:8px}.resource-remote .h-detail-actions{gap:10px;flex-wrap:wrap}.resource-remote .h-detail-actions .button{font-size:11px}.resource-remote .dns-diff{grid-template-columns:minmax(0,1fr)}
.app-resource-workspace{box-shadow:0 12px 28px #00000014}.app-resource-search{display:flex;align-items:center;gap:9px;margin:0 10px 18px}.app-resource-search>svg{width:16px;height:16px;flex:none;color:var(--muted)}.app-resource-search input{min-width:0;width:100%;font-size:12px;padding:10px}.resource-no-match{padding:20px 12px;color:var(--muted);font-size:12px;line-height:1.8}.app-resource-facts{padding-bottom:24px;border-bottom:1px solid var(--line)}.app-inspector .service-bar{flex-wrap:wrap;gap:14px}.app-inspector .service-bar>div{flex-wrap:wrap}.app-inspector .card{box-shadow:none;border:0;border-top:1px solid var(--line);border-radius:0}.app-inspector .workspace-tabs{overflow:auto;flex-wrap:nowrap}.app-inspector .workspace-tabs button{white-space:nowrap}.app-inspector .docker-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.app-inspector .container-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-inspector .workspace-properties{grid-template-columns:minmax(0,1fr)}.app-inspector .form-card{max-width:none}
@media(min-width:801px){.resource-inspector:not([hidden]){animation:resource-focus .18s var(--ease)}}
@keyframes resource-focus{from{opacity:.7;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.resource-workspace{grid-template-columns:minmax(210px,34%) minmax(0,1fr)}.resource-work-area{padding:24px}.resource-choice{gap:9px;padding:12px 9px;flex-wrap:wrap}.resource-choice>.h-status,.resource-choice>.badge{margin-left:29px}.resource-inspector-heading{flex-wrap:wrap}.resource-facts{gap:18px}.resource-inspector-heading h2{font-size:23px}}
@media(max-width:800px){.resource-workspace{display:block;min-height:0}.resource-rail{max-height:none;border:0;padding:16px 12px}.resource-work-area{display:none}.resource-workspace[data-active] .resource-rail,.app-resource-workspace.app-detail-open .resource-rail{display:none}.resource-workspace[data-active] .resource-work-area,.app-resource-workspace.app-detail-open .resource-work-area{display:block}.resource-list-back{display:inline-flex;margin-bottom:26px;min-height:44px;font-size:12px}.resource-choice{flex-wrap:nowrap;min-height:80px}.resource-choice>.h-status,.resource-choice>.badge{margin-left:0}.resource-work-area{padding:24px 20px}.resource-inspector-heading{margin-bottom:24px}.resource-facts{grid-template-columns:minmax(0,1fr)}.resource-actions .button{min-height:44px}.resource-inspector-heading h2{font-size:25px}.app-resource-search input{font-size:16px}.resource-remote input:not([type=checkbox]),.resource-remote select,.resource-remote textarea{font-size:16px}.resource-remote .dns-tabs{margin-inline:-4px}.resource-related{flex-wrap:wrap}.app-inspector .container-control-grid{grid-template-columns:minmax(0,1fr)}}

/* Compact Explorer-style folder dialog. */
.folder-browser{container-type:normal;overflow:visible;background:transparent;border-radius:0}
.folder-picker-launch{display:flex;gap:16px;align-items:center;padding:24px;background:var(--bg);border:1px solid var(--line);border-radius:12px}.folder-picker-launch>svg{width:30px;height:30px;color:var(--accent);flex:none}.folder-picker-launch>div{flex:1;min-width:0}.folder-picker-launch strong{font-size:15px}.folder-picker-launch p{font-size:12px;color:var(--muted);margin-top:6px}.folder-picker-launch .button{font-size:12px;flex:none}
/* Native-dialog proportions: compact chrome, an expansive browsing pane. */
.folder-dialog{width:min(1120px,calc(100vw - 48px));height:min(820px,calc(100dvh - 48px));max-width:none;max-height:calc(100dvh - 48px);padding:0;border:0;border-radius:12px;background:var(--surface);color:var(--text);box-shadow:0 24px 80px #0005;margin:auto;overflow:hidden}
.folder-dialog::backdrop{background:#100f1780}
.folder-dialog[open]{display:flex;flex-direction:column}
.folder-dialog-heading{padding:6px 12px 6px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}
.folder-dialog-heading h2{font-size:15px;letter-spacing:0;line-height:1.4;margin:0}
.folder-dialog-heading .icon-button{width:36px;height:36px;flex:none;border:0;background:transparent}
.folder-dialog .folder-toolbar{display:flex;align-items:center;flex-wrap:nowrap;padding:8px 12px;gap:4px;flex:none;background:var(--bg);border-block:1px solid var(--line)}
.folder-dialog .folder-toolbar nav{display:flex;align-items:center;flex:1;gap:8px;min-width:0;min-height:36px;height:36px;margin:0 6px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);font-size:13px;overflow:auto}
.folder-dialog .folder-toolbar nav button{min-height:32px;padding:4px 0}
.folder-dialog .folder-toolbar .icon-button{width:36px;height:36px;min-height:36px;flex:none;background:transparent}
.folder-dialog .folder-toolbar .folder-search{flex:0 1 240px;width:240px;margin:0 0 0 6px;min-height:36px;height:36px;padding:0 10px;background:var(--surface);gap:8px}
.folder-dialog .folder-toolbar .folder-search input{min-height:32px;height:32px;padding:4px 0!important;font-size:13px!important}
.folder-dialog .folder-toolbar .folder-search .icon-button{width:28px;height:28px;min-height:28px}
.folder-dialog .folder-manager-body{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:0;overflow:hidden;flex:1}
.folder-dialog .folder-sidebar{padding:16px 10px;overflow:auto}
.folder-dialog .folder-sidebar>h3{font-size:12px;margin:0 10px 10px;color:var(--muted)}
.folder-dialog .folder-location{padding:10px;min-height:44px;align-items:center}
.folder-dialog .folder-location strong{font-size:13px}
.folder-dialog .folder-location small{display:none}
.folder-dialog .folder-content{display:flex;flex-direction:column;padding:0 16px;min-height:0;overflow:auto}
.folder-dialog .folder-content-heading{margin:0;min-height:52px;gap:12px;flex:none}
.folder-dialog .folder-content-heading>div{display:flex;align-items:baseline;gap:12px;min-width:0}
.folder-dialog .folder-content-heading h3{font-size:14px;line-height:1.4}
.folder-dialog .folder-content-heading p{font-size:12px;margin:0;flex:none}
.folder-dialog .folder-content-heading .button{min-height:32px;font-size:12px;padding:5px 10px}
.folder-dialog .folder-list-heading{font-size:12px;padding:8px 10px;flex:none}
.folder-dialog .folder-list{min-height:0;max-height:none;flex:1;overflow:auto;padding:4px 0}
.folder-dialog .folder-option{min-height:44px;padding:9px 10px;border-radius:6px;min-width:0;gap:12px}
.folder-dialog .folder-row-symbol,.folder-dialog .folder-row-symbol svg{width:20px;height:20px}
.folder-dialog .folder-row-copy strong{font-size:14px;font-weight:500}
.folder-dialog .folder-row-copy small{font-size:12px}
.folder-dialog .folder-row-status{font-size:11px;background:transparent;padding:0}
.folder-dialog .folder-list .folder-empty{min-height:100%;padding:24px}
.folder-dialog .folder-feedback-wrap{min-height:0;padding:0;flex-wrap:wrap;flex:none}
.folder-dialog .folder-feedback:not([hidden]){padding:8px 0;font-size:12px}
.folder-dialog .folder-choice-foot{padding:12px 16px;gap:10px;flex:none;background:var(--bg);align-items:flex-start}
.folder-dialog .folder-choice-symbol{display:none}
.folder-dialog .folder-choice-copy{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 12px}
.folder-dialog .folder-choice-copy>strong{font-size:12px;font-weight:500;color:var(--muted)}
.folder-dialog .folder-choice-path{font-family:inherit;font-size:13px;font-weight:500;color:var(--text);line-height:1.5;margin:0;padding:8px 10px;min-height:36px;background:var(--surface);border:1px solid var(--line);border-radius:6px;max-height:80px;overflow:auto}
.folder-dialog .folder-choice-copy>small{grid-column:1/-1;font-size:12px;line-height:1.5;margin:0;max-width:none}
.folder-dialog .folder-choice-foot>.button{min-height:36px;font-size:13px;padding:7px 14px}
.folder-dialog .folder-create-panel{margin:0 0 12px;flex:none}
@media(max-width:800px){
  .folder-dialog .folder-toolbar{flex-wrap:wrap}
  .folder-dialog .folder-toolbar nav{min-width:calc(100% - 180px)}
  .folder-dialog .folder-toolbar .folder-search{flex:1;width:auto;margin:4px 0 0}
  .folder-dialog .folder-content-heading>div{display:block}
  .folder-dialog .folder-content-heading p{margin-top:2px}
}
@media(max-width:600px){
  .folder-picker-launch{flex-wrap:wrap;padding:20px}
  .folder-picker-launch>.button{width:100%;min-height:44px;justify-content:center}
  .folder-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:12px}
  .folder-dialog-heading{padding:4px 8px 4px 14px}
  .folder-dialog-heading .icon-button{width:44px;height:44px}
  .folder-dialog .folder-toolbar{padding:6px 8px;gap:2px}
  .folder-dialog .folder-toolbar .icon-button{width:44px;height:44px}
  .folder-dialog .folder-toolbar .folder-locations-toggle{display:inline-flex;min-height:44px;margin-right:auto;font-size:12px;padding:8px}
  .folder-dialog .folder-toolbar nav{order:2;min-width:0;flex-basis:100%;height:40px;min-height:40px;margin:2px 0}
  .folder-dialog .folder-toolbar nav button{min-height:36px}
  .folder-dialog .folder-toolbar .folder-search{order:3;min-height:40px;height:40px;margin:2px 0}
  .folder-dialog .folder-toolbar .folder-search input{font-size:16px!important;min-height:36px}
  .folder-dialog .folder-toolbar .folder-search .icon-button{width:36px;height:36px}
  .folder-dialog .folder-manager-body{display:flex;min-height:0;overflow:hidden}
  .folder-dialog .folder-sidebar{display:none;border:0;padding:16px;width:100%}
  .folder-locations-open .folder-dialog .folder-sidebar{display:block}
  .folder-locations-open .folder-dialog .folder-content{display:none}
  .folder-dialog .folder-content{padding:0 10px;width:100%;overflow:auto}
  .folder-dialog .folder-content-heading{min-height:54px;gap:10px}
  .folder-dialog .folder-content-heading .button{min-height:44px}
  .folder-dialog .folder-row-status{display:none}
  .folder-dialog .folder-choice-foot{flex-wrap:wrap;padding:10px 12px;gap:8px}
  .folder-dialog .folder-choice-copy{min-width:100%;flex-basis:100%;gap:4px 8px}
  .folder-dialog .folder-choice-copy>small{font-size:11px;max-height:48px;overflow:auto}
  .folder-dialog .folder-choice-foot>.button{min-height:44px;justify-content:center}
  .folder-dialog .folder-choice-foot>.button:last-child{flex:1}
  .folder-dialog .folder-create-panel input{font-size:16px!important}
}

@media(max-width:360px){
  .folder-dialog .folder-toolbar .folder-locations-toggle{font-size:11px;padding:6px;gap:5px}
  .folder-dialog .folder-toolbar .folder-locations-toggle>svg:last-child{display:none}
}

/* Scoped resets keep global navigation and footer rules out of inspectors. */
.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 28px;padding-bottom:26px;border-bottom:1px solid var(--line)}.workspace-heading-copy{display:flex;align-items:flex-start;gap:18px;min-width:0}.workspace-heading-copy>svg{width:30px;height:30px;margin-top:6px;color:var(--accent)}.workspace-heading h1{font-size:32px;letter-spacing:-.03em;line-height:1.25}.workspace-heading p{font-size:13px;color:var(--muted);margin-top:10px;line-height:1.8;max-width:65ch}.workspace-heading-copy>div>span{display:block;font-size:11px;color:var(--muted);margin-top:10px}.workspace-heading>.button{flex:none;min-height:44px}
.resource-workspace .resource-rail{display:flex;flex-direction:column;gap:4px;align-items:stretch}.resource-rail-heading,.resource-choice{flex-shrink:0}.resource-choice{text-align:left;width:100%;font-family:inherit;background:transparent}.resource-choice>span{width:auto;line-height:1.5}.resource-choice>.h-status,.resource-choice>.badge{width:auto;line-height:1.5}.resource-choice>span:nth-child(2){flex:1 1 80px}.resource-choice-icon{width:20px!important;flex:0 0 20px}.resource-inspector>.resource-list-back{display:none}.resource-footer{margin:28px 0 0;padding:26px 0 0}.dns-resource-record>.dns-type{flex:0 0 55px}.dns-resource-record>span:nth-child(2){flex:1;min-width:0}.dns-workspace>.h-card:has(.resource-workspace){padding:0;border:0;box-shadow:0 12px 28px #00000014;overflow:hidden}.dns-workspace>.h-card:has(.resource-workspace)>.h-card-heading{padding:24px;margin:0}.dns-workspace .resource-inspector>.resource-list-back{display:none}
@media(max-width:800px){.resource-inspector>.resource-list-back,.dns-workspace .resource-inspector>.resource-list-back{display:inline-flex}.workspace-heading{align-items:flex-start;flex-wrap:wrap;gap:20px}.workspace-heading h1{font-size:29px}.workspace-heading-copy{gap:14px}.workspace-heading-copy>svg{width:24px;height:24px}.workspace-heading>.button{margin-left:38px}.resource-choice>span:nth-child(2){flex:1 1 80px}.dns-workspace>.h-card:has(.resource-workspace)>.h-card-heading{padding:20px;align-items:flex-start;flex-wrap:wrap}}
@media(max-width:600px){.workspace-heading>.button{width:100%;margin-left:0;justify-content:center}.workspace-heading{padding-bottom:22px;margin-bottom:24px}.workspace-heading p{font-size:12px}.resource-rail-heading{padding-bottom:14px}.resource-choice{min-height:76px}.resource-choice>.h-status,.resource-choice>.badge{max-width:95px}}

/* Shared window framing: a continuous surface for each operational group. */
.panel-content{--window-shadow:0 12px 28px #00000014}
.panel-content :is(.card,.h-card,.table-wrap,.panel-window){background:var(--surface);border:0;border-radius:14px;box-shadow:var(--window-shadow)}
.panel-content :is(.workspace-heading,.h-heading){max-width:none}
.panel-content .section-intro{max-width:none;background:var(--surface);padding:28px;border:0;border-radius:14px;box-shadow:var(--window-shadow)}
.panel-content .section-possibilities{box-shadow:none}
.panel-content .telemetry{background:var(--surface);border:0;border-radius:14px;box-shadow:var(--window-shadow);overflow:hidden}
.panel-content .telemetry :is(.metric,.metric-chart){background:transparent;box-shadow:none;border-radius:0}
.panel-content .telemetry .metric-chart{border:0}
.panel-content .telemetry .metric-chart:first-child{border-right:1px solid var(--line)}
.panel-content .resource-workspace{align-items:stretch;background:var(--surface)}
.panel-content .resource-rail{max-height:none;align-self:stretch}
.panel-content .resource-inspector :is(.card,.h-card,.table-wrap){box-shadow:none;border-radius:0;background:transparent}
.panel-content .resource-inspector .h-table-wrap{border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.panel-content .resource-inspector .resource-remote .h-card{border:0;box-shadow:none}
.panel-content .h-stat{box-shadow:none;background:transparent;border-radius:0}
.panel-content .h-stats{background:var(--surface);border-radius:14px;box-shadow:var(--window-shadow);gap:0;overflow:hidden}
.panel-content .h-stats .h-stat{border:0;border-right:1px solid var(--line)}
.panel-content .h-stats .h-stat:last-child{border-right:0}
.panel-content .h-editor-aside{background:var(--surface);border:0;border-radius:14px;box-shadow:var(--window-shadow)}
.panel-content .h-empty{background:var(--surface);border-radius:14px}
.panel-content .h-card .h-empty{background:transparent;box-shadow:none}
.panel-content .h-card-heading,.panel-window-heading{padding:24px;border-bottom:1px solid var(--line);margin:0;display:flex;align-items:center;justify-content:space-between;gap:20px}
.panel-window-heading h2{font-size:17px;letter-spacing:-.02em}
.dns-service-window{margin-bottom:24px;overflow:hidden}
.dns-service-window .dns-overview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0;margin:0;padding:0}
.dns-service-window .dns-overview>div{padding:24px 28px;min-width:0}
.dns-service-window .dns-overview>div+div{border-left:1px solid var(--line)}
.dns-service-window .dns-overview h3{font-size:14px;letter-spacing:-.01em;margin-bottom:10px}
.dns-service-window .dns-overview p,.dns-service-window .dns-overview .h-muted{font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.dns-service-window .dns-overview .h-muted{display:block;margin-top:8px}
.panel-content .dns-workspace>.h-card:has(.resource-workspace){overflow:hidden;padding:0}
.panel-content .dns-workspace>.h-card:has(.resource-workspace)>.h-card-heading{padding:20px 24px}
.panel-content .resource-rail-heading h2{font-size:14px}
.panel-content .resource-rail .resource-choice{box-shadow:none}
.panel-content .resource-related.dns-resource-record>.dns-type{flex:0 0 55px}
.panel-content .dns-zone-window{padding:0;overflow:hidden;margin:0 0 24px}
.panel-content .dns-zone-window>.h-detail-actions{margin:0;padding:20px 24px;border-bottom:1px solid var(--line)}
.panel-content .dns-zone-window>.dns-tabs{margin:0;padding:12px 24px;border-bottom:1px solid var(--line)}
.panel-content .dns-zone-window>:is(.h-card,.h-editor-layout){margin:0;padding:24px 28px;border:0;border-radius:0;box-shadow:none;background:transparent}
.panel-content .dns-zone-window>.h-card+.h-card{border-top:1px solid var(--line)}
.panel-content .dns-zone-window .h-card{box-shadow:none;border-radius:0}
.panel-content .dns-zone-window .h-editor-layout>.h-card{padding:0;box-shadow:none;background:transparent}
.panel-content .resource-remote .dns-zone-window{background:transparent;box-shadow:none;border-radius:0;margin:0}
.panel-content .resource-remote .dns-zone-window>.h-card{padding:24px 0}
.panel-content .resource-remote .dns-zone-window>.h-detail-actions{padding:14px 0 20px}
.panel-content .resource-remote .dns-zone-window>.dns-tabs{padding:12px 0}
.panel-content .danger-zone{background:var(--surface);padding:22px 24px;border:0;border-radius:14px;box-shadow:var(--window-shadow);margin-top:24px}
@media(max-width:950px){.panel-content .telemetry .metric-chart:first-child{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:800px){.panel-content .resource-workspace:not([data-active]) .resource-rail{min-height:0}.panel-content .h-stats .h-stat:nth-child(2){border-right:0}.panel-content .h-stats .h-stat:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:600px){.panel-content .section-intro{padding:22px 20px}.panel-content .h-card-heading,.panel-window-heading{padding:20px;gap:14px;flex-wrap:wrap}.dns-service-window .dns-overview{grid-template-columns:minmax(0,1fr)}.dns-service-window .dns-overview>div{padding:20px}.dns-service-window .dns-overview>div+div{border-left:0;border-top:1px solid var(--line)}.panel-content .dns-zone-window>:is(.h-card,.h-editor-layout){padding:22px 20px}.panel-content .dns-zone-window>.h-detail-actions{padding:18px 20px}.panel-content .dns-zone-window>.dns-tabs{padding:10px 16px}.panel-content .resource-remote .dns-zone-window>.h-card{padding:22px 0}.panel-content .dns-workspace>.h-card:has(.resource-workspace)>.h-card-heading{padding:20px}.panel-content .danger-zone{padding:20px}}
.panel-content :is(.card,.h-card,.panel-window) :is(.table-wrap,.h-table-wrap){box-shadow:none}
.panel-content .app-inspector .card{border-top:1px solid var(--line)}
.panel-content .h-editor-aside{color:var(--text)}
.panel-content .h-editor-aside :is(p,.h-muted,.h-aside-note){color:var(--muted)}
.panel-content .h-editor-aside .h-aside-note{border-color:var(--line)}
.panel-content .h-editor-aside a{color:var(--accent)}
.panel-content .h-editor-aside .h-icon-tile{color:var(--accent)}
.panel-content .health-strip{background:var(--surface);border:0;border-radius:14px;padding:18px 24px;box-shadow:var(--window-shadow)}
.panel-content .h-folder-picker.folder-browser{border:0}
.panel-content .h-stats{border:0}

/* Resource overview: identity, facts, then clearly named management tasks. */
.panel-content .resource-identity{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:16px;align-items:center;padding-bottom:26px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.resource-identity-symbol{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-bg);color:var(--accent-text);border-radius:12px}
.resource-identity-symbol svg{width:25px;height:25px}
.resource-identity .resource-identity-copy{min-width:0}.resource-identity h2{font-size:26px;line-height:1.35;letter-spacing:-.03em}.resource-identity p{margin-top:6px;font-size:12px}
.resource-identity-state{display:flex;justify-content:flex-end;align-items:center}
.panel-content .resource-overview-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:0;margin:0 0 28px;background:var(--bg);border-block:1px solid var(--line);padding:18px 0}
.resource-overview-facts>div{padding:0 20px;border-right:1px solid var(--line)}.resource-overview-facts>div:last-child{border-right:0}.resource-overview-facts dt{font-size:11px;margin-bottom:8px}.resource-overview-facts dd{font-size:14px;font-weight:600;line-height:1.65;gap:6px 12px}.resource-overview-facts dd:has(.resource-inline-action){flex-wrap:wrap}
.resource-inline-action{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:3px 0;background:transparent;border:0;color:var(--accent);font:inherit;font-size:11px;font-weight:650;text-align:left;cursor:pointer}.resource-inline-action svg{width:14px;height:14px}.resource-inline-action:hover{text-decoration:underline;text-underline-offset:4px}
.resource-management{margin:28px 0}.resource-management-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.resource-management-heading h3{font-size:16px;letter-spacing:-.02em}.resource-management-heading .text-link,.resource-workspace-link .text-link{display:inline-flex;align-items:center;gap:6px;font-size:11px}.resource-management-heading svg,.resource-workspace-link svg{width:14px;height:14px}
.resource-tools{display:flex;flex-direction:column;border-block:1px solid var(--line);margin:18px 0 26px}.resource-management .resource-tools{margin:0}.resource-tools>a{display:flex;align-items:center;gap:15px;min-height:74px;padding:15px 10px;color:var(--text);text-decoration:none;border-bottom:1px solid var(--line);transition:background .15s var(--ease)}.resource-tools>a:last-child{border-bottom:0}.resource-tools>a>svg:first-child{width:21px;height:21px;color:var(--accent);flex:none}.resource-tools>a>span{flex:1;min-width:0}.resource-tools strong{display:block;font-size:13px;font-weight:650}.resource-tools small{display:block;font-size:11px;color:var(--muted);margin-top:4px;line-height:1.7}.resource-tools>a>svg:last-child{width:16px;height:16px;color:var(--muted);flex:none}.resource-tools>a:hover{background:var(--bg)}.resource-tools>a:hover strong{color:var(--accent)}.resource-tools>a:focus-visible,.resource-inline-action:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.resource-workspace-link{display:flex;justify-content:flex-end;margin:-12px 0 20px}
@media(max-width:1100px){.panel-content .resource-identity{grid-template-columns:44px minmax(0,1fr);gap:12px}.resource-identity-symbol{width:44px;height:44px}.resource-identity-state{grid-column:2;justify-content:flex-start}.resource-identity h2{font-size:24px}.panel-content .resource-overview-facts{grid-template-columns:minmax(0,1fr);padding:0}.resource-overview-facts>div{padding:14px 18px;border-right:0;border-bottom:1px solid var(--line)}.resource-overview-facts>div:last-child{border-bottom:0}.resource-overview-facts dt{margin-bottom:5px}}
@media(max-width:600px){.resource-identity h2{font-size:23px}.panel-content .resource-identity{padding-bottom:22px;margin-bottom:22px}.resource-management-heading{align-items:flex-start;flex-wrap:wrap;gap:12px}.resource-management-heading .text-link{min-height:32px}.resource-tools>a{min-height:80px;padding:16px 8px}.resource-inline-action{min-height:44px}.resource-overview-facts dd{font-size:14px}}
.resource-management+.resource-section{border-top:0;padding-top:0}
.resource-tools+.resource-section{border-top:0;padding-top:0}

/* User-requested section boundaries and stronger action colour. */
.panel-content .resource-overview-facts{border:1px solid var(--line);border-radius:14px;overflow:hidden}
.resource-inspector [data-resource-summary]>.resource-management,
.resource-inspector [data-resource-summary]>section.resource-section{border:1px solid var(--line);border-radius:14px;padding:22px;margin:22px 0;background:var(--surface);box-shadow:none}
.resource-management-heading{margin-bottom:18px}
.resource-management .resource-tools{border:0;gap:6px}
.resource-tools>a{border-bottom:0;border-radius:10px;padding:15px 14px}
.resource-tools>a+ a{border-top:1px solid var(--line)}
.resource-tools>a:first-child{background:color-mix(in srgb,var(--accent) 9%,var(--surface))}
.resource-tools>a strong{color:var(--accent)}
.resource-tools>a>svg:last-child{width:32px;height:32px;padding:8px;border-radius:8px;background:var(--accent-bg);color:var(--accent-text)}
.resource-tools>a:hover{background:color-mix(in srgb,var(--accent) 15%,var(--surface))}
.resource-tools>a:hover strong{color:var(--accent)}
.resource-inline-action{background:var(--accent-bg);color:var(--accent-text);padding:7px 10px;border-radius:8px;min-height:34px;margin-top:4px}
.resource-inline-action:hover{filter:brightness(.96);text-decoration:none}
.resource-management-heading .text-link,.resource-workspace-link .text-link{font-weight:650;color:var(--accent)}
.resource-inspector [data-resource-summary]>.resource-tools{border:1px solid var(--line);border-radius:14px;padding:8px;gap:6px}
.panel-content .app-inspector .card{border:1px solid var(--line);border-radius:14px;margin-block:22px;overflow:hidden}
.resource-inspector .resource-section>h3{color:var(--text);margin-bottom:12px}
.resource-inspector .resource-related{padding-inline:8px;border-radius:8px}
.resource-inspector .resource-related:hover{background:var(--bg)}
.resource-inspector .resource-related>svg:last-child{color:var(--accent)}
@media(max-width:600px){.resource-inspector [data-resource-summary]>.resource-management,.resource-inspector [data-resource-summary]>section.resource-section{padding:18px 16px}.resource-tools>a{padding:14px 10px;gap:12px}.resource-inline-action{min-height:44px}.resource-tools>a>svg:last-child{width:30px;height:30px;padding:7px}.resource-management-heading .text-link{min-height:36px}}

/* Home's task-first composition carried through the panel. */
.panel-content .workspace-launcher{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,34%);gap:36px;align-items:center;background:var(--stage-action);color:var(--stage-action-text);padding:32px;border:0;border-radius:16px;box-shadow:var(--window-shadow);margin-bottom:28px;min-height:220px}
.workspace-launcher .workspace-heading-copy{align-items:flex-start;gap:20px}.workspace-launcher .workspace-heading-copy>svg{color:inherit;width:32px;height:32px;margin-top:4px;flex:none}.workspace-launcher h1{font-size:34px;line-height:1.2}.workspace-launcher .workspace-heading-copy p{color:inherit;opacity:.88;font-size:13px;max-width:58ch;line-height:1.8}.workspace-launcher .workspace-heading-copy>div>span{color:inherit;opacity:.88}
.workspace-next{padding:24px;background:var(--surface);color:var(--text);border-radius:12px;box-shadow:0 10px 24px #0000001f;min-width:0;display:flex;flex-direction:column;gap:16px}
.workspace-next h2{font-size:16px;letter-spacing:-.02em;margin:0}.workspace-next .button{justify-content:center;min-height:46px;font-size:12px;gap:10px}.workspace-next .button svg:last-child{margin-left:auto}.workspace-next .workspace-browse{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px;font-size:12px;font-weight:650;color:var(--accent);text-decoration:none}.workspace-next .workspace-browse:hover{text-decoration:underline;text-underline-offset:4px}.workspace-next .workspace-browse svg{width:16px;height:16px}
.panel-content .section-intro{background:var(--stage-action);color:var(--stage-action-text);padding:32px;gap:36px;border-radius:16px;align-items:center}
.section-intro .section-intro-copy p,.section-intro .section-context{color:inherit;opacity:.88}.section-intro .section-symbol{background:transparent;color:inherit;padding:0}.section-intro .section-possibilities{background:var(--surface);color:var(--text);box-shadow:0 10px 24px #0000001f;border-radius:12px;overflow:hidden}.section-intro .section-task{border-color:var(--line)}.section-intro .section-task summary{color:var(--text)}.section-intro .section-task summary:hover{background:var(--bg)}.section-intro .section-task-body p,.section-intro .section-task-body li{color:var(--muted)}.section-intro .section-task-body li:before{background:var(--bg);color:var(--text)}.section-intro .section-task-action{background:var(--accent-bg);color:var(--accent-text)}.section-intro .section-task-action:hover{background:var(--accent-bg);filter:brightness(.96)}
.panel-content .h-heading,.panel-content .page-heading{background:var(--stage-action);color:var(--stage-action-text);padding:28px 32px;border-radius:16px;margin-bottom:28px;border:0;gap:24px}
.panel-content .h-heading :is(p,.h-back),.panel-content .page-heading p{color:inherit}.panel-content .h-heading p,.panel-content .page-heading p{opacity:.88}.panel-content .h-heading a:not(.button){color:inherit}.panel-content .page-heading .domain-chip{color:inherit;border-color:currentColor;background:transparent}
.panel-content .h-heading .button:not(.primary){background:var(--surface);color:var(--text);border:0}
@media(max-width:1100px){.panel-content .workspace-launcher{grid-template-columns:minmax(0,1fr) minmax(230px,36%);gap:24px;padding:28px}.workspace-launcher h1{font-size:30px}.workspace-launcher .workspace-heading-copy{gap:14px}.workspace-next{padding:20px}}
@media(max-width:800px){.panel-content .workspace-launcher{grid-template-columns:minmax(0,1fr);gap:24px;min-height:0}.workspace-launcher .workspace-heading-copy>svg{width:26px;height:26px}.workspace-launcher h1{font-size:30px}.workspace-next{gap:14px}.workspace-next .button{width:100%}.panel-content .section-intro{gap:28px}}
@media(max-width:600px){.panel-content .workspace-launcher,.panel-content .section-intro{padding:24px 20px;border-radius:14px;margin-bottom:24px}.workspace-launcher h1{font-size:29px}.workspace-launcher .workspace-heading-copy p{font-size:12px}.workspace-next{padding:20px}.panel-content .h-heading,.panel-content .page-heading{padding:24px 20px;border-radius:14px;flex-wrap:wrap}.panel-content .h-heading h1,.panel-content .page-heading h1{overflow-wrap:anywhere}.workspace-next h2{font-size:16px}}

/* Native task links retain the same geometry before and after hydration. */
.start-space .goal-tabs .goal-tab{font-family:inherit;font-weight:650;text-decoration:none}

/* Home tasks read as tabs attached to one changing panel. */
.start-space .goal-tabs{display:flex;gap:4px;padding:0 28px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.start-space .goal-tabs .goal-tab{flex:1 0 0;min-height:56px;padding:14px 16px;border-radius:12px 12px 0 0;background:transparent;color:var(--muted);white-space:nowrap;position:relative}
.start-space .goal-tabs .goal-tab:hover{background:var(--surface2);color:var(--text)}
.start-space .goal-tabs .goal-tab.selected{background:var(--launcher-ground);color:var(--launcher-ink)}
.start-space .goal-tabs .goal-tab.selected .hosting-icon{color:inherit}
.start-space .goal-tabs .goal-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-5px}
.start-space .goal-stage:focus-visible{outline:2px solid var(--launcher-ink);outline-offset:-6px}
@media(max-width:1000px){.start-space .goal-tabs{padding-inline:20px}.start-space .goal-tabs .goal-tab{font-size:11px;padding-inline:12px}}
@media(max-width:600px){.start-space .goal-tabs{padding-inline:16px;gap:4px}.start-space .goal-tabs .goal-tab{flex:0 0 auto;min-width:144px;min-height:52px;justify-content:center;gap:8px}.start-space .goal-tabs .goal-tab .hosting-icon{width:18px;height:18px}}

/* Mailbox storage: the allowance leads, its adjustment stays secondary. */
.resource-overview-facts .mailbox-allowance{flex-direction:column;align-items:flex-start;gap:8px}
.mailbox-allowance>[data-inspector-quota]{font-size:16px;font-variant-numeric:tabular-nums}
.mailbox-allowance .resource-inline-action{background:var(--surface);color:var(--accent);border:1px solid var(--line);padding:6px 10px;min-height:34px;margin:0;font-size:11px;gap:8px;font-weight:600}
.mailbox-allowance .resource-inline-action:hover{background:color-mix(in srgb,var(--accent) 7%,var(--surface));border-color:var(--accent);filter:none}
@media(max-width:600px){.mailbox-allowance .resource-inline-action{min-height:44px}}

/* A calm, tablet-friendly item picker beside each setup action. */
.workspace-next .manage-launch,.section-task-body>.manage-launch{display:flex;width:100%;justify-content:flex-start;min-height:48px;background:var(--surface);color:var(--accent);border:1px solid var(--line);font-weight:650;font-size:13px;gap:10px;box-shadow:none}
.manage-launch>.hosting-icon:last-child{margin-left:auto}.section-task-body>.manage-launch{margin-top:12px}.manage-launch:hover{background:var(--bg);border-color:var(--accent)}
.manage-dialog{width:min(880px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:0;border:0;border-radius:16px;background:var(--surface);color:var(--text);box-shadow:0 24px 80px #0005;overflow:hidden}
.manage-dialog:not([open]){display:none}.manage-dialog[open]{display:flex;flex-direction:column}.manage-dialog::backdrop{background:#100f1780}
.manage-dialog .manage-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:26px 28px;border-bottom:1px solid var(--line);flex:none}.manage-dialog .manage-dialog-head h2{font-size:25px;line-height:1.3;letter-spacing:-.03em;margin:0;color:var(--text)}.manage-dialog .manage-dialog-head p{font-size:14px;line-height:1.7;color:var(--muted);margin:8px 0 0}.manage-dialog .icon-button{width:44px;height:44px;flex:none;border-radius:10px}.manage-dialog .icon-button svg{width:20px;height:20px}
.manage-dialog-body{display:grid;grid-template-columns:180px minmax(0,1fr);min-height:330px;max-height:480px;flex:1;min-width:0;overflow:hidden}
.manage-categories{padding:24px 14px;background:var(--bg);border-right:1px solid var(--line);overflow:auto}.manage-categories h3{font-size:13px;color:var(--muted);padding:0 12px;margin:0 0 14px}.manage-categories>div{display:flex;flex-direction:column;gap:6px}.manage-categories button{background:transparent;color:var(--text);border:1px solid transparent;border-radius:8px;min-height:48px;padding:12px;text-align:left;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;line-height:1.5}.manage-categories button[aria-pressed=true]{background:var(--surface);color:var(--accent);border-color:var(--line)}.manage-categories button:hover{background:var(--surface2)}
.manage-content{min-width:0;display:flex;flex-direction:column;padding:22px 24px;overflow:hidden}.manage-search{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:var(--bg);flex:none;min-height:50px;margin:0}.manage-search>svg{width:20px;height:20px;color:var(--muted);flex:none}.manage-search input{border:0;background:transparent;color:var(--text);font:inherit;font-size:16px;padding:12px 0;min-width:0;width:100%;margin:0;box-shadow:none}.manage-search:focus-within{outline:2px solid var(--accent);outline-offset:2px}.manage-search input:focus-visible{outline:0}.manage-search .icon-button{width:36px;height:36px;background:transparent}
.manage-count{font-size:12px;color:var(--muted);margin:16px 0 10px;flex:none}.manage-options{overflow:auto;min-height:0;scrollbar-color:var(--line) transparent;scrollbar-width:thin;padding:4px;display:flex;flex-direction:column;gap:8px}
.manage-option{display:flex;align-items:center;gap:14px;min-height:76px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);width:100%;text-align:left;flex:none;cursor:pointer;font-family:inherit}.manage-option>span{width:auto;line-height:1.5}.manage-option>span:nth-child(2){flex:1;min-width:0}.manage-option strong{display:block;font-size:15px;font-weight:650;overflow-wrap:anywhere}.manage-option small{display:block;font-size:12px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.manage-option-icon{display:flex;flex:none;color:var(--accent)}.manage-option-icon svg{width:24px;height:24px}.manage-option-check{display:flex;width:28px!important;height:28px;border:1px solid var(--line);border-radius:7px;align-items:center;justify-content:center;flex:none}.manage-option-check svg{width:18px;height:18px;visibility:hidden}.manage-option[aria-selected=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.manage-option[aria-selected=true] .manage-option-check{background:var(--accent-bg);color:var(--accent-text);border-color:transparent}.manage-option[aria-selected=true] .manage-option-check svg{visibility:visible}.manage-option:hover{border-color:var(--accent)}.manage-option:focus-visible,.manage-categories button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.manage-empty{text-align:center;padding:28px 16px}.manage-empty>svg{width:28px;height:28px;color:var(--muted)}.manage-empty h3{font-size:19px;margin:14px 0 8px}.manage-empty p{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:16px}
.manage-dialog .manage-dialog-foot{margin:0;padding:20px 28px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;flex:none}.manage-selection{min-width:0;flex:1}.manage-selection>span{display:block;font-size:14px;font-weight:650;overflow-wrap:anywhere}.manage-selection small{display:block;font-size:12px;color:var(--muted);margin-top:5px;line-height:1.6}.manage-dialog-foot>div:last-child{display:flex;gap:10px;flex:none}.manage-dialog .manage-dialog-foot .button{font-size:13px;min-height:48px;white-space:nowrap;gap:10px;padding:12px 18px;width:auto}.manage-dialog .manage-dialog-foot .button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:600px){.manage-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:14px}.manage-dialog .manage-dialog-head{padding:20px;gap:12px}.manage-dialog .manage-dialog-head h2{font-size:23px}.manage-dialog .manage-dialog-head p{font-size:13px}.manage-dialog-body{display:flex;flex-direction:column;min-height:250px;max-height:none}.manage-categories{padding:10px 14px;border:0;border-bottom:1px solid var(--line);flex:none}.manage-categories h3{display:none}.manage-categories>div{flex-direction:row;overflow:auto}.manage-categories button{white-space:nowrap;flex:none;padding:10px 12px;min-height:44px}.manage-content{padding:16px 14px;min-height:0;flex:1}.manage-option{min-height:80px;padding:14px 10px;gap:12px}.manage-option strong{font-size:15px}.manage-dialog .manage-dialog-foot{padding:16px;gap:14px;flex-wrap:wrap}.manage-selection{flex-basis:100%}.manage-dialog-foot>div:last-child{width:100%}.manage-dialog .manage-dialog-foot .button{flex:1;justify-content:center;padding-inline:12px}.manage-count{margin-top:12px}}
/* Reset shell navigation geometry inside the modal. */
.manage-dialog .manage-categories{margin:0;display:flex;flex-direction:column;gap:0;justify-content:flex-start;align-items:stretch}
.manage-selection>span{color:var(--text)}
.manage-dialog[open]{height:min(680px,calc(100dvh - 40px))}
.manage-dialog .manage-dialog-body{min-height:0;max-height:none}
@media(max-width:600px){.manage-dialog[open]{height:min(760px,calc(100dvh - 20px))}}

/* Everyday flows: comfortable reading, explicit next steps and preserved context. */
.home-workspace-choice{display:flex;align-items:center;gap:16px;font-size:16px;font-weight:600;margin:0 0 24px;max-width:520px}.home-workspace-choice select{flex:1;min-width:0;min-height:48px;font:inherit}.home-established .home-columns{margin-top:0;margin-bottom:28px}.home-heading p{font-size:16px}
.flow-next-step{display:flex;gap:18px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:24px;margin:20px 0;text-align:left}.flow-next-step>svg{width:26px;height:26px;flex:none;color:var(--accent)}.flow-next-step>div{min-width:0}.flow-next-step h3{font-size:20px;line-height:1.4;margin:0}.flow-next-step p{font-size:16px;line-height:1.65;max-width:65ch;margin:10px 0 18px}.flow-next-step .button{min-height:48px;white-space:normal}.flow-details{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:0 20px;margin:20px 0;text-align:left;scroll-margin-top:24px}.flow-details>summary{font-size:16px;font-weight:650;min-height:56px;padding:16px 0;cursor:pointer}.flow-details[open]{padding-bottom:20px}.flow-details .h-connect-grid{margin-top:12px}.flow-history-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0}.flow-event{align-items:start}.flow-event>div{min-width:0}.flow-event h2{font-size:18px;overflow-wrap:anywhere}.flow-event p{font-size:16px;line-height:1.65;overflow-wrap:anywhere}.flow-event small{font-size:14px;line-height:1.6}.flow-event .flow-guidance{color:var(--muted);margin:12px 0}.flow-event .button{margin-top:8px}.flow-event .h-status{white-space:normal}
.panel-content :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){font-size:16px}
.panel-content :is(.resource-facts dt,.resource-overview-facts dt,.resource-tools small,.resource-identity p,.h-form small,.h-form-intro,.resource-section>p,.h-connect-setting>span,.h-muted,.h-properties dt){font-size:14px;line-height:1.65}
.panel-content :is(.resource-facts dd,.resource-overview-facts dd,.resource-tools strong,.h-properties dd){font-size:16px;overflow-wrap:anywhere}
.panel-content :is(.button,.resource-inline-action,.resource-facts .button,.mailbox-allowance .resource-inline-action){min-height:44px;min-width:44px;font-size:14px}
.panel-content :is(.button.primary,.h-form-actions .button){min-height:48px}
.panel-content :is(.text-link,.h-text-link,.h-back,.back-link,.h-danger-link,.resource-footer a,.resource-management-heading .text-link){display:inline-flex;align-items:center;min-height:44px;font-size:14px;gap:6px}
.panel-content :is(.resource-management-heading,.resource-workspace-link){flex-wrap:wrap}
.panel-content :is(.h-tabs a,.h-connection>summary,.section-task>summary){min-height:44px;font-size:14px}
.manage-dialog .manage-search .icon-button{width:44px;height:44px;min-width:44px}.manage-option-check{border-radius:50%}
@media(max-width:1100px){.panel-content .workspace-launcher{padding:24px;gap:20px;min-height:0}.workspace-launcher h1{font-size:28px}.workspace-launcher .workspace-heading-copy p{font-size:14px}.workspace-next{padding:16px}.panel-content .resource-facts .button{min-height:44px;min-width:44px;font-size:14px}}
@media(max-width:800px){.panel-content .workspace-launcher{grid-template-columns:minmax(0,1fr);gap:16px}.workspace-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workspace-next h2{grid-column:1/-1}.workspace-next .button{font-size:14px;white-space:normal}.flow-next-step{padding:20px;gap:12px}.flow-next-step p{font-size:16px}.flow-history-heading{align-items:start;flex-wrap:wrap}}
@media(max-width:600px){.home-workspace-choice{display:block}.home-workspace-choice select{display:block;width:100%;margin-top:8px}.workspace-next{grid-template-columns:1fr}.flow-next-step .button{width:100%}.flow-event{display:flex;flex-wrap:wrap}.flow-event>.h-event-dot{display:none}.flow-event>div{width:100%}.flow-details{padding-inline:16px}}

.home-workspace .resource-link strong,.home-workspace .attention-item strong{font-size:16px}.home-workspace .resource-link small,.home-workspace .attention-item small,.home-workspace .attention-clear p,.home-fine{font-size:14px}.home-workspace .attention-clear{min-height:72px}.home-workspace .home-section-head>span{font-size:14px}
@media(max-width:600px){.flow-event>div{flex:1 0 100%}.flow-event>.h-status{order:-1}.home-workspace .resource-links{grid-template-columns:1fr}}

/* Attached page sections share Home's tab and coloured-panel language. */
.page-frame{--frame-ground:var(--stage-action);--frame-ink:var(--stage-action-text);margin-bottom:24px;min-width:0}
:root:is([data-theme=cyberpunk],[data-theme=terminal],[data-theme=manor],[data-theme=drawing-room]) .page-frame{--frame-ground:var(--stage);--frame-ink:var(--stage-text)}
.page-frame-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 24px}.page-frame-title>div{min-width:0}.page-frame-title h1{font-size:32px;line-height:1.25;letter-spacing:-.03em;overflow-wrap:anywhere}.page-frame-title p{font-size:14px;color:var(--muted);margin:8px 0 0}.page-frame-title .h-back,.page-frame-title .back-link{margin:0}
.panel-content .page-frame-tabs{display:flex;align-items:stretch;justify-content:flex-start;gap:4px;margin:0;padding:0 24px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.panel-content .page-frame-tab{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:14px 22px;border:0;border-radius:12px 12px 0 0;background:transparent;color:var(--muted);font-size:16px;font-weight:650;text-decoration:none;white-space:nowrap}
.panel-content .page-frame-tab:hover{background:var(--surface2);color:var(--text)}.panel-content .page-frame-tab.selected{background:var(--frame-ground);color:var(--frame-ink)}.page-frame-tab svg{width:19px;height:19px}.page-frame-tab:focus-visible{outline:2px solid currentColor;outline-offset:-5px}
.page-frame-stage{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding:28px 32px;background:var(--frame-ground);color:var(--frame-ink);border-radius:16px;box-shadow:var(--window-shadow)}
.page-frame-stage:has(.page-frame-actions){grid-template-columns:minmax(0,1fr) minmax(250px,36%);align-items:center}.page-frame-intro{display:flex;align-items:flex-start;gap:18px;min-width:0}.page-frame-intro>svg{width:28px;height:28px;flex:none;margin-top:2px}.page-frame-intro h2{font-size:24px;line-height:1.3;letter-spacing:-.02em;overflow-wrap:anywhere}.page-frame-intro p{font-size:16px;line-height:1.65;max-width:65ch;margin-top:10px;color:inherit}
.page-frame-actions{background:var(--surface);color:var(--text);padding:20px;border-radius:12px;box-shadow:0 10px 24px #0000001f;min-width:0}.page-frame-actions .workspace-next{background:transparent;box-shadow:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.page-frame-actions .workspace-next h2{font-size:16px}.page-frame-actions .button{white-space:normal}.page-frame-actions .section-possibilities{padding:0;background:transparent;box-shadow:none}.page-frame-actions .section-task-body{padding-inline:0}.page-frame-actions .setup-banner-security{color:var(--text);font-size:14px;padding:0}
.page-frame + .notice{margin-bottom:24px}.setup-journey .page-frame ~ .h-setup-layout,.setup-journey .page-frame ~ .h-editor-layout{margin-inline:0}.setup-journey .page-frame ~ .h-setup-result{margin:24px 0 0}.setup-application .setup-application-body{margin-inline:0}
[data-page-tab-panel][hidden]{display:none!important}
@media(max-width:1000px){.page-frame-title h1{font-size:29px}.page-frame-stage{padding:24px}.page-frame-stage:has(.page-frame-actions){grid-template-columns:minmax(0,1fr) minmax(220px,38%);gap:20px}}
@media(max-width:800px){.page-frame-title{align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:20px}.page-frame-stage:has(.page-frame-actions){grid-template-columns:minmax(0,1fr)}.page-frame-intro h2{font-size:23px}.page-frame-actions .workspace-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.page-frame-actions .workspace-next h2{grid-column:1/-1}.panel-content .page-frame-tabs{padding-inline:16px}}
@media(max-width:600px){.page-frame-title h1{font-size:27px}.page-frame-stage{padding:22px 20px;border-radius:14px}.panel-content .page-frame-tab{min-height:52px;padding:14px 18px;font-size:15px}.page-frame-intro{gap:12px}.page-frame-intro>svg{width:24px;height:24px}.page-frame-actions{padding:18px}.page-frame-actions .workspace-next{grid-template-columns:1fr}}
.page-frame-title .setup-banner-security{color:var(--muted);font-size:14px}