/* DanceMeshOps v0.2.0 — adapted from August with Masters visual tokens.
Reference: https://attakkalari.org/august-with-masters/styles.css (18 September 2026).
Original application layout; no reference photos or logo bundled. */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,500&display=swap');
:root{--primary:#f28c18;--secondary:#262626;--accent:#b55e00;--bg:#f4f0e8;--card:#fff;--line:#d8d0c2;--muted:#62605b;--ink:#171717}
body{font-family:Montserrat,Arial,sans-serif;color:var(--ink);line-height:1.6}
h1,h2,h3,.stat{font-family:'Playfair Display',Georgia,serif;font-weight:600;line-height:1.15}
h1{font-size:42px}h2,.section h2{font-size:32px}h3{font-size:25px}.stat{font-size:46px}
.sidebar{border-top:5px solid var(--primary);overflow:auto}.brand{letter-spacing:-.04em}.brand img{max-width:205px;max-height:64px;background:var(--bg);padding:5px}.nav a{font-size:11px;letter-spacing:.06em;text-transform:uppercase;border-radius:0;font-weight:600}.nav a.active,.nav a:hover{background:var(--primary);color:#171717}
.main{padding:34px;min-width:0}.topbar{padding-bottom:24px;border-bottom:1px solid var(--line)}.org{font-size:17px}.topbar .muted{font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-top:6px}
.card,.loginbox{border-radius:0;box-shadow:none;padding:26px}.card{border-top:3px solid var(--primary)}.grid .card{border-top:1px solid var(--line)}.loginbox{border-top:5px solid var(--primary);width:min(480px,100%)}
.btn{border-radius:0;color:#171717;text-transform:uppercase;letter-spacing:.06em;font-size:11px;padding:13px 17px;min-height:44px}.btn.secondary{background:var(--secondary);color:white;border:1px solid var(--line)}
input,select,textarea{font:400 14px Montserrat,Arial,sans-serif;border-radius:0;border-color:var(--line);margin-top:5px;min-height:44px}textarea{min-height:95px}label{font-size:12px}input[type=checkbox]{min-height:0}input[type=color]{padding:3px}button,input,select,textarea{accent-color:var(--primary)}:focus-visible{outline:3px solid #b55e00;outline-offset:3px}
table{border-radius:0}th{background:var(--secondary);color:#fff;text-transform:uppercase;font-size:10px;letter-spacing:.06em}td{font-size:12px;vertical-align:top;overflow-wrap:anywhere}td .muted{max-width:320px}td a{text-decoration:underline}.table-scroll{overflow:auto}.badge{background:#fff2df;color:#714000;border-radius:0}.flash{border-left:4px solid var(--primary);border-radius:0;background:#fff2df;color:#171717}
@media(max-width:900px){.main{padding:18px}.sidebar{height:auto;position:relative}.nav{display:flex;flex-wrap:wrap;gap:4px}.nav hr{display:none}.topbar{gap:15px}.grid{grid-template-columns:1fr 1fr!important}.formgrid{grid-template-columns:1fr}}
@media(max-width:560px){.grid{grid-template-columns:1fr!important}.topbar{display:block}.card{padding:18px}h1{font-size:34px}h2,.section h2{font-size:27px}}
@media print{.sidebar,form,.btn{display:none!important}.layout{display:block}.main{padding:0}.card{break-inside:avoid}body{background:#fff}th{color:#000;background:#eee}}
/* People & Work workflow surfaces */
.workflow-header{display:flex;align-items:center;justify-content:space-between;gap:24px}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:700;color:var(--accent)}.metric{text-decoration:none;color:inherit;border-top:3px solid var(--primary)}.action-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.review-form{display:grid;gap:8px;min-width:230px;margin-top:8px}.history-item{border-left:2px solid #d8d0c2;padding-left:12px;font-size:12px}.status-approved{background:#d9eee4;color:#19503c}.status-pending,.status-cancel_requested{background:#fff0cc;color:#70520b}.status-rejected,.status-cancelled{background:#f8dddd;color:#822f2f}.formgrid input[type=checkbox]{width:auto;accent-color:var(--primary)}details{margin-top:10px}summary{cursor:pointer;font-weight:600}@media(max-width:700px){.workflow-header{display:block}.grid{grid-template-columns:1fr 1fr!important}.formgrid{grid-template-columns:1fr!important}}
