/* TERRA theme for the staff dashboard wireframes · loads after wireframes.css and overrides it */
:root{
  --bg:#EFF2EA; --panel:#FAFBF5; --ink:#232B21; --muted:#69735F;
  --line:#D9E0CE; --dash:#A9B596; --fill:#E5EADA; --accent:#4F6B4B;
}
body{font-family:'Nunito Sans',system-ui,sans-serif;font-size:14px}
h1,h2,h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:0}
.topbar{background:var(--ink);border-bottom:4px solid var(--accent)}
.topbar .brand{font-family:'DM Serif Display',serif;font-size:16px;letter-spacing:.01em}
.topbar .crumb{color:#D9BFA9}
.avatar{background:var(--sand);border:1px dashed var(--dash)}
/* shell */
.sidenav a{border-left:3px solid transparent;border-radius:0 12px 12px 0;margin-left:0}
.sidenav a:hover{color:var(--ink);background:var(--fill)}
.sidenav a.on{color:var(--accent);border-left-color:var(--accent);background:var(--fill)}
.sidenav .grp{color:#8C9A78}
@media(max-width:800px){.sidenav a.on{border-bottom-color:var(--accent)}}
/* primitives */
.box{border:2px solid var(--ink);border-radius:22px;box-shadow:5px 5px 0 var(--sand);padding:20px}
.box h3{font-family:'Nunito Sans',sans-serif;font-size:11.5px;font-weight:800;color:#8C9A78}
.dashed{border-radius:14px;background:var(--panel)}
.ph{border-radius:14px}
/* page head */
.pagehead h1{font-size:30px}
/* buttons */
.btn{border-radius:999px;font-weight:700;padding:8px 18px;border:2px solid var(--ink);background:var(--panel)}
.btn.dark{background:var(--accent);border-color:var(--accent);color:#FFF6EC;box-shadow:3px 3px 0 var(--ink)}
.btn.ghost{background:transparent;border-color:var(--line);color:var(--muted)}
.btn:hover{transform:translateY(-1px)}
/* stats */
.stat{border:2px solid var(--ink);border-radius:18px;box-shadow:4px 4px 0 var(--sand)}
.stat .lbl{color:#8C9A78;font-weight:800}
.stat .val{font-family:'DM Serif Display',serif;font-size:30px;color:var(--accent);font-weight:400}
/* tables */
th{font-weight:800;color:#8C9A78}
td{border-bottom:1px dashed var(--line)}
.capbar{background:var(--fill);border-radius:99px}
.capbar i{background:var(--accent)}
/* chips */
.chip{background:var(--fill);border-color:var(--line);font-weight:700}
.chip.ok{border-color:var(--sage,#6E6A3F);color:#5A5634;background:#E4E2C8}
.chip.warn{border-color:var(--accent);color:var(--accent);background:#F6DCCF}
.chip.bad{color:var(--muted);background:var(--sand)}
/* timeline */
.tl li::before{border:2px solid var(--accent);background:var(--panel)}
/* chart */
.chart .b{background:var(--fill);border-color:var(--dash)}
.chart .b.hot{background:var(--accent);border-color:var(--accent)}
/* week grid */
.daycol{border:2px solid var(--ink);border-radius:18px}
.daycol .d{color:#8C9A78;font-weight:800}
.slot{border:2px dashed var(--dash);border-radius:12px;background:var(--fill)}
.slot.full{border-style:solid;background:var(--panel)}
/* forms */
.inp{border:2px solid var(--line);border-radius:12px}
.inp.dashed{background:var(--panel)}
/* notes */
.note{background:#F4F6EC;border:2px dashed var(--dash);border-radius:14px;color:#4A5540}
.badge-num{background:var(--accent)}
/* modal */
.modal{border:2px solid var(--ink);border-radius:22px;box-shadow:8px 8px 0 var(--accent)}
.backdrop{background:repeating-linear-gradient(45deg,var(--fill),var(--fill) 12px,var(--bg) 12px,var(--bg) 24px)}
.wf-foot{color:var(--muted)}
.wf-foot a{color:var(--accent)}