/* Staff workbench: compact operational rows, forest-green identity, warm paper surfaces. */
:root{--green:#21614e;--deep:#163b30;--gold:#b39151;--text:#23372e;--muted:#66746b;--border:#e0e5df;--paper:#fffefa;--back:#f5f5f0;--control-bg:#f8f9f5;--focus:#79ab95;--hover:#f2f6ee;--raised:0 1px 2px #183c2a06,0 4px 14px #183c2a04}
body{-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}h1,h2,h3{text-wrap:balance}h1{font-size:28px;font-weight:650;letter-spacing:-.6px}h2{font-weight:600}p,small{text-wrap:pretty}button{min-height:44px;padding:10px 16px;border-radius:8px;font-weight:550;transition:background-color .14s,border-color .14s}button:active:not(:disabled){transform:translateY(1px)}button.primary{box-shadow:0 1px 2px #163b3014}button.primary:hover{background:#194e3e}button:disabled{opacity:1;color:#8b938c;background:#f2f3ef;border-color:#e7eae4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}input,select,textarea{background:var(--control-bg);border-color:#d7dfd5;border-radius:8px;padding:12px;font-weight:400}label{font-weight:550;font-size:14px;line-height:1.6}label input,label textarea,label select{margin-top:6px}input::placeholder,textarea::placeholder{color:#859087}small,.muted{color:var(--muted)}
.sidebar{width:220px;background:#eef1e9;color:var(--text);border-right:1px solid var(--border);padding:28px 16px}.brand{color:var(--gold);padding:0 12px 32px}.brand b{font-size:29px;line-height:1.2}.brand svg{width:38px}.brand small{color:#65776b;font-size:11px;margin-top:5px;letter-spacing:2px}.nav button{color:#5b6d60;padding:12px 14px;min-height:48px;margin-bottom:4px;font-size:14px}.nav button.current{color:var(--paper);background:var(--deep)}.nav button:hover:not(.current){background:#e2e8dc}.nav svg{stroke-width:1.7}.nav-tip{color:#718170;border-color:#d8dfd2;font-size:11px;line-height:1.8}.account{color:var(--text);border-color:#d8dfd2;font-size:12px}.account .role{color:var(--muted);margin-left:6px}.account button{color:var(--muted);border-color:#d3dbce;min-height:36px;background:transparent}.main{margin-left:220px}.topbar{height:64px;padding:0 36px;background:var(--back);border-bottom:0;font-size:12px}.preview-badge{border:0;background:#eaece3;color:#65705d;font-size:11px;padding:5px 10px;border-radius:20px}.content{max-width:1320px;padding:24px 36px 64px}.heading{align-items:center;margin-bottom:28px}.heading h1{margin-bottom:6px}.heading p{font-size:13px}.heading>.action{align-items:flex-end;flex-shrink:0}.heading>.action button{min-height:44px}.heading>.action small{font-size:11px;margin-top:2px}.action small{font-size:11px;line-height:1.5}.portfolio-summary{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr)) 1.2fr;gap:20px;align-items:center;padding:4px 0 24px;margin-bottom:16px;border-bottom:1px solid var(--border)}.portfolio-summary>div{display:grid;gap:6px}.portfolio-summary span{font-size:12px;color:var(--muted)}.portfolio-summary strong{font-size:32px;line-height:1.1;font-weight:550;letter-spacing:-1px;font-variant-numeric:tabular-nums}.portfolio-summary strong small{font-size:12px;margin-left:8px;font-weight:400;letter-spacing:0}.portfolio-summary>p{font-size:12px;line-height:1.8;color:var(--muted);margin:0;border-left:1px solid var(--border);padding-left:24px}.roster{background:var(--paper);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--raised)}.roster .toolbar{padding:20px 24px;justify-content:space-between;flex-wrap:nowrap;gap:20px;border-bottom:1px solid var(--border)}.toolbar h2{margin:0 0 2px;font-size:15px}.toolbar small{font-size:11px}.toolbar input{font-size:12px;max-width:250px;min-height:40px;padding:9px 12px}.list{display:block}.shooter{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:20px;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:24px;background:transparent}.shooter:last-child{border-bottom:0}.shooter[hidden]{display:none}.shooter-info{display:flex;gap:12px;align-items:flex-start;min-width:0}.shooter-avatar{flex:0 0 40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#f0eadc;color:#957745;font:20px "Songti SC",serif;border:1px solid #e9e1cd}.shooter-main{min-width:0}.shooter-title{flex-wrap:wrap;gap:8px;margin-bottom:5px}.shooter-title h2{font-size:15px;line-height:1.5;letter-spacing:0}.tag{font-size:10px;line-height:1.5;padding:3px 7px;border-radius:5px;font-weight:500}.tag.active,.tag.pass{background:#e7f1e8;color:#347052}.tag.review,.tag.publishing,.tag.pause_pending{background:#f6efdd;color:#8e6b2d}.shorturl{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;letter-spacing:-.15px;color:#426b56;overflow-wrap:anywhere;margin-bottom:5px}.shooter .shooter-meta{font-size:11px;margin:0;color:var(--muted);display:flex;flex-wrap:wrap;gap:7px}.shooter-note{display:block;font-size:10px;margin-top:4px;max-width:360px}.link-actions{gap:8px;flex-wrap:nowrap;align-items:flex-start}.link-actions .action button{font-size:12px;padding:8px 11px;min-height:40px}.link-actions .action small{font-size:10px;text-align:center}.bottom-note{font-size:11px;margin-top:20px;line-height:1.7}.panel{background:var(--paper);border-radius:12px;border-color:var(--border);box-shadow:var(--raised);padding:28px}.wizard{grid-template-columns:minmax(0,1.9fr) minmax(240px,1fr);gap:32px}.stepbar{gap:24px;margin:0 0 28px;padding:0 0 24px;justify-content:space-between}.stepbar li{font-size:12px;display:flex;align-items:center;gap:6px;white-space:nowrap}.stepbar i{width:28px;height:28px;margin:0;background:#edf0e8;font-size:12px}.side-note{padding-top:24px}.side-note h3{font-size:14px}.side-note .summary{font-size:12px;grid-template-columns:76px 1fr;gap:16px 8px}.strip{border-left-width:2px;background:#edf2e8;font-size:12px;padding:12px 16px}.strip.warning{background:#f8f2e3}.summary{font-size:13px;gap:16px 12px}.summary dt{font-size:12px}.summary dd{font-weight:500}.checks{margin:20px 0}.checks li{padding:14px 0}.checks b{font-size:12px;font-weight:550}.checks small{font-size:11px}.metrics{background:var(--paper);border-radius:12px;overflow:hidden;box-shadow:var(--raised)}.metric{padding:24px}.metric strong{font-size:32px;font-weight:550;letter-spacing:-.7px}.metric span{font-size:12px}.metric small{font-size:11px}.tabs{gap:20px;margin-bottom:24px}.tabs button{font-size:13px;padding:8px 0}.tabs button.selected{border-bottom-width:2px}.filters{gap:12px}.filters input,.filters select{min-height:42px;background:var(--paper)}th{background:#f1f3ec;font-size:11px;padding:12px 16px}td{padding:16px;font-size:12px}dialog{background:var(--paper);padding:28px;border-radius:16px;border-color:#d5decf;box-shadow:0 24px 80px #102c252b}dialog::backdrop{background:#13261e55;backdrop-filter:blur(3px)}.dialoghead{padding-bottom:16px;border-bottom:1px solid var(--border)}.dialoghead h2{font-size:20px;margin-bottom:8px}.dialoghead button{width:44px;height:44px;background:transparent;border:0}.dialoghead button:hover{background:var(--hover)}.login .panel{padding:32px}.login .primary{width:100%}.login #login>small{display:block;margin-top:8px}.login h1{font-size:26px}.login-brand{font-family:"Songti SC",serif;font-size:32px}.login-brand small{font-family:inherit;font-size:16px}.login .roles button{min-height:44px}.empty{font-size:13px}
@media(max-width:1150px){.shooter{grid-template-columns:1fr}.link-actions{padding-left:52px;gap:12px}.shooter{gap:16px}.portfolio-summary{grid-template-columns:repeat(3,1fr)}.portfolio-summary>p{display:none}.content{padding:20px 28px 64px}.heading p{max-width:36em}.wizard{grid-template-columns:1fr}.side-note{padding:0 4px}.side-note .summary{grid-template-columns:100px 1fr}}
@media(min-width:601px) and (max-width:850px){.sidebar{width:176px;padding:24px 12px}.main{margin-left:176px}.content{padding:20px}.topbar{padding:0 20px}.heading{align-items:flex-start;gap:16px}.heading h1{font-size:24px}.heading>.action{align-items:flex-start}.heading>.action small{max-width:130px}.heading p{font-size:12px}.roster .toolbar{padding:16px;gap:12px;flex-wrap:wrap}.toolbar input{max-width:none}.shooter{padding:20px 16px}.link-actions{padding-left:0;gap:6px}.link-actions .action button{padding:8px 10px}.brand{padding-left:8px}.brand b{font-size:27px}.brand svg{width:32px}}
@media(max-width:600px){.sidebar{width:100%;padding:0;border-right:0;background:var(--back);border-bottom:1px solid var(--border)}.brand{padding:16px}.brand b{font-size:25px;letter-spacing:2px}.brand svg{width:28px}.brand small{display:none}.account{top:16px;right:16px;border:0;padding:0}.account button{min-height:36px}.nav{padding:8px 4px calc(8px + env(safe-area-inset-bottom));background:#fdfdf8;border-top:1px solid var(--border);box-shadow:0 -3px 14px #14312406;gap:4px}.nav button{color:#7b897d;font-size:11px;padding:6px 4px;min-height:48px;line-height:1.5;margin:0}.nav button.current{background:#e6eee2;color:var(--deep)}.nav svg{width:20px;height:20px}.nav-tip{display:none}.main{margin:0}.topbar{padding:10px 16px;height:40px;min-height:40px;font-size:10px}.preview-badge{font-size:10px;padding:3px 8px}.content{padding:20px 16px 110px}.heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:24px}.heading h1{font-size:25px;line-height:1.3}.heading p{font-size:12px;max-width:210px}.heading>.action{align-items:flex-end}.heading>.action button{font-size:12px;padding:9px 10px;min-height:42px}.heading>.action small{font-size:10px;max-width:120px;text-align:right}.portfolio-summary{gap:16px;padding-bottom:24px;margin-bottom:20px}.portfolio-summary strong{font-size:30px}.portfolio-summary span{font-size:11px}.portfolio-summary strong small{font-size:11px}.roster{border-radius:10px}.roster .toolbar{padding:16px;align-items:center;gap:12px;flex-wrap:wrap}.toolbar input{max-width:none;flex:1;min-width:170px;font-size:12px}.toolbar h2{font-size:14px}.toolbar small{display:none}.shooter{padding:20px 16px;gap:16px}.shooter-avatar{width:36px;height:36px;flex-basis:36px;font-size:18px}.shooter-info{gap:10px}.shooter-title h2{font-size:14px}.shooter-title{gap:6px}.shorturl{font-size:11px}.shooter-note{font-size:10px}.link-actions{padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.link-actions .action{min-width:0}.link-actions .action button{font-size:11px;padding:8px 4px;min-height:44px;width:100%}.link-actions .action small{font-size:9px;line-height:1.5;text-align:center}.panel{padding:20px}.wizard{gap:16px}.stepbar{gap:8px;padding-bottom:20px;margin-bottom:24px}.stepbar li{font-size:11px;gap:5px}.stepbar i{width:24px;height:24px}.side-note .summary{font-size:12px}.metrics .metric{padding:20px 16px}.metric strong{font-size:28px}.filters label{min-width:140px}.tabs{gap:20px}.tabs button{font-size:12px}dialog{padding:20px}.summary{grid-template-columns:80px 1fr;font-size:12px;gap:14px 10px}.dialoghead h2{font-size:18px}.login{margin:5vh auto;padding:16px}.login .panel{padding:24px}.login .roles{gap:8px}.login .roles button{font-size:12px}.login-brand{margin:0 0 24px}.login-brand small{font-size:14px}#toast{bottom:90px;width:max-content;max-width:calc(100vw - 32px);font-size:12px;box-shadow:var(--raised)}}
@media(prefers-reduced-motion:reduce){button{transition:none}button:active:not(:disabled){transform:none}}
/* Native iPhone inputs stay legible without focus zoom. Touch targets retain 44px. */
@media(max-width:600px){input,textarea,select,.toolbar input{font-size:16px}.link-actions .action button{font-size:12px}.link-actions .action small{font-size:10px}}

/* Keep saved cost history inside the existing detail dialog on narrow screens. */
.environment-note{font-size:12px;color:var(--amber);margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.expense-history{margin-top:24px}.expense-history h4{font-size:14px;margin-bottom:10px}.expense-record{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--border)}.expense-record>div{min-width:0;overflow-wrap:anywhere}.expense-record p{font-size:12px;margin:5px 0}.expense-record small{display:block;font-size:11px}.expense-record button{flex-shrink:0;min-height:44px}.expense-history>.muted{font-size:11px}
@media(max-width:600px){.expense-record{gap:10px}.expense-record button{font-size:12px;padding:8px}.environment-note{font-size:11px}}

.account-actions{display:flex;gap:6px;margin-top:10px}.account .account-actions button{float:none;font-size:11px;min-height:36px;padding:4px 9px}.historical-code-note{font-size:12px;color:var(--muted);margin:-10px 0 24px}.payment-review{padding:18px 0;border-bottom:1px solid var(--border)}.payment-review:last-child{border-bottom:0;padding-bottom:0}.payment-review-title{display:flex;gap:12px;align-items:flex-start;overflow-wrap:anywhere}.payment-review-title b{min-width:0;overflow-wrap:anywhere;font:12px ui-monospace,monospace}.payment-review .summary{margin:16px 0}.review-observed{display:block;color:var(--muted);font-size:11px;margin-top:5px}
@media(max-width:600px){.account{display:flex;align-items:center;gap:8px}.account-actions{margin:0;gap:4px}.account .account-actions button{margin:0;padding:4px 7px;font-size:10px}.payment-review .summary{grid-template-columns:84px 1fr}.historical-code-note{font-size:11px}}