:root{--ink:#17243b;--sub:#68768d;--line:#e5eaf0;--light:#f7f9fc;--card:#fff;--accent:#377c76;--accent-dark:#225d58;--pale:#e9f5f2;--warn:#a56a17;--shadow:0 16px 38px rgba(17,44,69,.045)}
*{box-sizing:border-box}
html{scroll-behaviour:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--light);color:var(--ink);font-size:15px;line-height:1.5}
a{color:var(--accent-dark);text-decoration:none}a:hover{text-decoration:underline}
input,button,select{font:inherit}button{cursor:pointer}
.site-header{background:#fff;border-bottom:1px solid var(--line)}
.header-inner{max-width:1280px;margin:auto;height:78px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:12px;color:#1c324c;font-weight:790;font-size:19px;letter-spacing:-.6px}.brand:hover{text-decoration:none}
.brand-icon{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#173f3c 5%,#248c73 95%);color:#fff;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;box-shadow:0 4px 11px rgba(28,97,78,.17);font-size:23px;font-weight:950;letter-spacing:-3px}.brand-icon::before{content:"";position:absolute;right:-5px;top:-9px;width:24px;height:30px;transform:rotate(38deg);background:rgba(255,255,255,.11)}.brand-icon>span{position:relative;z-index:1;padding-right:3px}
.brand-light{font-weight:530;color:#627389}
.header-right{display:flex;align-items:center;gap:10px;font-size:13px;color:#607088;font-weight:600}
.status-dot{width:7px;height:7px;background:#4da990;border-radius:50%;box-shadow:0 0 0 4px #e2f3ed}
.version{margin-left:7px;padding:5px 9px;border-radius:6px;background:#eff3f8;color:#7b8898;font-size:11px;font-weight:800;letter-spacing:.03em}
.shell{max-width:1280px;margin:0 auto;padding:44px 34px 90px}
.site-footer{text-align:center;color:#8b97a7;font-size:12px;padding:0 15px 35px}
.site-footer span{margin:0 8px}
.eyebrow{display:inline-block;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.145em;line-height:1.8}
.intro{margin-bottom:34px;max-width:785px}.intro h1,.admin-hero h1{font-size:clamp(30px,3.8vw,49px);letter-spacing:-1.9px;line-height:1.15;margin:10px 0 13px;font-weight:750}
.intro p,.admin-hero p{font-size:16px;line-height:1.75;color:var(--sub);margin:0;max-width:710px}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:14px;background:#fff;margin:0 0 28px;overflow:hidden;box-shadow:var(--shadow)}
.step{display:flex;align-items:center;gap:10px;padding:17px 19px;border-right:1px solid var(--line);color:#9aa5b3;font-size:13px}.step:last-child{border-right:0}
.step span{display:grid;place-items:center;border:1px solid #d9e0e9;border-radius:50%;width:27px;height:27px;font-size:12px;font-weight:800;flex:none}.step strong{font-weight:650}
.step.current{background:#eff8f6;color:#1e665e}.step.current span{background:var(--accent);border-color:var(--accent);color:white}.step.complete{color:#377c76}.step.complete span{background:#e1f2eb;border-color:#d4ece2}
.two-column{display:grid;grid-template-columns:minmax(0,1.43fr) minmax(290px,.83fr);gap:25px;align-items:start}
.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:27px;box-shadow:var(--shadow)}
.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:14px}.panel h2{margin:0 0 5px;font-size:20px;letter-spacing:-.55px}.panel h3{margin:0 0 13px;font-size:17px;letter-spacing:-.35px}.panel p{color:var(--sub);margin:0 0 15px;line-height:1.7}
.panel-heading p{margin-bottom:19px}
.aside-stack{display:grid;gap:20px}
.checklist{display:grid}
.check-row{display:flex;align-items:center;gap:15px;border-top:1px solid #eff1f5;padding:14px 0}
.check-row strong{display:block;font-size:14px;font-weight:650}.check-row small{display:block;color:#8a97a8;margin-top:3px;font-size:12px}
.check-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;flex:none;font-weight:800}.check-icon.ok{background:#e3f5ed;color:#268564}.check-icon.no{background:#fff0df;color:#a86612}
.pill{display:inline-flex;align-items:center;border-radius:99px;padding:5px 11px;white-space:nowrap;font-size:11px;font-weight:800;letter-spacing:.02em}.pill-green{color:#287659;background:#e6f5eb}.pill-amber{color:#9e7019;background:#fff3dd}.pill-muted{color:#7b8797;background:#f0f3f6}
.accent-panel{background:#fbfdfa;border-color:#dfebe5}
.instructions{margin:16px 0 22px;padding-left:20px;color:#5d6d83;font-size:13px}.instructions li{padding:4px 0 7px;line-height:1.6}.instructions b{color:var(--ink)}
.instructions.numbered{margin-top:6px;margin-bottom:23px}
code{background:#f0f4f7;color:#285b64;border-radius:5px;padding:2px 5px;font-size:.9em;overflow-wrap:anywhere}
.stack{display:grid;gap:18px}
label{display:grid;gap:8px;color:#3c4c61;font-size:13px;font-weight:650}
label input,label select{width:100%;border:1px solid #dce3eb;border-radius:9px;background:#fff;padding:13px 14px;min-height:47px;color:#263b53;outline:none;font-size:14px;font-weight:450}
label input::placeholder{color:#aab4c0}
label input:focus,label select:focus{border-color:#6aaca4;box-shadow:0 0 0 3px #e8f4f1}
.hint{color:#8694a4;font-size:11px;font-weight:450;line-height:1.5}
.button{background:var(--accent);border:1px solid var(--accent);color:white;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 19px;border-radius:9px;font-size:13px;font-weight:750;line-height:1.5;min-height:45px;transition:background .1s ease,transform .1s ease}
.button:hover{background:var(--accent-dark);text-decoration:none}.button:active{transform:translateY(1px)}.button:focus-visible{outline:3px solid #8cc6be;outline-offset:2px}
.button:disabled{background:#bdc9cb;border-color:#bdc9cb;cursor:not-allowed;transform:none}
.button.secondary{background:#fff;color:#4a6470;border-color:#d3dfe0}.button.secondary:hover{background:#f0f8f7}
.button.wide{width:100%;justify-content:space-between}
.text-link{font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;min-height:40px}
.form-panel>p{margin-bottom:24px}.form-panel h2{margin-bottom:8px}
.field-grid{display:grid;grid-template-columns:2fr 1fr;gap:15px}
.form-actions{border-top:1px solid var(--line);padding-top:20px;margin-top:3px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.inline-success{background:#dff5e9;color:#27795d;padding:12px 14px;border-radius:9px;font-weight:750;font-size:13px;margin:15px 0}
.summary-line{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #edf0f4;padding:14px 0;font-size:12px;color:#778397}.summary-line:first-of-type{margin-top:13px}.summary-line b{font-size:12px;color:#344b61;overflow-wrap:anywhere;text-align:right}
.secret-display{border:1px dashed #84b9af;background:#eff9f5;border-radius:12px;padding:20px;margin-bottom:21px}.secret-display>span{font-size:10px;color:#286d62;font-weight:800;letter-spacing:.12em;display:block}.secret-display strong{display:block;font-size:18px;letter-spacing:3px;color:#163c37;overflow-wrap:anywhere;margin:11px 0}.secret-display small{color:#54857c;font-size:11px}
.warning-note{background:#fffbf5;border-color:#f1e8d8}.warning-note p{color:#896e4d}
.small-muted{font-size:12px!important;color:#8492a2!important;line-height:1.7!important}
.alert{border-radius:11px;padding:14px 17px;margin:0 0 23px;font-size:13px;font-weight:620}.alert-error{background:#fff0ed;color:#983d37;border:1px solid #f2d0c9}.alert-success{background:#e6f6ed;color:#216f4f;border:1px solid #cfebda}
.error-wrap{text-align:center;max-width:630px;margin:9vh auto}.large-icon{width:65px;height:65px;display:grid;place-items:center;margin:auto;background:#fff2e1;color:#b77a29;border-radius:18px;font-size:30px;font-weight:750}.error-wrap h1{font-size:38px}.error-wrap p{font-size:16px;color:var(--sub);margin:14px 0 24px}
.login-layout{display:grid;grid-template-columns:1fr 440px;gap:8vw;align-items:center;min-height:calc(100vh - 255px)}
.login-aside h1{font-size:clamp(39px,5vw,68px);max-width:680px;letter-spacing:-2.8px;line-height:1.1;margin:16px 0 23px}.login-aside p{font-size:18px;color:#6e7d90;line-height:1.85;max-width:510px}.aside-foot{margin-top:55px;color:#9ba7b5;font-size:12px}
.login-panel{padding:39px}.login-panel h2{font-size:30px;margin-top:13px}.login-panel p{margin-bottom:24px}.login-panel .small-muted{margin:25px 0 0}
.simple-login{max-width:510px;margin:8vh auto}
.admin-hero{display:flex;justify-content:space-between;align-items:start;gap:25px;margin-bottom:30px}.admin-hero h1{font-size:42px;margin:8px 0 12px}.admin-hero p{max-width:670px;font-size:14px}
.foundation-notice{background:#e9f7f0;border:1px solid #d1ebe0;padding:17px 20px;border-radius:12px;display:flex;align-items:center;gap:14px;margin-bottom:25px}.foundation-notice .notice-mark{display:grid;place-items:center;flex:none;width:36px;height:36px;background:#d2ecdc;border-radius:11px;font-weight:800;color:#35765a}.foundation-notice strong{font-size:13px}.foundation-notice p{margin:4px 0 0;color:#547d6b;font-size:12px;line-height:1.5}.foundation-notice .pill{margin-left:auto}
.admin-search{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e0e6ee;box-shadow:var(--shadow);border-radius:12px;padding:0 16px;height:60px}.admin-search span:first-child{font-size:30px;color:#769c9b;line-height:0}.admin-search input{border:0;outline:0;flex:1;min-width:0;font-size:15px;color:var(--ink)}.admin-search .key-hint{font-size:10px;color:#9ba9b8;letter-spacing:.11em;font-weight:750}
.section-title{display:flex;align-items:center;gap:14px;margin:35px 0 16px}.section-title h2{margin:0;font-size:20px;letter-spacing:-.55px}.section-title span{font-size:12px;color:#97a3b2}
.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.module-card{min-height:184px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:border-color .1s}
.module-card[hidden]{display:none}.module-card:hover{border-color:#ccd9dc}
.module-card-head{display:flex;align-items:center;justify-content:space-between}.module-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#e7f2ef;color:#377f75;font-size:11px;font-weight:850;letter-spacing:.03em}
.module-card:nth-child(5n+2) .module-icon{background:#edf0fb;color:#6379ae}.module-card:nth-child(5n+3) .module-icon{background:#fff3e8;color:#c08857}.module-card:nth-child(5n+4) .module-icon{background:#f6ebf2;color:#ae7996}
.module-card-body small{display:block;color:#8e9aa9;font-weight:650;margin-top:16px;font-size:10px;text-transform:uppercase;letter-spacing:.085em}.module-card h3{font-size:15px;margin:5px 0 5px;letter-spacing:-.3px}.module-card p{margin:0;font-size:12px;line-height:1.55;color:#8895a4}.no-results{padding:20px;text-align:center;color:#8492a2}.bottom-note{margin-top:23px}.feature-lines p{margin:8px 0!important;font-size:13px;color:#417b69!important}
.sr-only{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(max-width:1000px){.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.login-layout{gap:30px;grid-template-columns:1fr 380px}.header-inner,.shell{padding-left:22px;padding-right:22px}}
@media(max-width:760px){.shell{padding-top:30px;padding-bottom:55px}.header-inner{height:68px;padding:0 17px}.brand{font-size:16px}.brand-icon{width:35px;height:35px}.header-right{font-size:11px}.header-right>.status-dot{display:none}.two-column{grid-template-columns:1fr}.steps{grid-template-columns:repeat(4,minmax(0,1fr))}.step{padding:11px 7px;gap:5px;justify-content:center;flex-direction:column;font-size:10px;text-align:center}.step span{width:24px;height:24px}.login-layout{grid-template-columns:1fr;gap:25px;min-height:0}.login-aside h1{font-size:40px}.login-aside p{font-size:15px}.aside-foot{margin-top:22px}.login-panel{padding:27px}.admin-hero{flex-direction:column}.admin-hero h1{font-size:32px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foundation-notice .pill{display:none}}
@media(max-width:490px){.header-right{display:none}.panel{padding:20px}.intro h1{font-size:32px}.intro p{font-size:14px}.form-actions{align-items:stretch;flex-direction:column-reverse}.button{width:100%}.field-grid{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr}.module-card{min-height:155px}.admin-search .key-hint{display:none}}
/* WorkNest owner-only release management workspace */
.update-landing{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px}.update-landing h1{font-size:39px;letter-spacing:-1.5px;margin:7px 0}.update-landing p{color:var(--sub);margin:0;max-width:730px}
.module-workspace{display:grid;grid-template-columns:240px minmax(0,1fr);background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:var(--shadow);min-height:600px}
.module-sidebar{border-right:1px solid var(--line);background:#fbfcfe;padding:24px 18px;display:flex;flex-direction:column;gap:18px}.module-sidebar-head{display:flex;align-items:center;gap:12px;font-size:14px;margin:0 6px 7px}.module-sidebar nav{display:grid;gap:4px}.module-sidebar nav a{color:#5c6a79;border-radius:8px;padding:11px 12px;font-size:13px;font-weight:650}.module-sidebar nav a:hover,.module-sidebar nav a.selected{background:#e7f3f0;color:#2f776a;text-decoration:none}.sidebar-tip{color:#92a0ad;font-size:11px;line-height:1.7;border-top:1px solid var(--line);padding:18px 8px;margin-top:auto}
.module-content{padding:29px;display:grid;align-content:start;gap:20px;min-width:0}.module-content>.panel{box-shadow:none}.module-topline{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:12px;color:#8090a1;border-bottom:1px solid var(--line);padding-bottom:20px}
.update-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.update-stat{background:#f8fafb;border:1px solid #edf1f4;border-radius:11px;padding:18px;display:flex;flex-direction:column;gap:5px}.update-stat small{color:#8291a0;font-weight:700}.update-stat strong{font-size:21px;letter-spacing:-.5px}.update-stat span{font-size:11px;color:#8291a0}
.update-info{background:#f6faf9}.update-info p:last-child{margin-bottom:0}.release-meta{display:flex;gap:10px 18px;flex-wrap:wrap;margin:18px 0 24px;font-size:12px;color:#718293}.release-meta b{color:#354b59}.staged-release{border-color:#a9d4c6}.update-confirm-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.history-entry{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;border-top:1px solid var(--line)}.history-entry p{margin:3px 0 0;font-size:12px}.history-entry strong{font-size:14px}
@media(max-width:860px){.module-workspace{grid-template-columns:1fr}.module-sidebar{border-right:0;border-bottom:1px solid var(--line)}.module-sidebar nav{display:flex;overflow:auto;gap:6px}.module-sidebar nav a{white-space:nowrap}.sidebar-tip{display:none}.update-stat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.update-landing{flex-direction:column;align-items:stretch}.module-content{padding:16px}.update-stat-grid,.update-confirm-grid{grid-template-columns:1fr}}

/* v0.2.0 layout repair: mobile grid min-content and sidebar navigation */
@media (max-width: 860px) {
  .module-workspace { grid-template-columns: minmax(0, 1fr); }
  .module-content { grid-template-columns: minmax(0, 1fr); }
  .module-sidebar nav { flex-wrap: wrap; overflow: visible; }
  .module-sidebar nav a { white-space: normal; }
}
@media (max-width: 560px) {
  .update-landing h1 { font-size: clamp(30px, 9vw, 38px); }
  .module-sidebar { padding: 17px 14px; }
  .module-sidebar nav a { padding: 8px 10px; font-size: 12px; }
  .module-content { padding: 14px; }
  .module-content > * { min-width: 0; max-width: 100%; }
  .module-content .panel { padding: 18px; }
  .module-topline { gap: 8px 10px; font-size: 11px; }
  .module-topline > span { overflow-wrap: anywhere; }
}
