/* Work App current presentation system
 * Authoritative sources: dashboard-composing-room.html, Executive Admin Control Center,
 * and auth-signin.html. Retired design eras are intentionally not retained here.
 */
:root{
  --wa-paper:#f3efe3;--wa-paper-2:#eae2cc;--wa-card:#fffdf7;--wa-card-2:#f8f4e9;
  --wa-ink:#211d17;--wa-ink-soft:#75695a;--wa-ink-faint:#a79a85;--wa-line:#dcd1b4;
  --wa-red:#b5342a;--wa-red-deep:#8f2620;--wa-green:#3c6e4f;--wa-gold:#a97a22;
  --wa-amber:#9a6718;--wa-blue:#386a88;--wa-plate:#211d17;--wa-plate-2:#332c21;
  --wa-danger-soft:#faebe8;--wa-green-soft:#e8f3ed;--wa-amber-soft:#fbf2df;--wa-blue-soft:#e8f1f5;
  --wa-shadow:0 10px 24px -14px rgba(33,25,15,.35);--wa-shadow-lg:0 22px 44px -20px rgba(33,25,15,.45);
  --wa-radius:6px;--wa-radius-lg:12px;--wa-gutter:clamp(18px,2.2vw,34px);--wa-nav:222px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100%}
body{background:var(--wa-paper);color:var(--wa-ink);font-family:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.45;background-image:radial-gradient(circle at 20% 30%,rgba(33,29,23,.025) 0,transparent 45%),radial-gradient(circle at 80% 70%,rgba(33,29,23,.025) 0,transparent 45%)}
a{color:var(--wa-red-deep);text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:'Fraunces',Georgia,serif;color:var(--wa-ink);margin:0 0 .45em;font-weight:600;line-height:1.15}
h1{font-size:clamp(25px,2.3vw,34px)}h2{font-size:22px}h3{font-size:17px}h4{font-size:14px}
p{margin:.35em 0 1em}.mono,code,kbd,pre{font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Consolas,monospace}
small,.muted,.subtle{color:var(--wa-ink-soft);font-size:11px}.warning{color:var(--wa-amber)}
img,svg{max-width:100%}
hr{border:0;border-top:1px solid var(--wa-line);margin:18px 0}

/* Controls */
button,.button,.btn,input[type=submit]{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border:1px solid var(--wa-red-deep);border-radius:4px;background:var(--wa-red);color:#fff;padding:8px 13px;font:700 12px/1.2 'Inter',sans-serif;cursor:pointer;text-decoration:none;box-shadow:none;text-transform:none;letter-spacing:0}
button:hover,.button:hover,.btn:hover,input[type=submit]:hover{background:var(--wa-red-deep);color:#fff;text-decoration:none}
button:focus-visible,.button:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid rgba(181,52,42,.22);outline-offset:2px}
button[disabled],.button.disabled,.btn.disabled{cursor:not-allowed;opacity:.48}
.button.alt,.button.secondary,.btn.alt,.btn.secondary,.button.outline,.btn.outline,.ghost-button{background:var(--wa-card);border-color:var(--wa-line);color:var(--wa-ink)}
.button.alt:hover,.button.secondary:hover,.btn.alt:hover,.btn.secondary:hover,.button.outline:hover,.btn.outline:hover,.ghost-button:hover{border-color:var(--wa-red);color:var(--wa-red-deep);background:#fff}
.button.danger,.btn.danger,.danger-button{background:var(--wa-red-deep);border-color:#6f1f19;color:#fff}
.button.small,.btn.small,button.small{min-height:30px;padding:6px 9px;font-size:11px}
.icon-button{width:32px;height:32px;padding:0;border-radius:50%;background:var(--wa-card);border:1px solid var(--wa-line);color:var(--wa-ink-soft)}
.icon-button:hover{background:var(--wa-plate);border-color:var(--wa-plate);color:#fff}

input,select,textarea{width:100%;max-width:100%;border:1px solid var(--wa-line);border-radius:4px;background:#fff;color:var(--wa-ink);padding:9px 10px;font:500 13px/1.4 'Inter',sans-serif}
textarea{min-height:110px;resize:vertical}input[type=checkbox],input[type=radio]{width:auto;min-width:16px;min-height:16px;accent-color:var(--wa-red);padding:0}
label{display:flex;flex-direction:column;gap:5px;color:var(--wa-ink-soft);font-size:11.5px;font-weight:700}
.form-grid,.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.span-2,.field.span-2{grid-column:1/-1}.form-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}.include{flex-direction:row;align-items:center}.include input{width:auto}

/* Signed-in user shell presentation moved to assets-user.css in Short Phase 17. */

/* Width strategies: broad data can be wide; forms/readers get a deliberate measure. */
.page-content>.editor-page,.page-content>.form-page,.page-content>.settings-page{max-width:980px;margin-inline:auto}
.page-content>.document-page,.page-content>.reading-page,.page-content>.tutorial-page{max-width:920px;margin-inline:auto}

/* Shared surfaces */
.card,.panel,.box,.callout,.summary-card,.metric-card,.dashboard-panel,.sidebar-box,.set-record,.workflow-card,.form-card{background:var(--wa-card);border:1px solid var(--wa-line);border-radius:var(--wa-radius-lg);box-shadow:0 1px 0 rgba(255,255,255,.7) inset}
.card,.panel,.box,.callout,.workflow-card,.form-card{padding:18px}.card+.card,.panel+.panel{margin-top:14px}
.page-title-row,.section-head,.section-heading,.workflow-head,.header-row,.toolbar,.actions-row,.statebar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.section-title,.eyebrow,.kicker{color:var(--wa-red-deep);font:700 11px/1.25 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.1em}.section-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.section-label h2{margin:0;font:700 11px/1.2 'Inter',sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--wa-ink-soft)}
.grid-2,.two-col,.split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-3,.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid-4,.kpi-grid,.metrics-grid,.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi,.metric,.metric-card{padding:14px 15px;background:var(--wa-card);border:1px solid var(--wa-line);border-radius:var(--wa-radius-lg)}.kpi span,.metric span,.metric-card small{display:block;color:var(--wa-ink-soft);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.kpi strong,.metric strong,.metric-card strong{display:block;margin-top:4px;font:650 22px/1.1 'Fraunces',serif;color:var(--wa-ink)}
.status,.badge,.pill,.tag,.metadata-match{display:inline-flex;align-items:center;gap:5px;width:auto;border-radius:999px;padding:4px 8px;background:#eee8dc;color:var(--wa-ink-soft);font-size:11px;font-weight:800;line-height:1.2;white-space:nowrap}.status.ok,.badge.ok,.success,.verified-mini{background:var(--wa-green-soft);color:var(--wa-green)}.status.warn,.badge.warn,.warning-pill{background:var(--wa-amber-soft);color:var(--wa-amber)}.status.danger,.badge.danger,.error-pill{background:var(--wa-danger-soft);color:var(--wa-red-deep)}.status.info,.badge.info{background:var(--wa-blue-soft);color:var(--wa-blue)}
.attention,.notice,.info-box,.source-truth-note{padding:11px 12px;border:1px solid #eadab9;border-left:4px solid var(--wa-gold);border-radius:7px;background:#fffaf0;color:var(--wa-ink)}.attention.red,.notice.error{border-color:#ecc8c3;border-left-color:var(--wa-red);background:#fff6f4}.attention.green,.notice.success{border-color:#cfe1d8;border-left-color:var(--wa-green);background:#f4faf6}

/* Tables */
.table-wrap,.table-scroll,.responsive-table{width:100%;max-width:100%;overflow-x:auto;border:1px solid var(--wa-line);border-radius:8px;background:#fff;-webkit-overflow-scrolling:touch}.table-wrap table,.table-scroll table,table.table,table.summary,table.review-table{width:100%;border-collapse:collapse;background:#fff;min-width:720px}th{padding:9px 10px;border-bottom:1px solid var(--wa-line);background:#f6f1e6;color:var(--wa-ink-soft);font-size:11px;font-weight:800;text-align:left;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}td{padding:10px;border-bottom:1px solid #eee8dc;vertical-align:top;color:var(--wa-ink);font-size:12px;overflow-wrap:normal;word-break:normal}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fffcf5}.num,.money,.date,.time,.nowrap{white-space:nowrap}.table-actions{display:flex;gap:6px;align-items:center;white-space:nowrap}

/* Signed-in user module presentation moved to assets-user.css in Short Phase 17. */

/* Clock presentation moved to assets-user.css / assets-admin.css in Short Phase 17. */

/* Generic accordion/editor/timeline */
.accordion,.accordion-item{border:1px solid var(--wa-line);border-radius:7px;background:var(--wa-card);overflow:hidden}.accordion-item+.accordion-item{margin-top:8px}.accordion summary,.accordion-item summary{cursor:pointer;padding:11px 12px;font-weight:800}.accordion-body{padding:12px;border-top:1px solid var(--wa-line)}.rich-editor-shell{border:1px solid var(--wa-line);border-radius:7px;background:#fff;overflow:hidden}.rich-editor-toolbar{display:flex;gap:5px;flex-wrap:wrap;padding:7px;border-bottom:1px solid var(--wa-line);background:var(--wa-card-2)}.rich-editor-toolbar button{min-height:28px;padding:5px 7px}.timeline{display:grid;gap:9px}.tl-item{display:grid;grid-template-columns:92px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--wa-line)}.tl-time{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--wa-ink-faint)}.tl-title{font-weight:800}.tl-sub{font-size:11px;color:var(--wa-ink-soft)}

/* Current Admin shell */

/* Authentication presentation moved to assets-admin.css in Short Phase 15. */

/* Shell/module responsive presentation is owned by assets-user.css and assets-admin.css. */

/* App-specific current component coverage from MASTER-PRESENTATION-SCHEMA */
/* Remaining current markup primitives — names retained where application behavior targets them. */
.actions,.engagement-actions,.footer-actions,.app-text-section-actions,.app-text-manager-tools,.branch-carousel-controls,.data-pagination{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.actions{justify-content:flex-end}.chip,.check,.verified-mini,.good,.accepted{display:inline-flex;align-items:center;width:auto;padding:4px 8px;border-radius:999px;background:var(--wa-green-soft);color:var(--wa-green);font-size:11px;font-weight:800}.bad,.failed,.excluded{display:inline-flex;align-items:center;width:auto;padding:4px 8px;border-radius:999px;background:var(--wa-danger-soft);color:var(--wa-red-deep);font-size:11px;font-weight:800}.draft{display:inline-flex;padding:4px 8px;border-radius:999px;background:var(--wa-amber-soft);color:var(--wa-amber);font-size:11px;font-weight:800}.empty-state,.acc-empty,.export-empty,.timeline-empty{padding:24px;border:1px dashed var(--wa-line);border-radius:7px;background:var(--wa-card-2);color:var(--wa-ink-soft);text-align:center}.detail-mini-card,.account-meta,.verified-box{padding:11px;border:1px solid var(--wa-line);border-radius:6px;background:var(--wa-card-2)}.compact{padding:10px}.inside{padding:14px}.inline{display:inline-flex}.btn-coral{background:var(--wa-red);border-color:var(--wa-red-deep);color:#fff}.btn-outline-teal{background:var(--wa-card);border-color:var(--wa-green);color:var(--wa-green)}
.acc-body,.acc-panel-inner{padding:10px}.acc-chev,.branch-arrow{margin-left:auto;color:var(--wa-ink-faint)}.branch-card,.comments-card,.category-prompt-list,.category-admin-form,.category-add-form{padding:13px;border:1px solid var(--wa-line);border-radius:7px;background:var(--wa-card)}.branch-list,.comments-card,.category-prompt-list{display:grid;gap:8px}.branch-title{font-weight:800}.branch-meta,.branch-source,.branches-mini,.account-meta{font-size:11px;color:var(--wa-ink-soft)}.branch-dot,.branch-dots{display:flex;gap:5px}.branch-dot{width:7px;height:7px;border-radius:50%;background:var(--wa-ink-faint)}.branch-carousel,.branch-viewport{min-width:0;overflow:hidden}.branch-slide{min-width:0}.comment{padding:10px;border-bottom:1px solid var(--wa-line)}.comment:last-child{border-bottom:0}


.pagination,.data-pagination{justify-content:flex-end}.data-pagination a{display:inline-flex;min-width:30px;min-height:30px;align-items:center;justify-content:center;border:1px solid var(--wa-line);border-radius:5px;background:var(--wa-card)}
@media(max-width:620px){.actions{justify-content:flex-start}}
