/* VENDORED — do not edit. From astrobhava 899bb47b0f0e:
   pages/rendered/master-dashboard.html (26 style blocks) +
   accounts/desk_phone.py. Regenerate with tools/vendor_dashboard_css.py. */

:root{--ivory:#F3EAD6;--ivory-light:#FBF5E9;--ash:#2A211C;--maroon-deep:#3E1010;--saffron:#C7862B;
--vermillion:#AD3323;--copper:#8A5A2E;--copper-line:rgba(138,90,46,.35);--ember:#E88A3C;
--shadow:0 20px 50px -20px rgba(42,33,28,.35);--green:#3F6B4A}
*{box-sizing:border-box}
html,body{overflow-x:hidden}
body{margin:0;background:var(--ivory);color:var(--ash);font-family:'Cormorant Garamond',serif;font-size:19px;line-height:1.65;max-width:100%}
h1,h2,h3,h4{font-family:'Cormorant SC',serif;font-weight:700;color:var(--maroon-deep);margin:0}
a{color:inherit}
.wrap{max-width:1280px;margin:0 auto;padding:0 32px}
:focus-visible{outline:2px solid var(--vermillion);outline-offset:2px}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* staff top bar */
.staffbar{background:var(--ash);color:var(--ivory-light)}
.sb-wrap{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:8px 32px;flex-wrap:wrap;font-family:'Karla',sans-serif;font-size:12px}
.sb-wrap .tag{background:var(--vermillion);color:var(--ivory-light);font-weight:700;font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px}
.sb-wrap .ist{color:#bda389}.sb-wrap .ist b{color:var(--ivory-light)}
.sb-wrap .me{margin-left:auto;color:#bda389}
.sb-wrap a{color:var(--ember);text-decoration:none;font-weight:700}
header.nav{position:sticky;top:0;z-index:60;background:rgba(251,245,233,.97);backdrop-filter:blur(8px);border-bottom:1px solid var(--copper-line)}
.nav-inner{max-width:1280px;margin:0 auto;padding:12px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:9px;font-family:'Cormorant SC',serif;font-weight:700;font-size:21px;color:var(--maroon-deep);text-decoration:none}
.brand small{font-family:'Karla',sans-serif;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--copper)}
.nav-tools{display:flex;align-items:center;gap:12px;font-family:'Karla',sans-serif;font-size:13px}
.nav-tools input{font-family:'Karla',sans-serif;font-size:13px;padding:10px 14px;border:1px solid var(--copper-line);background:var(--ivory-light);min-width:260px}
.nav-tools input:focus{border-color:var(--vermillion)}
@media(max-width:700px){.nav-tools input{min-width:0;width:150px}}

/* shell */
.shell{display:grid;grid-template-columns:235px minmax(0,1fr);gap:34px;align-items:start;padding:26px 0 46px}
@media(max-width:900px){.shell{grid-template-columns:minmax(0,1fr);gap:18px}}
.dmenu{position:sticky;top:66px;display:flex;flex-direction:column;border:1px solid var(--copper-line);background:var(--ivory-light)}
@media(max-width:900px){.dmenu{position:static;flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch}}
.dmenu button{font-family:'Karla',sans-serif;font-size:13px;font-weight:600;text-align:left;background:none;border:none;border-left:3px solid transparent;border-bottom:1px solid var(--copper-line);padding:15px 16px;cursor:pointer;color:#5a4a38;white-space:nowrap;display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%}
.dmenu button:last-child{border-bottom:none}
@media(max-width:900px){.dmenu button{border-bottom:none;border-left:none;border-top:3px solid transparent;flex:0 0 auto;width:auto}}
.dmenu button.on{color:var(--maroon-deep);font-weight:700;background:var(--ivory);border-left-color:var(--vermillion)}
@media(max-width:900px){.dmenu button.on{border-top-color:var(--vermillion)}}
.dmenu .cnt{font-size:10px;font-weight:700;background:var(--ivory);border:1px solid var(--copper-line);color:var(--copper);padding:2px 7px;border-radius:999px}
.dmenu .cnt.alert{background:var(--vermillion);border-color:var(--vermillion);color:var(--ivory-light)}
.pane{display:none}
.pane.on{display:block}
.pane > h2{font-size:24px;margin-bottom:4px}
.pane > .pdesc{font-family:'Karla',sans-serif;font-size:12.5px;color:#5A4A38;margin:0 0 20px;line-height:1.7;max-width:78ch}

/* KPI tiles */
.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:22px}
@media(max-width:1100px){.kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.kpis{grid-template-columns:repeat(2,1fr)}}
.kpi{background:var(--ivory-light);border:1px solid var(--copper-line);padding:14px 16px;cursor:pointer}
.kpi b{display:block;font-family:'Cormorant SC',serif;font-size:30px;line-height:1;color:var(--maroon-deep)}
.kpi.warn b{color:var(--vermillion)}
.kpi span{font-family:'Karla',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--copper);line-height:1.5;display:block;margin-top:6px}

/* queue */
.q{border:1px solid var(--copper-line);background:var(--ivory-light)}
.q-row{display:flex;align-items:center;gap:16px;padding:15px 20px;border-bottom:1px solid var(--copper-line);flex-wrap:wrap}
.q-row:last-child{border-bottom:none}
.sla{font-family:'Karla',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.05em;padding:5px 10px;white-space:nowrap;flex:0 0 auto}
.sla.ok{background:rgba(63,107,74,.12);color:var(--green)}
.sla.due{background:rgba(199,134,43,.16);color:#8A5A2E}
.sla.over{background:rgba(173,51,35,.12);color:var(--vermillion)}
.q-row .t{flex:1;min-width:240px}
.q-row .t b{display:block;font-family:'Cormorant SC',serif;font-size:16.5px;color:var(--maroon-deep)}
.q-row .t span{font-family:'Karla',sans-serif;font-size:12px;color:#5a4a38;line-height:1.6}
.q-row .t span em{font-style:normal;color:#5A4A38}
.act{font-family:'Karla',sans-serif;font-size:12px;font-weight:700;padding:10px 16px;border:none;cursor:pointer;white-space:nowrap}
.a-red{background:var(--vermillion);color:var(--ivory-light)}
.a-out{background:none;border:1px solid var(--copper-line);color:var(--maroon-deep)}
.a-out:hover{border-color:var(--copper)}

/* schedule strip */
.sched{margin-top:22px}
.sched h3{font-size:18px;margin-bottom:10px}
.slotrow{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
@media(max-width:1000px){.slotrow{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.slotrow{grid-template-columns:repeat(2,1fr)}}
.slot{border:1px solid var(--copper-line);background:var(--ivory-light);padding:12px 14px;font-family:'Karla',sans-serif}
.slot b{display:block;font-size:13px;color:var(--maroon-deep)}
.slot span{font-size:11px;color:#5a4a38;line-height:1.5;display:block}
.slot.open{border-style:dashed}
.slot.open b{color:#5A4A38}
.slot .k{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--copper)}

/* filters + tables */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.filters button{font-family:'Karla',sans-serif;font-size:12px;font-weight:700;padding:8px 14px;border:1px solid var(--copper-line);background:var(--ivory-light);color:#5a4a38;cursor:pointer}
.filters button.on{background:var(--maroon-deep);border-color:var(--maroon-deep);color:var(--ivory-light)}
.tblwrap{overflow-x:auto;border:1px solid var(--copper-line);background:var(--ivory-light)}
table{border-collapse:collapse;width:100%;min-width:840px}
th{font-family:'Karla',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--copper);text-align:left;padding:13px 16px;border-bottom:1px solid var(--copper-line);white-space:nowrap}
td{font-family:'Karla',sans-serif;font-size:12.5px;color:#4a3c33;padding:13px 16px;border-bottom:1px solid var(--copper-line);vertical-align:top}
tr:last-child td{border-bottom:none}
td .it{font-family:'Cormorant SC',serif;font-size:15.5px;font-weight:700;color:var(--maroon-deep);display:block;white-space:nowrap}
.typ-t{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border:1px solid var(--copper-line);color:var(--copper);white-space:nowrap}
td .st-t{display:inline-block;font-size:11px;font-weight:700;padding:4px 10px;white-space:nowrap}
.privchip{display:inline-flex;align-items:center;gap:5px;font-family:'Karla',sans-serif;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;white-space:nowrap;margin-left:8px}
.privchip.prv{background:var(--maroon-deep);color:var(--ember)}
.privchip.pub{background:rgba(63,107,74,.12);color:var(--green)}
.s-done{background:rgba(63,107,74,.12);color:var(--green)}
.s-up{background:rgba(199,134,43,.14);color:#8A5A2E}
.s-act{background:rgba(173,51,35,.09);color:var(--vermillion)}
td a{color:var(--vermillion);font-weight:700;text-decoration:none;white-space:nowrap}
td .cus{white-space:nowrap}
td .cus small{display:block;color:#5A4A38;font-size:10.5px}

/* nirnaya chat */
.chat{border:1px solid var(--copper-line);background:var(--ivory-light);display:flex;flex-direction:column;min-height:480px}
.chat .log{flex:1;padding:22px 24px;display:flex;flex-direction:column;gap:14px}
.msg{max-width:78%;padding:13px 17px;font-family:'Karla',sans-serif;font-size:13px;line-height:1.7}
.msg.staff{align-self:flex-end;background:var(--maroon-deep);color:var(--ivory-light)}
.msg.nirnaya{align-self:flex-start;background:var(--ivory);border:1px solid var(--copper-line);color:#4a3c33}
.msg.nirnaya b{color:var(--maroon-deep)}
.msg .who{display:block;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px;opacity:.7}
.msg .acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.msg .acts a{font-size:11.5px;font-weight:700;color:var(--vermillion);text-decoration:none;border:1px solid var(--copper-line);padding:7px 12px;background:var(--ivory-light)}
.msg .acts a:hover{border-color:var(--copper)}
.chat .inrow{display:flex;gap:10px;padding:16px 20px;border-top:1px solid var(--copper-line)}
.chat .inrow input{flex:1;font-family:'Karla',sans-serif;font-size:14px;padding:13px 15px;border:1px solid var(--copper-line);background:var(--ivory-light);color:var(--ash)}
.chat .inrow input:focus{border-color:var(--vermillion)}
.chat .inrow button{font-family:'Karla',sans-serif;font-size:13px;font-weight:700;background:var(--vermillion);color:var(--ivory-light);border:none;padding:0 24px;cursor:pointer}

/* prepare-order form */
.pform{border:1px solid var(--copper-line);background:var(--ivory-light);padding:22px 24px;margin-bottom:18px}
.pform h3{font-size:18px;margin-bottom:12px}
.pform label{display:block;font-family:'Karla',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--copper);margin:12px 0 6px}
.pform input[type=text],.pform input[type=email],.pform input[type=number],.pform input[type=search]{width:100%;font-family:'Karla',sans-serif;font-size:14px;padding:12px 14px;border:1px solid var(--copper-line);background:var(--ivory-light);color:var(--ash)}
.pform input:focus{border-color:var(--vermillion)}
.pform .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:640px){.pform .two{grid-template-columns:1fr}}
.pform .found{margin-top:10px;font-family:'Karla',sans-serif;font-size:12px;color:var(--green);font-weight:700}
.pform .hint{font-family:'Karla',sans-serif;font-size:11.5px;color:#5A4A38;margin:8px 0 0;line-height:1.6}
.pform .hint b{color:#5a4a38}
.orsep{text-align:center;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:16px;color:var(--copper);margin:4px 0 18px}

/* type-tag pills, basket, shortcuts */
.pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.pills button{font-family:'Karla',sans-serif;font-size:12px;font-weight:700;padding:9px 14px;border:1px solid var(--copper-line);background:var(--ivory);color:#5a4a38;cursor:pointer}
.pills button.on{background:var(--maroon-deep);border-color:var(--maroon-deep);color:var(--ivory-light)}
.basket{border:1px solid var(--saffron);background:linear-gradient(180deg,rgba(199,134,43,.07),var(--ivory-light));padding:22px 24px;margin-bottom:18px}
.basket h3{font-size:18px;margin-bottom:12px}
.b-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--copper-line);font-family:'Karla',sans-serif;font-size:12.5px;color:#4a3c33;flex-wrap:wrap}
.b-item b{color:var(--maroon-deep)}
.b-item .ln{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--copper-line);color:var(--copper);padding:3px 8px;white-space:nowrap}
.b-item .rm{color:var(--vermillion);font-weight:700;background:none;border:none;cursor:pointer;font-size:12px}
.b-total{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0 0;font-family:'Karla',sans-serif;font-size:13px;color:#4a3c33}
.b-total b{font-family:'Cormorant SC',serif;font-size:24px;color:var(--maroon-deep)}
.prep-short{font-family:'Karla',sans-serif;font-size:11.5px;font-weight:700;color:var(--vermillion);background:none;border:1px solid var(--copper-line);padding:8px 14px;cursor:pointer;margin:0 0 18px}
.prep-short:hover{border-color:var(--copper)}
/* user management */
.u-detail{border:1px solid var(--copper-line);background:var(--ivory-light);margin-top:18px}
.u-head{padding:18px 24px;border-bottom:1px solid var(--copper-line);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.u-head h3{font-size:20px}
.u-head .uacts{display:flex;gap:8px;flex-wrap:wrap}
.u-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}
@media(max-width:900px){.u-grid{grid-template-columns:1fr}}
.u-block{padding:16px 24px;border-bottom:1px solid var(--copper-line)}
.u-grid .u-block:nth-child(odd){border-right:1px solid var(--copper-line)}
@media(max-width:900px){.u-grid .u-block:nth-child(odd){border-right:none}}
.u-block h4{font-family:'Karla',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--copper);margin:0 0 10px}
.ukv{display:flex;justify-content:space-between;gap:14px;font-family:'Karla',sans-serif;font-size:12.5px;color:#4a3c33;padding:4px 0;flex-wrap:wrap}
.ukv b{color:var(--maroon-deep)}
.ukv .dim{color:#5A4A38}

/* pane section sub-blocks */
.sub{margin-bottom:26px}
.sub h3{font-size:18px;margin-bottom:10px}
.sub .note{font-family:'Karla',sans-serif;font-size:11.5px;color:#5A4A38;margin:10px 0 0;line-height:1.7}
.sub .note b{color:#5a4a38}

.chat-fab{position:fixed;bottom:24px;right:24px;z-index:70;background:var(--vermillion);color:var(--ivory-light);border:none;cursor:pointer;font-family:'Karla',sans-serif;font-weight:700;font-size:13.5px;padding:14px 20px;display:flex;align-items:center;gap:9px;box-shadow:var(--shadow);text-decoration:none}
footer{background:var(--maroon-deep);color:#e9dcc8;padding:26px 0;font-family:'Karla',sans-serif;font-size:12px;text-align:center;line-height:1.8}
footer a{color:var(--ember);text-decoration:none}

@media(max-width:620px){
  .wrap{padding:0 16px}
  .nav-inner{padding:11px 16px}
  .sb-wrap{padding:8px 16px}
  footer{font-size:11px;padding:20px 16px}
}


/* ---- side menu, grouped ---- */
.dgrp{font-family:'Karla',sans-serif;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--copper);padding:14px 16px 6px;border-bottom:1px solid var(--copper-line);background:var(--ivory)}
.dmenu button.sub{padding-left:26px}
@media(max-width:900px){.dgrp{display:none}.dmenu button.sub{padding-left:16px}}

/* ---- shared bits ---- */
.hdrow{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:nowrap}
.hdrow > div{flex:1;min-width:0}
.hdrow > div > .pdesc{max-width:78ch}
.hdrow .addbtn{flex-shrink:0;margin-top:4px}
@media(max-width:760px){.hdrow{flex-wrap:wrap}}

/* global ＋ New menu in the header bar */
.newwrap{position:relative}
.newbtn{font-family:'Karla',sans-serif;font-size:13px;font-weight:700;padding:9px 15px;cursor:pointer;
  background:var(--vermillion);border:1px solid var(--vermillion);color:var(--ivory-light);white-space:nowrap}
.newlist{position:absolute;right:0;top:calc(100% + 6px);min-width:250px;background:var(--ivory-light);
  border:1px solid var(--copper-line);box-shadow:0 10px 26px rgba(62,16,16,.18);z-index:60;display:none}
.newlist.on{display:block}
.newlist button{display:block;width:100%;text-align:left;font-family:'Karla',sans-serif;font-size:12.5px;
  background:none;border:none;border-bottom:1px solid var(--copper-line);padding:11px 14px;cursor:pointer;color:#4a3c33}
.newlist button:last-child{border-bottom:none}
.newlist button:hover{background:var(--ivory)}
.newlist button b{display:block;font-family:'Cormorant SC',serif;font-size:14px;color:var(--maroon-deep)}
.newlist button span{color:#5A4A38;font-size:11px}
.addbtn{font-family:'Karla',sans-serif;font-size:13px;font-weight:700;padding:10px 16px;cursor:pointer;
  background:var(--vermillion);border:1px solid var(--vermillion);color:var(--ivory-light);white-space:nowrap}
.ghostbtn{font-family:'Karla',sans-serif;font-size:12.5px;font-weight:700;padding:9px 14px;cursor:pointer;
  background:none;border:1px solid var(--copper);color:var(--maroon-deep);white-space:nowrap}
.dangerbtn{font-family:'Karla',sans-serif;font-size:12.5px;font-weight:700;padding:9px 14px;cursor:pointer;
  background:none;border:1px solid #C9B49A;color:#8F281C;white-space:nowrap}

/* ---- products list ---- */
.iebar{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start;background:var(--maroon-deep);
  color:var(--ivory-light);padding:18px 20px;margin:0 0 16px}
.iebar .ie-l{font-family:'Karla',sans-serif;font-size:12.5px;line-height:1.85;color:#E9DCC8}
.iebar .ie-l b{color:var(--ivory-light)}
.iebar .ie-r{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-content:flex-start}
.iebtn{font-family:'Karla',sans-serif;font-size:12.5px;font-weight:700;padding:9px 14px;border:1px solid var(--ember);
  background:none;color:var(--ember);cursor:pointer;white-space:nowrap}
.iebtn.solid{background:var(--ember);color:var(--maroon-deep)}
.ieopts{grid-column:1/-1;border-top:1px solid rgba(232,138,60,.3);padding-top:12px;margin-top:4px;
  display:flex;gap:16px;flex-wrap:wrap;font-family:'Karla',sans-serif;font-size:12px;color:#C9B49A}
.ieopts label{display:flex;gap:6px;align-items:center;cursor:pointer}
.ienote{font-family:'Karla',sans-serif;font-size:11.5px;color:#5A4A38;line-height:1.7;grid-column:1/-1;
  border-left:2px solid var(--ember);padding-left:12px;margin-top:4px}

.pfilters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 10px}
.pfilters select,.pfilters input[type=search]{font-family:'Karla',sans-serif;font-size:12.5px;padding:8px 10px;
  border:1px solid var(--copper-line);background:var(--ivory-light);color:#3A2F27;min-width:150px}
.pfilters input[type=search]{min-width:250px}
.pfilters .reset{font-family:'Karla',sans-serif;font-size:12px;font-weight:700;background:none;border:none;
  color:var(--vermillion);cursor:pointer;text-decoration:underline}
.bulkbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--ivory);
  border:1px solid var(--copper-line);border-bottom:none;padding:10px 12px;
  font-family:'Karla',sans-serif;font-size:12.5px;color:#5a4a38}
.bulkbar select{font-family:'Karla',sans-serif;font-size:12.5px;padding:6px 9px;border:1px solid var(--copper-line);background:var(--ivory-light)}
.bulkbar .apply{font-family:'Karla',sans-serif;font-size:12.5px;font-weight:700;padding:7px 13px;
  border:1px solid var(--copper);background:none;color:var(--maroon-deep);cursor:pointer}
.bulkbar .count{margin-left:auto;color:#5A4A38}
.bulkbar .count b{color:var(--maroon-deep)}

.ptbl{width:100%;border-collapse:collapse;font-family:'Karla',sans-serif;font-size:12.5px;min-width:1180px}
.ptbl th{background:var(--maroon-deep);color:var(--ivory-light);text-align:left;font-size:10px;
  letter-spacing:.1em;text-transform:uppercase;padding:10px 9px;white-space:nowrap;font-weight:700}
.ptbl td{padding:11px 9px;border-bottom:1px solid var(--copper-line);color:#4a3c33;vertical-align:top}
.ptbl tbody tr:hover{background:var(--ivory-light)}
.ptbl tr[hidden]{display:none}
.ptbl .pname{font-family:'Cormorant SC',serif;font-weight:700;font-size:14.5px;color:var(--maroon-deep);display:block;line-height:1.25}
.ptbl .pname a{color:inherit;text-decoration:none}
.ptbl .pname a:hover{text-decoration:underline}
.ptbl .psub{display:block;font-size:10.5px;color:#5A4A38;margin-top:3px}
.ptbl .sku,.vartbl .vsku{font-family:'SF Mono',Consolas,monospace;font-size:11px;color:#5a4a38;white-space:nowrap}
.ptbl .pid,.vartbl .vid{font-family:'SF Mono',Consolas,monospace;font-size:11px;color:#5A4A38}
.ptbl .money{white-space:nowrap;font-weight:600;color:var(--maroon-deep)}
.ptbl .money small,.vartbl .vreg small,.vartbl .vsale small{display:block;font-weight:400;color:#5A4A38;font-size:10.5px}
.ptbl .sale{color:#3F6B4A;font-weight:700;white-space:nowrap}
.ptbl .dash,.vnone{color:#5A4A38;font-style:italic}
.ptbl .cats{font-size:11.5px;color:#5a4a38;line-height:1.55}
.ptbl .cats em{font-style:normal;color:#5A4A38}
.thumb{width:38px;height:38px;background:radial-gradient(circle at 50% 40%,rgba(199,134,43,.3),transparent 70%),var(--ivory);
  border:1px solid var(--copper-line);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--copper)}
.pchip{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
  padding:2px 6px;margin-top:4px;white-space:nowrap}
.c-live{background:rgba(63,107,74,.10);color:#3F6B4A} .c-draft{background:#F3EAD6;color:#8A5A2E}
.c-merge{background:rgba(138,90,46,.10);color:#8A5A2E} .c-dupe{background:rgba(173,51,35,.08);color:#8F281C}
.c-new{background:var(--vermillion);color:var(--ivory-light)} .c-enq{background:rgba(232,138,60,.16);color:#7D3A1C}
.c-arr{background:#3E1010;color:#F3EAD6} .c-sale{background:#3F6B4A;color:var(--ivory-light)}
.pager{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;
  border:1px solid var(--copper-line);border-top:none;background:var(--ivory);padding:10px 12px;
  font-family:'Karla',sans-serif;font-size:12.5px;color:#5a4a38}
.pager .pg{display:flex;gap:5px}
.pager .pg button{font-family:'Karla',sans-serif;font-size:12px;padding:5px 10px;border:1px solid var(--copper-line);
  background:var(--ivory-light);color:#5a4a38;cursor:pointer}
.pager .pg button.on{background:var(--maroon-deep);color:var(--ivory-light);border-color:var(--maroon-deep);font-weight:700}

.attn{background:#FBF5E9;border:1px solid var(--copper-line);border-left:3px solid var(--vermillion);padding:16px 18px;margin-top:22px}
.attn h3{font-family:'Cormorant SC',serif;font-size:17px;color:var(--maroon-deep);margin:0 0 4px}
.attn p.lead{font-family:'Karla',sans-serif;font-size:12px;color:#5A4A38;margin:0 0 12px}
.attn ul{list-style:none;margin:0;padding:0}
.attn li{font-family:'Karla',sans-serif;font-size:12.5px;color:#4a3c33;line-height:1.7;padding:8px 0;
  border-bottom:1px solid var(--copper-line);display:flex;gap:12px;align-items:flex-start}
.attn li:last-child{border-bottom:none}
.attn li b{color:var(--maroon-deep)}
.attn li .n{font-family:'Cormorant SC',serif;font-weight:700;font-size:17px;color:var(--vermillion);min-width:34px;flex-shrink:0}
.attn li a{color:var(--vermillion);font-weight:700;text-decoration:none;white-space:nowrap;margin-left:auto}

.pnote{background:var(--ivory);border:1px solid var(--copper-line);padding:16px 18px;margin-top:16px}
.pnote h4{font-family:'Cormorant SC',serif;font-size:15px;color:var(--maroon-deep);margin:0 0 6px}
.pnote p{font-family:'Karla',sans-serif;font-size:12.5px;color:#4a3c33;line-height:1.8;margin:0 0 10px}
.pnote p:last-child{margin-bottom:0}
.pnote code,.pe-perma code{font-family:'SF Mono',Consolas,monospace;font-size:11.5px;background:var(--ivory-light);
  border:1px solid var(--copper-line);padding:1px 5px;color:var(--maroon-deep)}
.pnote-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:900px){.pnote-grid{grid-template-columns:1fr}.iebar{grid-template-columns:1fr}.iebar .ie-r{justify-content:flex-start}}

/* ---- product edit ---- */
.pe-back{font-family:'Karla',sans-serif;font-size:12.5px;font-weight:700;color:var(--vermillion);
  background:none;border:none;cursor:pointer;padding:0;margin:0 0 10px;display:inline-block}
.pe-head{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start;margin:0 0 14px}
.pe-title{font-family:'Karla',sans-serif;font-size:20px;font-weight:700;color:var(--maroon-deep);
  width:100%;padding:11px 13px;border:1px solid var(--copper-line);background:var(--ivory-light)}
.pe-perma{font-family:'Karla',sans-serif;font-size:12px;color:#5A4A38;margin:7px 0 0}
.pe-perma a{color:var(--vermillion);font-weight:700;text-decoration:none;margin-left:8px}
.pe-acts{display:flex;gap:8px;flex-wrap:wrap}
.pe-btn{font-family:'Karla',sans-serif;font-size:12.5px;font-weight:700;padding:10px 16px;cursor:pointer;
  border:1px solid var(--copper);background:none;color:var(--maroon-deep);white-space:nowrap}
.pe-btn.primary{background:var(--vermillion);border-color:var(--vermillion);color:var(--ivory-light)}
.pe-btn.danger{border-color:#C9B49A;color:#8F281C}
.pe-grid{display:grid;grid-template-columns:1fr 292px;gap:18px;align-items:start}
@media(max-width:1080px){.pe-grid{grid-template-columns:1fr}}
.pdbox{border:1px solid var(--copper-line);background:var(--ivory-light)}
.pdbox > h3{font-family:'Cormorant SC',serif;font-size:16px;color:var(--maroon-deep);margin:0;padding:12px 16px;
  border-bottom:1px solid var(--copper-line);background:var(--ivory);display:flex;justify-content:space-between;
  align-items:baseline;gap:10px}
.pdbox > h3 span{font-family:'Karla',sans-serif;font-size:11px;font-weight:700;color:#5A4A38;letter-spacing:.05em}
.pdinner{display:grid;grid-template-columns:190px 1fr;min-height:340px}
@media(max-width:760px){.pdinner{grid-template-columns:1fr}}
.pdtabs{border-right:1px solid var(--copper-line);background:var(--ivory)}
.pdtabs button{font-family:'Karla',sans-serif;font-size:12.5px;font-weight:600;text-align:left;width:100%;
  background:none;border:none;border-left:3px solid transparent;border-bottom:1px solid var(--copper-line);
  padding:13px 14px;cursor:pointer;color:#5a4a38;display:flex;justify-content:space-between;gap:8px;align-items:center}
.pdtabs button.on{background:var(--ivory-light);color:var(--maroon-deep);font-weight:700;border-left-color:var(--vermillion)}
.pdtabs button small{font-size:10px;color:#5A4A38;font-weight:700}
.pdpanel{padding:18px 20px;display:none}
.pdpanel.on{display:block}
.pdpanel h4{font-family:'Cormorant SC',serif;font-size:15px;color:var(--maroon-deep);margin:0 0 10px}
.pdpanel p.hint{font-family:'Karla',sans-serif;font-size:12px;color:#5A4A38;line-height:1.75;margin:0 0 14px}
.pdpanel p.hint b{color:var(--maroon-deep)}
.frow{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:start;padding:9px 0;border-bottom:1px solid var(--copper-line)}
.frow:last-child{border-bottom:none}
.frow > label{font-family:'Karla',sans-serif;font-size:12px;font-weight:700;color:#5a4a38;padding-top:8px}
.frow input[type=text],.frow input[type=number],.frow input[type=date],.frow select,.frow textarea{
  font-family:'Karla',sans-serif;font-size:12.5px;padding:8px 10px;border:1px solid var(--copper-line);
  background:var(--ivory-light);color:#3A2F27;width:100%}
.frow textarea{min-height:66px;resize:vertical;line-height:1.6}
.frow .sub{font-family:'Karla',sans-serif;font-size:11px;color:#5A4A38;line-height:1.65;margin:5px 0 0;display:block}
.frow .ro{background:var(--ivory);color:#5A4A38}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:760px){.f2{grid-template-columns:1fr}.frow{grid-template-columns:1fr;gap:5px}}

.attr{border:1px solid var(--copper-line);background:var(--ivory-light);margin:0 0 12px}
.attr h5{font-family:'Cormorant SC',serif;font-size:14px;color:var(--maroon-deep);margin:0;padding:10px 13px;
  background:var(--ivory);border-bottom:1px solid var(--copper-line);display:flex;justify-content:space-between;gap:10px}
.attr h5 span{font-family:'Karla',sans-serif;font-size:11px;color:#5A4A38;font-weight:400}
.attr .ab{padding:12px 13px;font-family:'Karla',sans-serif;font-size:12.5px;color:#4a3c33}
.attr .terms{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 10px}
.attr .terms span{background:var(--ivory);border:1px solid var(--copper-line);padding:4px 9px;font-size:12px}
.attr .terms span b{color:var(--vermillion);cursor:pointer;margin-left:5px}
.attr label.ck{display:flex;gap:7px;align-items:center;font-size:12px;color:#5a4a38;margin-top:4px}

.varbulk{display:flex;gap:9px;align-items:center;flex-wrap:wrap;background:var(--ivory);
  border:1px solid var(--copper-line);padding:10px 12px;margin:0 0 12px;
  font-family:'Karla',sans-serif;font-size:12.5px;color:#5a4a38}
.varbulk select{font-family:'Karla',sans-serif;font-size:12.5px;padding:7px 9px;border:1px solid var(--copper-line);background:var(--ivory-light);min-width:210px}
.varbulk button{font-family:'Karla',sans-serif;font-size:12.5px;font-weight:700;padding:7px 13px;
  border:1px solid var(--copper);background:none;color:var(--maroon-deep);cursor:pointer}
.varbulk button.go{background:var(--vermillion);border-color:var(--vermillion);color:var(--ivory-light)}
.varbulk .rt{margin-left:auto;color:#5A4A38}
.vartbl{width:100%;border-collapse:collapse;font-family:'Karla',sans-serif;font-size:12.5px}
.vartbl th{background:var(--maroon-deep);color:var(--ivory-light);text-align:left;font-size:10px;
  letter-spacing:.1em;text-transform:uppercase;padding:9px 8px;white-space:nowrap}
.vartbl td{padding:10px 8px;border-bottom:1px solid var(--copper-line);color:#4a3c33;vertical-align:top}
.vartbl tr.vrow:hover{background:var(--ivory-light);cursor:pointer}
.vartbl .vname{font-family:'Cormorant SC',serif;font-weight:700;font-size:14px;color:var(--maroon-deep);display:block}
.vartbl .vmeta{display:block;font-size:10.5px;color:#5A4A38;margin-top:2px}
.vartbl .vreg{font-weight:700;color:var(--maroon-deep);white-space:nowrap}
.vartbl .vsale{color:#3F6B4A;font-weight:700;white-space:nowrap}
.vartbl .chev{color:var(--copper);font-weight:700}
.vform{background:var(--ivory-light);border:1px solid var(--saffron);border-top:none}
.vform td{padding:16px 18px}
.vform.hid{display:none}

.disc{background:var(--maroon-deep);color:var(--ivory-light);padding:18px 20px;margin:0 0 14px}
.disc.hid{display:none}
.disc h4{font-family:'Cormorant SC',serif;font-size:16px;color:var(--ivory-light);margin:0 0 4px}
.disc p.d-lead{font-family:'Karla',sans-serif;font-size:12px;color:#C9B49A;line-height:1.7;margin:0 0 14px}
.disc .d-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:820px){.disc .d-grid{grid-template-columns:1fr 1fr}}
.disc label{display:block;font-family:'Karla',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ember);margin:0 0 5px}
.disc input,.disc select{font-family:'Karla',sans-serif;font-size:12.5px;padding:8px 10px;width:100%;
  border:1px solid rgba(232,138,60,.5);background:#2A0D0B;color:var(--ivory-light)}
.disc .d-prev{margin-top:14px;border-top:1px solid rgba(232,138,60,.3);padding-top:12px}
.disc table{width:100%;border-collapse:collapse;font-family:'Karla',sans-serif;font-size:12px}
.disc table th{text-align:left;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--ember);padding:0 8px 6px 0;font-weight:700}
.disc table td{padding:6px 8px 6px 0;color:#E9DCC8;border-bottom:1px solid rgba(232,138,60,.18)}
.disc table td.new{color:#A8C4AE;font-weight:700}
.disc .d-acts{display:flex;gap:9px;margin-top:14px;align-items:center;flex-wrap:wrap}
.disc .d-acts button{font-family:'Karla',sans-serif;font-size:12.5px;font-weight:700;padding:9px 15px;cursor:pointer;
  border:1px solid var(--ember);background:none;color:var(--ember)}
.disc .d-acts button.go{background:var(--ember);color:var(--maroon-deep)}
.disc .d-warn{font-family:'Karla',sans-serif;font-size:11.5px;color:#C9B49A;line-height:1.7;
  border-left:2px solid var(--ember);padding-left:11px;margin:14px 0 0}

.pbox{border:1px solid var(--copper-line);background:var(--ivory-light);margin:0 0 14px}
.pbox h4{font-family:'Cormorant SC',serif;font-size:14.5px;color:var(--maroon-deep);margin:0;padding:10px 14px;
  border-bottom:1px solid var(--copper-line);background:var(--ivory);display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.pbox h4 em{font-family:'Karla',sans-serif;font-style:normal;font-size:10.5px;color:#5A4A38;font-weight:700}
.pbox .pb{padding:13px 14px;font-family:'Karla',sans-serif;font-size:12.5px;color:#4a3c33;line-height:1.75}
.pbox .kv{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid var(--copper-line)}
.pbox .kv:last-child{border-bottom:none}
.pbox .kv span{color:#5A4A38}
.pbox .kv b{color:var(--maroon-deep);text-align:right}
.pbox .kv a{color:var(--vermillion);font-weight:700;text-decoration:none}
.pbox .pimg{aspect-ratio:1/1;background:radial-gradient(circle at 50% 40%,rgba(199,134,43,.25),transparent 70%),var(--ivory);
  border:1px solid var(--copper-line);display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--copper)}
.pbox .pubrow{display:flex;gap:8px;margin-top:12px}
.pbox .pubrow button{flex:1;font-family:'Karla',sans-serif;font-size:12.5px;font-weight:700;padding:9px 10px;cursor:pointer;
  border:1px solid var(--copper);background:none;color:var(--maroon-deep)}
.pbox .pubrow button.primary{background:var(--vermillion);border-color:var(--vermillion);color:var(--ivory-light)}

/* category picker */
.catpick input.csearch{width:100%;font-family:'Karla',sans-serif;font-size:12.5px;padding:7px 9px;
  border:1px solid var(--copper-line);background:var(--ivory-light);margin:0 0 8px}
.catlist{max-height:260px;overflow-y:auto;border:1px solid var(--copper-line);background:var(--ivory-light)}
.catlist .cg{font-family:'Karla',sans-serif;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--copper);background:var(--ivory);padding:6px 10px;border-bottom:1px solid var(--copper-line)}
.catrow{display:grid;grid-template-columns:22px 22px 1fr;gap:6px;align-items:center;padding:6px 10px;
  border-bottom:1px solid var(--copper-line);font-family:'Karla',sans-serif;font-size:12px;color:#4a3c33}
.catrow:last-child{border-bottom:none}
.catrow[hidden]{display:none}
.catrow em{font-style:normal;color:#5A4A38;font-size:10.5px}
.catlegend{display:grid;grid-template-columns:22px 22px 1fr;gap:6px;padding:5px 10px;background:var(--maroon-deep);
  font-family:'Karla',sans-serif;font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--ember);text-transform:uppercase}
.catfoot{font-family:'Karla',sans-serif;font-size:11px;color:#5A4A38;line-height:1.65;margin:8px 0 0}
.catfoot b{color:var(--maroon-deep)}

/* ---- taxonomy pane ---- */
.txtbl{width:100%;border-collapse:collapse;font-family:'Karla',sans-serif;font-size:12.5px}
.txtbl th{background:var(--maroon-deep);color:var(--ivory-light);text-align:left;font-size:10px;letter-spacing:.1em;
  text-transform:uppercase;padding:9px 10px;white-space:nowrap;font-weight:700}
.txtbl td{padding:11px 10px;border-bottom:1px solid var(--copper-line);color:#4a3c33;vertical-align:top}
.txtbl tbody tr:hover{background:var(--ivory-light)}
.txtbl .tname{font-family:'Cormorant SC',serif;font-weight:700;font-size:15px;color:var(--maroon-deep);display:block}
.txtbl .tsub{display:block;font-size:10.5px;color:#5A4A38;margin-top:2px;line-height:1.5}
.txtbl .tslug{font-family:'SF Mono',Consolas,monospace;font-size:11px;color:#5A4A38}
.txtbl a.ed{color:var(--vermillion);font-weight:700;text-decoration:none;white-space:nowrap}
.viab{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;white-space:nowrap}
.v-ok{background:rgba(63,107,74,.10);color:#3F6B4A} .v-thin{background:#F3EAD6;color:#8A5A2E}
.addform{background:var(--ivory);border:1px solid var(--saffron);padding:16px 18px;margin:0 0 16px}
.addform.hid{display:none}
.addform h4{font-family:'Cormorant SC',serif;font-size:16px;color:var(--maroon-deep);margin:0 0 4px}
.addform p.af-lead{font-family:'Karla',sans-serif;font-size:12px;color:#5A4A38;line-height:1.7;margin:0 0 14px}
.af-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}
@media(max-width:820px){.af-grid{grid-template-columns:1fr}}
.af-acts{display:flex;gap:9px;margin-top:14px;align-items:center;flex-wrap:wrap}
.impact{background:var(--maroon-deep);color:var(--ivory-light);padding:14px 16px;margin-top:14px;
  font-family:'Karla',sans-serif;font-size:12px;line-height:1.85}
.impact b{color:var(--ember)}
.impact ul{margin:8px 0 0;padding-left:18px;color:#E9DCC8}
.sechead{font-family:'Cormorant SC',serif;font-size:19px;color:var(--maroon-deep);margin:26px 0 4px;
  display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap}
.sechead span{font-family:'Karla',sans-serif;font-size:12px;color:#5A4A38;font-weight:400}
.secdesc{font-family:'Karla',sans-serif;font-size:12.5px;color:#5a4a38;line-height:1.8;margin:0 0 12px;max-width:860px}


/* ===== side menu, final ===== */
.dmenu{display:block;border:1px solid var(--copper-line);background:var(--ivory-light);padding:5px 0;align-self:start;font-size:0;line-height:0}
/* block, not flex: the inherited column-flex was distributing space between the items */
.dmenu button{margin:0;border-bottom:none;padding:9px 15px 9px 18px;font-size:13px;line-height:1.35;
  transition:background .12s,border-color .12s}
.dmenu button:hover{background:var(--ivory-light)}
.dmenu button.on{background:var(--ivory);border-left-color:var(--vermillion);color:var(--maroon-deep);font-weight:700}
.dmenu button:last-child{border-bottom:none}
.dmenu .cnt{min-width:24px;text-align:center;padding:2px 6px;flex-shrink:0}
.dgrp{font-family:'Karla',sans-serif;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--copper);background:none;border:none;border-top:1px solid var(--copper-line);
  line-height:1.4;margin:6px 0 0;padding:12px 15px 5px}
.dmenu > .dgrp:first-child{border-top:none;margin-top:0;padding-top:7px}
@media(max-width:900px){
  .dmenu{display:flex;flex-direction:row;padding:0}
  .dgrp{display:none}
  .dmenu button{padding:12px 14px;border-left:none;border-top:3px solid transparent}
  .dmenu button.on{border-top-color:var(--vermillion)}
}

/* ===== report upload & review ===== */
.upzone{border:2px dashed var(--copper-line);background:var(--ivory-light);padding:30px 24px;text-align:center;
  font-family:'Karla',sans-serif;color:#5a4a38;margin:0 0 16px;cursor:pointer}
.upzone:hover{border-color:var(--saffron);background:var(--ivory-light)}
.upzone b{display:block;font-family:'Cormorant SC',serif;font-size:18px;color:var(--maroon-deep);margin-bottom:4px}
.upzone span{font-size:12px;color:#5A4A38;line-height:1.7;display:block}
.upzone .plus{font-size:26px;color:var(--saffron);display:block;margin-bottom:6px}

.rq{border:1px solid var(--copper-line);background:var(--ivory-light);margin:0 0 10px}
.rq-h{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:14px 16px;cursor:pointer}
.rq-h:hover{background:var(--ivory-light)}
.rq-t{font-family:'Karla',sans-serif;font-size:12.5px;color:#5a4a38;line-height:1.7}
.rq-t b{font-family:'Cormorant SC',serif;font-size:16px;color:var(--maroon-deep);display:block;font-weight:700}
.rq-t em{font-style:normal;color:#5A4A38}
.rq-acts{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.rq-acts button{font-family:'Karla',sans-serif;font-size:12px;font-weight:700;padding:7px 12px;cursor:pointer;
  border:1px solid var(--copper);background:none;color:var(--maroon-deep);white-space:nowrap}
.rq-acts button.pub{background:#3F6B4A;border-color:#3F6B4A;color:var(--ivory-light)}
.rq-acts button.back{border-color:#C9B49A;color:#8F281C}
.rq-b{border-top:1px solid var(--copper-line);padding:16px;background:var(--ivory-light);display:none}
.rq.open .rq-b{display:block}
.rq-grid{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:start}
@media(max-width:760px){.rq-grid{grid-template-columns:1fr}}
.thumbs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.thumb-pg{aspect-ratio:1/1.414;background:var(--ivory-light);border:1px solid var(--copper-line);
  display:flex;align-items:flex-end;justify-content:center;padding:6px;
  font-family:'Karla',sans-serif;font-size:10px;color:#BDA389;
  background-image:repeating-linear-gradient(var(--ivory-light) 0 8px,rgba(138,90,46,.13) 8px 9px)}
.chk{list-style:none;margin:0;padding:0}
.chk li{font-family:'Karla',sans-serif;font-size:12.5px;color:#4a3c33;line-height:1.65;padding:7px 0;
  border-bottom:1px solid var(--copper-line);display:flex;gap:9px;align-items:flex-start}
.chk li:last-child{border-bottom:none}
.chk li i{font-style:normal;flex-shrink:0;font-weight:700}
.chk li.ok i{color:#3F6B4A} .chk li.warn i{color:#C7862B} .chk li.bad i{color:#8F281C}
.chk li span em{font-style:normal;color:#5A4A38;display:block;font-size:11px}
.rq-dest{background:var(--ivory);border-left:3px solid var(--saffron);padding:11px 14px;margin-top:12px;
  font-family:'Karla',sans-serif;font-size:12px;color:#4a3c33;line-height:1.75}
.rq-dest b{color:var(--maroon-deep)}
.rst{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:2px 7px;white-space:nowrap}
.r-rev{background:rgba(232,138,60,.16);color:#7D3A1C} .r-pub{background:rgba(63,107,74,.10);color:#3F6B4A}
.r-back{background:rgba(173,51,35,.08);color:#8F281C} .r-draft{background:#F3EAD6;color:#5A4A38}


/* ===== TEMPLE SECTION (Nadi remedies) ===== */
.tpl-block{border:1px solid var(--copper-line);background:var(--ivory-light);margin:0 0 14px}
.tpl-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;
  padding:11px 14px;background:var(--ivory);border-bottom:1px solid var(--copper-line)}
.tpl-head h4{font-family:'Cormorant SC',serif;font-size:15px;color:var(--maroon-deep);margin:0}
.tpl-head .n{font-family:'Karla',sans-serif;font-size:11px;color:#5A4A38;font-weight:700}
.tpl-row{padding:14px;border-bottom:1px solid var(--copper-line);position:relative}
.tpl-row:last-child{border-bottom:none}
.tpl-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:12px;align-items:start}
@media(max-width:820px){.tpl-grid{grid-template-columns:1fr}}
.tpl-f label{display:block;font-family:'Karla',sans-serif;font-size:10.5px;font-weight:700;
  letter-spacing:.07em;text-transform:uppercase;color:var(--copper);margin:0 0 5px}
.tpl-f input,.tpl-f select,.tpl-f textarea{font-family:'Karla',sans-serif;font-size:13px;padding:9px 11px;
  border:1px solid var(--copper-line);background:var(--ivory-light);color:#3A2F27;width:100%}
.tpl-f input:focus,.tpl-f select:focus,.tpl-f textarea:focus{outline:2px solid var(--saffron);outline-offset:-2px}
.tpl-f textarea{min-height:52px;resize:vertical;line-height:1.6}
.tpl-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tpl-hint{font-family:'Karla',sans-serif;font-size:11px;color:#5A4A38;line-height:1.6;margin:5px 0 0}

/* the GPS card that fills itself */
.gpscard{margin-top:10px;background:var(--maroon-deep);color:var(--ivory-light);padding:11px 13px;
  font-family:'Karla',sans-serif;font-size:12px;line-height:1.7;display:none}
.gpscard.on{display:block}
.gpscard.miss{background:#5C1918}
.gpscard b{color:var(--ivory-light)}
.gpscard .co{font-family:'SF Mono',Consolas,monospace;font-size:12.5px;color:#A8C4AE;font-weight:700}
.gpscard .tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
  background:rgba(232,138,60,.22);color:var(--ember);padding:2px 7px;margin:5px 6px 0 0}
.gpscard a{color:var(--ember);font-weight:700;text-decoration:none}
.gpscard .warn{color:#E9C9A8}

/* manual entry */
.tpl-manual{display:none;margin-top:12px;border:1px dashed var(--vermillion);background:#FBF5E9;padding:13px}
.tpl-manual.on{display:block}
.tpl-manual h5{font-family:'Cormorant SC',serif;font-size:14px;color:var(--maroon-deep);margin:0 0 3px}
.tpl-manual p.m-lead{font-family:'Karla',sans-serif;font-size:11.5px;color:#5A4A38;line-height:1.7;margin:0 0 11px}
.tpl-manual .mrow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
@media(max-width:760px){.tpl-manual .mrow{grid-template-columns:1fr}}
.tpl-manual .pastebox{background:var(--ivory-light);border:1px solid var(--copper-line);padding:10px;margin-bottom:10px}
.tpl-manual .ok{font-family:'Karla',sans-serif;font-size:11.5px;color:#3F6B4A;font-weight:700;margin:6px 0 0}
.tpl-manual .bad{font-family:'Karla',sans-serif;font-size:11.5px;color:#8F281C;font-weight:700;margin:6px 0 0}
#nadiCompose[hidden]{display:none}
.rem-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 6px}
.rem-close{font-family:'Karla',sans-serif;font-size:11px;font-weight:700;letter-spacing:.05em;
  border:1px solid var(--copper-line);background:transparent;color:var(--copper);padding:6px 12px;cursor:pointer}
.rem-close:hover{color:var(--vermillion);border-color:var(--vermillion)}
.rem-lead{font-family:'Karla',sans-serif;font-size:12.5px;color:#5a4a38;line-height:1.7;margin:0 0 14px}
.tpl-manual .wait{font-family:'Karla',sans-serif;font-size:11.5px;color:#7D3A1C;line-height:1.7;margin:6px 0 0;font-weight:600}
.tpl-manual .wait a,.gpscard a{color:var(--vermillion)}
.m-save{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;
  border-top:1px solid var(--copper-line);padding-top:12px}
.m-savebtn{font-family:'Karla',sans-serif;font-size:12px;font-weight:700;letter-spacing:.05em;
  background:var(--vermillion);color:var(--ivory-light);border:none;padding:10px 20px;cursor:pointer}
.m-savebtn:hover{background:var(--maroon-deep)}
.m-savebtn:disabled{background:#C9B49A;cursor:default}
.m-saved{font-family:'Karla',sans-serif;font-size:11.5px;font-weight:700;line-height:1.6;flex:1;min-width:200px}
.m-saved.ok{color:#3F6B4A}.m-saved.bad{color:#8F281C}
.gpscard .tag.pend{background:rgba(199,134,43,.14);color:#7D3A1C}
.tpl-manual .pledge{font-family:'Karla',sans-serif;font-size:11.5px;color:#4a3c33;line-height:1.75;
  border-left:2px solid var(--vermillion);padding-left:11px;margin-top:11px}

.picklist{margin-top:9px;max-height:210px;overflow-y:auto;border:1px solid var(--copper-line);
  background:var(--ivory-light);display:none}
.picklist.on{display:block}
.picklist .ph{font-family:'Karla',sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--copper);padding:7px 10px;background:var(--ivory);
  border-bottom:1px solid var(--copper-line);position:sticky;top:0}
.picklist button{display:block;width:100%;text-align:left;font-family:'Karla',sans-serif;font-size:12.5px;
  background:none;border:none;border-bottom:1px solid var(--copper-line);padding:8px 10px;cursor:pointer;color:#4a3c33}
.picklist button:last-child{border-bottom:none}
.picklist button:hover{background:var(--ivory)}
.picklist button b{display:block;font-family:'Cormorant SC',serif;font-size:13.5px;color:var(--maroon-deep)}
.picklist button span{font-size:10.5px;color:#5A4A38}
.tpl-rm{position:absolute;top:12px;right:12px;font-family:'Karla',sans-serif;font-size:11px;font-weight:700;
  background:none;border:none;color:var(--vermillion);cursor:pointer}
.tpl-add{font-family:'Karla',sans-serif;font-size:13px;font-weight:700;padding:10px 16px;margin:12px 0 0;
  background:none;border:1px solid var(--copper);color:var(--maroon-deep);cursor:pointer}
.tpl-sum{background:var(--ivory);border:1px solid var(--copper-line);border-left:3px solid var(--saffron);
  padding:12px 14px;margin-top:12px;font-family:'Karla',sans-serif;font-size:12.5px;color:#4a3c33;line-height:1.8}
.tpl-sum b{color:var(--maroon-deep)}

/* temple master screen */
.tmtbl{width:100%;border-collapse:collapse;font-family:'Karla',sans-serif;font-size:12.5px;min-width:900px}
.tmtbl th{background:var(--maroon-deep);color:var(--ivory-light);text-align:left;font-size:10px;
  letter-spacing:.1em;text-transform:uppercase;padding:9px 9px;white-space:nowrap;font-weight:700}
.tmtbl td{padding:10px 9px;border-bottom:1px solid var(--copper-line);color:#4a3c33;vertical-align:top}
.tmtbl tbody tr:hover{background:var(--ivory-light)}
.tmtbl tr[hidden]{display:none}
.tmtbl .tn{font-family:'Cormorant SC',serif;font-weight:700;font-size:14.5px;color:var(--maroon-deep);display:block}
.tmtbl .talt{display:block;font-size:10.5px;color:#5A4A38;margin-top:2px}
.tmtbl .tco{font-family:'SF Mono',Consolas,monospace;font-size:11px;color:#5a4a38;white-space:nowrap}
.dchip{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  padding:2px 7px;background:#F3EAD6;color:#5A4A38;white-space:nowrap}
.dchip.gr{background:rgba(232,138,60,.16);color:#7D3A1C}
.dchip.pend{background:var(--vermillion);color:var(--ivory-light)}


.appt{border:1px solid var(--copper-line);background:var(--ivory-light);margin-bottom:20px}
.appt-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 22px;
  border-bottom:1px solid var(--copper-line);flex-wrap:wrap;background:var(--ivory)}
.appt-h h3{font-size:18px}
.appt-h .when{font-family:'Karla',sans-serif;font-size:12px;font-weight:700;color:var(--vermillion)}
.appt-b{padding:18px 22px}
.cmp label{display:block;font-family:'Karla',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--copper);margin:12px 0 6px}
.cmp input[type=url],.cmp input[type=date],.cmp input[type=search],.cmp select{width:100%;font-family:'Karla',sans-serif;
  font-size:14px;padding:12px 14px;border:1px solid var(--copper-line);background:var(--ivory-light);color:var(--ash)}
.cmp input:focus{border-color:var(--vermillion)}
.cmp .computed{margin-top:14px;border:1px dashed var(--copper-line);background:var(--ivory);padding:14px 16px;
  font-family:'Karla',sans-serif;font-size:12.5px;color:#4a3c33;line-height:1.8}
.cmp .computed b{color:var(--maroon-deep)}
.cmp .sessions .srow{display:grid;gap:12px;align-items:end;margin-bottom:10px}
.cmp .stat-row{margin-top:14px;border:1px solid var(--copper-line);background:var(--ivory);padding:13px 16px;
  display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;
  font-family:'Karla',sans-serif;font-size:12.5px}
.cmp .stat-row b{color:var(--maroon-deep)}
.cmp .chint{font-family:'Karla',sans-serif;font-size:11.5px;color:#5A4A38;margin:8px 0 0;line-height:1.6}
.cmp .chint b{color:#5a4a38}


.pane .lead{font-family:'Karla',sans-serif;font-size:12.5px;color:#5a4a38;line-height:1.75;margin:0 0 16px}
.pub[disabled]{opacity:.42;cursor:not-allowed}
.pub.armed{box-shadow:0 0 0 2px rgba(173,51,35,.25)}

/* money */
.mgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:18px}
.mcard{border:1px solid var(--copper-line);background:var(--ivory-light);padding:15px 17px}
.mcard .k{display:block;font-family:'Karla',sans-serif;font-size:10px;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:var(--copper);margin-bottom:7px}
.mcard b{font-family:'Cormorant Garamond',serif;font-size:27px;color:var(--maroon-deep);display:block;line-height:1.1}
.mcard .sub{display:block;font-family:'Karla',sans-serif;font-size:11px;color:#5A4A38;margin-top:5px;line-height:1.5}
.mcard.warn{border-left:3px solid var(--vermillion)}
.mtbl{width:100%;border-collapse:collapse;font-family:'Karla',sans-serif;font-size:12.5px;min-width:640px}
.mtbl th{background:var(--maroon-deep);color:var(--ivory-light);text-align:left;font-size:10px;
  letter-spacing:.09em;text-transform:uppercase;padding:9px;font-weight:700}
.mtbl td{padding:10px 9px;border-bottom:1px solid var(--copper-line);color:#4a3c33;vertical-align:top}
.mtbl .num{font-family:'SF Mono',Consolas,monospace;font-size:11.5px;white-space:nowrap}
.mtbl tbody tr:hover{background:var(--ivory-light)}
.recon{font-family:'Karla',sans-serif;font-size:12px;padding:11px 15px;margin:14px 0;line-height:1.7}
.recon.ok{background:rgba(63,107,74,.10);color:#3F6B4A;border-left:3px solid var(--green)}
.recon.bad{background:rgba(173,51,35,.08);color:#8F281C;border-left:3px solid var(--vermillion)}

/* enquiries */
.enq{border:1px solid var(--copper-line);background:var(--ivory-light);margin-bottom:12px}
.enq-h{display:flex;gap:14px;align-items:center;padding:14px 18px;flex-wrap:wrap;border-bottom:1px solid var(--copper-line)}
.enq-h .t{flex:1;min-width:220px}
.enq-h .t b{font-family:'Cormorant SC',serif;font-size:16px;color:var(--maroon-deep);display:block}
.enq-h .t span{font-family:'Karla',sans-serif;font-size:11.5px;color:#5A4A38;display:block;margin-top:3px;line-height:1.6}
.enq-b{padding:14px 18px;font-family:'Karla',sans-serif;font-size:12.5px;color:#4a3c33;line-height:1.8}
.enq-b .said{border-left:2px solid var(--saffron);padding-left:13px;margin:0 0 11px;font-style:italic;color:#5a4a38}
.enq-v{font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--vermillion);white-space:nowrap}

/* ashram calendar */
.cal14{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-bottom:8px}
@media(max-width:1000px){.cal14{grid-template-columns:repeat(4,1fr)}}
@media(max-width:620px){.cal14{grid-template-columns:repeat(2,1fr)}}
.cday{border:1px solid var(--copper-line);background:var(--ivory-light);padding:9px 10px;min-height:104px}
.cday .d{font-family:'Karla',sans-serif;font-size:10px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--copper);display:block;margin-bottom:6px}
.cday .ev{font-family:'Karla',sans-serif;font-size:10.5px;color:#4a3c33;line-height:1.45;display:block;
  border-top:1px dotted var(--copper-line);padding-top:4px;margin-top:4px}
.cday .ev:first-of-type{border-top:none;padding-top:0;margin-top:0}
.cday .pr{display:inline-block;font-family:'Karla',sans-serif;font-size:10px;font-weight:700;
  padding:1px 6px;margin-top:6px;background:#F3EAD6;color:#5A4A38}
.cday.over{background:rgba(173,51,35,.07);border-color:var(--vermillion)}
.cday.over .pr{background:var(--vermillion);color:var(--ivory-light)}
.cday.closed{background:#E9DCC8;color:#5A4A38}
.cday.closed .d{color:#5A4A38}

/* staff & roles */
.rtbl{width:100%;border-collapse:collapse;font-family:'Karla',sans-serif;font-size:12.5px;min-width:660px}
.rtbl th{background:var(--maroon-deep);color:var(--ivory-light);text-align:left;font-size:10px;
  letter-spacing:.09em;text-transform:uppercase;padding:9px;font-weight:700}
.rtbl td{padding:10px 9px;border-bottom:1px solid var(--copper-line);color:#4a3c33;vertical-align:middle}
.rtbl select{font-family:'Karla',sans-serif;font-size:12px;padding:6px 8px;border:1px solid var(--copper-line);background:var(--ivory-light)}
.rchip{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  padding:2px 7px;background:rgba(63,107,74,.10);color:#3F6B4A}
.rchip.off{background:#E9DCC8;color:#5A4A38}


.sform{display:grid;grid-template-columns:1.2fr 1.4fr 1.6fr auto;gap:12px;align-items:end}
@media(max-width:900px){.sform{grid-template-columns:1fr}}
.sf label{display:block;font-family:'Karla',sans-serif;font-size:10px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--copper);margin-bottom:5px}
.sf input,.sf select{width:100%;font-family:'Karla',sans-serif;font-size:13px;padding:10px 12px;
  border:1px solid var(--copper-line);background:var(--ivory-light);color:var(--ash)}
.sf input:focus,.sf select:focus{border-color:var(--vermillion);outline:none}
.nsmsg{font-family:'Karla',sans-serif;font-size:12px;font-weight:700;line-height:1.6;margin:11px 0 0}
.nsmsg.ok{color:#3F6B4A}.nsmsg.bad{color:#8F281C}
.rchip.inv{background:rgba(199,134,43,.14);color:#7D3A1C}
.privban{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--vermillion);
  background:rgba(173,51,35,.06);padding:15px 18px;margin:0 0 18px}
.privban .ic{font-size:19px;line-height:1.2;flex:0 0 auto}
.privban div{font-family:'Karla',sans-serif;font-size:12.5px;color:#4a3c33;line-height:1.8}
.privban .hd{display:block;font-weight:700;color:var(--maroon-deep);margin-bottom:4px}
.privban p{margin:0}
.privban strong{color:var(--maroon-deep)}
.privban .privchip{vertical-align:baseline}
.privban em{display:block;font-style:normal;font-weight:700;color:#8F281C;margin-top:8px}


.dep{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--vermillion);
  background:rgba(173,51,35,.06);padding:13px 16px;margin:0 0 16px;
  font-family:'Karla',sans-serif;font-size:12.5px;color:#4a3c33;line-height:1.8}
.dep .ic{font-size:17px;line-height:1.3;flex:0 0 auto}
.dep b{color:var(--maroon-deep)}
.chainbar{border:1px solid var(--copper-line);background:var(--ivory-light);padding:13px 16px;margin:0 0 16px;
  font-family:'Karla',sans-serif;font-size:12px;color:#5a4a38;line-height:1.75}
.chainbar b{color:var(--maroon-deep)}
.chainbar .chain{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:9px}
.chainbar .chain span{font-size:10.5px;font-weight:700;letter-spacing:.04em;padding:5px 10px;
  background:#F3EAD6;color:#5A4A38;white-space:nowrap}
.chainbar .chain span.on{background:var(--maroon-deep);color:var(--ivory-light)}
.chainbar .chain span.off{background:#E9DCC8;color:#5A4A38}
.chainbar .chain i{font-style:normal;color:var(--copper);font-weight:700}
.tvchip{display:inline-block;font-family:'Karla',sans-serif;font-size:10px;font-weight:700;letter-spacing:.07em;
  text-transform:uppercase;padding:2px 7px;white-space:nowrap;vertical-align:middle}
.tvchip.live{background:#8F281C;color:#E9C9A8}
.tvchip.notv{background:#E9DCC8;color:#5A4A38}
.st-t.s-wait{background:#E9DCC8;color:#5A4A38}


/* stage buckets */
.bkt{border:1px solid var(--copper-line);background:var(--ivory-light);margin:0 0 14px}
.bkt-h{display:flex;gap:12px;align-items:center;padding:12px 16px;background:var(--ivory);
  border-bottom:1px solid var(--copper-line);flex-wrap:wrap;cursor:pointer}
.bkt-h .n{font-family:'Karla',sans-serif;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  background:var(--maroon-deep);color:var(--ivory-light);padding:4px 10px;white-space:nowrap}
.bkt-h h4{font-family:'Cormorant Garamond',serif;font-size:19px;color:var(--maroon-deep);margin:0;flex:1;
  min-width:170px;font-weight:600}
.bkt-h .cnt2{font-family:'Karla',sans-serif;font-size:11px;font-weight:700;background:var(--ivory-light);
  border:1px solid var(--copper-line);color:var(--copper);padding:3px 10px;border-radius:999px;white-space:nowrap}
.bkt-h .cnt2.hot{background:var(--vermillion);color:var(--ivory-light);border-color:var(--vermillion)}
.bkt-h .tw{font-family:'Karla',sans-serif;font-size:11px;color:#5A4A38;white-space:nowrap}
.bkt-b{padding:0}
.bkt.shut .bkt-b{display:none}
.bkt-h .car{font-family:'Karla',sans-serif;font-size:11px;color:var(--copper);font-weight:700}
.bkt.shut .bkt-h .car{transform:none}

/* one row per devotee */
.dv{display:flex;gap:14px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--copper-line);flex-wrap:wrap}
.dv:last-child{border-bottom:none}
.dv .who{flex:1;min-width:210px}
.dv .who b{font-family:'Cormorant SC',serif;font-size:15px;color:var(--maroon-deep);display:block}
.dv .who span{font-family:'Karla',sans-serif;font-size:11.5px;color:#5A4A38;display:block;margin-top:2px;line-height:1.6}
.dv .who em{font-style:normal;color:#5a4a38}

/* per-devotee remedy card */
.rcard2{border:1px solid var(--copper-line);background:var(--ivory-light);margin:0 0 12px}
.rcard2:last-child{margin-bottom:0}
.rc-h{display:flex;gap:12px;align-items:center;padding:11px 15px;background:var(--ivory);
  border-bottom:1px solid var(--copper-line);flex-wrap:wrap}
.rc-h b{font-family:'Cormorant SC',serif;font-size:15px;color:var(--maroon-deep);flex:1;min-width:180px}
.rc-h .paid{font-family:'Karla',sans-serif;font-size:10px;font-weight:700;letter-spacing:.05em;
  background:rgba(63,107,74,.12);color:var(--green);padding:4px 9px;white-space:nowrap}
.rc-b{padding:4px 0}
.rline{display:flex;gap:12px;align-items:center;padding:10px 15px;border-bottom:1px dotted var(--copper-line);flex-wrap:wrap}
.rline:last-child{border-bottom:none}
.rline .rn{font-family:'Karla',sans-serif;font-size:12.5px;color:#3E1010;font-weight:700;flex:0 0 190px;min-width:150px}
.rline .rn em{display:block;font-style:normal;font-size:10.5px;color:#5A4A38;font-weight:400;margin-top:2px}
.steps{display:flex;gap:6px;align-items:center;flex-wrap:wrap;flex:1;min-width:230px}
.stp{font-family:'Karla',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.03em;padding:4px 10px;white-space:nowrap}
.stp.done{background:rgba(63,107,74,.14);color:#3F6B4A}
.stp.now{background:var(--vermillion);color:var(--ivory-light)}
.stp.wait{background:#E9DCC8;color:#5A4A38}
.stp.blocked{background:rgba(199,134,43,.18);color:#7D3A1C}
.steps i{font-style:normal;color:var(--copper);font-weight:700;font-size:11px}
.rline .go{font-family:'Karla',sans-serif;font-size:11.5px;font-weight:700;color:var(--vermillion);
  text-decoration:none;white-space:nowrap}
.tvchip{display:inline-block;font-family:'Karla',sans-serif;font-size:10px;font-weight:700;letter-spacing:.07em;
  text-transform:uppercase;padding:2px 7px;white-space:nowrap;vertical-align:middle}
.tvchip.live{background:#8F281C;color:#E9C9A8}
.tvchip.notv{background:#E9DCC8;color:#5A4A38}
.st-t.s-wait{background:#E9DCC8;color:#5A4A38}
.dayfilter{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 16px;
  font-family:'Karla',sans-serif;font-size:11.5px;color:#5A4A38}
.dayfilter button{font-family:'Karla',sans-serif;font-size:11px;font-weight:700;border:1px solid var(--copper-line);
  background:var(--ivory-light);color:#5a4a38;padding:6px 12px;cursor:pointer}
.dayfilter button.on{background:var(--maroon-deep);color:var(--ivory-light);border-color:var(--maroon-deep)}


.dvc{border:1px solid var(--copper-line);background:var(--ivory-light);margin:0 0 14px}
.dvc-h{display:flex;gap:12px;align-items:center;padding:12px 15px;background:var(--ivory);
  border-bottom:1px solid var(--copper-line);flex-wrap:wrap}
.dvc-h b{font-family:'Cormorant SC',serif;font-size:16px;color:var(--maroon-deep);flex:1;min-width:190px}
.dvc-h .paid{font-family:'Karla',sans-serif;font-size:10px;font-weight:700;letter-spacing:.05em;
  background:rgba(63,107,74,.12);color:var(--green);padding:4px 9px;white-space:nowrap}
.dvc-h .owed{font-family:'Karla',sans-serif;font-size:10px;font-weight:700;letter-spacing:.05em;
  background:var(--vermillion);color:var(--ivory-light);padding:4px 9px;white-space:nowrap}
.dvc-h .owed.clear{background:rgba(63,107,74,.12);color:var(--green)}

.rt{border-bottom:1px solid var(--copper-line)}
.rt:last-child{border-bottom:none}
.rt-h{display:flex;gap:11px;align-items:center;padding:11px 15px;cursor:pointer;flex-wrap:wrap}
.rt-h:hover{background:var(--ivory-light)}
.rt-h .car{font-family:'Karla',sans-serif;font-size:11px;color:var(--copper);font-weight:700;width:12px}
.rt-h .nm{font-family:'Karla',sans-serif;font-size:13px;font-weight:700;color:#3E1010;flex:0 0 172px;min-width:140px}
.rt-h .nm em{display:block;font-style:normal;font-size:10.5px;color:#5A4A38;font-weight:400;margin-top:2px}
.rt-b{padding:0 15px 14px;display:none}
.rt.open .rt-b{display:block}
.rt.open .rt-h{background:var(--ivory-light)}

.stp{font-family:'Karla',sans-serif;font-size:10.5px;font-weight:700;padding:4px 10px;white-space:nowrap}
.stp.done{background:rgba(63,107,74,.14);color:#3F6B4A}
.stp.now{background:var(--vermillion);color:var(--ivory-light)}
.stp.wait{background:#E9DCC8;color:#5A4A38}
.stp.blocked{background:rgba(199,134,43,.18);color:#7D3A1C}
.steps{display:flex;gap:6px;align-items:center;flex-wrap:wrap;flex:1;min-width:220px}
.steps i{font-style:normal;color:var(--copper);font-weight:700;font-size:11px}

.wstep{border:1px solid var(--copper-line);background:var(--ivory-light);margin-top:11px}
.wstep.done{border-color:var(--green)}
.wstep.locked{opacity:.5}
.ws-h{display:flex;gap:10px;align-items:center;padding:9px 13px;background:var(--ivory);
  border-bottom:1px solid var(--copper-line);flex-wrap:wrap}
.ws-h .sn{font-family:'Karla',sans-serif;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  background:var(--maroon-deep);color:var(--ivory-light);padding:3px 8px;white-space:nowrap}
.wstep.done .ws-h .sn{background:var(--green)}
.ws-h b{font-family:'Karla',sans-serif;font-size:12.5px;color:var(--maroon-deep);flex:1;min-width:160px}
.ws-h .due{font-family:'Karla',sans-serif;font-size:10px;font-weight:700;background:rgba(199,134,43,.16);
  color:#8A5A2E;padding:3px 8px;white-space:nowrap}
.ws-b{padding:11px 13px}
.ws-b .fl{display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:9px}
.ws-b label{display:block;font-family:'Karla',sans-serif;font-size:10px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--copper);margin-bottom:4px}
.ws-b input{width:100%;font-family:'Karla',sans-serif;font-size:13px;padding:9px 11px;
  border:1px solid var(--copper-line);background:var(--ivory-light);color:var(--ash)}
.ws-b .u{color:var(--vermillion);font-weight:700}
.ws-f{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:10px 13px;border-top:1px solid var(--copper-line)}
.ws-f .side{font-family:'Karla',sans-serif;font-size:10.5px;color:#5A4A38;flex:1;min-width:150px;line-height:1.6}
.ws-f button[disabled]{opacity:.4;cursor:not-allowed}
.wsent{font-family:'Karla',sans-serif;font-size:11.5px;font-weight:700;color:#3F6B4A;line-height:1.65;
  background:rgba(63,107,74,.10);border-left:3px solid var(--green);padding:8px 11px;margin:0 0 10px}

.wpv{border:1px solid var(--saffron);background:rgba(199,134,43,.06);padding:12px 14px;margin-top:10px}
.wpv .ph{font-family:'Karla',sans-serif;font-size:10px;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:var(--copper);margin:0 0 7px}
.wpv .chk p{font-family:'Karla',sans-serif;font-size:11.5px;line-height:1.65;margin:0 0 5px;padding:7px 10px}
.wpv .chk p.bad{background:rgba(173,51,35,.09);color:#8F281C;border-left:3px solid var(--vermillion);font-weight:700}
.wpv .chk p.warn{background:rgba(199,134,43,.14);color:#7D3A1C;border-left:3px solid var(--saffron);font-weight:700}
.wpv .chk p.ok{background:rgba(63,107,74,.10);color:#3F6B4A;border-left:3px solid var(--green);font-weight:700}
.wmail{background:var(--ivory-light);border:1px solid var(--copper-line);padding:12px 14px;margin-top:9px;
  font-family:'Karla',sans-serif;font-size:12px;color:#4a3c33;line-height:1.8}
.wmail .sub{font-family:'Cormorant SC',serif;font-size:13.5px;color:var(--maroon-deep);display:block;
  border-bottom:1px solid var(--copper-line);padding-bottom:7px;margin-bottom:9px}
.wmail ul{margin:7px 0;padding-left:18px}
.wmail .sig{color:#5A4A38;font-size:11px;display:block;margin-top:9px}
.wobs{border:1px solid var(--copper-line);background:var(--ivory-light);padding:11px 13px;margin-top:10px;
  font-family:'Karla',sans-serif;font-size:11.5px;color:#5a4a38;line-height:1.7}
.wobs b{color:var(--maroon-deep)}
.wobs .two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:7px}
@media(max-width:620px){.wobs .two{grid-template-columns:1fr}}
.wobs ul{margin:0;padding-left:16px}
.wobs li{margin-bottom:3px}

.tline{border:1px solid var(--copper-line);background:var(--ivory-light);padding:12px 14px;margin-top:11px;
  font-family:'Karla',sans-serif;font-size:12px;color:#4a3c33;line-height:1.75}
.tline.off{color:#5A4A38}
.tbar{display:flex;gap:3px;margin:9px 0 6px}
.tbar i{flex:1;height:9px;background:#E9DCC8;display:block}
.tbar i.f{background:var(--green)}
.tbar i.p{background:linear-gradient(90deg,var(--green) 50%,#E9DCC8 50%)}
.tline b{color:var(--maroon-deep)}


.catwrap{position:relative}
.catres{position:absolute;left:0;right:0;top:100%;z-index:40;background:var(--ivory-light);
  border:1px solid var(--copper-line);border-top:none;max-height:290px;overflow:auto;
  box-shadow:0 10px 22px rgba(62,16,16,.13)}
.catres[hidden]{display:none}
.catres button{display:flex;width:100%;gap:10px;align-items:baseline;text-align:left;background:none;border:none;
  border-bottom:1px solid var(--copper-line);padding:10px 13px;cursor:pointer;font-family:'Karla',sans-serif}
.catres button:last-child{border-bottom:none}
.catres button:hover,.catres button.hi{background:var(--ivory-light)}
.catres .nm{font-size:13px;font-weight:700;color:var(--maroon-deep);flex:1}
.catres .ln{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--copper);
  background:#F3EAD6;padding:2px 7px;white-space:nowrap}
.catres .pr{font-family:'SF Mono',Consolas,monospace;font-size:11.5px;color:#5a4a38;white-space:nowrap}
.catres .none{padding:12px 13px;font-family:'Karla',sans-serif;font-size:12px;color:#5A4A38}
.catcount{font-family:'Karla',sans-serif;font-size:11px;color:#5A4A38;margin:6px 0 0}
.recrow{display:flex;gap:11px;align-items:center;margin-top:10px;border:1px solid var(--copper-line);
  background:var(--ivory);padding:11px 14px;flex-wrap:wrap}
.recrow .rl{flex:1;min-width:190px;font-family:'Karla',sans-serif;font-size:12.5px;color:#4a3c33}
.recrow .rl b{color:var(--maroon-deep)}
.recrow .rl em{font-style:normal;color:#5A4A38;font-size:11.5px}
.recrow .tier{font-family:'Karla',sans-serif;font-size:12px;padding:7px 9px;border:1px solid var(--copper-line);background:var(--ivory-light)}
.recempty{font-family:'Karla',sans-serif;font-size:11.5px;color:#5A4A38;font-style:italic;margin-top:10px}


.kpi,.mcard,.hcard{cursor:pointer;position:relative;transition:border-color .12s}
.kpi:hover,.mcard:hover,.hcard:hover{border-color:var(--vermillion)}
.kpi.on,.mcard.on,.hcard.on{border-color:var(--vermillion);box-shadow:0 0 0 1px var(--vermillion) inset}
.kpi::after,.mcard::after,.hcard::after{content:'';position:absolute;right:9px;bottom:7px;
  width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;
  border-top:5px solid var(--copper-line)}
.kpi.on::after,.mcard.on::after,.hcard.on::after{border-top-color:var(--vermillion)}

.drill{border:1px solid var(--vermillion);background:var(--ivory-light);margin:-6px 0 18px;padding:0}
.drill[hidden]{display:none}
.drill-h{display:flex;gap:12px;align-items:center;padding:11px 16px;background:rgba(173,51,35,.06);
  border-bottom:1px solid var(--copper-line);flex-wrap:wrap}
.drill-h b{font-family:'Cormorant SC',serif;font-size:15px;color:var(--maroon-deep);flex:1;min-width:170px}
.drill-h .x{font-family:'Karla',sans-serif;font-size:11px;font-weight:700;color:var(--vermillion);
  background:none;border:none;cursor:pointer}
.drill-b{padding:0}
.drill table{width:100%;border-collapse:collapse;font-family:'Karla',sans-serif;font-size:12.5px}
.drill th{background:var(--maroon-deep);color:var(--ivory-light);text-align:left;font-size:10px;
  letter-spacing:.09em;text-transform:uppercase;padding:8px 12px;font-weight:700}
.drill td{padding:9px 12px;border-bottom:1px solid var(--copper-line);color:#4a3c33}
.drill tbody tr:last-child td{border-bottom:none}
.drill tr.tot td{background:var(--ivory);font-weight:700;color:var(--maroon-deep)}
.drill .num{font-family:'SF Mono',Consolas,monospace;font-size:11.5px;white-space:nowrap;text-align:right}
.drill .note{font-family:'Karla',sans-serif;font-size:11.5px;color:#5A4A38;line-height:1.7;
  padding:11px 16px;border-top:1px solid var(--copper-line);margin:0}
.drill .note b{color:#5a4a38}
.spark{display:flex;gap:4px;align-items:flex-end;height:56px;padding:14px 16px 6px}
.spark i{flex:1;background:var(--saffron);display:block;position:relative;min-height:2px}
.spark i.hi{background:var(--vermillion)}
.sparkleg{display:flex;gap:4px;padding:0 16px 12px;font-family:'Karla',sans-serif;font-size:10px;color:#5A4A38}
.sparkleg span{flex:1;text-align:center}

.ack{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:900;
  background:var(--maroon-deep);color:var(--ivory-light);font-family:'Karla',sans-serif;font-size:12.5px;
  padding:11px 18px;box-shadow:0 8px 26px rgba(62,16,16,.3);max-width:min(560px,90vw);line-height:1.6}
.ack b{color:#E9C9A8}
.ack[hidden]{display:none}
.fchip.off{opacity:.45}


/* ── an opened record ─────────────────────────────────────────────── */
.rec{border:1px solid var(--vermillion);background:var(--ivory-light);margin:10px 0 4px;font-family:'Karla',sans-serif}
.rec-h{display:flex;gap:10px;align-items:center;padding:10px 14px;background:rgba(173,51,35,.06);
  border-bottom:1px solid var(--copper-line);flex-wrap:wrap}
.rec-h b{font-family:'Cormorant SC',serif;font-size:14.5px;color:var(--maroon-deep);flex:1;min-width:150px}
.rec-h .x{font-size:11px;font-weight:700;color:var(--vermillion);background:none;border:none;cursor:pointer;padding:0}
.rec-b{padding:13px 14px}
.rec dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0 0 10px;font-size:12.5px}
.rec dt{color:#5A4A38;font-size:10px;letter-spacing:.07em;text-transform:uppercase;font-weight:700;
  padding-top:2px;white-space:nowrap}
.rec dd{margin:0;color:#3A2F27;line-height:1.6}
.rec p{font-size:12px;color:#5a4a38;line-height:1.75;margin:0 0 9px}
.rec p:last-child{margin-bottom:0}
.rec .thread{border-left:2px solid var(--copper-line);padding-left:12px;margin:0 0 12px}
.rec .msg{margin:0 0 11px}
.rec .msg em{display:block;font-style:normal;font-size:10px;letter-spacing:.06em;text-transform:uppercase;
  color:#5A4A38;font-weight:700;margin-bottom:3px}
.rec .msg span{display:block;font-size:12.5px;color:#3A2F27;line-height:1.7}
.rec .msg.ours em{color:var(--vermillion)}
.rec textarea{width:100%;box-sizing:border-box;font-family:'Karla',sans-serif;font-size:12.5px;
  border:1px solid var(--copper-line);padding:9px 11px;min-height:74px;color:#3A2F27;background:var(--ivory-light);
  line-height:1.6;resize:vertical}
.rec .rec-acts{display:flex;gap:9px;align-items:center;margin-top:11px;flex-wrap:wrap}
.rec .foot{font-size:11px;color:#5A4A38;line-height:1.65;border-top:1px solid var(--copper-line);
  padding:10px 14px;margin:0}
.rec .foot b{color:#5a4a38}
.rec .pgs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:11px}
.rec .pg{width:52px;height:70px;border:1px solid var(--copper-line);background:var(--ivory-light);
  display:flex;align-items:center;justify-content:center;font-size:10px;color:#5A4A38}
.rec .pg.on{border-color:var(--vermillion);color:var(--vermillion)}
.rec .chk{font-size:12px;color:#3A2F27;line-height:1.9;margin:0 0 4px}
.rec .chk i{font-style:normal;color:var(--green);font-weight:700;margin-right:7px}

/* ── a row that has been acted on ─────────────────────────────────── */
.didit{position:relative}
.didit::after{content:attr(data-did);position:absolute;right:0;top:0;background:var(--green);
  color:var(--ivory-light);font-family:'Karla',sans-serif;font-size:10px;letter-spacing:.08em;text-transform:uppercase;
  font-weight:700;padding:2px 7px}
tr.didit td{opacity:.55}
tr.didit::after{display:none}
td .dbadge{background:var(--green);color:var(--ivory-light);font-family:'Karla',sans-serif;font-size:10px;
  letter-spacing:.07em;text-transform:uppercase;font-weight:700;padding:2px 6px;white-space:nowrap}
.gone{display:none!important}

/* ── an inline form ───────────────────────────────────────────────── */
.qform{border:1px solid var(--vermillion);background:var(--ivory-light);margin:12px 0;font-family:'Karla',sans-serif}
.qform h5{font-family:'Cormorant SC',serif;font-size:14.5px;color:var(--maroon-deep);margin:0;
  padding:10px 14px;background:rgba(173,51,35,.06);border-bottom:1px solid var(--copper-line)}
.qform .qf-b{padding:13px 14px;display:grid;gap:10px}
.qform label{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#5A4A38;
  font-weight:700;margin-bottom:4px}
.qform input,.qform select{width:100%;box-sizing:border-box;font-family:'Karla',sans-serif;font-size:12.5px;
  border:1px solid var(--copper-line);padding:8px 10px;background:var(--ivory-light);color:#3A2F27}
.qform .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:640px){.qform .two{grid-template-columns:1fr}}
.qform .qf-acts{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.qform .qf-err{color:var(--vermillion);font-size:11.5px;line-height:1.6}

/* ── the customer's cart ──────────────────────────────────────────── */
.cartbar{position:fixed;right:20px;bottom:20px;z-index:880;background:var(--maroon-deep);color:var(--ivory-light);
  font-family:'Karla',sans-serif;box-shadow:0 10px 30px rgba(62,16,16,.34);max-width:min(370px,92vw)}
.cartbar[hidden]{display:none}
.cartbar h6{font-family:'Cormorant SC',serif;font-size:14px;margin:0;padding:11px 15px;
  border-bottom:1px solid rgba(243,234,214,.2);display:flex;gap:10px;align-items:center}
.cartbar h6 span{flex:1}
.cartbar h6 button{background:none;border:none;color:#E9C9A8;font-family:'Karla',sans-serif;font-size:11px;
  font-weight:700;cursor:pointer;padding:0}
.cartbar ul{list-style:none;margin:0;padding:8px 15px;font-size:12px;line-height:1.75;max-height:190px;overflow:auto}
.cartbar li{display:flex;gap:10px}
.cartbar li span{flex:1}
.cartbar li b{font-weight:400;color:#E9C9A8;white-space:nowrap}
.cartbar .ct{display:flex;gap:10px;padding:9px 15px;border-top:1px solid rgba(243,234,214,.2);
  font-size:12.5px;font-weight:700}
.cartbar .ct span{flex:1}
.cartbar .go{display:block;width:100%;box-sizing:border-box;background:var(--vermillion);color:var(--ivory-light);border:none;
  font-family:'Karla',sans-serif;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  padding:11px;cursor:pointer}
.incart{opacity:.6;pointer-events:none}

.rkinds{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:0 0 18px}
.rkind{background:var(--ivory-light);border:1px solid var(--copper-line);border-left:3px solid var(--vermillion);
  padding:12px 14px}
.rkind.quiet{border-left-color:var(--copper)}
.rkind b{display:block;font:600 14px/1.3 'Cormorant SC',serif;color:var(--maroon-deep);margin-bottom:5px}
.rkind span{display:block;font:400 12.5px/1.65 'Cormorant Garamond',serif;color:#4A3C33}

/* ══ the catalogue item picker ═════════════════════════════════════════════ */
.itemlist{max-height:190px;overflow-y:auto;border:1px solid var(--copper-line);background:var(--ivory-light);
  margin:6px 0 8px}
.itemlist div{padding:8px 11px;border-bottom:1px dashed var(--copper-line);cursor:pointer;
  font:400 13px/1.45 'Cormorant Garamond',serif;color:#3A2F27;display:flex;
  justify-content:space-between;gap:10px}
.itemlist div:last-child{border-bottom:0}
.itemlist div:hover{background:rgba(199,134,43,.14)}
.itemlist div.on{background:var(--maroon-deep);color:#E9DCC8}
.itemlist div small{font:600 10px/1.5 'Karla',sans-serif;letter-spacing:.06em;color:#5A4A38;white-space:nowrap}
.itemlist div.on small{color:#C9B49A}
.itempicked{display:flex;flex-wrap:wrap;gap:6px;min-height:30px;align-items:center}
.itempicked em{font:400 12.5px/1.5 'Cormorant Garamond',serif;color:#5A4A38;font-style:italic}
.itempicked span{font:600 11px/1 'Karla',sans-serif;background:var(--ivory);border:1px solid var(--copper);
  color:var(--copper);padding:6px 9px;display:inline-flex;gap:6px;align-items:center}
.itempicked span b{cursor:pointer;color:var(--vermillion);font-size:13px;line-height:1}
/* ══ row actions that are buttons, not decoration ══════════════════════════ */
.rowact{background:transparent;border:0;font:600 11px/1 'Karla',sans-serif;color:var(--vermillion);
  cursor:pointer;padding:5px 6px}
.rowact:hover{text-decoration:underline}
.rowact.mute{color:#5A4A38}
.rowsep{color:#BDA389;font-size:11px}
.st-t.s-off{background:rgba(138,90,46,.10);color:#5A4A38}
.st-t.s-exp{background:rgba(232,138,60,.16);color:#7D3A1C}
/* ══ the audit trail ═══════════════════════════════════════════════════════ */
.trail{border-top:1px solid var(--copper-line);margin-top:4px}
.trail .tr{display:flex;gap:12px;padding:10px 0;border-bottom:1px dashed var(--copper-line);align-items:flex-start}
.trail .tr:last-child{border-bottom:0}
.trail .tr time{flex:0 0 118px;font:600 10px/1.6 'Karla',sans-serif;letter-spacing:.05em;color:#5A4A38}
.trail .tr .w{flex:1 1 auto;font:400 13px/1.6 'Cormorant Garamond',serif;color:#3A2F27}
.trail .tr .w em{display:block;font-style:italic;color:#5A4A38;font-size:12.5px}
.trail .tr .w b.k{font:600 9.5px/1.5 'Karla',sans-serif;letter-spacing:.08em;text-transform:uppercase;
  color:var(--copper);display:block;margin-bottom:2px}
.u-open{background:rgba(199,134,43,.14)}

/* ══ the embedded order-flow drawer ═══════════════════════════════════════ */
.fdrw{position:fixed;inset:0;z-index:9000;display:flex;justify-content:flex-end}
.fdrw[hidden]{display:none}
.fdrw-scrim{position:absolute;inset:0;background:rgba(42,13,11,.55)}
.fdrw-p{position:relative;width:min(780px,100%);background:var(--ivory);
  display:flex;flex-direction:column;box-shadow:-24px 0 60px -20px rgba(42,33,28,.55);
  border-left:3px solid var(--vermillion);animation:fdrwIn .18s ease-out}
@keyframes fdrwIn{from{transform:translateX(28px);opacity:.4}to{transform:none;opacity:1}}
.fdrw-h{background:var(--maroon-deep);color:#E9DCC8;padding:16px 20px;
  display:flex;gap:14px;align-items:flex-start;justify-content:space-between;flex:0 0 auto}
.fdrw-h .fl{font:600 10.5px/1.4 'Karla',sans-serif;letter-spacing:.16em;
  text-transform:uppercase;color:#E9C9A8;display:block;margin-bottom:5px}
.fdrw-h b{font:600 20px/1.25 'Cormorant SC',serif;color:var(--ivory-light);display:block}
.fdrw-h .fs{font:400 13px/1.5 'Cormorant Garamond',serif;color:#C9B49A;
  display:block;margin-top:3px}
.fdrw-x{background:transparent;border:1px solid rgba(233,220,200,.4);color:#E9DCC8;
  font:600 11px/1 'Karla',sans-serif;padding:8px 11px;cursor:pointer;flex:0 0 auto}
.fdrw-x:hover{background:rgba(233,220,200,.12)}
.fdrw-rail{display:flex;flex-wrap:wrap;gap:0;background:var(--ash);flex:0 0 auto;
  border-bottom:1px solid var(--copper-line)}
.fdrw-rail span{font:600 10px/1 'Karla',sans-serif;letter-spacing:.06em;padding:9px 11px;
  color:#C9B49A;border-right:1px solid rgba(138,90,46,.3);white-space:nowrap}
.fdrw-rail span.done{color:#A8C4AE}
.fdrw-rail span.done:before{content:'✓ '}
.fdrw-rail span.now{color:var(--ash);background:var(--ember);font-weight:700}
.fdrw-b{flex:1 1 auto;overflow-y:auto;padding:20px}
.fdrw-b h4{font:600 16px/1.3 'Cormorant SC',serif;color:var(--maroon-deep);
  margin:0 0 4px}
.fdrw-b .lede{font:400 14px/1.65 'Cormorant Garamond',serif;color:#4A3C33;margin:0 0 14px}
.fdrw-b .fine{font:400 12.5px/1.6 'Cormorant Garamond',serif;color:#5A4A38;margin:10px 0 0}
.fbox{background:var(--ivory-light);border:1px solid var(--copper-line);padding:14px 15px;margin:0 0 14px}
.fbox>b{font:600 12px/1.3 'Karla',sans-serif;letter-spacing:.04em;color:var(--maroon-deep);
  display:block;margin-bottom:8px;text-transform:uppercase}
.ffacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px 16px;margin:0}
.ffacts div{font:400 13px/1.45 'Cormorant Garamond',serif;color:#3A2F27}
.ffacts div em{display:block;font:600 9.5px/1.4 'Karla',sans-serif;letter-spacing:.1em;
  text-transform:uppercase;color:#5A4A38;font-style:normal;margin-bottom:2px}
.frow{display:flex;gap:9px;align-items:center;padding:9px 0;border-bottom:1px dashed var(--copper-line)}
.frow:last-child{border-bottom:0}
.frow .fn{font:600 10px/1 'Karla',sans-serif;letter-spacing:.08em;color:#5A4A38;
  text-transform:uppercase;flex:0 0 74px}
/*  a form value is functional, and functional is Karla — the admin
    dashboard is the standard for every pane of every screen      */
.frow .fw{flex:1 1 auto;font:400 13px/1.55 'Karla',sans-serif;color:#3A2F27}
.frow .fw em{display:block;font-style:italic;color:#5A4A38;font-size:12.5px}
.fdrw input[type=text],.fdrw input[type=date],.fdrw input[type=time],.fdrw textarea,.fdrw select{
  font:400 13px/1.4 'Karla',sans-serif;color:#3A2F27;background:var(--ivory-light);
  border:1px solid var(--copper-line);padding:7px 9px;width:100%;box-sizing:border-box}
.fdrw input:focus,.fdrw textarea:focus,.fdrw select:focus{outline:2px solid var(--saffron);outline-offset:-1px}
.fgrid{display:grid;gap:8px;align-items:center;margin-bottom:8px}
.fgrid.g1{grid-template-columns:1fr auto;max-width:420px}
.fday>b{display:flex;align-items:center;gap:9px}
.fday .daycnt{font:600 9px/1 'Karla',sans-serif;letter-spacing:.08em;color:var(--ash);background:var(--saffron);
  padding:4px 7px;text-transform:none}
.fday .dayrows .fgrid{padding:9px 0;border-bottom:1px dashed var(--copper-line)}
.fday .dayrows .fgrid:last-child{border-bottom:0}
.fgrid.g3{grid-template-columns:1.2fr .8fr .8fr auto}
.fgrid.g4{grid-template-columns:1fr 1fr 2fr auto}
.flab{font:600 9.5px/1.4 'Karla',sans-serif;letter-spacing:.1em;text-transform:uppercase;
  color:#5A4A38;display:block;margin-bottom:3px}
.fmini{background:transparent;border:1px solid var(--copper-line);color:#7D3A1C;
  font:600 11px/1 'Karla',sans-serif;padding:7px 9px;cursor:pointer}
.fmini:hover{background:rgba(173,51,35,.08)}
.imp{display:grid;grid-template-columns:168px 1fr;gap:16px;align-items:start}
.imp-img{border:1px solid var(--copper-line);background:var(--ivory);padding:6px;line-height:0}
.imp-side{min-width:0}
@media(max-width:640px){.imp{grid-template-columns:1fr}.imp-img{max-width:200px}}
.fdrw-f{flex:0 0 auto;border-top:1px solid var(--copper-line);background:var(--ivory-light);
  padding:14px 20px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.fgo{background:var(--vermillion);color:var(--ivory-light);border:0;
  font:600 12.5px/1 'Karla',sans-serif;letter-spacing:.03em;padding:12px 18px;cursor:pointer}
.fgo:hover{background:#8F281C}
.fgo[disabled],.act[disabled],button[disabled]{background:#E9DCC8 !important;color:#5A4A38 !important;border:1px solid #C9B49A !important;cursor:not-allowed !important;box-shadow:none}
.falt{background:transparent;border:1px solid var(--copper);color:var(--copper);
  font:600 12px/1 'Karla',sans-serif;padding:11px 15px;cursor:pointer}
.falt:hover{background:rgba(138,90,46,.10)}
.fnote{font:400 12.5px/1.5 'Cormorant Garamond',serif;color:#5A4A38;flex:1 1 180px}
/* the email that will actually go */
.fmail{background:var(--ivory-light);border:1px solid var(--copper-line);
  border-left:3px solid var(--saffron);padding:13px 15px;margin:0 0 14px}
.fmail .fm-h{font:600 10px/1.4 'Karla',sans-serif;letter-spacing:.12em;text-transform:uppercase;
  color:#8A5A2E;margin-bottom:7px}
.fmail .fm-s{font:600 14px/1.4 'Cormorant Garamond',serif;color:var(--maroon-deep);margin-bottom:6px}
.fmail p{font:400 13px/1.65 'Cormorant Garamond',serif;color:#3A2F27;margin:0 0 7px}
.fmail p:last-child{margin-bottom:0}
/* banners */
.fban{padding:11px 14px;margin:0 0 14px;font:400 13px/1.6 'Cormorant Garamond',serif}
.fban b{font-weight:700}
.fban.warn{background:rgba(232,138,60,.16);border-left:3px solid var(--ember);color:#7D3A1C}
.fban.stop{background:rgba(173,51,35,.08);border-left:3px solid var(--vermillion);color:#5C1918}
.fban.ok{background:rgba(63,107,74,.10);border-left:3px solid var(--green);color:#2A211C}
.fban.lock{background:var(--ivory-light);border-left:3px solid #C9B49A;color:#5A4A38}
/* the anushthan timeline */
.tl{margin:0 0 14px}
.tl-bar{height:12px;background:#E9DCC8;border:1px solid var(--copper-line);position:relative;overflow:hidden}
.tl-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--saffron),var(--ember))}
.tl-mk{position:relative;height:22px;margin-top:2px}
.tl-mk span{position:absolute;transform:translateX(-50%);font:600 9px/1.3 'Karla',sans-serif;
  letter-spacing:.05em;color:#5A4A38;text-align:center;white-space:nowrap}
.tl-mk span.hit{color:var(--vermillion)}
.tl-lab{display:flex;justify-content:space-between;font:400 13px/1.5 'Cormorant Garamond',serif;
  color:#3A2F27;margin-top:6px}
.tl-sim{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:11px;
  border-top:1px dashed var(--copper-line);padding-top:11px}
.tl-sim em{font:400 12px/1.5 'Cormorant Garamond',serif;color:#5A4A38;font-style:italic;flex:1 1 130px}
.tl-ev{margin:12px 0 0;border-top:1px solid var(--copper-line)}
.tl-ev .ev{display:flex;gap:10px;padding:9px 0;border-bottom:1px dashed var(--copper-line);align-items:flex-start}
.tl-ev .ev:last-child{border-bottom:0}
.tl-ev .ev .d{flex:0 0 62px;font:700 10px/1.5 'Karla',sans-serif;letter-spacing:.06em;color:#7D3A1C}
.tl-ev .ev .w{flex:1 1 auto;font:400 13px/1.55 'Cormorant Garamond',serif;color:#3A2F27}
.tl-ev .ev .w em{display:block;font-style:italic;color:#5A4A38;font-size:12.5px}
.tl-ev .ev.past .d{color:var(--green)}
.tl-ev .ev.wait .d{color:#5A4A38;font-weight:600}
.tl-ev .ev.wait .w{color:#4A3C33}
.tl-ev .ev.wait .d:after{content:' ·'}
.tl-ev .ev.now{background:rgba(199,134,43,.14);padding-left:9px;margin-left:-9px}
/* slot grid */
.fslots{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:7px;margin-bottom:12px}
.fslot{background:var(--ivory-light);border:1px solid var(--copper-line);padding:9px 7px;
  text-align:center;cursor:pointer}
.fslot b{display:block;font:600 11px/1.3 'Karla',sans-serif;color:var(--maroon-deep)}
.fslot span{display:block;font:400 11.5px/1.5 'Cormorant Garamond',serif;color:#5A4A38}
.fslot.on{background:var(--maroon-deep);border-color:var(--maroon-deep)}
.fslot.on b{color:#E9C9A8}.fslot.on span{color:#C9B49A}
.fslot.off{background:#E9DCC8;cursor:not-allowed}
.fslot.off b,.fslot.off span{color:#5A4A38}
/* the queue row after it has been acted on */
.q-row.fdone .t span,.q-row.fdone .who span{color:#5A4A38}
.q-row.fdone .t > b{text-decoration:line-through;text-decoration-color:#BDA389}
.q-row.fdone .t > b span{text-decoration:none}
.fstamp{font:600 9.5px/1 'Karla',sans-serif;letter-spacing:.08em;text-transform:uppercase;
  color:var(--green);border:1px solid var(--green);padding:6px 9px;white-space:nowrap}
@media(max-width:640px){
  .fdrw-p{width:100%;border-left:0}
  .fgrid.g1,.fgrid.g3,.fgrid.g4{grid-template-columns:1fr}
  .fdrw-b{padding:15px}
}

/* ══ the document reader ═══════════════════════════════════════════════════ */
.docwrap{background:var(--ash);padding:16px;margin:0 0 14px}
.docpg{background:var(--ivory-light);border:1px solid var(--copper-line);padding:26px 30px;
  margin:0 auto 16px;max-width:560px;box-shadow:0 10px 26px -14px rgba(42,33,28,.6)}
.docpg:last-child{margin-bottom:0}
.docpg .pgn{font:600 9px/1 'Karla',sans-serif;letter-spacing:.16em;text-transform:uppercase;
  color:#5A4A38;display:block;text-align:right;margin-bottom:14px}
.docpg h5{font:600 17px/1.3 'Cormorant SC',serif;color:var(--maroon-deep);margin:0 0 10px}
.docpg h6{font:600 11px/1.4 'Karla',sans-serif;letter-spacing:.1em;text-transform:uppercase;
  color:var(--copper);margin:16px 0 7px}
.docpg p{font:400 13.5px/1.75 'Cormorant Garamond',serif;color:#3A2F27;margin:0 0 9px}
.docpg .lead{font:400 15px/1.7 'Cormorant Garamond',serif;color:#4A3C33}
.docpg .rule{height:1px;background:var(--copper-line);margin:14px 0}
.docpg .mast{text-align:center;border-bottom:2px solid var(--vermillion);padding-bottom:12px;margin-bottom:16px}
.docpg .mast b{display:block;font:600 20px/1.2 'Cormorant SC',serif;color:var(--maroon-deep)}
.docpg .mast span{display:block;font:600 8.5px/1.5 'Karla',sans-serif;letter-spacing:.22em;
  text-transform:uppercase;color:#5A4A38;margin-top:5px}
.dockv{display:grid;grid-template-columns:120px 1fr;gap:5px 12px;margin:0 0 10px}
.dockv dt{font:600 9px/1.6 'Karla',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#5A4A38}
.dockv dd{font:400 13px/1.6 'Cormorant Garamond',serif;color:#3A2F27;margin:0}
.doctb{width:100%;border-collapse:collapse;margin:0 0 10px}
.doctb th{font:600 9px/1.5 'Karla',sans-serif;letter-spacing:.09em;text-transform:uppercase;
  color:#5A4A38;text-align:left;padding:6px 8px;border-bottom:1px solid var(--copper)}
.doctb td{font:400 12.5px/1.55 'Cormorant Garamond',serif;color:#3A2F27;
  padding:6px 8px;border-bottom:1px dashed var(--copper-line);vertical-align:top}
.docq{border-left:3px solid var(--saffron);padding:2px 0 2px 12px;margin:0 0 12px}
.docq b{display:block;font:600 13px/1.5 'Karla',sans-serif;color:var(--maroon-deep);margin-bottom:4px}
.docrem{border:1px solid var(--copper-line);padding:11px 13px;margin:0 0 9px;
  display:flex;gap:10px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.docrem b{font:600 13px/1.4 'Karla',sans-serif;color:var(--maroon-deep)}
.docrem em{display:block;font:400 12.5px/1.6 'Cormorant Garamond',serif;color:#4A3C33;font-style:italic}
.docrem .bk{font:600 11px/1 'Karla',sans-serif;color:var(--vermillion);border:1px solid var(--vermillion);
  padding:7px 10px;background:transparent;cursor:pointer;white-space:nowrap}
.docrem .bk:hover{background:rgba(173,51,35,.08)}
.docsig{border-top:2px solid var(--vermillion);margin-top:18px;padding-top:12px;
  font:400 12.5px/1.7 'Cormorant Garamond',serif;color:#4A3C33}
.docsig b{font-family:'Cormorant SC',serif;font-size:15px;color:var(--maroon-deep)}
/* the audio player */
.aud{background:var(--maroon-deep);padding:16px 18px;margin:0 0 14px}
.aud b{display:block;font:600 15px/1.3 'Cormorant SC',serif;color:var(--ivory-light);margin-bottom:3px}
.aud span{display:block;font:400 13px/1.55 'Cormorant Garamond',serif;color:#C9B49A}
.aud .bar{height:8px;background:rgba(233,220,200,.22);margin:13px 0 7px;position:relative;cursor:pointer}
.aud .bar i{display:block;height:100%;background:var(--ember)}
.aud .tt{display:flex;justify-content:space-between;font:600 10px/1 'Karla',sans-serif;color:#E9C9A8}
.aud .ctl{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.aud .ctl button{background:transparent;border:1px solid rgba(233,220,200,.45);color:#E9DCC8;
  font:600 11px/1 'Karla',sans-serif;padding:9px 12px;cursor:pointer}
.aud .ctl button:hover{background:rgba(233,220,200,.14)}
.aud .ctl button.on{background:var(--ember);border-color:var(--ember);color:var(--ash)}
@media(max-width:640px){.docpg{padding:18px 16px}.dockv{grid-template-columns:1fr}}

/* ══ the remedies composer ═════════════════════════════════════════════════ */
.rmblk{border:1px solid var(--copper-line);background:var(--ivory-light);margin:0 0 14px}
.rmblk>header{background:var(--maroon-deep);padding:10px 14px;display:flex;gap:10px;
  align-items:center;justify-content:space-between;flex-wrap:wrap}
.rmblk>header b{font:600 13px/1.3 'Cormorant SC',serif;color:var(--ivory-light)}
.rmblk>header .who{font:600 9px/1.4 'Karla',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#E9C9A8}
.rmblk.you>header .who{color:#FBF5E9}
.rmblk>.bd{padding:13px 14px}
.rmblk.you>header{background:var(--copper)}
.rmg{display:grid;gap:9px;margin:0 0 9px}
.rmg.c2{grid-template-columns:1fr 1fr}
.rmg.c3{grid-template-columns:1fr 1fr 1fr}
.rmg.c4{grid-template-columns:2fr 1fr 1fr auto}
.offer{display:grid;grid-template-columns:1fr 90px auto;gap:7px;align-items:center;
  padding:7px 0;border-bottom:1px dashed var(--copper-line)}
.offer:last-of-type{border-bottom:0}
.offer label{font:400 13px/1.45 'Cormorant Garamond',serif;color:#3A2F27;display:flex;gap:7px;align-items:center}
.offer input[type=checkbox]{width:auto}
.tpick{border:1px solid var(--copper-line);background:var(--ivory);max-height:170px;overflow-y:auto;margin:6px 0}
.tpick div{padding:8px 11px;border-bottom:1px dashed var(--copper-line);cursor:pointer;
  font:400 13px/1.45 'Cormorant Garamond',serif;color:#3A2F27}
.tpick div:last-child{border-bottom:0}
.tpick div:hover{background:rgba(199,134,43,.14)}
.tpick div small{display:block;font:600 9.5px/1.5 'Karla',sans-serif;letter-spacing:.06em;color:#5A4A38}
.tcard{border:1px solid var(--copper-line);padding:11px 13px;margin:0 0 9px;background:var(--ivory)}
.tcard .th{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:7px}
.tcard .th b{font:600 14px/1.35 'Cormorant SC',serif;color:var(--maroon-deep)}
.tcard .th em{display:block;font:600 9.5px/1.5 'Karla',sans-serif;letter-spacing:.07em;color:#5A4A38;font-style:normal}
.tcard textarea{min-height:70px;resize:vertical}
/* ══ the letter, as she receives it ════════════════════════════════════════ */
.ltr{background:var(--ivory-light);border:1px solid var(--copper-line);padding:30px 34px;max-width:600px;
  margin:0 auto 16px;box-shadow:0 10px 26px -14px rgba(42,33,28,.6)}
.ltr .mast{text-align:center;margin-bottom:18px}
.ltr .mast b{display:block;font:600 27px/1.1 'Cormorant SC',serif;color:var(--vermillion)}
.ltr .mast span{display:block;font:600 8.5px/1.6 'Karla',sans-serif;letter-spacing:.22em;text-transform:uppercase;
  color:#5A4A38;margin-top:7px}
.ltr .mast i{display:block;font:400 17px/1.4 'Cormorant Garamond',serif;color:var(--maroon-deep);
  font-style:italic;margin-top:5px}
.ltr .sub{font:400 12.5px/1.6 'Cormorant Garamond',serif;color:#5A4A38;text-align:center;
  border-bottom:1px solid var(--copper-line);padding-bottom:13px;margin-bottom:14px}
.ltr .meta{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:0 0 15px}
.ltr .meta div em{display:block;font:600 8px/1.6 'Karla',sans-serif;letter-spacing:.13em;text-transform:uppercase;
  color:#8A5A2E;font-style:normal}
.ltr .meta div b{font:400 13px/1.4 'Cormorant Garamond',serif;color:#3A2F27;font-weight:400}
.ltr p{font:400 14px/1.75 'Cormorant Garamond',serif;color:#3A2F27;margin:0 0 10px}
.ltr .sechd{text-align:center;font:600 9px/1.6 'Karla',sans-serif;letter-spacing:.18em;text-transform:uppercase;
  color:var(--vermillion);margin:20px 0 10px}
.ltr .sechd:before,.ltr .sechd:after{content:'❖';color:var(--saffron);margin:0 8px;letter-spacing:0}
.ltr .glance{background:var(--ivory);border:1px solid var(--copper-line);padding:13px 15px;margin:0 0 6px}
.ltr .glance b.gh{display:block;font:600 8.5px/1.6 'Karla',sans-serif;letter-spacing:.16em;text-transform:uppercase;
  color:#8A5A2E;margin-bottom:8px}
.ltr .glance ol{margin:0;padding-left:19px}
.ltr .glance li{font:400 13.5px/1.7 'Cormorant Garamond',serif;color:#3A2F27}
.ltr .glance .yl{margin-top:8px;font:400 13.5px/1.6 'Cormorant Garamond',serif;color:var(--maroon-deep)}
.ltr .item{margin:0 0 16px}
.ltr .item .kind{font:600 8.5px/1.6 'Karla',sans-serif;letter-spacing:.14em;text-transform:uppercase;
  color:#8A5A2E;display:block;margin-bottom:4px}
.ltr .item h6{font:600 19px/1.25 'Cormorant SC',serif;color:var(--maroon-deep);margin:0 0 7px;
  display:flex;gap:9px;align-items:baseline}
.ltr .item h6 i{font:600 12px/1 'Karla',sans-serif;color:var(--ivory-light);background:var(--vermillion);
  padding:5px 8px;font-style:normal}
.ltr .gps{display:inline-block;font:600 11px/1 'Karla',sans-serif;color:var(--vermillion);
  border:1px solid var(--vermillion);padding:7px 10px;cursor:pointer;background:transparent;margin-top:4px}
.ltr .gps:hover{background:rgba(173,51,35,.08)}
.ltr .bookline{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px}
.ltr .bookbtn{font:600 11px/1 'Karla',sans-serif;color:var(--ivory-light);background:var(--vermillion);
  border:0;padding:9px 12px;cursor:pointer}
.ltr .bookbtn:hover{background:#8F281C}
.ltr .bookbtn.in{background:rgba(63,107,74,.10);color:var(--green);border:1px solid var(--green)}
.ltr .yspec{font:600 11px/1.8 'Karla',sans-serif;color:#7D3A1C;margin:0 0 9px}
.ltr .tal{border-top:1px solid var(--copper-line);margin-top:14px;padding-top:12px}
.ltr .tal b{font:600 16px/1.3 'Cormorant SC',serif;color:var(--maroon-deep);display:block;margin-bottom:6px}
.ltr .note{background:var(--ivory);border-left:3px solid var(--saffron);padding:11px 13px;margin-top:16px}
.ltr .note b{font:600 8.5px/1.6 'Karla',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8A5A2E;
  display:block;margin-bottom:6px}
.ltr .foot{border-top:2px solid var(--vermillion);margin-top:18px;padding-top:11px;text-align:center;
  font:400 11.5px/1.7 'Cormorant Garamond',serif;color:#5A4A38}
@media(max-width:640px){.ltr{padding:18px 16px}.ltr .meta{grid-template-columns:1fr 1fr}
  .rmg.c2,.rmg.c3,.rmg.c4{grid-template-columns:1fr}.offer{grid-template-columns:1fr}}

.lm-panel td{background:transparent;border-bottom:0}

/* A queue's hint wraps rather than run past the pane: at 1280px one ran 1,029px
   wide in the Nadi queues and was cut at the screen's edge (14 Sep 2026). */
span.typ-t{white-space:normal}

@media(max-width:640px){
  /* A table wider than the phone must scroll, and the pane it sits in must not
     stretch the page. Five panes were unreachable past their third column. */
  /* minmax(0,1fr), not 1fr: a bare 1fr is minmax(auto,1fr), so a wide table's own
     width became the column's floor and cut every pane on a phone (14 Sep 2026). */
  .wrap.shell,.shell{grid-template-columns:minmax(0,1fr) !important}
  /* a report row's name, then its deadline and Read it under it: the chip does
     not wrap, and two columns pushed it past the screen's edge */
  summary.rq-h{grid-template-columns:minmax(0,1fr)}
  .rq-acts{justify-content:flex-start}
  .rq-acts .sla{white-space:normal}
  /* a select is as wide as its longest option unless it may shrink */
  .pane label{min-width:0}
  .pane select{min-width:0;max-width:100%}
  .up-grid label{grid-template-columns:minmax(0,1fr)}
  .pane{min-width:0;overflow-x:hidden}
  .tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
  .tblwrap table{min-width:640px}
  .kpis{grid-template-columns:1fr 1fr}
  .u-grid,.pnote-grid,.rq-grid,.ffacts{grid-template-columns:1fr !important}
  .two,.sform,.srow{grid-template-columns:1fr !important}
  .q-row{flex-wrap:wrap}
  .q-row .t{min-width:0;flex:1 1 100%}
  .rmg.c2,.rmg.c3,.rmg.c4{grid-template-columns:1fr !important}
  .ltr .meta{grid-template-columns:1fr 1fr}
  .rkinds{grid-template-columns:1fr}
  .dmenu,nav{overflow-x:auto}
  body{overflow-x:hidden}
}

.ez-sheet td{background:transparent;border-bottom:0}
.trow.ez-done .tt b{text-decoration:line-through;text-decoration-color:#BDA389}


.pgr{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;
  margin:12px 0 0;padding:11px 0 0;border-top:1px solid var(--copper-line)}
.pgr .pgn{font:400 12px/1.5 'Karla',sans-serif;color:#5A4A38}
.pgr .pgn b{color:#3A2F27}
.pgr .pgs{font:400 11px/1 'Karla',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#5A4A38;
  display:flex;gap:4px;align-items:center}
.pgr .pg{display:flex;gap:4px}
.pgr button{font:400 12px/1 'Karla',sans-serif;padding:6px 10px;cursor:pointer;
  border:1px solid var(--copper-line);background:var(--ivory-light);color:#3A2F27}
.pgr button:hover:not(:disabled):not(.on){background:rgba(138,90,46,.10);border-color:var(--copper)}
.pgr button.on{background:var(--maroon-deep);color:var(--ivory-light);
  border-color:var(--maroon-deep);font-weight:700}
.pgr button:disabled{opacity:.4;cursor:not-allowed}
.pgr .gap{font:400 12px/1 'Karla',sans-serif;color:#5A4A38;padding:6px 2px}


/* a closed day is the desk's, not the ashram's — it keeps its running pujas */
.cday.closed .ev.cl,.hday.closed .ev.cl{color:#7D3A1C;font-weight:700}
.cday.closed .ev em,.hday.closed .ev em{font-style:normal;color:#5A4A38}
.cday.closed .pr,.hday.closed .pr{color:#5A4A38}
/* the date label is a heading, and --copper at 10px bold reads 4.42:1 on
   ivory — under AA. A day of the week is not a decorative eyebrow. */
.cday .d,.hday .d{color:var(--maroon-deep)}


/* the privacy chip states its own colour, whatever it sits inside */
b .privchip,.t .privchip{font-size:10px;letter-spacing:.06em}
b .privchip.prv,.t .privchip.prv{color:var(--ember)}
b .privchip.pub,.t .privchip.pub{color:var(--green)}

/* On the maroon band the ladder inverts: the light tones carry the text. */
.iebar .ienote,.privban .ienote{color:#E9DCC8}
.iebar .ienote b,.privban .ienote b{color:#E9C9A8}

/* The caption tone is one colour site-wide now (see build_theme_uniform.py);
   these selectors kept their own value and are folded in with the rest. */
.cday.closed .d,.cday.closed .ev,.cday.over .ev,
.hday.closed .d,.hday.closed .ev,.hday.over .ev,
.rt-h .steps .stp.wait,td .st-t.s-wait,td .rchip.off,
.cal td .cell.open,.cal td .cell.sun,.cal td .cell.blocked{color:#5A4A38}



/* ── the Nadi desk and the devotee's Nadi view ─────────────────────────── */
.nd-lede{color:#4A3C33;max-width:76ch;margin:0 0 18px}
.nd-kpis{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 22px}
.nd-kpi{flex:1 1 150px;border:1px solid var(--copper-line);background:var(--ivory-light);
  padding:13px 15px;cursor:pointer;text-align:left}
.nd-kpi:hover{border-color:var(--copper);background:rgba(138,90,46,.06)}
.nd-kpi.on{border-color:var(--maroon-deep);background:rgba(138,90,46,.10)}
.nd-kpi b{display:block;font-family:'Cormorant Garamond',serif;font-size:26px;
  line-height:1;color:var(--maroon-deep)}
.nd-kpi span{display:block;margin-top:5px;font-size:11.5px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:#5A4A38}

.nd-st{border:1px solid var(--copper-line);background:var(--ivory-light);margin:0 0 14px}
.nd-sth{display:flex;gap:13px;align-items:baseline;padding:13px 16px;cursor:pointer;
  border-bottom:1px solid transparent}
.nd-st.open .nd-sth{border-bottom-color:var(--copper-line)}
.nd-sth:hover{background:rgba(138,90,46,.05)}
.nd-sth .num{width:26px;height:22px;display:inline-flex;align-items:center;
  justify-content:center;font-size:11px;font-weight:700;color:var(--maroon-deep);
  background:rgba(138,90,46,.16);flex-shrink:0}
.nd-sth h3{font-family:'Cormorant Garamond',serif;font-size:19px;font-weight:600;
  color:var(--maroon-deep);margin:0;flex-shrink:0}
.nd-sth .cnt{font-size:12px;font-weight:700;color:var(--vermillion)}
.nd-sth .when{font-size:12px;color:#5A4A38;margin-left:auto;text-align:right}
.nd-stb{display:none;padding:4px 16px 16px}
.nd-st.open .nd-stb{display:block}

.nd-row{border-top:1px solid rgba(138,90,46,.16);padding:12px 0}
.nd-row:first-child{border-top:0}
.nd-rh{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;cursor:pointer}
.nd-rh b{font-size:14.5px;color:#3A2F27}
.nd-rh .oid{font-size:12px;font-weight:700;color:var(--copper)}
.nd-rh .meta{font-size:12.5px;color:#5A4A38;margin-left:auto}
.nd-chip{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
  padding:3px 7px;background:rgba(138,90,46,.14);color:var(--maroon-deep)}
.nd-chip.warn{background:rgba(199,134,43,.20);color:#7D3A1C}
.nd-chip.go{background:rgba(63,107,74,.16);color:#2C4A34}
.nd-chip.stop{background:rgba(173,51,35,.12);color:#8F281C}
.nd-body{display:none;margin-top:12px;padding:14px 16px;background:var(--ivory);
  border:1px solid var(--copper-line)}
.nd-row.open .nd-body{display:block}

.nd-lab{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:#5A4A38;display:block;margin:0 0 6px}
.nd-f{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin:0 0 12px}
.nd-f > div{flex:1 1 190px}
.nd-f select,.nd-f input,.nd-g input,.nd-g select{width:100%;font-family:'Karla',sans-serif;
  font-size:14px;padding:9px 11px;border:1px solid var(--copper-line);
  background:var(--ivory-light);color:#3A2F27}
.nd-f select:focus,.nd-f input:focus{outline:0;border-color:var(--saffron)}
.nd-btns{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}
.nd-b{font-family:'Karla',sans-serif;font-size:13.5px;font-weight:700;padding:10px 16px;
  border:1px solid var(--copper-line);background:transparent;color:var(--maroon-deep);
  cursor:pointer}
.nd-b:hover:not(:disabled){background:rgba(138,90,46,.10);border-color:var(--copper)}
.nd-b.p{background:var(--vermillion);border-color:var(--vermillion);color:var(--ivory-light)}
.nd-b.p:hover:not(:disabled){background:#8F281C}
.nd-b.g{background:var(--green);border-color:var(--green);color:var(--ivory-light)}
.nd-b:disabled{opacity:.45;cursor:not-allowed}
.nd-note{font-size:12.5px;color:#5A4A38;line-height:1.7;margin:9px 0 0}
.nd-warn{border:1px solid var(--copper-line);border-left:3px solid var(--saffron);
  background:rgba(199,134,43,.10);padding:11px 14px;font-size:13px;color:#3A2F27;
  line-height:1.7;margin:10px 0 0}
.nd-warn b{color:#7D3A1C}
.nd-ok{border:1px solid var(--copper-line);border-left:3px solid var(--green);
  background:rgba(63,107,74,.09);padding:11px 14px;font-size:13px;color:#3A2F27;
  line-height:1.7;margin:10px 0 0}

/* the impression viewer */
.nd-imp{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-start}
.nd-thumb{width:150px;height:186px;border:1px solid var(--copper-line);
  background:var(--ivory-light);position:relative;overflow:hidden;flex-shrink:0}
.nd-thumb i{position:absolute;inset:22px 30px;border:2px solid rgba(138,90,46,.55);
  border-radius:46% 46% 42% 42%;box-shadow:inset 0 0 0 6px rgba(138,90,46,.10),
    inset 0 0 0 12px rgba(138,90,46,.22),inset 0 0 0 18px rgba(138,90,46,.10),
    inset 0 0 0 24px rgba(138,90,46,.22),inset 0 0 0 30px rgba(138,90,46,.10)}
.nd-thumb.faint i{opacity:.32}
.nd-thumb span{position:absolute;left:0;right:0;bottom:0;padding:5px 8px;font-size:10.5px;
  font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ivory-light);
  background:rgba(62,16,16,.86);text-align:center}
.nd-vers{font-size:12.5px;color:#5A4A38;line-height:1.9;flex:1 1 240px}
.nd-vers b{color:#3A2F27}

/* the line-item grid */
.nd-g{width:100%;border-collapse:collapse;margin:8px 0 0}
.nd-g th{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:#5A4A38;text-align:left;padding:0 8px 6px 0;border-bottom:1px solid var(--copper-line)}
.nd-g th.r,.nd-g td.r{text-align:right}
.nd-g td{padding:5px 8px 5px 0;vertical-align:middle;font-size:13.5px;color:#3A2F27}
.nd-g td.tot{font-variant-numeric:tabular-nums;font-weight:700;color:var(--maroon-deep)}
.nd-g input[readonly]{background:rgba(138,90,46,.07);color:#5A4A38}
.nd-sub{display:flex;justify-content:space-between;padding:9px 0 0;margin-top:6px;
  border-top:1px solid var(--copper-line);font-size:13.5px;color:#3A2F27}
.nd-sub b{font-family:'Cormorant Garamond',serif;font-size:19px;
  color:var(--maroon-deep)}
.nd-blk{margin:0 0 18px}
.nd-blk > h4{font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:600;
  color:var(--maroon-deep);margin:0 0 2px}
.nd-blk > p{font-size:12.5px;color:#5A4A38;margin:0 0 4px}

/* the mandala grid */
.nd-mand{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 0}
.nd-mcard{flex:1 1 210px;border:1px solid var(--copper-line);background:var(--ivory-light);
  padding:11px 13px}
.nd-mcard.now{border-color:var(--vermillion)}
.nd-mcard h5{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--copper);margin:0 0 6px}
.nd-mcard .d{font-size:12.5px;color:#5A4A38;line-height:1.8}
.nd-bar{height:8px;background:rgba(138,90,46,.16);margin:8px 0 0;position:relative}
.nd-bar i{position:absolute;left:0;top:0;bottom:0;background:var(--vermillion)}

/* the impression viewer, inside the drawer */
.ndimp{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-start}
.ndthumb{width:132px;height:164px;border:1px solid var(--copper-line);
  background:var(--ivory-light);position:relative;overflow:hidden;flex-shrink:0}
.ndthumb i{position:absolute;inset:18px 24px;border:2px solid rgba(138,90,46,.60);
  border-radius:46% 46% 42% 42%;box-shadow:inset 0 0 0 5px rgba(138,90,46,.14),
    inset 0 0 0 10px rgba(138,90,46,.30),inset 0 0 0 15px rgba(138,90,46,.14),
    inset 0 0 0 20px rgba(138,90,46,.30),inset 0 0 0 25px rgba(138,90,46,.14)}
.ndthumb.faint i{opacity:.3}
.ndthumb span{position:absolute;left:0;right:0;bottom:0;padding:4px 7px;font-size:10px;
  font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ivory-light);
  background:rgba(62,16,16,.88);text-align:center}
.ndv{flex:1 1 240px;font-size:13px;line-height:1.9;color:#4A3C33}
.hfilt{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 14px;
  padding:9px 13px;border:1px solid var(--copper-line);background:var(--ivory-light);
  font-size:13px;color:#3A2F27}
.hfilt b{color:var(--maroon-deep)}
.kpi.on{border-color:var(--maroon-deep);background:rgba(138,90,46,.12)}

/* ── the devotee's side ─────────────────────────────────────────────────── */
.nc-sum{font-family:'Cormorant Garamond',serif;font-size:21px;line-height:1.4;
  color:var(--maroon-deep);margin:0 0 14px}
.nc-who{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}
.nc-who button{font-family:'Karla',sans-serif;font-size:13px;font-weight:700;padding:8px 14px;
  border:1px solid var(--copper-line);background:var(--ivory-light);color:#3A2F27;
  cursor:pointer;display:inline-flex;gap:7px;align-items:center}
.nc-who button:hover{border-color:var(--copper)}
.nc-who button.on{background:var(--maroon-deep);border-color:var(--maroon-deep);
  color:var(--ivory-light)}
.nc-who button i{width:7px;height:7px;background:var(--vermillion);display:inline-block}
/*  THE COUNT IS A NUMBER, NOT A DOT. The person chips carry a 7px square as
    their "needs you" mark; the count was written as the same element and
    inherited it, so every figure was crushed inside seven pixels of
    orange and unreadable. Its own element, and its own rule.         */
.nc-view button .n{display:inline-block;margin-left:9px;padding:1px 6px;
  min-width:1.6em;text-align:center;font:700 12px/1.5 'Karla',sans-serif;
  color:var(--maroon-deep);background:rgba(138,90,46,.14)}
.nc-view button.on .n{color:var(--ivory-light);background:rgba(251,245,233,.22)}
.nc-view button:disabled .n{color:#8A5A2E;background:rgba(138,90,46,.10)}
.nc-who button.on i{background:var(--ember)}
.nc-band{margin:0 0 26px}
.nc-band > h3{font-family:'Cormorant SC',serif;font-size:16px;font-weight:700;
  color:var(--maroon-deep);margin:0 0 3px;padding-bottom:7px;
  border-bottom:1px solid var(--copper-line)}
.nc-band > p{font-size:12.5px;color:#5A4A38;margin:7px 0 12px}
.nc-card{border:1px solid var(--copper-line);background:var(--ivory-light);
  padding:15px 17px;margin:0 0 11px}
.nc-card.act{border-left:3px solid var(--vermillion)}
.nc-card .nm{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--copper)}
/*  HER HEADINGS ARE THE HOUSE'S HEADINGS. The desk sets every h1–h4 in
    Cormorant SC and this one card set them in Garamond, so the two
    dashboards did not read as one product. The admin dashboard is the
    final word on type — 13 Aug. Correspondence is the only exemption,
    and it keeps Garamond because the letter is a document.        */
.nc-card h4{font-family:'Cormorant SC',serif;font-size:20px;font-weight:700;
  color:var(--maroon-deep);margin:4px 0 0}
.nc-card p{font-size:13.5px;color:#4A3C33;line-height:1.7;margin:6px 0 0}
.nc-slots{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0 0}
.nc-slot{font-family:'Karla',sans-serif;font-size:13px;font-weight:700;padding:10px 14px;
  border:1px solid var(--copper-line);background:var(--ivory);color:var(--maroon-deep);
  cursor:pointer;text-align:left;line-height:1.5}
.nc-slot:hover{border-color:var(--copper);background:rgba(138,90,46,.08)}
.nc-slot span{display:block;font-weight:400;font-size:11.5px;color:#5A4A38}
.nc-tier{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0 0}
.nc-tier button{flex:1 1 150px;text-align:left;font-family:'Karla',sans-serif;font-size:13px;
  padding:11px 13px;border:1px solid var(--copper-line);background:var(--ivory);
  color:#3A2F27;cursor:pointer}
.nc-tier button.on{border-color:var(--maroon-deep);background:rgba(138,90,46,.10)}
.nc-tier b{display:block;font-size:14px;color:var(--maroon-deep)}
.nc-tier em{display:block;font-style:normal;font-size:12px;color:var(--green);
  font-weight:700;margin-top:3px}
.nc-tot{display:flex;justify-content:space-between;align-items:baseline;margin:14px 0 0;
  padding-top:11px;border-top:1px solid var(--copper-line)}
.nc-tot b{font-family:'Cormorant Garamond',serif;font-size:24px;
  color:var(--maroon-deep)}
.nc-tot s{color:#5A4A38;font-size:14px;margin-right:8px}
@media(max-width:700px){
  .nc-who{display:block}
  .nc-who button{width:100%;margin:0 0 6px;justify-content:flex-start}
  .nd-sth .when{display:none}
}

/* ── added 12 August ─────────────────────────────────────────────────────── */

/* the rounds panel — in every step of the drawer, so nobody reconstructs the
   reading from whichever queue it happens to be sitting in */
.ndr{border:1px solid var(--copper-line);background:var(--ivory-light);
  padding:11px 14px;margin:0 0 14px}
.ndr-h{display:block;font-size:10px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--copper);margin:0 0 8px}
.ndr-b{display:flex;gap:9px;flex-wrap:wrap}
.ndr-r{flex:1 1 152px;border:1px solid var(--copper-line);background:var(--ivory);
  padding:8px 10px;display:flex;flex-direction:column;gap:2px}
.ndr-r b{font-size:12.5px;color:var(--maroon-deep)}
.ndr-r span{font-size:11.5px;color:#5A4A38}
.ndr-r em{align-self:flex-start;margin-top:4px;font-style:normal}
.ndr-f{display:block;margin-top:9px;font-size:11.5px;color:#5A4A38;line-height:1.6}

/* the impression, as a real file you can open */
.ndplate{display:block;width:132px;flex-shrink:0;border:1px solid var(--copper-line);
  background:var(--ivory-light);text-decoration:none;position:relative}
.ndplate img{display:block;width:100%;height:auto}
.ndplate span{display:block;padding:5px 7px;font-size:10px;font-weight:700;
  letter-spacing:.05em;text-transform:uppercase;color:var(--ivory-light);
  background:rgba(62,16,16,.88);text-align:center}
.ndplate:hover{border-color:var(--vermillion)}
.nddl{display:inline-flex;gap:7px;margin-top:3px}
.nddl a{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--maroon-deep);border:1px solid var(--copper-line);padding:4px 9px;
  text-decoration:none;background:var(--ivory-light)}
.nddl a:hover{border-color:var(--vermillion);color:var(--vermillion)}

/* a closed day, refused where it is typed */
.ndclosed{display:block;margin-top:5px;font-size:11.5px;font-weight:700;color:#7D3A1C}

/* dormant sits apart, because it is out of the working queues on purpose */
/*  the demo clock — the Homa pane's, on the Nadi pane                   */
.hclock{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 18px;
  padding:12px 15px;border:1px solid var(--copper-line);
  border-left:3px solid var(--saffron);background:rgba(199,134,43,.10)}
.hclock .w{flex:1 1 320px}
.hclock .w b{display:block;font:600 15px/1.3 'Cormorant SC',serif;
  color:var(--maroon-deep)}
.hclock .w span{display:block;margin-top:3px;font:400 12px/1.6 'Karla',sans-serif;
  color:#5A4A38}
.ndbar{height:8px;background:rgba(138,90,46,.16);position:relative}
.ndbar i{position:absolute;left:0;top:0;bottom:0;background:var(--vermillion)}

/*  ARRANGING A RITE — numbered stages, in the order a person does them.
    The first attempt was one long run of boxes with the mandala panel above
    an empty date field, so nothing on the screen said what to do first.  */
.ndrite{margin:0 0 18px;border:1px solid var(--copper-line);background:var(--ivory-light);
  padding:14px 16px 16px}
.ndrite .hsec{margin-top:0}
.ndst{margin:12px 0 0;padding:12px 14px;border:1px solid var(--copper-line);
  background:var(--ivory)}
.ndst h5{display:flex;align-items:center;gap:10px;margin:0 0 9px;
  font:600 15px/1.3 'Cormorant SC',serif;color:var(--maroon-deep)}
.ndst h5 i{width:22px;height:22px;flex-shrink:0;display:inline-flex;align-items:center;
  justify-content:center;font:700 11px/1 'Karla',sans-serif;font-style:normal;
  color:var(--ivory-light);background:var(--copper)}
.ndst h5 u{margin-left:auto;font:700 9px/1 'Karla',sans-serif;letter-spacing:.1em;
  text-transform:uppercase;color:var(--green);text-decoration:none}
.ndst.now{border-color:var(--vermillion);background:var(--ivory-light)}
.ndst.now h5 i{background:var(--vermillion)}
.ndst.done h5 i{background:var(--green)}
.ndst.later{opacity:.6}
.ndst.later h5 i{background:rgba(138,90,46,.45)}

/*  THE PREVIEW LANDS INSIDE THE STAGE THAT ASKED FOR IT, and its send sits
    under it. One footer button for seven letters was the hazard; a preview
    at the foot of the drawer for a button halfway up it was the confusion. */
.ndmove{margin:12px 0 0;padding:12px 14px;border:1px solid var(--copper-line);
  border-left:3px solid var(--copper);background:rgba(138,90,46,.05)}
.ndmove > b{display:block;font:600 9.5px/1.5 'Karla',sans-serif;letter-spacing:.14em;
  text-transform:uppercase;color:var(--maroon-deep);margin-bottom:8px}
.ndpv:empty{display:none}
.ndpv{margin-top:10px}
.ndpv .hsec{margin:0;border-left:3px solid var(--saffron)}
.ndsend{margin-top:10px;align-items:center}
.ndsend .fnote{margin:0}
.ndguard{margin-top:10px}

/*  WHAT HAS GONE TO HER — rule 78, and the answer to "how will we know
    whcih is sent whihc is not setnt". Derived from the dates the record
    already carries, so it cannot disagree with them.                    */
.ndlog{margin:12px 0 0;padding:11px 13px;border:1px solid var(--copper-line);
  background:var(--ivory)}
.ndlog > b{display:block;font:600 9.5px/1.5 'Karla',sans-serif;letter-spacing:.14em;
  text-transform:uppercase;color:var(--maroon-deep);margin-bottom:8px;
  padding-bottom:7px;border-bottom:1px solid var(--copper-line)}
.ndlogr{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;padding:6px 0;
  border-top:1px solid rgba(138,90,46,.14)}
.ndlogr:first-of-type{border-top:0}
.ndlogr .w{font:400 14px/1.4 'Cormorant Garamond',serif;color:#3A2F27;
  flex:1 1 220px}
.ndlogr .d{font:700 11.5px/1.4 'Karla',sans-serif;color:var(--maroon-deep)}
.ndlogr .b{font:400 11.5px/1.4 'Karla',sans-serif;color:#8A5A2E}
.ndlogr .fmini{margin-left:auto}

/*  the other ritual of the same reading: a line and a door, never a second
    copy of this screen                                                   */
.ndother{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 14px;
  padding:9px 13px;border:1px solid var(--copper-line);border-left:3px solid var(--copper);
  background:rgba(138,90,46,.06)}
.ndother span{flex:1 1 260px;font:400 13px/1.6 'Karla',sans-serif;color:#4A3C33}
.ndother b{color:var(--maroon-deep)}

/*  a native date input renders in the BROWSER's locale — a desk in Pollachi
    was reading mm/dd/yyyy. The day it holds is written beside it in words. */
.nddate{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.nddate input{flex:0 0 200px}
.nddate span{font:400 15px/1.4 'Cormorant Garamond',serif;
  color:var(--maroon-deep)}

/*  six priests for 192 days need room, not four dropdowns crammed across  */
.ndseats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}
.ndseat label{display:block;font:700 10px/1.4 'Karla',sans-serif;letter-spacing:.07em;
  text-transform:uppercase;color:#5A4A38;margin-bottom:4px}
.ndseat label em{display:block;font:400 10.5px/1.5 'Karla',sans-serif;font-style:normal;
  letter-spacing:0;text-transform:none;color:#8A5A2E}
.ndseat.must label{color:var(--maroon-deep)}
.ndseat select{width:100%;font:400 12.5px/1.4 'Karla',sans-serif;padding:8px 9px;
  border:1px solid var(--copper-line);background:var(--ivory-light);color:#3A2F27}
.ndseat.must select{border-color:var(--copper)}

/*  the whole allotment, at the desk. Small on purpose: 192 days must be
    readable in one screen without scrolling to find who seals.          */
.ndcal{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 0}
.ndc{width:78px;border:1px solid var(--copper-line);background:var(--ivory-light);
  padding:5px 6px}
.ndc b{display:block;font:700 11px/1.2 'Karla',sans-serif;color:var(--maroon-deep)}
.ndc em{display:block;font:400 10px/1.4 'Karla',sans-serif;font-style:normal;color:#8A5A2E}
.ndc i{display:block;font:400 10.5px/1.35 'Cormorant Garamond',serif;
  font-style:normal;color:#3A2F27;margin-top:2px;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.ndc.past{background:rgba(138,90,46,.10)}
.ndc.now{border-color:var(--vermillion);background:rgba(173,51,35,.08)}
.ndc.now b{color:var(--vermillion)}
.ndc.seal{border-color:var(--green)}
/*  a day another man sat — it wins over the seat, and it says so         */
.ndc.cov{border-color:var(--saffron);background:rgba(199,134,43,.14)}
.ndc.cov i{color:#7D3A1C;font-weight:700}
.ndsublist{margin-top:10px}
.ndc u{display:block;font:700 9px/1.4 'Karla',sans-serif;letter-spacing:.06em;
  text-transform:uppercase;color:var(--green);text-decoration:none}

/*  LIVE TODAY — the Homa band's own dressing (.hlive is defined by the Homa
    module and already on the page); these are the two class names this
    pane adds for its own rows.                                        */
.hliverow{display:flex;gap:11px;align-items:center;flex-wrap:wrap;
  border:1px solid var(--copper-line);background:var(--ivory-light);
  padding:11px 13px;margin-bottom:8px}
.hliverow:last-of-type{margin-bottom:0}
.hliverow .w{flex:1 1 300px;min-width:0}
.hliverow .w b{display:block;font:600 16px/1.25 'Cormorant Garamond',serif;
  color:#3A2F27}
.hliverow .w span{display:block;font:400 11.5px/1.6 'Karla',sans-serif;color:#5A4A38;
  word-break:break-word}
.hliverow .w span em{font-style:italic;color:#8A5A2E}
.hliverow input{flex:1 1 260px;font:400 12.5px/1.4 'Karla',sans-serif;padding:9px 11px;
  border:1px solid var(--copper-line);background:var(--ivory);color:#3A2F27}
#ndSwapPv:empty{display:none}
#ndSwapPv{margin-top:12px}

/*  the line between working and waiting. Everything above it is somebody's
    job today; nothing below it can be cleared by anyone at this desk.   */
.hband{margin:26px 0 12px;display:flex;align-items:center;gap:12px;
  font:600 9.5px/1.5 'Karla',sans-serif;letter-spacing:.13em;text-transform:uppercase;
  color:#8A5A2E}
.hband:before,.hband:after{content:'';flex:1;height:1px;background:var(--copper-line)}
.haq.quiet{opacity:.82}
.haq.quiet h3{color:#5A4A38}

/*  THE TEMPLE PICKER — two fields you TYPE into, and one panel of results.
    Dropdowns went: eighty-six names you must open and scroll is slower than
    four letters, and the reader is holding a leaf that spells the temple
    some other way. The panel appears only once something is typed, and it
    scrolls rather than pushing the rest of the drawer down the page.      */
.hsec2{margin-top:10px;padding:11px 13px;border:1px solid var(--copper-line);
  background:var(--ivory)}
.hsec2 b.tway{display:block;font:600 9.5px/1.5 'Karla',sans-serif;letter-spacing:.14em;
  text-transform:uppercase;color:var(--maroon-deep);margin-bottom:9px;
  padding-bottom:7px;border-bottom:1px solid var(--copper-line)}
.hsec2 input::-webkit-input-placeholder{color:#9C8B76}
.hsec2 input::placeholder{color:#9C8B76;opacity:1}

/* the results. Hidden until something is typed. */
.tres{display:none}
.tres.on{display:block;margin:10px 0 0;border:1px solid var(--copper-line);
  background:var(--ivory-light);max-height:250px;overflow:auto}
.tres .th{position:sticky;top:0;padding:7px 11px;font:700 10px/1.4 'Karla',sans-serif;
  letter-spacing:.08em;text-transform:uppercase;color:#5A4A38;
  background:rgba(138,90,46,.12);border-bottom:1px solid var(--copper-line)}
.tres button{display:block;width:100%;text-align:left;padding:8px 11px;border:0;
  border-bottom:1px solid rgba(138,90,46,.16);background:transparent;cursor:pointer}
.tres button:last-child{border-bottom:0}
.tres button:hover,.tres button:focus{background:rgba(199,134,43,.16);outline:0}
.tres button b{display:block;font:400 14px/1.4 'Cormorant Garamond',serif;
  color:var(--maroon-deep)}
.tres button span{display:block;margin-top:2px;font:400 11.5px/1.5 'Karla',sans-serif;
  color:#5A4A38}

/* the letter, inside the drawer. The letter's own look lives in
   nadi_letter.py under .rxl and is deliberately self-contained — this is
   only the window it is seen through. */
.ndlet{max-height:520px;overflow:auto;border:1px solid var(--copper-line);
  background:var(--ivory-light);padding:14px 16px}
.ndlet .rxl{max-width:none;margin:0}

/* a row with nothing to do says so, rather than offering a button that is
   really just a sentence */
/*  AMBER ROWS DID NOT RENDER. The desk emits `hrow warn` on everything due
    soon — a muhurta inside its two days, a ritual tomorrow, an address gate
    open — and only .hot, .due and .calm were ever defined, so every one of
    them looked exactly as calm as a row with nothing on it.            */
#pane-nadi .hrow.warn{border-left:3px solid var(--saffron)}
#pane-nadi .hrow.warn .sla{color:#7D3A1C}
.hwait{font-size:11.5px;font-style:italic;color:#5A4A38;white-space:nowrap}
/*  A BOLD PHRASE INSIDE A ROW'S SENTENCE IS NOT A HEADING. `.hrow .ht b` is
    block-level, which is right for the row's title and wrong for every
    <b> inside the two meta lines under it — a sentence with the date
    emphasised was being chopped into four stacked lines:

        "She was written to on 1 August 2026 and must contact us. Cancels on"
        "31 August 2026"
        "with no refund."

    Scoped to this pane; the Homa desk is signed off and untouched.      */
#pane-nadi .hrow .ht .meta b{display:inline;font:700 12.5px/1.65 'Karla',sans-serif;
  color:#3A2F27}
#pane-nadi .hrow .ht .meta b b{font-weight:700}
/*  a row whose job is nothing still has a door: the wait sentence, and the
    look under it. 192 mandala days with a button each would be 192 lies.
    Scoped to this pane — the Homa desk is signed off and untouched.     */
#pane-nadi .hrow .hact{max-width:260px;justify-content:flex-end}
/*  the ritual's name, on a row that IS a ritual                          */
.hchip.sub{background:rgba(62,16,16,.07);color:var(--maroon-deep);
  border-color:rgba(138,90,46,.45);text-transform:none;letter-spacing:.02em;
  font:600 11px/1.2 'Cormorant SC',serif}
/*  a devotee has asked for something and is waiting on us: the one chip on
    this page that reads as owed work rather than as a fact (16 Sep 2026) */
.hchip.r{background:rgba(173,51,35,.12);color:#8A2B1D;
  border-color:rgba(173,51,35,.45)}

/* ── THE EMAIL PREVIEW MUST LOOK LIKE AN EMAIL ───────────────────────────
   It was being drawn at the full width of the drawer — about 1300px, with a
   horizontal scrollbar under it and a measure of ~110 characters. That is
   not a preview of anything a devotee will ever receive. An email is 600.  */
:is(#fPv,.ndpv) .fmail{max-width:620px;margin:0 auto;overflow-x:hidden}
:is(#fPv,.ndpv) .edbar{max-width:620px;margin-left:auto;margin-right:auto}
:is(#fPv,.ndpv) .fmail .edbody{font:400 13px/1.7 'Cormorant Garamond',serif;color:#3A2F27}
:is(#fPv,.ndpv) .fmail .edbody p{font:400 13px/1.7 'Cormorant Garamond',serif;color:#3A2F27;
  margin:0 0 9px}
/* the signature is authored for the real email template, where the type
   scale is different — inside the drawer it rendered twice the size of the
   letter it signs off */
:is(#fPv,.ndpv) .fmail .edbody h1,:is(#fPv,.ndpv) .fmail .edbody h2,:is(#fPv,.ndpv) .fmail .edbody h3,
:is(#fPv,.ndpv) .fmail .edbody h4,:is(#fPv,.ndpv) .fmail .edbody h5{font:600 14px/1.4 'Cormorant SC',serif;
  color:var(--maroon-deep);margin:14px 0 6px}
:is(#fPv,.ndpv) .fmail .edbody b{color:#3A2F27}
:is(#fPv,.ndpv) .fmail .edbody ul{margin:0 0 9px;padding-left:20px}
:is(#fPv,.ndpv) .fmail .edbody li{font:400 13px/1.7 'Cormorant Garamond',serif;color:#3A2F27}
/* the drawer sets min-width on tables for its wide data grids; an email
   button is not one of those */
:is(#fPv,.ndpv) .fmail .edbody table{width:auto;min-width:0}
:is(#fPv,.ndpv) .fmail .edbody table td{min-width:0}
:is(#fPv,.ndpv) .fmail .edbody a{color:var(--vermillion)}
:is(#fPv,.ndpv) .fmail .edbody td a{color:#FBF5E9}

/* the Siddhar grid must fit the drawer. The description input was taking
   whatever it liked and pushing Remove off the right-hand edge. */
#fdrwB table.nd-g{width:100%;min-width:0;table-layout:auto}
#fdrwB table.nd-g input{min-width:0}
#fdrwB table.nd-g td:first-child input{width:100%}
#fdrwB table.nd-g th:last-child,#fdrwB table.nd-g td:last-child{width:1%;
  white-space:nowrap}

.fhint{display:block;margin-top:4px;font-size:11.5px;color:#5A4A38}

/* the on-her-letter tick in the Siddhar grid */
.cletter{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.cletter input{width:16px;height:16px;accent-color:var(--vermillion);cursor:pointer}

/*  The letter's own styles live in nadi_letter.py — ALL of them. A second
    copy lived here and the two fought: dotted row lines from one, solid from
    the other, and a vertical fence between the columns belonging to neither.
    That is why the things list did not look like a table. Do not add letter
    CSS here again.                                                        */


/* the pre-header — the grey line an inbox prints beside the subject */
.fmail .fm-pre{font:400 11.5px/1.6 'Karla',sans-serif;color:#5A4A38;
  padding:0 0 8px;margin:0 0 8px;border-bottom:1px solid rgba(138,90,46,.20)}
.fmail .fm-pre:focus{outline:0;background:rgba(199,134,43,.10)}

/* her card, previewed read-only inside the desk's drawer */
.ndher{border:1px solid var(--copper-line);background:var(--ivory-light);padding:15px 17px;
  border-left:3px solid var(--vermillion)}
.ndher .nm{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--copper)}
.ndher h4{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:600;
  color:var(--maroon-deep);margin:4px 0 0}
.ndher p{font-size:13.5px;color:#4A3C33;line-height:1.7;margin:6px 0 0}
.ndher .nc-slots{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0 0}
.ndher .nc-slot{font-family:'Karla',sans-serif;font-size:13px;font-weight:700;padding:10px 14px;
  border:1px solid var(--copper-line);background:var(--ivory);color:var(--maroon-deep);
  line-height:1.5}
.ndher .nc-slot span{display:block;font-weight:400;font-size:11.5px;color:#5A4A38}
.ndher .nd-b{display:inline-block;font-family:'Karla',sans-serif;font-size:13.5px;
  font-weight:700;padding:10px 16px;border:1px solid var(--copper-line);
  color:var(--maroon-deep)}

/* textarea in a step, matching the inputs beside it */
#fdrwB textarea{width:100%;font-family:'Karla',sans-serif;font-size:14px;padding:9px 11px;
  border:1px solid var(--copper-line);background:var(--ivory-light);color:#3A2F27;
  line-height:1.6;resize:vertical}
#fdrwB textarea:focus{outline:0;border-color:var(--saffron)}

/* ── HIS TILES FILTER, LIKE THE DESK'S ─────────────────────────────────────
   There was a six-step ladder drawn here — .svwalk / .svstep / .svarr — above
   his sittings. It repeated the order-flow rail that is already across the top
   of every drawer, so it is gone and the rail is the flow. What remains is the
   filter chip a pressed tile puts up, so hiding six blocks always says why. */
#pane-nadi .kpi[data-svkpi]{cursor:pointer}
#pane-nadi .kpi[data-svkpi]:hover{border-color:var(--saffron)}
#pane-nadi .kpi.on{background:var(--maroon-deep);border-color:var(--maroon-deep)}
#pane-nadi .kpi.on b,#pane-nadi .kpi.on span{color:var(--ivory-light)}
#svFilt{margin:0 0 14px}
#svFilt[hidden]{display:none}

/* ── ONE TYPEFACE SYSTEM, AND THE ADMIN DASHBOARD IS THE FINAL WORD ────────
       "i confirm admin dashabord forn to be final and rendered uniformly in
        all places"  (13 Aug)

   Two ways the three dashboards had drifted apart:

     · FORM CONTROLS WITH NO FONT OF THEIR OWN fall back to the browser's
       Arial. A <select> and a <button> inherit nothing — font-family does
       not cross into a form control — so any one that nobody styled was
       Arial on a page of Cormorant and Karla. Five on the desk, two on the
       principal's. These are element selectors on purpose: anything the
       page already styles by class keeps what it has, and only the ones
       nobody dressed are caught.

     · TABLE HEADS were inheriting the page serif on the older panes while
       every Nadi table set Karla, so two tables side by side disagreed.

   Correspondence is the one exemption and it is not touched here: the
   remedies letter (.rxl) and every email (.fmail) are Cormorant Garamond
   by the client's own decision, with Karla for the functional parts. Both
   set their fonts by class, so they outrank every rule below.          */
button,select,input,textarea,option,optgroup{font-family:'Karla',sans-serif}
thead,th{font-family:'Karla',sans-serif}
/*  and a filename in <code> uses the house monospace stack, not the bare
    keyword — two file names on the desk were rendering in the browser's
    own monospace beside figures set in ui-monospace                    */
code,kbd,samp{font-family:'SF Mono',Consolas,monospace}

/* ── AN ACTION IS AN ACTION, WHETHER IT IS A BUTTON OR A LINK ──────────────
   `.act` is the house action and it was written as a BUTTON style: it sets
   the font, the padding and the colour and never touches text-decoration.
   That is invisible on a <button> and wrong on an <a>, which keeps the
   browser's own link underline — so every button on these screens read
   `text-decoration: none` and every anchor read `underline`. "Watch the
   telecast" and "The recording" had been underlined since the pane was
   built, and two more were added beside them before anyone looked.

   The markup split is right and stays: <a> for the things that leave the
   page — the room, a recording, a telecast — and <button> for the things
   that open a drawer. What was missing is that they must LOOK identical.
   One reset, in the one stylesheet all three dashboards load.           */
/*  moved to house_type.py, with the rest of the type system  */

/* ── WHAT THE CLOCK WILL CLOSE BY ITSELF ───────────────────────────────────
   Under the demo band: the rituals whose hour is running down, so an
   automatic completion is something you can watch coming rather than
   something that has silently already happened.                          */
.hclose{margin:11px 0 0;padding:10px 13px;background:var(--ivory-light);
  border:1px solid var(--copper-line);font-family:'Karla',sans-serif;
  font-size:12.5px;line-height:1.7;color:#4A3C33}
.hclose b{display:block;font-size:11px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--copper);margin:0 0 5px}
.hclose span{display:block}
.hclose em{font-style:normal;font-weight:700;color:var(--maroon-deep)}


/* ═══ THE REMEDIES LETTER ════════════════════════════════════════════════
   Self-contained. Nothing here inherits from the remedies page or from the
   drawer's data-grid styles, and nothing here leaks out: every selector is
   under .rxl. Square corners, palette only, no white.                     */

.rxl{background:var(--ivory-light);color:#3A2F27;padding:0;margin:0;
  font:400 14px/1.72 'Cormorant Garamond','Lora',Georgia,serif}
.rxl *{box-sizing:border-box}
.rxl table{width:100%;min-width:0;border-collapse:collapse}
.rxl b{font-weight:700}
.rxl p{margin:0 0 9px}
.rxl p:last-child{margin-bottom:0}

/* ── the head. A reference block, not a ceremony. ────────────────────── */
.rxl .rxhead{display:flex;align-items:flex-end;justify-content:space-between;
  gap:20px;padding-bottom:11px}
.rxl .rxlogo{height:34px;display:block}
.rxl .rxword{font:600 24px/1 'Cormorant SC','Lora',Georgia,serif;color:var(--vermillion)}
.rxl .rxref{text-align:right;white-space:nowrap}
.rxl .rxref span{display:block;font:600 8.5px/1.5 'Karla','Carlito',Arial,sans-serif;letter-spacing:.15em;
  text-transform:uppercase;color:#8A5A2E}
.rxl .rxref b{display:block;font:600 14px/1.35 'Karla','Carlito',Arial,sans-serif;color:var(--maroon-deep);
  font-variant-numeric:tabular-nums;margin-bottom:5px}
.rxl .rxref b:last-child{margin-bottom:0}
.rxl .rxrule{height:2px;background:var(--vermillion)}

.rxl .rxtitle{padding:11px 0 0}
.rxl .rxtitle h1{margin:0;font:600 27px/1.15 'Cormorant SC','Lora',Georgia,serif;color:var(--maroon-deep);
  letter-spacing:.01em}
.rxl .rxtitle p{margin:3px 0 0;font:400 13px/1.5 'Cormorant Garamond','Lora',Georgia,serif;color:#5A4A38}

/* ── who this is for. Four facts on one line, ruled, not boxed. ───────── */
.rxl .rxwho{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
  margin:13px 0 0;padding:9px 0;border-top:1px solid var(--copper-line);
  border-bottom:1px solid var(--copper-line)}
.rxl .rxwho em{display:block;font:600 8.5px/1.5 'Karla','Carlito',Arial,sans-serif;letter-spacing:.14em;
  text-transform:uppercase;color:#8A5A2E;font-style:normal}
.rxl .rxwho b{display:block;font:400 15px/1.4 'Cormorant Garamond','Lora',Georgia,serif;color:#3A2F27}

.rxl .rxsank{margin:11px 0 0;padding:9px 13px;background:var(--ivory);
  border:1px solid var(--copper-line);font:400 14px/1.6 'Cormorant Garamond','Lora',Georgia,serif;color:#3A2F27}
.rxl .rxsank b{display:block;font:600 9.5px/1.5 'Karla','Carlito',Arial,sans-serif;letter-spacing:.13em;
  text-transform:uppercase;color:#8A5A2E;margin-bottom:3px}
.rxl .rxsank i{display:block;margin-top:2px;font-style:italic;font-size:12.5px;
  color:#5A4A38}
.rxl .rxlede{margin:11px 0 0;font:400 14px/1.72 'Cormorant Garamond','Lora',Georgia,serif}

/* ── the index. Four lines, and the numbers match the blocks below. ──── */
.rxl .rxindex{margin:13px 0 0;border:1px solid var(--copper-line);
  background:var(--ivory);padding:9px 13px 9px}
.rxl .rxindex > b{display:block;font:600 9.5px/1.5 'Karla','Carlito',Arial,sans-serif;letter-spacing:.16em;
  text-transform:uppercase;color:var(--maroon-deep);margin-bottom:5px;
  padding-bottom:5px;border-bottom:1px solid var(--copper-line)}
.rxl .rxindex table td{padding:1px 0;font:400 14px/1.45 'Cormorant Garamond','Lora',Georgia,serif;
  vertical-align:baseline}
.rxl .rxindex td.ix{width:1%;white-space:nowrap;padding-right:9px;
  font:600 12px/1.5 'Karla','Carlito',Arial,sans-serif;color:var(--vermillion);
  font-variant-numeric:tabular-nums}
.rxl .rxindex tr.you td.ix{color:var(--saffron)}
.rxl .rxindex td.by{width:1%;white-space:nowrap;text-align:right;
  font:600 9.5px/1.7 'Karla','Carlito',Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;
  color:var(--vermillion);padding-left:14px}
.rxl .rxindex tr.you td.by{color:#8A5A2E}

/* ── a remedy. The rule down the left says who performs it. ───────────── */
.rxl .rx{margin:14px 0 0;padding:1px 0 1px 14px;
  border-left:3px solid var(--vermillion)}
.rxl .rx.you{border-left-color:var(--saffron)}
.rxl .rx h2{margin:0 0 7px;display:flex;align-items:baseline;gap:9px;
  flex-wrap:wrap}
.rxl .rx h2 i{font:600 13px/1 'Karla','Carlito',Arial,sans-serif;font-style:normal;color:var(--vermillion);
  font-variant-numeric:tabular-nums}
.rxl .rx.you h2 i{color:var(--saffron)}
.rxl .rx h2 span{font:600 21px/1.2 'Cormorant SC','Lora',Georgia,serif;color:var(--maroon-deep);
  letter-spacing:.01em}
.rxl .rx h2 em{margin-left:auto;font:600 9.5px/1.7 'Karla','Carlito',Arial,sans-serif;letter-spacing:.1em;
  text-transform:uppercase;color:var(--vermillion);font-style:normal;
  white-space:nowrap}
.rxl .rx.you h2 em{color:#8A5A2E}

/*  THE OFFERINGS ARE WRITTEN OUT, NOT TABULATED.
    Asked for twice: "if you cant put a table - just list the items", and
    then "can we just write, 11 kalasa, 11 navathayam". A grid of sixteen
    rows to say sixteen short things was the wrong instrument. This is the
    same sentence her dashboard shows — one source, one wording — set large
    enough to read, with every quantity in bold, because the quantities are
    the whole reason the list is here.                                    */
.rxl .rxoffer{margin:9px 0 0;padding:11px 14px;background:var(--ivory);
  border:1px solid var(--copper-line)}
.rxl .rxoffer > em{display:block;font:600 9.5px/1.5 'Karla','Carlito',Arial,sans-serif;letter-spacing:.13em;
  text-transform:uppercase;color:#8A5A2E;font-style:normal;margin-bottom:5px}
.rxl .rxoffer p{font:400 14.5px/1.85 'Cormorant Garamond','Lora',Georgia,serif;color:#3A2F27;margin:0}
.rxl .rxoffer p b{font-weight:700;color:var(--maroon-deep)}

/* the yantra at a glance — four facts, and three paragraphs saved */
.rxl .rxspec{margin:8px 0 0;border-top:1px solid var(--copper-line);
  border-bottom:1px solid var(--copper-line)}
.rxl .rxspec td{padding:5px 0;font:400 13.5px/1.55 'Cormorant Garamond','Lora',Georgia,serif;color:#3A2F27;
  border-bottom:1px solid rgba(138,90,46,.18);vertical-align:baseline}
.rxl .rxspec tr:last-child td{border-bottom:0}
.rxl .rxspec td.k{width:1%;white-space:nowrap;padding-right:16px;
  font:600 9.5px/1.9 'Karla','Carlito',Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;
  color:#8A5A2E}

/*  the offer of help under the temples. Warm, and set apart from the
    instructions above it so it is plainly ours speaking, not the leaf.  */
.rxl .rxhelp{margin:12px 0 0;padding:10px 13px;background:var(--ivory);
  border:1px solid var(--copper-line);border-left:3px solid var(--saffron);
  font:400 13px/1.7 'Cormorant Garamond','Lora',Georgia,serif;color:#3A2F27}
.rxl .rxhelp b{color:var(--maroon-deep)}
.rxl .rxdeity{margin:0 0 5px;font:600 9.5px/1.7 'Karla','Carlito',Arial,sans-serif;letter-spacing:.13em;
  text-transform:uppercase;color:var(--copper)}
.rxl .rxalso{margin:7px 0 0;font:400 13.5px/1.6 'Cormorant Garamond','Lora',Georgia,serif;color:#3A2F27}
.rxl .rxalso b{font:600 9.5px/1.7 'Karla','Carlito',Arial,sans-serif;letter-spacing:.1em;
  text-transform:uppercase;color:#8A5A2E;margin-right:7px}
.rxl .rxgps{display:inline-block;margin:7px 0 0;font:600 11.5px/1 'Karla','Carlito',Arial,sans-serif;
  color:var(--vermillion);text-decoration:none;
  border-bottom:1px solid rgba(173,51,35,.45);padding-bottom:2px}
.rxl .rxwarn{display:block;margin:7px 0 0;font:600 11.5px/1.6 'Karla','Carlito',Arial,sans-serif;
  color:#7D3A1C}
.rxl .rxfine{margin:8px 0 0;font:400 12.5px/1.62 'Cormorant Garamond','Lora',Georgia,serif;color:#5A4A38}
.rxl .rxfine b{font-weight:700;color:#3A2F27}

/* ── the notes. Bullets, because a paragraph here is not read. ───────── */
.rxl .rxnote{margin:16px 0 0;padding:10px 13px;background:var(--ivory);
  border:1px solid var(--copper-line);border-left:3px solid var(--copper)}
.rxl .rxnote > b{display:block;font:600 9.5px/1.5 'Karla','Carlito',Arial,sans-serif;letter-spacing:.16em;
  text-transform:uppercase;color:#8A5A2E;margin-bottom:6px}
.rxl .rxnote ul{margin:0;padding-left:16px}
.rxl .rxnote li{font:400 13.5px/1.62 'Cormorant Garamond','Lora',Georgia,serif;color:#3A2F27;margin-bottom:3px}
.rxl .rxnote li:last-child{margin-bottom:0}
.rxl .rxnote li b{font-weight:700;color:#3A2F27}

/* ── the costs. One panel, and the last thing in the letter. ─────────── */
.rxl .rxcost{margin:16px 0 0;border:1px solid var(--copper);
  background:var(--ivory)}
.rxl .rxcost h2{margin:0;padding:9px 15px;background:var(--maroon-deep);
  color:var(--ivory-light);font:600 11.5px/1.6 'Karla','Carlito',Arial,sans-serif;letter-spacing:.14em;
  text-transform:uppercase}
.rxl .rxcost .in{padding:12px 14px 13px}
.rxl .rxcost .grp{margin-top:11px;padding-top:9px;
  border-top:1px solid var(--copper-line)}
.rxl .rxcost .grp:first-child{margin-top:0;padding-top:0;border-top:0}
/*  "Aikyamatah Sookta - that is the yantra - why is not even visible???
     why such a small text??? so that client misses and go??"
    Quite right. The name of the thing being priced was set as a 9px
    uppercase label, smaller than the row beneath it. Inside this panel each
    ritual now carries the SAME title it carries in its block above — same
    face, same colour, same weight — with the specification under it as a
    quiet second line.                                                     */
.rxl .rxcost .rt{margin-bottom:8px;padding-bottom:6px;
  border-bottom:1px solid var(--copper-line)}
.rxl .rxcost .rt span{display:block;font:600 20px/1.25 'Cormorant SC','Lora',Georgia,serif;
  color:var(--maroon-deep);letter-spacing:.01em}
.rxl .rxcost .rt em{display:block;font:400 13px/1.5 'Cormorant Garamond','Lora',Georgia,serif;color:#5A4A38;
  font-style:normal;margin-top:2px}
.rxl .rxcost .rt.row{display:flex;align-items:baseline;
  justify-content:space-between;gap:16px}
.rxl .rxcost .rt .nilx{font:400 14px/1.4 'Cormorant Garamond','Lora',Georgia,serif;color:#5A4A38;font-style:italic;
  white-space:nowrap;font-weight:400}
.rxl .rxcost .sh{display:block;font:600 16px/1.3 'Cormorant SC','Lora',Georgia,serif;
  color:var(--maroon-deep);margin-bottom:8px}
.rxl .rxcost td,.rxl .rxcost th{font:400 13.5px/1.6 'Cormorant Garamond','Lora',Georgia,serif;color:#3A2F27;
  padding:2px 0;vertical-align:baseline;text-align:left}
.rxl .rxcost th{font:600 9px/1.7 'Karla','Carlito',Arial,sans-serif;letter-spacing:.09em;
  text-transform:uppercase;color:#5A4A38;padding-bottom:5px;
  border-bottom:1px solid var(--copper-line)}
.rxl .rxcost td.n,.rxl .rxcost th.n{text-align:right;white-space:nowrap;
  font-variant-numeric:tabular-nums;padding-left:14px}
.rxl .rxcost tr.nil td{color:#5A4A38;font-style:italic}
.rxl .rxcost .work td{border-bottom:1px dotted rgba(138,90,46,.32)}
.rxl .rxcost .work tr.sum td{border-bottom:0;
  border-top:1px solid var(--copper-line);padding-top:5px;font-weight:700;
  font-size:15px;color:var(--maroon-deep)}
.rxl .rxcost .pick td{border-bottom:1px dotted rgba(138,90,46,.32)}
.rxl .rxcost .pick tr:last-child td{border-bottom:0}
.rxl .rxcost .pick td.w{color:#5A4A38;font-size:13px}
.rxl .rxcost .pick td.t{font-weight:700;font-size:15.5px;
  color:var(--maroon-deep)}
.rxl .rxcost .pick td.t2{font-weight:700;font-size:15.5px;color:var(--copper)}
.rxl .rxcost .say{margin:8px 0 0;font:400 12.5px/1.62 'Cormorant Garamond','Lora',Georgia,serif;color:#5A4A38}
.rxl .rxcost .say b{font-weight:700;color:#3A2F27}

/* the hold. She asked that this carry weight instead of lying at the foot. */
.rxl .rxheld{margin:11px 0 0;border:1px solid var(--saffron);
  border-left:4px solid var(--saffron);background:rgba(199,134,43,.16);
  padding:10px 13px;font:400 13px/1.65 'Cormorant Garamond','Lora',Georgia,serif;color:#3A2F27}
.rxl .rxheld b{display:block;font:600 13.5px/1.5 'Karla','Carlito',Arial,sans-serif;color:#7D3A1C;
  margin-bottom:3px}

.rxl .rxpay{margin:11px 0 0;display:flex;align-items:center;gap:13px;
  flex-wrap:wrap}
.rxl .rxpay a{display:inline-block;font:600 11px/1 'Karla','Carlito',Arial,sans-serif;color:#FBF5E9;
  background:var(--vermillion);border:1px solid var(--vermillion);
  padding:12px 20px;text-decoration:none;letter-spacing:.07em;
  text-transform:uppercase;white-space:nowrap}
.rxl .rxpay span{flex:1 1 260px;font:400 12.5px/1.55 'Cormorant Garamond','Lora',Georgia,serif;color:#5A4A38}

/* ── the foot. Ashram and Tamil Nadu, and nothing else. ──────────────── */
.rxl .rxfoot{margin:12px 0 0;padding-top:9px;
  border-top:2px solid var(--vermillion);text-align:center;
  font:400 11.5px/1.7 'Cormorant Garamond','Lora',Georgia,serif;color:#5A4A38}
.rxl .rxfoot b{display:block;font:400 14px/1.6 'Cormorant Garamond','Lora',Georgia,serif;color:var(--maroon-deep);
  font-weight:400;margin-bottom:6px}

/* the letter inside the drawer and the dashboard */
.ndlet{max-height:520px;overflow:auto;border:1px solid var(--copper-line);
  background:var(--ivory-light);padding:14px 16px}

@media print{
  body *{visibility:hidden}
  .rxl,.rxl *{visibility:visible}
  .rxl{position:absolute;left:0;top:0;width:100%;padding:0}
  /*  the pay button STAYS on paper. It is a hyperlink, and a hyperlink in a
      PDF is live in every reader she is likely to send this to — which is
      exactly what she asked for: a way straight back to the dashboard with
      the two figures on it.                                               */
}
/*  SCREEN ONLY. Unqualified, this reached the printer: the hidden frame the
    Download button prints from was one pixel wide, the phone rules matched,
    and the letter came out of the printer in its phone layout — the four
    facts in two columns, everything scaled up to fill the paper. A layout
    for a narrow SCREEN is not a layout for A4.                           */
@media screen and (max-width:640px){
  .rxl .rxwho{grid-template-columns:1fr 1fr}
  .rxl .rxhead{flex-direction:column;align-items:flex-start;gap:9px}
  .rxl .rxref{text-align:left}
}


.ndrf{border:1px solid var(--copper-line);background:var(--ivory-light);margin:0 0 22px}
.ndrf > h3{font-family:'Cormorant SC',serif;font-size:16px;font-weight:700;
  color:var(--maroon-deep);margin:0;padding:13px 17px;display:flex;gap:11px;
  align-items:baseline;border-bottom:1px solid var(--copper-line)}
.ndrf > h3 .n{width:24px;height:21px;display:inline-flex;align-items:center;
  justify-content:center;font-family:'Karla',sans-serif;font-size:11px;font-weight:700;
  color:var(--ivory-light);background:var(--vermillion);flex-shrink:0}
.ndrf > h3 em{font-family:'Karla',sans-serif;font-style:normal;font-size:12px;
  font-weight:400;color:#5A4A38;margin-left:auto;text-align:right;max-width:52ch}
.ndrf-r{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:13px 17px;
  border-top:1px solid rgba(138,90,46,.16)}
.ndrf-r:first-of-type{border-top:0}
.ndrf-d{width:78px;flex-shrink:0;font-family:'Karla',sans-serif;font-size:10.5px;
  font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#5A4A38}
.ndrf-r.late .ndrf-d{color:#8F281C}
.ndrf-t{flex:1 1 280px}
.ndrf-t b{display:block;font-size:14.5px;color:#3A2F27}
.ndrf-t span{display:block;font-size:12.5px;color:#5A4A38;line-height:1.65}
.ndrf-a{font-family:'Cormorant Garamond',serif;font-size:23px;
  color:var(--maroon-deep);font-variant-numeric:tabular-nums;white-space:nowrap}
.ndrf-b{font-family:'Karla',sans-serif;font-size:13px;font-weight:700;padding:9px 15px;
  border:1px solid var(--vermillion);background:var(--vermillion);color:var(--ivory-light);
  cursor:pointer}
.ndrf-b.done{background:transparent;border-color:var(--green);color:var(--green);
  cursor:default}
.ndrf-e{padding:15px 17px;font-size:13px;color:#5A4A38}
.ndrf-note{padding:11px 17px;border-top:1px solid var(--copper-line);font-size:12px;
  color:#5A4A38;line-height:1.7;background:var(--ivory)}


/*  the Nadi takings, on the accountant's own screen                      */
.ndmk{display:flex;gap:11px;flex-wrap:wrap;margin:0 0 14px}
.ndmk-c{flex:1 1 170px;border:1px solid var(--copper-line);background:var(--ivory-light);
  padding:12px 14px}
.ndmk-c b{display:block;font:600 22px/1.1 'Cormorant Garamond',serif;
  color:var(--maroon-deep)}
.ndmk-c span{display:block;margin-top:4px;font:700 10.5px/1.4 'Karla',sans-serif;
  letter-spacing:.09em;text-transform:uppercase;color:#5A4A38}
.ndmk-c em{display:block;margin-top:3px;font:400 11.5px/1.5 'Karla',sans-serif;
  font-style:normal;color:#8A5A2E}
.ndmt{width:100%;border-collapse:collapse;margin:0 0 10px}
.ndmt th{font:700 10px/1.4 'Karla',sans-serif;letter-spacing:.1em;text-transform:uppercase;
  color:#5A4A38;text-align:left;padding:0 10px 7px 0;
  border-bottom:1px solid var(--copper-line)}
.ndmt th.r,.ndmt td.r{text-align:right}
.ndmt td{font:400 12.5px/1.6 'Karla',sans-serif;color:#3A2F27;padding:7px 10px 7px 0;
  border-bottom:1px solid rgba(138,90,46,.14)}
.ndmt tr.back td{color:#8F281C}
.ndmt td em{font-style:italic;color:#8F281C}


/* ══ THE HOUSE TYPE — the admin dashboard is the standard ══════════════════
   Scoped to .pane on purpose: the drawer, the letter and the emails sit
   outside it and keep their own, finalised, type.                        */

/* 1 · THE GROUND. Everything on a dashboard pane is Karla unless rule 2 or
      rule 3 below says otherwise. Element selectors, so anything a page
      already styles by class still wins where it is deliberate.          */
.pane,.pane p,.pane div,.pane span,.pane a,.pane b,.pane strong,.pane em,
.pane i,.pane li,.pane dt,.pane dd,.pane td,.pane th,.pane thead,.pane tbody,
.pane label,.pane small,.pane button,.pane select,.pane input,.pane textarea,
.pane option,.pane figcaption,.pane summary{font-family:'Karla',sans-serif}

/* 2 · EVERY HEADING IS CORMORANT SC, and so is the figure on a tile.     */
.pane h1,.pane h2,.pane h3,.pane h4,.pane h5,.pane h6,
.pane .kpi b,.pane .kpi > b,.pane .kpi strong{font-family:'Cormorant SC',serif}

/* 3 · A NAME IS CORMORANT GARAMOND, and nothing else is. A devotee, a
      priest, a ritual's own title — plus the small italic note that says
      there is nothing to do, which is how the desk has always drawn it. */
.pane .hrow .ht > b,
.pane .pn,.pane .hcomb,.pane .hwait,
.pane .nc-card > .nm,
.pane .nc-nm,.pane .nsub .nm,
.pane .nm-serif,
/*    the older panes draw a row's title in Cormorant SC — a heading face on
      a row. The Nadi pane draws a row title in Cormorant Garamond, so every
      pane does: Today, Consult, Enquiries, Money, Overview, Prepare,
      Reports, Settings, Sign, Bookings and the Ashram Calendar.        */
.pane .q-row .t > b,.pane .att-row .t > b,.pane .enq-h .t > b,
.pane .hlrow .hlw > b,.pane .hliverow .w > b,
/*    a temple's name and a category's name are names too              */
.pane .tname,.pane .tn{font-family:'Cormorant Garamond',serif}

/*    …and these are NOT names, whatever face they were drawn in: a chip, a
      count, a bare figure, a monogram, a clock label, and bold used for
      emphasis inside a line of prose.                                  */
.pane .hchip,.pane .ht .meta b,.pane .t > span > b,
.pane .prep .pr,.pane ul li > span.n,
/*    the two monograms carry their own rule later in the page, so these
      need to outrank it rather than tie with it                        */
.pane .ypcards .ypc .ymono,.pane .ypc span.ymono,
.pane .w .ovsee .ovm,.pane .ovsee i.ovm,
.pane .hclock .w > b{font-family:'Karla',sans-serif}
/*    …but the order number and what she paid, which sit INSIDE the name
      line, are figures and belong to Karla, as they do on the desk.    */
.pane .nc-card > .nm > .nc-oid,.pane .nc-oid{font-family:'Karla',sans-serif}

/* 4 · A COLUMN OF FIGURES ALIGNS. The desk's own device, on the money and
      the ledgers, so a rupee column reads down.                          */
#pane-money td,#pane-money th,
.pane .mono,.pane code,.pane kbd,.pane samp{font-family:'SF Mono',Consolas,monospace}

/* 5 · and an action looks like an action whether it is a button or a link */
.act,a.act,a.act:hover,a.act:visited,a.act:focus{text-decoration:none}

/* ══ THE DRAWER KEEPS ITS OWN, AND THAT IS THE STANDARD ═══════════════════
   14 August. I read a screenshot of the NADI PANE as an instruction to make
   the drawer match it, rewrote the drawer's prose to Karla, and was told
   plainly that the drawer was right as it stood:

       "drawer fixed is what i attached, why did you change???"

   So the house has TWO settled contexts, not one, and they are both correct:

     A PANE      prose Karla · headings Cormorant SC · a NAME Cormorant
                 Garamond · a figure column ui-monospace
     THE DRAWER  prose Cormorant Garamond · section labels, controls and
                 buttons Karla · its title and its small-caps chips
                 Cormorant SC
     A LETTER    Cormorant Garamond, its title Cormorant SC, its table
                 heads Karla — finalised by the client herself

   Nothing in this file touches the drawer. build_flows.py owns it and is
   correct. The ONE thing corrected here is the hour picker, which appears
   in both contexts and must not change face between them: it is a set of
   functional labels, so it is Karla wherever it is drawn.               */
.cc-day,.cc-day em,.cc-day b,.cc-day span,
.cc-slot,.cc-slot b,.cc-slot span,
#fdrwB .cc-day,#fdrwB .cc-day em,#fdrwB .cc-day b,#fdrwB .cc-day span,
#fdrwB .cc-slot,#fdrwB .cc-slot b,#fdrwB .cc-slot span{
  font-family:'Karla',sans-serif}


/* ══ THE WEEK, DAY BY DAY ══════════════════════════════════════════════════
   Seven columns. Palette only, square corners, no white — the house rule.  */
#vcWeek{margin:0 0 18px}
.vcweek{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;
  background:var(--copper-line,rgba(138,90,46,.35));
  border:1px solid var(--copper-line,rgba(138,90,46,.35))}
.vcweek .d{background:#FBF5E9;padding:10px 9px 11px;min-height:96px}
.vcweek .d.today{background:#F3EAD6;box-shadow:inset 0 3px 0 #AD3323}
.vcweek .d.shut{background:#F0E7D4}
.vcweek .d > b{display:block;font-size:11px;letter-spacing:.09em;
  text-transform:uppercase;color:#8A5A2E;margin:0 0 2px}
.vcweek .d > i{display:block;font-style:normal;font-size:11px;color:#8A5A2E;
  margin:0 0 8px}
.vcweek .none{font-size:11.5px;color:#8A5A2E;font-style:italic}
.vcweek .sit{display:block;width:100%;text-align:left;border:0;cursor:pointer;
  background:#F3EAD6;border-left:3px solid #8A5A2E;padding:6px 7px;margin:0 0 5px;
  font:inherit;color:#3A2F27}
.vcweek .d.today .sit{background:#FBF5E9}
.vcweek .sit:hover{background:#E9DCC8}
.vcweek .sit.now{border-left-color:#AD3323;background:#E9C9A8}
.vcweek .sit em{display:block;font-style:normal;font-size:11px;color:#8A5A2E;
  letter-spacing:.05em}
.vcweek .sit b{display:block;font-size:13px;line-height:1.25}
.vcweek .sit span{display:block;font-size:10.5px;color:#7D3A1C;margin-top:2px}
.vcwk-h{display:flex;align-items:baseline;gap:12px;margin:0 0 8px}
.vcwk-h h3{margin:0;font-size:15px}
.vcwk-h span{font-size:11.5px;color:#8A5A2E}
/*  A BOLD PHRASE INSIDE A ROW'S SENTENCE IS NOT A HEADING. `.hrow .ht b` is
    block-level, which is right for the row's title and wrong for every <b>
    inside the two meta lines under it — the no-show sentence came out as

        "She did not appear."
        "…so"
        "the signed report goes"
        ". Still owed:"
        "the audio and the signed report"

    The Nadi pane carries exactly this rule and needed it for exactly this
    reason. Scoped per pane, so the Homa desk stays untouched.           */
#pane-consult .hrow .ht .meta b{display:inline;font:700 12.5px/1.65 'Karla',sans-serif;
  color:#3A2F27}
#pane-consult .hrow .ht .meta b b{font-weight:700}
#pane-consult .hrow .ht .meta b.vc-owe{color:#7D3A1C}
#pane-consult .hrow .hact{max-width:260px;justify-content:flex-end}
/*  and the same for the principal's screen, which draws the same rows    */
#pane-consult .hrow.warn{border-left:3px solid var(--saffron)}
#pane-consult .hrow.warn .sla{color:#7D3A1C}
/* ══ RESCHEDULING FROM OUR END ═════════════════════════════════════════════ */
#vcResched{margin:0 0 20px}
.vcresch h3 .n{background:#8A5A2E}
.vcr-three{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--copper-line,rgba(138,90,46,.35));margin:0 0 14px;
  border:1px solid var(--copper-line,rgba(138,90,46,.35))}
.vcr-three > div{background:#FBF5E9;padding:11px 12px;border-top:3px solid #8A5A2E}
.vcr-three > div.ours{border-top-color:#C7862B}
.vcr-three > div.end{border-top-color:#AD3323}
/*  the DIRECT child is the title and is a block; a <b> inside the sentence
    below it is emphasis and must stay inline, or "Free, once, and only
    outside the last 24 hours" comes out as three stacked lines.        */
.vcr-three > div > b{display:block;font:700 13px/1.35 'Karla',sans-serif;
  color:#3A2F27;margin:0 0 5px}
.vcr-three span{display:block;font:400 11.5px/1.6 'Karla',sans-serif;color:#5A4A38}
.vcr-three span b{display:inline;font-weight:700;color:#3A2F27}
.vcr-pick{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 0}
.vcr-pick button{flex:0 0 auto;min-width:210px;text-align:left;cursor:pointer;
  border:1px solid var(--copper-line,rgba(138,90,46,.35));
  border-left:3px solid #8A5A2E;background:#F3EAD6;padding:8px 11px;font:inherit;
  color:#3A2F27}
.vcr-pick button:hover{background:#E9DCC8}
.vcr-pick em{display:block;font-style:normal;font:700 10.5px/1 'Karla',sans-serif;
  letter-spacing:.07em;text-transform:uppercase;color:#8A5A2E;margin:0 0 3px}
.vcr-pick b{display:block;font-size:14px;line-height:1.25}
.vcr-pick span{display:block;font:400 10.5px/1.5 'Karla',sans-serif;color:#5A4A38;
  margin-top:2px}
.vcr-log{margin:8px 0 0;padding:0;list-style:none}
.vcr-log li{font:400 12px/1.6 'Karla',sans-serif;color:#4A3C33;padding:5px 0;
  border-bottom:1px solid var(--copper-line,rgba(138,90,46,.35))}
.vcr-log li:last-child{border-bottom:0}
.vcr-log .w{display:inline-block;min-width:96px;font-weight:700;font-size:10.5px;
  letter-spacing:.06em;text-transform:uppercase;color:#8A5A2E}
.vcr-log .w.ours{color:#C7862B}
.vcr-log .w.end{color:#AD3323}
.vcr-log .oid{font-size:11px;color:#5A4A38}
/* a chip that says something about the ORDER rather than the queue */
.hchip.vcns{background:#E9C9A8;color:#7D3A1C}
.hchip.vcv{background:#E9DCC8;color:#5A4A38}
.vc-owe{color:#7D3A1C}


/* the numbered question list, and the per-order conversation */
.ndq{margin:6px 0 0;padding:0 0 0 20px}
.ndq li{margin:0 0 6px;font-size:13px;line-height:1.5;color:#3A2F27}
.ndlog{margin:6px 0 0;padding:0 0 0 18px}
.ndlog li{margin:0 0 5px;font-size:12.5px;color:#4A3C33}
.vclog{max-height:320px;overflow:auto;background:#F3EAD6;padding:10px;
  border:1px solid var(--copper-line,rgba(138,90,46,.35))}
.vclog .msg{background:#FBF5E9;border-left:3px solid #8A5A2E;padding:9px 11px;
  margin:0 0 8px;font-size:13px;line-height:1.5;color:#3A2F27}
.vclog .msg.nirnaya{border-left-color:#AD3323}
.vclog .msg .who{display:block;font-size:10.5px;letter-spacing:.07em;
  text-transform:uppercase;color:#8A5A2E;margin:0 0 4px}
.vclog .msg .acts{display:block;margin-top:7px}
.vclog .msg .acts a{font-size:11.5px;color:#AD3323;margin-right:12px}
.ndok{background:#E9DCC8;border-left:3px solid #3F6B4A;padding:10px 12px;
  margin:0 0 14px;font-size:13px;line-height:1.55;color:#3A2F27}



/*  his week carries the Nadi sittings as well, and they must not read as
    consultations — one man's calendar, two lines on it                  */
.vcweek .sit.nadi{border-left-color:#C7862B;background:#E9DCC8}
.cvpick{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.cvpick button{font:600 11.5px/1 'Karla',sans-serif;letter-spacing:.02em;
  padding:9px 12px;border:1px solid var(--copper-line,rgba(138,90,46,.35));
  background:#F3EAD6;color:#5A4A38;cursor:pointer}
.cvpick button.on{background:#AD3323;color:#FBF5E9;border-color:#AD3323}
.cvpick button:hover{background:#E9DCC8}
.cvpick button.on:hover{background:#8A2A1C}
#pane-consult .hrow .ht .meta b{display:inline}


/*  HER CALENDAR. Palette only, square corners, no white.                 */
.cc-days{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0 12px}
.cc-day{flex:0 0 auto;min-width:72px;text-align:center;cursor:pointer;
  border:1px solid var(--copper-line,rgba(138,90,46,.35));background:#F3EAD6;
  padding:8px 10px;font:inherit;color:#3A2F27}
.cc-day em{display:block;font-style:normal;font-size:10px;letter-spacing:.08em;
  text-transform:uppercase;color:#8A5A2E}
.cc-day b{display:block;font-family:'Karla',sans-serif;font-size:13px;margin:2px 0}
.cc-day span{display:block;font-size:10.5px;color:#5A4A38}
.cc-day.on{background:#AD3323;color:#FBF5E9;border-color:#AD3323}
.cc-day.on em,.cc-day.on span{color:#E9C9A8}
.cc-day.out{opacity:.42;cursor:not-allowed}
.cc-slots{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 6px}
.cc-slot{flex:0 0 auto;min-width:150px;text-align:left;cursor:pointer;
  border:1px solid var(--copper-line,rgba(138,90,46,.35));
  border-left:3px solid var(--vermillion,#AD3323);background:#FBF5E9;
  padding:9px 12px;font:inherit;color:#3A2F27}
.cc-slot b{display:block;font-family:'Karla',sans-serif;font-size:15px;font-weight:700}
.cc-slot span{display:block;font-size:11px;color:#5A4A38;margin-top:2px}
.cc-slot:hover{background:#F3EAD6}
.cc-slot.out{border-left-color:#8A5A2E;opacity:.5;cursor:not-allowed}
.cc-q{margin:8px 0 10px;padding:0 0 0 20px}
.cc-q li{margin:0 0 6px;font:400 13px/1.65 'Karla',sans-serif;color:#3A2F27}


/*  the backstop band. Karla for everything functional and Cormorant SC on
    the heading come from the house rules, which are scoped to .pane and
    reach this because it lives inside one.                            */
.deskatt{border:2px solid #AD3323;background:#FDF6EC;padding:14px 16px;margin:0 0 18px}
.deskatt h3{margin:0 0 2px;color:#AD3323}
.deskatt .datt-lede{margin:0 0 12px;font-size:12.5px;color:#5A4A38;max-width:78ch}
.deskatt .datt-row{display:flex;gap:14px;align-items:flex-start;
  border-top:1px solid #E7D9C4;padding:11px 0}
.deskatt .datt-row:last-child{padding-bottom:0}
.deskatt .datt-t{flex:1;display:flex;flex-direction:column;gap:3px}
.deskatt .datt-t b{font-size:14px;color:#3A2E22}
.deskatt .datt-why,.deskatt .datt-fix{font-size:12.5px;color:#5A4A38;line-height:1.5}
.deskatt .datt-fix{color:#7D3A1C}
.deskatt .act{flex:0 0 auto;align-self:center}
@media (max-width:700px){.deskatt .datt-row{flex-direction:column}}

/* accounts/desk_phone.py */

@media(max-width:640px){
  header.nav .nav-inner{flex-wrap:wrap;row-gap:10px}
  header.nav .nav-tools{flex:1 1 100%;min-width:0;max-width:100%}
  header.nav .nav-tools input{flex:1 1 auto;min-width:0;width:auto}
  header.nav .newwrap{flex:0 0 auto}
}