/* Insights additions: only what the dashboard has no control for. */
/* Insights additions — only what the master has no control for (charts, change vs before). */
.kpi i{display:block;font:700 11px/1.3 'Karla',sans-serif;font-style:normal;margin-top:6px;color:var(--green)}
.kpi i.dn{color:var(--vermillion)}
.kpi i.nt{color:var(--copper)}
.ichart{border:1px solid var(--copper-line);background:var(--ivory-light);padding:18px 18px 12px;margin:0 0 22px}
.ichart h3{font-size:19px;color:var(--maroon-deep);margin:0 0 2px}
.ichart .cap{font:400 12px/1.6 'Karla',sans-serif;color:#5A4A38;margin:0 0 14px}
.fun{display:grid;gap:10px}
.fun .st{display:grid;grid-template-columns:150px minmax(0,1fr) 92px;gap:12px;align-items:center;font:600 12.5px/1.3 'Karla',sans-serif;color:#4a3c33}
.fun .bar{height:30px;background:var(--ivory);border:1px solid var(--copper-line);position:relative}
.fun .bar span{position:absolute;inset:0 auto 0 0;background:var(--maroon-deep)}
.fun .st:nth-child(2) .bar span{background:var(--vermillion)}
.fun .st:nth-child(3) .bar span{background:var(--saffron)}
.fun .st:nth-child(4) .bar span{background:var(--green)}
.fun .n{font-family:'Cormorant SC',serif;font-size:20px;color:var(--maroon-deep);text-align:right}
.fun .drop{grid-column:2/4;font:600 11px/1 'Karla',sans-serif;color:var(--vermillion);margin:-4px 0 0}
.nextbar{display:flex;height:10px;min-width:150px;border:1px solid var(--copper-line);margin:4px 0 5px}
.nextbar b{display:block;height:100%}
.nb-h{background:var(--green)}.nb-o{background:var(--saffron)}.nb-l{background:#CFC2A8}
.nbk{font:600 11px/1.4 'Karla',sans-serif;color:#5A4A38}
.nbk em{font-style:normal;display:inline-flex;align-items:center;gap:4px;margin-right:10px}
.nbk em:before{content:"";width:9px;height:9px;display:inline-block;background:currentColor}
.nbk .h{color:var(--green)}.nbk .o{color:var(--saffron)}.nbk .l{color:#B5A68A}
td .sm{display:block;font-size:11px;color:#7a6a58;margin-top:3px}
td.r,th.r{text-align:right}
.up{color:var(--green);font-weight:700}.down{color:var(--vermillion);font-weight:700}
tr.pick{cursor:pointer}tr.pick:hover td{background:var(--ivory)}tr.pick.on td{background:var(--ivory)}
tr.pick.on td:first-child{box-shadow:inset 3px 0 0 var(--vermillion)}
.mdet{border:1px solid var(--copper-line);border-top:3px solid var(--vermillion);background:var(--ivory-light);padding:18px;margin:14px 0 0}
.mdet h3{font-size:21px;color:var(--maroon-deep);margin:0 0 4px}
.mdet .two3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:12px}
.mdet h4{font:700 10.5px/1.4 'Karla',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--copper);margin:0 0 8px}
.mdet ol{margin:0;padding-left:18px;font:400 12.5px/1.8 'Karla',sans-serif;color:#4a3c33}
.unk{font:italic 400 11.5px/1.5 'Karla',sans-serif;color:#7a6a58;margin-top:8px}
.live{display:inline-flex;align-items:center;gap:7px;font:700 11px/1 'Karla',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--green)}
.live:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);animation:lp 1.6s infinite}
@keyframes lp{50%{opacity:.25}}
.ev{display:inline-block;font:700 10px/1 'Karla',sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:4px 7px;border:1px solid var(--copper-line);background:var(--ivory);color:var(--copper)}
.ev.buy{background:var(--green);border-color:var(--green);color:var(--ivory-light)}
.ev.dl{background:var(--maroon-deep);border-color:var(--maroon-deep);color:var(--ivory-light)}
.ev.cart{background:var(--saffron);border-color:var(--saffron);color:var(--ivory-light)}
.soon{border:1px dashed var(--copper-line);background:var(--ivory-light);padding:26px;font:400 13px/1.7 'Karla',sans-serif;color:#5A4A38}
.xrow{display:flex;gap:8px;justify-content:flex-end;margin:10px 0 0}
.dmenu button.later{color:#a8987f}
.stk td.ph{display:none}
@media(max-width:640px){.stk td.ph{display:block}.stk td.dsk{display:none}}

/* Phone: a row becomes a card (the dashboard's tables scroll sideways instead). */
@media(max-width:640px){
  .stk table{min-width:0}
  .stk thead{display:none}
  .stk tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:13px 14px;border-bottom:1px solid var(--copper-line)}
  .stk tbody tr:last-child{border-bottom:none}
  .stk td{padding:0;border:none;text-align:left}
  .stk td.c1{grid-column:1}
  .stk td.c2{grid-column:2;text-align:right}
  .stk td.full{grid-column:1/-1}
  .stk td.hide{display:none}
  .stk td[data-l]:before{content:attr(data-l);font:700 9.5px/1.6 'Karla',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--copper);margin-right:6px}
  .stk td.meta{font-size:11.5px;color:#7a6a58}
  .stk td.c1{grid-row:1}
  .stk tbody td.c2{grid-row:1}
  #mtb td:nth-child(3){font-family:'Cormorant SC',serif;font-size:20px;color:var(--maroon-deep);line-height:1}
  #mtb td:nth-child(4){grid-row:2;grid-column:2}
  #mtb td:nth-child(2){grid-row:1/3}
  .stk tr.pick.on{background:var(--ivory);box-shadow:inset 3px 0 0 var(--vermillion)}
  .stk tr.pick.on td,.stk tr.pick:hover td{background:transparent;box-shadow:none}
}
@media(max-width:640px){
  .fun .st{grid-template-columns:96px minmax(0,1fr) 64px;gap:8px;font-size:11.5px}
  .mdet .two3{grid-template-columns:minmax(0,1fr)}
  .ichart{padding:14px 12px 10px}
  .xrow{justify-content:flex-start}
}

/* hatched grey: downloads by visitors we cannot follow (declined cookies) */
.nb-u{background:repeating-linear-gradient(45deg,#E6DCC6 0 3px,#D6C9AE 3px 6px)}
.nbk .u{color:#B9AD95}
.pills a{display:inline-block;text-decoration:none;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}
.pills a.on{background:var(--maroon-deep);border-color:var(--maroon-deep);color:var(--ivory-light)}
.empty{border:1px dashed var(--copper-line);background:var(--ivory-light);padding:22px;font:400 13px/1.7 'Karla',sans-serif;color:#5A4A38;margin:0 0 22px}
.mdet[hidden]{display:none}
.ifoot{font:400 11px/1.6 'Karla',sans-serif;color:#7a6a58;padding:24px 0 40px}
.login{max-width:380px;margin:60px auto;border:1px solid var(--copper-line);background:var(--ivory-light);padding:28px}
.login h2{font-family:'Cormorant SC',serif;font-size:26px;color:var(--maroon-deep);margin:0 0 6px}
.login label{display:block;font:700 10.5px/1.4 'Karla',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--copper);margin:16px 0 6px}
.login input{width:100%;box-sizing:border-box;height:43px;border:1px solid var(--copper-line);background:#fff;padding:0 12px;font:400 14px 'Karla',sans-serif}
.login .err{color:var(--vermillion);font:600 12.5px/1.5 'Karla',sans-serif;margin-top:12px}

/* ---- Journeys, Where they come from, Bots (preview 2, approved 10 Oct 2026) ---- */
/* Journeys */
.sk{width:100%;height:auto;display:block}
.sk text{font:600 11px 'Karla',sans-serif;fill:#3E1010}
.sk text.v{font-weight:400;fill:#7a6a58}
.sk .nd{cursor:pointer}
.sk .nd:hover rect,.sk .nd.on rect{stroke:#AD3323;stroke-width:2}
.sk .ln{fill:none;stroke-opacity:.28}
.sk .ln.hi{stroke-opacity:.6}
.skcols{display:flex;justify-content:space-between;font:700 10px/1 'Karla',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--copper);margin:0 0 8px}
.skwide{display:block}.sknarrow{display:none}
.paths{display:grid;gap:0;border:1px solid var(--copper-line);background:var(--ivory-light)}
.prow{display:grid;grid-template-columns:28px minmax(0,1fr) 150px;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--copper-line)}
.prow:last-child{border-bottom:none}
.prow .rk{font:700 12px 'Karla',sans-serif;color:var(--copper)}
.chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.chip{font:600 12px/1 'Karla',sans-serif;padding:7px 9px;border:1px solid var(--copper-line);background:var(--ivory);color:#3E1010;cursor:pointer}
.chip:hover{border-color:var(--vermillion)}
.chip.left{background:transparent;border-style:dashed;color:#7a6a58;cursor:default}
.chip.buy{background:#3F6B4A;border-color:#3F6B4A;color:var(--ivory-light)}
.arr{color:#B5A68A;font-size:12px}
.share{display:grid;gap:4px;justify-items:end}
.share .sb{width:100%;height:8px;background:var(--ivory);border:1px solid var(--copper-line)}
.share .sb b{display:block;height:100%;background:var(--maroon-deep)}
.share span{font:600 11.5px 'Karla',sans-serif;color:#5A4A38}
.drawer{border:1px solid var(--copper-line);border-top:3px solid var(--vermillion);background:var(--ivory-light);padding:18px;margin:14px 0 0}
.drawer h3{font-size:21px;color:var(--maroon-deep);margin:0 0 4px}
.sess{border-top:1px solid var(--copper-line);padding:11px 0;font:400 12.5px/1.6 'Karla',sans-serif;color:#4a3c33;cursor:pointer}
.sess b{color:#3E1010}
.sess .steps{display:none;margin:8px 0 2px;padding-left:16px;border-left:3px solid var(--ivory)}
.sess.open .steps{display:block}
.sess .steps div{font-size:12px;color:#5A4A38;padding:2px 0}
.sess .steps em{font-style:normal;color:#7a6a58;margin-right:8px;font-variant-numeric:tabular-nums}
/* Where they come from */
.chan td.bar{min-width:200px}
.vbar{height:12px;background:var(--ivory);border:1px solid var(--copper-line);margin-top:4px}
.vbar b{display:block;height:100%;background:var(--maroon-deep)}
.devstrip{display:flex;height:14px;border:1px solid var(--copper-line);margin:6px 0 6px}
.devstrip b{display:block;height:100%}
.two2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin:22px 0 0}
.box{border:1px solid var(--copper-line);background:var(--ivory-light);padding:16px 18px}
.box h3{font-size:19px;color:var(--maroon-deep);margin:0 0 10px}
.lrow{display:grid;grid-template-columns:120px minmax(0,1fr) 64px;gap:10px;align-items:center;font:600 12.5px 'Karla',sans-serif;color:#4a3c33;padding:5px 0}
.lrow .vbar{margin:0}
.lrow .n{text-align:right;font-weight:400;color:#5A4A38}
.lrow.wide{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 48px;font-weight:400;font-size:12px}
.note{font:italic 400 12px/1.6 'Karla',sans-serif;color:#7a6a58;margin:10px 0 0}
.tog{display:inline-flex;border:1px solid var(--copper-line)}
.tog a{font:700 12px 'Karla',sans-serif;padding:9px 12px;color:#5a4a38;text-decoration:none;background:var(--ivory)}
.tog a.on{background:var(--maroon-deep);color:var(--ivory-light)}
.flab2{font:700 10px/1 'Karla',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--copper);margin-right:6px}
/* Bots */
.stack{display:flex;align-items:flex-end;gap:3px;height:150px;border-bottom:1px solid var(--copper-line)}
.stack .d{flex:1;display:flex;flex-direction:column-reverse;min-width:0;height:100%}
.stack .d b{display:block}
.key{display:flex;flex-wrap:wrap;gap:14px;font:600 11.5px 'Karla',sans-serif;color:#5A4A38;margin:10px 0 0}
.key i{display:inline-block;width:10px;height:10px;margin-right:5px;vertical-align:-1px}
.why{display:inline-block;font:700 10px/1 'Karla',sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:4px 7px;border:1px solid var(--copper-line);background:var(--ivory);color:var(--copper)}
.why.ver{background:#3F6B4A;border-color:#3F6B4A;color:var(--ivory-light)}
.why.fake{background:var(--vermillion);border-color:var(--vermillion);color:var(--ivory-light)}
@media(max-width:640px){
  .skwide{display:none}.sknarrow{display:block}
  .prow{grid-template-columns:22px minmax(0,1fr);padding:12px}
  .prow .share{grid-column:2;justify-items:start}
  .two2{grid-template-columns:minmax(0,1fr)}
  .lrow{grid-template-columns:96px minmax(0,1fr) 54px}
  .lrow.wide{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 40px}
  .stack{height:110px;gap:1px}
  .stk tbody td.r2{grid-row:2;grid-column:2}
}

.tog a.on,.tog a{cursor:pointer}
.sess .dl{font-size:11.5px;color:#7a6a58}

/* ---- Pages, Keywords & intent, Page speed (preview 3, approved 10 Oct 2026) ---- */
/* shared: score pills, intent chips */
.sc{display:inline-block;min-width:34px;text-align:center;font:700 12px/1 'Karla',sans-serif;padding:6px 7px;border:1px solid var(--copper-line);background:var(--ivory);color:#3E1010}
.sc.g{background:#3F6B4A;border-color:#3F6B4A;color:var(--ivory-light)}
.sc.a{background:#C7862B;border-color:#C7862B;color:var(--ivory-light)}
.sc.r{background:#AD3323;border-color:#AD3323;color:var(--ivory-light)}
.intent{display:inline-block;font:700 10px/1 'Karla',sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:4px 7px;border:1px solid var(--copper-line);background:var(--ivory);color:var(--copper)}
.intent.tr{background:#3F6B4A;border-color:#3F6B4A;color:var(--ivory-light)}
.intent.co{background:#C7862B;border-color:#C7862B;color:var(--ivory-light)}
.intent.in{background:transparent;color:#7a6a58}
.intent.na{background:var(--ivory-light);color:#5A4A38}
.prob{display:inline-block;font:600 11px/1.5 'Karla',sans-serif;color:#AD3323;margin-right:8px}
.prob.ok{color:#3F6B4A}
.drawer h4{font:700 10.5px/1.4 'Karla',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--copper);margin:14px 0 6px}
.kv{display:grid;grid-template-columns:150px minmax(0,1fr);gap:4px 14px;font:400 12.5px/1.7 'Karla',sans-serif;color:#4a3c33}
.kv b{color:var(--copper);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;padding-top:3px}
.kv .bad{color:#AD3323;font-weight:600}
.two3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:8px}
.hbar{display:grid;grid-template-columns:160px minmax(0,1fr) 110px;gap:10px;align-items:center;font:600 12.5px 'Karla',sans-serif;color:#4a3c33;padding:5px 0}
.hbar .vb{height:14px;background:var(--ivory);border:1px solid var(--copper-line);display:flex}
.hbar .vb b{display:block;height:100%}
.hbar .n{text-align:right;font-weight:400;color:#5A4A38}
.verdict{border:1px solid var(--copper-line);border-left:4px solid var(--vermillion);background:var(--ivory-light);padding:16px 18px;margin:0 0 22px;font:400 13.5px/1.7 'Karla',sans-serif;color:#3E1010}
.verdict b{color:#AD3323}
.runbox{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 18px}
.runbox input{height:43px;flex:1 1 320px;min-width:0;border:1px solid var(--copper-line);background:#fff;padding:0 12px;font:400 14px 'Karla',sans-serif}
.runbox .act{height:43px}
.hist{display:flex;align-items:flex-end;gap:3px;height:110px;border-bottom:1px solid var(--copper-line)}
.hist b{flex:1;display:block;background:#3E1010}
.hist b.r{background:#AD3323}.hist b.a{background:#C7862B}.hist b.g{background:#3F6B4A}
.spark{height:60px}
.fault{font:400 12.5px/1.7 'Karla',sans-serif;color:#4a3c33;padding:8px 0;border-top:1px solid var(--copper-line)}
.fault b{color:#AD3323}.fault code{font:500 12px 'Menlo',monospace;background:var(--ivory);padding:1px 5px;word-break:break-all;white-space:normal}
@media(max-width:640px){
  .two3{grid-template-columns:minmax(0,1fr)}
  .kv{grid-template-columns:minmax(0,1fr)}.kv b{padding-top:8px}
  .hbar{grid-template-columns:96px minmax(0,1fr) 84px}
}

/* Tile filters (the master's hfilt bar) and the section a tile jumps to */
.hfilt{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:9px 14px;border:1px solid var(--copper-line);background:var(--ivory-light);font:400 12.5px/1.5 'Karla',sans-serif;color:#4a3c33}
.hfilt b{color:var(--maroon-deep)}
.hfilt .fmini{margin-left:auto}
.flash{outline:2px solid var(--vermillion);outline-offset:4px}
.kpi[data-href],.kpi[data-goto]{cursor:pointer}
.kpi:not([data-href]):not([data-goto]){cursor:default}
.kpi:not([data-href]):not([data-goto])::after{display:none}
.kpi:not([data-href]):not([data-goto]):hover{border-color:var(--copper-line)}
.xmore{margin:8px 0 0}

/* Date range picker — the Google Analytics control in the dashboard's own colours */
.rpick{position:relative;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-left:auto}
.rp-btn{display:inline-flex;align-items:center;gap:10px;font:700 12px 'Karla',sans-serif;padding:9px 14px;border:1px solid var(--copper-line);background:var(--ivory-light);color:#5a4a38;cursor:pointer}
.rp-btn .rp-lab{background:var(--ivory);padding:2px 7px;color:var(--copper);letter-spacing:.04em}
.rp-btn b{color:var(--maroon-deep);font-size:13px}
.rp-btn i{font-style:normal;color:var(--copper)}
.rp-btn:hover,.rp-btn[aria-expanded=true]{border-color:var(--vermillion)}
.rp-cmpnote{font:400 12px 'Karla',sans-serif;color:#7a6a58}
.rp-panel{position:absolute;right:0;top:calc(100% + 6px);z-index:50;display:flex;background:var(--ivory-light);border:1px solid var(--copper-line);box-shadow:0 20px 50px -20px rgba(42,33,28,.35);width:720px;max-width:calc(100vw - 32px)}
.rp-panel[hidden]{display:none}
.rp-left{display:flex;flex-direction:column;min-width:200px;border-right:1px solid var(--copper-line);padding:8px 0;max-height:440px;overflow-y:auto}
.rp-pre{text-align:left;background:none;border:none;font:400 13.5px 'Karla',sans-serif;color:#2A211C;padding:9px 18px;cursor:pointer}
.rp-pre:hover{background:var(--ivory)}
.rp-pre.on{background:rgba(173,51,35,.08);color:var(--vermillion);font-weight:700;box-shadow:inset 3px 0 0 var(--vermillion)}
.rp-pre[data-key=custom]{border-bottom:1px solid var(--copper-line);margin-bottom:4px;padding-bottom:12px}
.rp-cmp{display:block;margin:10px 18px 4px;padding-top:12px;border-top:1px solid var(--copper-line);font:700 10.5px 'Karla',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--copper)}
.rp-cmp select{display:block;width:100%;margin-top:6px;height:36px;border:1px solid var(--copper-line);background:#fff;font:400 13px 'Karla',sans-serif;padding:0 8px;text-transform:none;letter-spacing:0}
.rp-right{flex:1;padding:14px 18px;position:relative}
.rp-dates{display:flex;align-items:flex-end;gap:10px}
.rp-dates label{flex:1;font:700 10.5px 'Karla',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--copper)}
.rp-dates input{display:block;width:100%;box-sizing:border-box;height:40px;margin-top:5px;border:1px solid var(--copper-line);background:#fff;font:400 14px 'Karla',sans-serif;padding:0 8px;color:#2A211C}
.rp-dates input:focus{outline:2px solid var(--vermillion);outline-offset:-1px}
.rp-dates span{padding-bottom:10px;color:var(--copper)}
.rp-nav{display:flex;justify-content:space-between;margin:12px 0 -24px}
.rp-nav button{background:none;border:1px solid var(--copper-line);width:28px;height:28px;font-size:16px;color:var(--maroon-deep);cursor:pointer;position:relative;z-index:1}
.rp-months{display:flex;gap:18px}
.rp-month{flex:1}
.rp-mname{text-align:center;font:700 12px 'Karla',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--maroon-deep);height:28px;line-height:28px;margin-bottom:6px}
.rp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px 0}
.rp-dow{text-align:center;font:700 11px 'Karla',sans-serif;color:var(--copper);padding:4px 0}
.rp-day{height:32px;border:none;background:none;font:400 13px 'Karla',sans-serif;color:#2A211C;cursor:pointer;text-align:center;line-height:32px}
.rp-day:hover{background:var(--ivory)}
.rp-day.in{background:rgba(173,51,35,.10)}
.rp-day.from,.rp-day.to{background:var(--maroon-deep);color:var(--ivory-light);font-weight:700}
.rp-day.today{text-decoration:underline;text-underline-offset:3px}
.rp-day.off{color:#c8b9a2;cursor:default}
.rp-day.off:hover{background:none}
.rp-note{font:400 12px 'Karla',sans-serif;color:#7a6a58;margin:10px 0 0}
.rp-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:14px;border-top:1px solid var(--copper-line);padding-top:12px}
.rp-cancel{background:none;border:1px solid var(--copper-line);font:700 12px 'Karla',sans-serif;padding:10px 18px;color:#5a4a38;cursor:pointer}
.rp-apply:disabled{opacity:.45;cursor:default}
@media(max-width:760px){
  .rpick{margin-left:0;width:100%}
  .rp-btn{width:100%;justify-content:space-between}
  .rp-panel{position:fixed;left:16px;right:16px;top:16px;bottom:16px;width:auto;flex-direction:column;overflow-y:auto;z-index:1000}
  .rp-left{flex-direction:row;flex-wrap:wrap;max-height:none;border-right:none;border-bottom:1px solid var(--copper-line);min-width:0;padding:8px}
  .rp-pre{padding:7px 10px;font-size:12.5px;border:1px solid var(--copper-line);margin:3px}
  .rp-pre[data-key=custom]{margin-bottom:3px;padding-bottom:7px}
  .rp-cmp{width:100%;margin:8px 4px 0}
  .rp-months{flex-direction:column}
  .rp-month+.rp-month{display:none}
}

/* --- Market and Growth (Preview 4, 17 Oct 2026). Prefixes mk- ans- lnk- apv- are free in dashboard.css. --- */
.kpi.mk-nm b{font-size:17px;color:#7a6a58}
.mk-chart{display:flex;align-items:flex-end;gap:1px;height:110px;border-bottom:1px solid var(--copper-line);margin:6px 0 4px}
.mk-chart i{flex:1;background:#3F6B4A;min-width:2px}
.mk-chart i.no{background:transparent}
.mk-off{color:#AD3323;font-weight:600}
.apv-high,.apv-medium,.apv-low{display:inline-block;font:700 10px/1 'Karla',sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:4px 7px;border:1px solid}
.apv-high{background:#AD3323;border-color:#AD3323;color:#FBF6EC}
.apv-medium{background:#C7862B;border-color:#C7862B;color:#FBF6EC}
.apv-low{background:transparent;border-color:var(--copper-line);color:#7a6a58}
.apv-forms{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.apv-forms form{display:flex;flex-wrap:wrap;gap:6px;align-items:center;border:1px solid var(--copper-line);padding:8px 10px;background:#fff}
.apv-forms input{font:400 12.5px 'Karla',sans-serif;padding:6px 8px;border:1px solid var(--copper-line);min-width:0}
.apv-forms button{font:700 11px 'Karla',sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:7px 12px;border:1px solid #3E1010;background:#3E1010;color:#FBF6EC;cursor:pointer}
.lnk-track{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.lnk-track input,.lnk-track select{font:400 12.5px 'Karla',sans-serif;padding:6px 8px;border:1px solid var(--copper-line)}

/* --- To approve's filter bar (Preview 7, approved 18 Oct 2026), copied from the preview. The prefix flt- (and .flt)
   is free in dashboard.css and here. It replaces that screen's pill rows and hfilt line; other screens keep theirs.
   .flt-js is set by the page's script: without it (no JavaScript) the fields stay open on phones and Apply shows. --- */
.flt{border:1px solid var(--copper-line);background:var(--ivory-light);padding:14px 16px;margin:0 0 14px;font-family:'Karla',sans-serif}
.flt-row{display:grid;grid-template-columns:minmax(180px,1.2fr) repeat(3,minmax(140px,1fr)) minmax(200px,1.15fr);gap:12px;align-items:end}
.flt-f{display:flex;flex-direction:column;gap:5px;min-width:0}
.flt-f>span{font:700 10.5px 'Karla',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--copper)}
.flt-f select,.flt-f input{font:14px 'Karla',sans-serif;color:var(--ash);background:var(--ivory);border:1px solid var(--copper-line);padding:9px 10px;min-height:40px;width:100%;box-sizing:border-box}
.flt-f select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--copper) 50%),linear-gradient(135deg,var(--copper) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:30px}
.flt-f select.on{border-color:var(--maroon-deep);box-shadow:inset 0 0 0 1px var(--maroon-deep);font-weight:700}
.flt-f select:focus,.flt-f input:focus{outline:2px solid var(--vermillion);outline-offset:1px}
.flt-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:13.5px;color:var(--ash)}
.flt-act b{color:var(--maroon-deep)}
.flt-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--maroon-deep);background:var(--ivory);padding:5px 10px;font:700 12.5px 'Karla',sans-serif;color:var(--maroon-deep);text-decoration:none;overflow-wrap:anywhere}
.flt-chip i{font-style:normal;font-size:14px;line-height:1}
.flt-clear{font:700 12.5px 'Karla',sans-serif;color:var(--copper);text-decoration:underline;margin-left:4px}
.flt-go{font:700 12.5px 'Karla',sans-serif;background:var(--maroon-deep);color:var(--ivory-light);border:0;padding:8px 14px;min-height:36px;cursor:pointer;margin-left:auto}
.flt-js .flt-go:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.flt-toggle{display:none}.flt.open .flt-car{transform:rotate(180deg)}
@media(max-width:900px){.flt-row{grid-template-columns:1fr 1fr}.flt-q{grid-column:1/-1}}
@media(max-width:700px){
 .flt{padding:12px}
 .flt-row{grid-template-columns:1fr}
 .flt-js .flt-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;font:700 14px 'Karla',sans-serif;background:var(--maroon-deep);color:var(--ivory-light);border:0;padding:12px 14px;min-height:44px;cursor:pointer}
 .flt-js .flt-row{display:none;margin-top:12px}
 .flt-js.open .flt-row{display:grid}
}

/* The AstroBhava mark in the header, as the main site draws it (28 x 36). */
.brand img{display:block;flex:none}

/* --- Notification bell (Preview 5 header, approved 17 Oct 2026). Prefix ntf- is free in dashboard.css. --- */
.ntf{position:relative}
.ntf-btn{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:40px;border:1px solid var(--copper-line);background:var(--ivory-light);color:var(--maroon-deep);cursor:pointer}
.ntf-btn:hover,.ntf-btn[aria-expanded="true"]{border-color:var(--vermillion)}
.ntf-n{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--vermillion);color:var(--ivory-light);font:700 11px/18px 'Karla',sans-serif;text-align:center}
.ntf-panel{position:absolute;right:0;top:calc(100% + 8px);width:min(400px,calc(100vw - 32px));background:var(--ivory-light);border:1px solid var(--copper-line);box-shadow:0 10px 28px rgba(42,33,28,.16);z-index:80;font-family:'Karla',sans-serif}
.ntf-panel[hidden]{display:none}
.ntf-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--copper-line);font-size:13px;color:var(--maroon-deep)}
.ntf-all{background:none;border:0;color:var(--copper);font:600 12px 'Karla',sans-serif;cursor:pointer;text-decoration:underline}
.ntf-item{display:flex;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(138,90,46,.18);text-decoration:none;color:var(--ash)}
.ntf-item:hover{background:var(--ivory)}
.ntf-dot{flex:none;width:8px;height:8px;margin-top:6px;border-radius:50%;background:transparent}
.ntf-item.unread .ntf-dot{background:var(--copper)}
.ntf-item.hi .ntf-dot{background:var(--vermillion)}
.ntf-item.unread .ntf-t{font-weight:700}
.ntf-body{display:flex;flex-direction:column;gap:2px;min-width:0}
.ntf-src{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--copper)}
.ntf-item.hi .ntf-src{color:var(--vermillion)}
.ntf-t{font-size:13.5px;line-height:1.4}
.ntf-act{font-size:12px;color:var(--maroon-deep);font-weight:600}
.ntf-when{font-size:11px;color:#7a6650}
.ntf-foot{display:block;padding:11px 14px;text-align:center;font-size:12.5px;font-weight:700;color:var(--maroon-deep)}
/* The page's severity chips, drawn like To approve's priority chips */
.ntf-urgent,.ntf-important,.ntf-info{display:inline-block;font:700 10px/1 'Karla',sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:4px 7px;border:1px solid}
.ntf-urgent{background:#AD3323;border-color:#AD3323;color:#FBF6EC}
.ntf-important{background:#C7862B;border-color:#C7862B;color:#FBF6EC}
.ntf-info{background:transparent;border-color:var(--copper-line);color:#7a6a58}
/* Phones: the header takes the phone layout up to 700 px, so the bell sits at the left of the tools row
   and the panel opens across the screen from there. */
@media(max-width:700px){
  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}
  .nav-tools{display:flex;gap:8px}
  .ntf-panel{left:0;right:auto;width:calc(100vw - 32px)}
}
/* 621–700 px keeps the dashboard's 32 px gutter (it drops to 16 px at 620), so the panel is 32 px narrower there. */
@media(min-width:621px) and (max-width:700px){.ntf-panel{width:calc(100vw - 64px)}}

/* --- Search consoles (Phase 5 step 8, approved 17 Oct 2026). Prefix con- is free in dashboard.css and here.
   The screen is built from the existing controls; the only addition is the drawer's sub-heading inside a panel. --- */
.con-panel h4{font:700 10.5px/1.4 'Karla',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--copper);margin:14px 0 6px}

/* --- Ask Insights (Preview 6, approved 18 Oct 2026). Prefix ask- is free in dashboard.css and here.
   The answer's and the form's controls are the existing ones (.kv, .note, .fmini, .apv-forms buttons);
   these rules are the preview's own, copied. --- */
.ask-top{display:flex;align-items:center;height:40px;padding:0 14px;border:1px solid var(--maroon-deep);background:var(--maroon-deep);color:var(--ivory-light);font:700 13px 'Karla',sans-serif;text-decoration:none;white-space:nowrap}
.ask-page{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px}.ask-page>div{min-width:0}
.ask-hist{border:1px solid var(--copper-line);background:var(--ivory-light);font-family:'Karla',sans-serif;font-size:13px}
.ask-hist b{display:block;padding:10px 12px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--copper);border-bottom:1px solid var(--copper-line)}
.ask-hist a{display:block;padding:9px 12px;color:var(--ash);text-decoration:none;border-bottom:1px solid rgba(138,90,46,.15)}
.ask-hist a.on{background:var(--ivory);font-weight:700;border-left:3px solid var(--vermillion)}
.ask-sugg{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 12px}
.ask-thread{display:flex;flex-direction:column;gap:10px;margin:6px 0 4px;min-width:0}
.ask-msg{border:1px solid var(--copper-line);background:var(--ivory-light);padding:12px 14px;font-family:'Karla',sans-serif;font-size:14px;line-height:1.55;color:var(--ash);overflow-wrap:anywhere}
.ask-msg.me{background:var(--ivory);border-left:3px solid var(--maroon-deep)}
.ask-msg.ins{border-left:3px solid var(--copper)}
.ask-who{display:block;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--copper);margin-bottom:4px}
.ask-msg ul{margin:6px 0 0 18px;padding:0}.ask-msg li{margin:3px 0}
.ask-unm{display:inline-block;font-size:11px;font-weight:700;color:#7a6650;border:1px dashed var(--copper-line);padding:1px 6px;margin-left:4px}
/* dashboard.css gives every table min-width 840px: a chat table fits its bubble instead. */
.ask-tbl{width:100%;min-width:0;max-width:100%;table-layout:auto;border-collapse:collapse;margin:8px 0 4px;font-size:13.5px}
.ask-tbl td.n{width:1%;white-space:nowrap}
@media(max-width:700px){.ask-tbl .p{display:none}}  /* the address repeats the page name; phones keep the name */  /* number columns as narrow as their figures; text columns share the rest (live, 18 Oct 2026: a 4-column answer squeezed its paths) */
.ask-tbl th{text-align:left;font:700 10.5px 'Karla',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--copper);padding:6px 8px;border-bottom:1px solid var(--copper-line)}
.ask-tbl td{padding:6px 8px;border-bottom:1px solid rgba(138,90,46,.15);overflow-wrap:anywhere}.ask-tbl td.n{text-align:right}
.ask-src{display:block;margin-top:6px;font-size:12px;color:#7a6650}
.ask-card{border:2px solid var(--maroon-deep);background:var(--ivory-light);padding:14px 16px;margin:10px 0;font-family:'Karla',sans-serif;font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.ask-card h5{margin:0 0 6px;font:700 11px 'Karla',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--vermillion)}
.ask-card ol{margin:6px 0 8px 18px;padding:0}
.ask-card .kv{margin-top:8px}
.ask-form textarea{width:100%;box-sizing:border-box;min-height:70px;font:14px/1.5 'Karla',sans-serif;padding:10px 12px;border:1px solid var(--copper-line);background:var(--ivory-light);color:var(--ash)}
.ask-form .ask-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}
.ask-form button[disabled],.ask-form textarea[disabled]{opacity:.55;cursor:not-allowed}
.ask-hint{font-size:12px;color:#7a6650;font-family:'Karla',sans-serif}
@media(max-width:700px){
  .ask-page{grid-template-columns:1fr}.ask-hist{display:none}.ask-top{padding:0 10px;font-size:12px}
  /* The bell no longer sits first in the tools row, so its panel opens from the row's left edge. */
  header.nav .nav-tools{position:relative}.nav-tools .ntf{position:static}
}

/* --- The build queue (Phase 6 step 6, Preview 6 approved 18 Oct 2026): the drawer's Build section and the
   build's status lines in the thread. .ask-apply is the preview's panel, copied as drawn; the controls in it
   are the existing .kv, .fmini and .apv-forms. --- */
.ask-apply{border:1px solid var(--copper-line);background:var(--ivory-light);padding:14px 16px;margin-top:10px;font-family:'Karla',sans-serif;font-size:14px;overflow-wrap:anywhere}
.ask-apply .kv{margin:6px 0 10px}
.ask-apply input{font:14px 'Karla',sans-serif;padding:8px 10px;border:1px solid var(--copper-line);width:120px}
.ask-apply input[name=note]{width:200px}
.ask-apply .fmini,.ask-status .fmini{display:inline-block;margin:2px 6px 2px 0}
@media(max-width:700px){
  .ask-apply{padding:12px}
  .ask-apply .apv-forms form{flex:1 1 100%}
  .ask-apply .apv-forms input,.ask-apply input[name=note]{flex:1 1 140px;width:auto}
}