:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172b34;background:#f4f6f7;font-synthesis:none;--ink:#172b34;--muted:#667b85;--line:#e1e7e9;--teal:#087e83}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:8px;padding:11px 16px;font-weight:650;transition:background .15s,transform .15s}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #42b9bc;outline-offset:3px}.primary{background:var(--teal);color:white}.primary:hover{background:#066a70}.secondary{background:#eaf3f3;color:#16676c}.quiet{background:transparent;color:var(--muted);padding-left:0}h1{font-size:34px;line-height:1.2;letter-spacing:-1.1px;margin:4px 0 12px}h2{font-size:22px;letter-spacing:-.55px;margin:3px 0 8px}h3{font-size:15px;margin:0 0 12px}p{line-height:1.6;margin:8px 0}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow,.nav-label{font-size:10px;letter-spacing:1.7px;font-weight:750;color:#81939b}.eyebrow{margin:0 0 8px}aside{position:fixed;width:240px;top:0;bottom:0;left:0;border-right:1px solid var(--line);background:#fff;padding:30px 25px;display:flex;flex-direction:column;gap:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:22px;font-weight:750;flex-wrap:wrap}.mark{background:#0a7d83;color:white;width:34px;height:34px;border-radius:10px;display:inline-grid;place-items:center;font-size:21px;font-weight:800}.brand-sub{font-size:11px;color:#789099;letter-spacing:1px;font-weight:500;flex-basis:100%;padding-left:45px;margin-top:-15px}.nav-label{margin-top:42px}nav{display:flex;flex-direction:column;gap:6px}nav a{text-decoration:none;color:#637981;border-radius:8px;padding:11px 13px;font-size:13px;font-weight:600}nav a:hover,nav a:first-child{background:#eaf5f4;color:#087e83}.side-note{margin-top:auto;font-size:11px;line-height:2;color:#637981}.side-note small{display:block;font-size:10px}.dot{display:inline-block;width:7px;height:7px;background:#22a68e;border-radius:50%;margin-right:6px}.workspace{max-width:1600px;margin-left:240px;padding:42px 44px 25px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.summary-strip{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#6f858d;margin-bottom:20px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{border:1px solid var(--line);background:white;border-radius:12px;padding:21px;min-width:0;position:relative;overflow:hidden}.card:before{content:"";height:3px;background:#15959a;position:absolute;left:0;right:0;top:0}.card.production:before{background:#62719e}.card h3{font-size:14px;overflow-wrap:anywhere;margin:18px 0 6px}.card .version{font-size:29px;letter-spacing:-1px;font-weight:750;margin-top:20px}.card .version small{font-size:11px;letter-spacing:0;color:#83959c;font-weight:500;margin-left:6px}.card-bottom{display:flex;justify-content:space-between;gap:6px;margin-top:17px;padding-top:13px;border-top:1px solid #edf1f2;color:#768890;font-size:11px}.badge{display:inline-block;font-size:10px;line-height:1.6;letter-spacing:.3px;padding:4px 8px;border-radius:5px;white-space:nowrap;font-weight:700}.dev{color:#0b7e72;background:#e5f6f0}.prod{color:#536197;background:#ebeff9}.neutral{background:#eef2f4;color:#71818a}.amber{background:#fff0d5;color:#976613}.good{background:#e1f6ed;color:#1a7b56}.bad{background:#ffe9e5;color:#b24734}.environment-status{display:flex;gap:22px;margin:17px 0 32px;font-size:11px;color:#6a828a;flex-wrap:wrap}section{background:#fff;border:1px solid var(--line);border-radius:12px;padding:25px;margin-bottom:25px;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:8px}.table-wrap{overflow:auto;margin-top:20px}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{font-size:10px;color:#8799a0;font-weight:650;text-transform:uppercase;letter-spacing:.8px;padding:14px 10px;background:#f8fafb;white-space:nowrap}td{padding:15px 10px;border-bottom:1px solid #edf0f1;white-space:nowrap}td:first-child{font-weight:600}td button{font-size:11px;padding:7px 10px}td .subline{font-size:10px;display:block;margin-top:4px;color:#81959d;font-weight:400}tr:last-child td{border-bottom:none}.stack{display:grid;gap:10px;margin-top:20px}.item{border:1px solid #e6ecee;border-radius:9px;padding:15px 17px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.item-title{font-size:13px;font-weight:650;overflow-wrap:anywhere}.item-meta{font-size:11px;line-height:1.8;color:#71858e;overflow-wrap:anywhere;margin-top:5px}.item-right{text-align:right;flex-shrink:0}.item-right small{display:block;font-size:10px;color:#84949a;margin-top:6px}.empty{padding:20px;background:#f7f9fa;border-radius:8px;color:#7c8e96;font-size:13px}.plan-form{display:flex;gap:15px;align-items:flex-end;margin-top:22px}.plan-form label{flex:1}label{font-size:11px;color:#6a7e87;font-weight:600;display:block}input,select{width:100%;background:#fff;border:1px solid #d7e0e3;border-radius:7px;color:#233d48;padding:11px;margin-top:8px;font-size:12px}select{min-width:0}.arrow{padding-bottom:13px;color:#8ba0a8}#plan-result{background:#f8fafb;border:1px solid #e1e8eb;border-radius:8px;padding:20px;margin-top:20px;font-size:13px}#plan-result h3{margin:15px 0 8px}.plan-step{background:#fff;padding:13px;border:1px solid #e4eaec;border-radius:6px;margin:10px 0;line-height:1.7}.plan-step small{color:#7a8c94}.notice{position:sticky;top:12px;z-index:3;border:1px solid #a8d9d4;background:#e7f5f1;color:#286b62;padding:13px 17px;border-radius:8px;font-size:13px;margin-bottom:20px}.notice.error,.error{color:#aa442f}.notice.error{background:#fff0ea;border-color:#ebc3b7}.connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:15px}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;background:#edf3f5;border-radius:5px;padding:6px 8px;display:inline-block;overflow-wrap:anywhere}footer{text-align:center;font-size:10px;color:#91a0a7;padding:10px}.login{max-width:430px;margin:9vh auto;padding:35px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 40px #244a5610}.login>.mark{margin-bottom:25px;width:42px;height:42px}.login h1{font-size:38px}.login-form{display:grid;gap:17px;margin:28px 0 25px}.login .primary{margin-top:5px}.login .error{font-size:12px}.log{margin:10px 0 0;font-size:11px;color:#778991;line-height:1.8;max-width:650px}.job-followed{border-color:#8bcfd0;box-shadow:0 0 0 2px #087e8314}.live-console{margin-top:10px;max-height:300px;overflow:auto;background:#142129;color:#dce8eb;border-radius:7px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.65;width:min(650px,70vw);max-width:100%}.console-line{white-space:pre-wrap;overflow-wrap:anywhere}.live-console .muted{color:#91a5ad}details{font-size:11px;margin-top:7px;color:#65838c}summary{cursor:pointer}[hidden]{display:none!important}@media(min-width:1600px){.workspace{margin-right:auto}}@media(max-width:1200px){aside{width:205px;padding:25px 18px}.workspace{margin-left:205px;padding:30px 25px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:750px){aside{position:static;width:100%;height:auto;padding:15px 20px;display:block;border-right:0;border-bottom:1px solid var(--line)}.brand-sub,.nav-label,.side-note,aside form{display:none}nav{flex-direction:row;overflow:auto;margin-top:15px;gap:0}nav a{white-space:nowrap;font-size:11px;padding:8px 10px}.workspace{margin:0;padding:25px 16px}header{align-items:flex-start}header .primary{font-size:11px;padding:10px}h1{font-size:28px}header p.muted{font-size:12px}.cards{gap:10px}.card{padding:15px}.card h3{font-size:12px}.card .version{font-size:26px}section{padding:19px 15px}.plan-form{flex-direction:column;align-items:stretch}.arrow{display:none}.connection-grid{grid-template-columns:1fr}.summary-strip{flex-direction:column;gap:5px}.item{gap:10px}.item-right{max-width:110px}.login{margin:7vh 18px;padding:28px}.section-heading h2{font-size:20px}.section-heading button{font-size:10px}.card-bottom{flex-direction:column}}

/* Sites table: a compact opt-in for secondary copies and tucked-away diagnostics. */
.installation-toggle{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-size:12px;cursor:pointer;white-space:nowrap}
.installation-toggle input{width:16px;height:16px;padding:0;margin:0;accent-color:var(--teal);flex-shrink:0;cursor:pointer}
.installation-advanced{margin-top:18px;border-top:1px solid var(--line);padding-top:13px}
.installation-advanced summary{font-weight:600;display:list-item}
.installation-advanced button{margin-top:6px;font-size:11px}
@media(max-width:500px){#installations .section-heading{align-items:flex-start;flex-direction:column;gap:8px}}

/* Primary workflow: only two site routes; the rest is deliberately opt-in. */
.simple-workspace{max-width:920px;margin:0 auto!important;padding:36px 24px 60px}
.simple-workspace>header{margin-bottom:36px}.simple-workspace .brand{font-size:22px}
.site-flows{display:grid;gap:20px}.flow-card{padding:32px;border:1px solid var(--line);border-radius:14px;background:white}
.flow-route{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1.35fr);align-items:center;gap:16px}
.flow-route strong{display:block;font-size:21px;letter-spacing:-.4px;overflow-wrap:anywhere}.flow-label{display:block;font-size:10px;letter-spacing:1.6px;font-weight:700;color:var(--muted);margin-bottom:8px}.flow-arrow{font-size:28px;color:#8ba0a8;text-align:center}
.flow-actions{display:flex;gap:10px;margin-top:26px}.flow-actions button{min-width:115px}.availability-note{font-size:12px;color:var(--muted);margin:18px 0 26px}
.more-options{font-size:13px;color:var(--ink)}.more-options>summary{display:inline-block;padding:10px 16px;background:#eaf0f2;border-radius:8px;font-weight:650}.more-options>summary:after{content:' +';margin-left:8px}.more-options[open]>summary:after{content:' −'}
.advanced-options{margin-top:14px;border:1px solid var(--line);border-radius:12px;background:white;padding:8px 20px}.advanced-options>details{padding:16px 0;margin:0;border-bottom:1px solid var(--line);font-size:13px}.advanced-options>details>summary{font-weight:650;color:var(--ink)}.advanced-options section{margin:18px 0 0;padding:18px 0 0;border:0;border-radius:0}.advanced-options .summary-strip{margin-top:20px}
.shortcut-form{display:grid;gap:14px;max-width:460px;margin-top:20px}.saved-shortcut{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.shortcut-link{text-align:left;background:transparent;color:var(--teal);flex:1;min-width:150px;padding:10px 0;overflow-wrap:anywhere}.saved-shortcut .secondary{font-size:11px;padding:7px 10px}
dialog{width:min(640px,calc(100% - 32px));max-height:85vh;overflow:auto;border:1px solid var(--line);border-radius:15px;padding:26px;color:var(--ink);box-shadow:0 20px 90px #172b3440}dialog::backdrop{background:#172b3480}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.dialog-heading h2{overflow-wrap:anywhere}.dialog-heading button{flex-shrink:0;font-size:12px}.dialog-route{font-size:16px;font-weight:650;overflow-wrap:anywhere}.scope-warning{padding:12px 14px;background:#fff5e4;border-radius:8px;font-size:13px}.action-details{margin:20px 0}.action-details p{overflow-wrap:anywhere}.restore-dates{display:grid;gap:10px;margin-top:20px}.restore-date{display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:#f6f9fa;border:1px solid var(--line);text-align:left;padding:16px}.restore-date:hover{background:#eaf3f3}.restore-date strong{font-size:14px}.restore-date .badge{align-self:flex-start}summary:focus-visible{outline:3px solid #42b9bc;outline-offset:3px}
@media(max-width:600px){.simple-workspace{padding:24px 16px 40px}.flow-card{padding:22px 18px}.flow-route{grid-template-columns:minmax(0,1fr) 22px minmax(0,1.35fr);gap:10px}.flow-route strong{font-size:15px}.flow-arrow{font-size:23px}.flow-actions button{min-width:0;flex:1}.advanced-options{padding:4px 14px}.dialog-heading{gap:10px}dialog{padding:20px}.dialog-heading h2{font-size:20px}.flow-actions{margin-top:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button{transition:none}}

.app-title{font-size:15px;font-weight:500;letter-spacing:0;color:var(--muted);margin:0}
.claude-connect{margin-top:16px}.claude-connect>.primary{margin-top:8px}.secret-result{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#f7fafb}.secret-result .secret-url{display:block;word-break:break-all;white-space:normal;margin:8px 0 10px}.mcp-link-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--line)}.mcp-link-item:first-child{border-top:0}.mcp-link-item p{margin:3px 0}.connection-advanced{margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}
@media(max-width:600px){.mcp-link-item{align-items:flex-start;flex-direction:column}.mcp-link-item button{width:100%}}
.settings-subheading{margin-top:28px}.retention-form{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:16px 0}.retention-form label{display:flex;align-items:center;gap:8px}.retention-form input{width:74px;margin:0}.item-right button{margin-top:8px;font-size:11px;padding:7px 10px}.replacement-editor{margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:9px;background:#f8fafb}.replacement-editor>label{max-width:320px}.replacement-rows{display:grid;gap:8px;margin:12px 0}.replacement-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:end}.replacement-row input{margin:0}.replacement-row button{font-size:11px;padding:9px}.replacement-editor>button{margin-right:8px;margin-top:4px}.smart-replacement-options{display:grid;gap:7px;margin:12px 0;padding:10px;border:1px solid var(--line);border-radius:7px;background:#fff}.smart-replacement-option{display:flex;align-items:flex-start;gap:8px;max-width:none!important}.smart-replacement-option input{width:auto;margin:2px 0 0;flex:0 0 auto}.cache-flush-options{margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.cache-flush-options h3{margin:0 0 6px}.cache-flush-option{display:flex;align-items:center;gap:8px;margin:7px 0;max-width:none!important}.cache-flush-option input{width:auto;margin:0}
@media(max-width:600px){.replacement-row{grid-template-columns:1fr}.replacement-row button{width:100%}.retention-form{align-items:stretch;flex-direction:column}.retention-form button{width:100%}}

.captcha-enforce{display:flex;align-items:center;gap:8px}.captcha-enforce input{width:auto;margin:0}

.replacement-audit-step{margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8fafb}.replacement-audit-step h3,.replacement-audit-step h4{margin:8px 0}.replacement-audit-line{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;overflow-wrap:anywhere;white-space:pre-wrap}

.backup-bulk-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}.backup-check-all{display:flex;align-items:center;gap:7px}.backup-check-all input,.backup-selector input{width:auto;margin:0}.backup-bulk-actions button{font-size:11px;padding:8px 11px}.backup-item{align-items:flex-start}.backup-selector{padding-top:2px;flex:0 0 auto}.backup-main{min-width:0;flex:1}.backup-label-row{display:flex;gap:7px;align-items:center;margin-top:10px;max-width:470px}.backup-label-row input{margin:0;min-width:0}.backup-label-row button{white-space:nowrap;font-size:11px;padding:8px 10px}.starting-state{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:18px;border:1px solid var(--line);border-radius:9px;background:#f8fafb}.starting-state p{grid-column:2;margin:0}.starting-spinner{width:16px;height:16px;border:2px solid #b9d8d8;border-top-color:var(--teal);border-radius:50%;animation:trip-spin .8s linear infinite}@keyframes trip-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.backup-bulk-actions{align-items:stretch;flex-direction:column}.backup-bulk-actions button{width:100%}.backup-item{display:grid;grid-template-columns:auto 1fr}.backup-item .item-right{grid-column:2;max-width:none;text-align:left}.backup-label-row{align-items:stretch;flex-direction:column}.backup-label-row button{width:100%}}
