/* intelligent.AF — the brand on the shell. Loaded after tkb.css and gosomewhere.css; it only re-points
   tokens and tones (brand/SKILL.md: red = identity · commit · alarm; graphite = structure; orange =
   pending; green = done; plum = AI only) and carries the workspace page's own parts under .af-ws. */
:root{
  --commit:#A31834; --plum:#A31834; --plum-deep:#7A1226; --plum-tint:rgba(163,24,52,.08);
  --purple:#7A4B69; --teal:#7A4B69; --amber:#F07D2E; --bad:#A31834; --warn:#F07D2E; --good:#1D9E75;
  --disp:'Red Hat Display',-apple-system,'Helvetica Neue',Arial,sans-serif; --body:'Source Sans 3',-apple-system,'Helvetica Neue',Arial,sans-serif;
  --af-red:#A31834; --af-red-hi:#C42846; --af-red-deep:#7A1226; --af-red-tint:rgba(163,24,52,.07);
  --af-em:#333333; --af-em-hi:#5A5A5A; --af-ok:#1D9E75; --af-ok-tint:rgba(29,158,117,.12); --af-br:#A8561A; --af-br-hi:#F07D2E; --af-br-tint:rgba(240,125,46,.12);
  --af-ai:#7A4B69; --af-ai-tint:rgba(122,75,105,.09); --af-ai-line:rgba(122,75,105,.34);
  --af-ink:#1F1F1F; --af-dim:#535353; --af-dimmer:#8A8A8A; --af-white:#FFFFFF; --af-line:rgba(0,0,0,.10); --af-line2:rgba(163,24,52,.28); --af-soft:#F3F3F3;
}
.gw-clock{--gw-tone:#A31834;--gw-tint:rgba(163,24,52,.08)}
.gw-money{--gw-tone:#A8561A;--gw-tint:rgba(240,125,46,.12)}
.gw-ai{--gw-tone:#7A4B69;--gw-tint:rgba(122,75,105,.10)}
.gw-head::before{background:radial-gradient(closest-side,rgba(163,24,52,.07),transparent 70%)}
.gw-head::after{background:radial-gradient(closest-side,rgba(122,75,105,.09),transparent 70%)}
.side .logo img[data-brand="mark"]{height:26px;width:auto}
.katy-hd img[data-brand="mark"],.katy-fab img{border-radius:50%}
.side .logo .n{font-family:var(--disp);font-weight:700;letter-spacing:-.01em}
body,.main{background:radial-gradient(820px 360px at 88% -14%,rgba(163,24,52,.06),transparent 62%),linear-gradient(168deg,#FAFAFA,#EEEEEE) fixed}

/* ── the workspace page (from the approved mockup, 26 Sep 2026) ─────────────────────────────────── */
.af-ws{display:grid;font-family:var(--body);color:var(--af-ink);font-size:14.5px}
.af-ws h1,.af-ws h2,.af-ws h3,.af-ws h4{font-family:var(--disp);margin:0;text-wrap:balance}
.af-ws .mono{font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace;font-size:11px}
.af-ws .ex{font:600 9px var(--body);letter-spacing:.08em;background:var(--af-br-tint);color:var(--af-br);border-radius:999px;padding:1px 6px;vertical-align:middle}
.af-ws .digest{font-size:15px;line-height:1.6;max-width:72ch;margin:0}.af-ws .digest .late{color:var(--af-red);font-weight:600}
.af-ws .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:11px;margin:4px 0 12px}
.af-ws .stat{background:var(--af-white);border:1px solid var(--af-line);border-radius:11px;padding:12px 14px;position:relative;overflow:hidden}
.af-ws .stat::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--af-red),var(--af-red-hi))}
.af-ws .stat.ok::before{background:linear-gradient(90deg,#127A5A,var(--af-ok))}.af-ws .stat.br::before{background:linear-gradient(90deg,var(--af-br),var(--af-br-hi))}.af-ws .stat.ai::before{background:linear-gradient(90deg,var(--af-ai),#A97C9A)}
.af-ws .stat span{display:block;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--af-dimmer)}
.af-ws .stat b{display:block;font:600 23px var(--disp);letter-spacing:-.03em;margin-top:5px;font-variant-numeric:tabular-nums}
.af-ws .stat u{text-decoration:none;display:block;font-size:11px;color:var(--af-dim);margin-top:2px}
.af-ws .vno{font:600 10px ui-monospace,Menlo,monospace;color:var(--af-dimmer);letter-spacing:.04em;border:1px solid var(--af-line);border-radius:5px;padding:0 5px;margin-right:4px}
.af-ws .meter .tgt{position:absolute;right:0;top:-2px;width:2px;height:12px;background:var(--af-ink);opacity:.5}
.af-ws .tt .esc{font-size:10.5px;color:var(--af-red)}
.af-ws .trail{position:relative;padding-left:22px;margin-top:6px}
.af-ws .trail::before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:var(--af-line)}
.af-ws .gate{position:relative;padding:8px 0 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:start}
.af-ws .gate::before{content:"";position:absolute;left:-20px;top:13px;width:10px;height:10px;border-radius:50%;background:var(--af-ok);border:2px solid var(--af-white);box-shadow:0 0 0 1px var(--af-ok)}
.af-ws .gate.now::before{background:var(--af-white);box-shadow:0 0 0 2px var(--af-red);animation:afPing 2.4s ease-out infinite}
.af-ws .gate.wait::before{background:var(--af-soft);box-shadow:0 0 0 1px var(--af-dimmer)}
.af-ws .gate.rej::before{background:var(--af-red);box-shadow:0 0 0 1px var(--af-red)}
.af-ws .gate h4{font-size:13.5px;font-weight:700}.af-ws .gate .role{font-size:12px;color:var(--af-dim)}
.af-ws .gate .meta{font-size:11.5px;color:var(--af-dim);display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.af-ws .gate .hash{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:var(--af-dim);background:var(--af-soft);border-radius:6px;padding:1px 7px;border:1px solid var(--af-line)}
.af-ws .gate .hash.pending{color:var(--af-dimmer);border-style:dashed;background:none}
.af-ws .gate .rt{text-align:right;font-size:11.5px;color:var(--af-dim);white-space:nowrap}
.af-ws .gate .rt b{display:block;font:600 13px var(--disp);color:var(--af-ink)}.af-ws .gate .rt b.over{color:var(--af-red)}.af-ws .gate .rt b.met{color:var(--af-ok)}
.af-ws .stamp{border:2px solid var(--af-ok);color:var(--af-ok);border-radius:5px;padding:2px 8px;font-size:9px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;transform:rotate(-3deg);display:inline-block}
.af-ws .stamp.wait{border-color:var(--af-dimmer);color:var(--af-dimmer)}.af-ws .stamp.now{border-color:var(--af-red);color:var(--af-red)}
.af-ws .law{border:1px solid var(--af-ai-line);background:var(--af-ai-tint);border-radius:10px;padding:10px 14px;font-size:12px;line-height:1.55}
.af-ws .law.ok{border-color:rgba(29,158,117,.3);background:var(--af-ok-tint)}.af-ws .law.bad{border-color:var(--af-line2);background:var(--af-red-tint)}
.af-ws .aiw{display:flex;gap:8px;flex-wrap:wrap;align-items:center;border:1px solid var(--af-ai-line);border-radius:14px;padding:8px 12px;background:var(--af-ai-tint)}
.af-ws .aiw>b{font:700 12.5px var(--disp);color:var(--af-ai)}
/* the daily digest — three cards in the highlighter style (Asa, 26 Sep 2026: "I like the highlighter ones, less detail, concise") */
.af-ws .dg3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:900px){.af-ws .dg3{grid-template-columns:1fr}}
.af-ws .dg{background:var(--af-white);border:1px solid var(--af-line);border-radius:14px;padding:14px 16px;display:grid;gap:8px;align-content:start;animation:afRise .5s cubic-bezier(.2,.8,.2,1) both}
.af-ws .dg .k{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--af-dimmer)}
.af-ws .dg h3{font-size:22px;font-weight:700;letter-spacing:-.01em}
.af-ws .dg .s{font-size:12px;color:var(--af-dim);margin-top:-4px}
.af-ws .dg p{margin:0;font-size:15px;line-height:1.7;color:var(--af-ink)}
.af-ws .hl{display:inline-block;padding:0 5px;border-radius:4px;font-weight:600;line-height:1.35;background:#FBE1E7;color:#7A1226}
.af-ws .hl.date{background:#FBF1CF;color:#5C4304}.af-ws .hl.money{background:#DDF3E9;color:#0B5E45}.af-ws .hl.name{background:var(--af-soft);color:var(--af-ink);font-weight:500}
.af-ws .dg .ft{border-top:1px solid var(--af-soft);padding-top:8px;font-size:10.5px;color:var(--af-dimmer);display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center}
.af-ws table{width:100%;border-collapse:collapse;font-size:12.5px}.af-ws th{font:600 9.5px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--af-dim);text-align:left;padding:6px 8px;border-bottom:1px solid var(--af-line)}.af-ws td{padding:7px 8px;border-bottom:1px solid var(--af-soft);vertical-align:top}
.af-ws tr.click{cursor:pointer}.af-ws tr.click:hover td{background:var(--af-soft)}
@keyframes afDrift{to{transform:translate(-6%,4%)}}@keyframes afDraw{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes afGlint{0%{left:-70px}35%,100%{left:100%}}@keyframes afRise{from{opacity:.001;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes afPing{0%{box-shadow:0 0 0 0 rgba(163,24,52,.45)}70%{box-shadow:0 0 0 7px rgba(163,24,52,0)}100%{box-shadow:0 0 0 0 rgba(163,24,52,0)}}
@media (prefers-reduced-motion:reduce){.af-ws .head::before,.af-ws .head::after,.af-ws .line,.af-ws .line::after,.af-ws .card,.af-ws .bt,.af-ws .meter i,.af-ws .meter em::after,.af-ws .gate.now::before{animation:none!important}}

/* intelligent.AF's assistant button is not Arvind's; hidden until intelligent.AF has its own (SoW 1.1 human-review gate) */


/* the wordmark in the sidebar and the top bar (Asa, 27 Sep 2026) */
.side .logo{height:auto;overflow:visible;padding:2px 0 6px}
.side .logo .af-wordmark{height:34px;width:auto;display:block}
.side .logo .af-emblem{display:none;height:30px;width:auto}
.nav-collapsed .side .logo .af-wordmark{display:none}
.nav-collapsed .side .logo .af-emblem{display:block;margin:0 auto}
#myLeave{display:none!important}
.tb-mark{display:inline-flex;align-items:center;margin-right:6px}.tb-mark img{height:26px;width:auto;display:block}
@media (max-width:860px){.tb-mark img{height:22px}}
/* Ari: a white A on a red disc (Asa, 27 Sep 2026: "invert the colours, red background and white emblem") */
.katy-fab{background:#A31834;border:2px solid #fff;box-shadow:0 6px 22px rgba(163,24,52,.45)}
.katy-fab img,.katy-hd img[data-brand="mark"]{border-radius:50%}
/* feedback: a pencil, not a face */
.fb-fab{display:grid;place-items:center;background:#fff;color:#A31834;border:2px solid #A31834}
.fb-fab svg{width:26px;height:26px}

/* the sheets — a blend (Asa, 27 Sep 2026): a sensible table like the Leela's matrix, with the sheet's discipline:
   row numbers, typed cells as light fields, computed cells as figures with their basis, required cells amber */
.af-ws .xs{overflow-x:auto;border:1px solid var(--af-line);border-radius:14px;background:var(--af-white)}
.af-ws .xs-t{border-collapse:collapse;width:100%;font:400 13.5px var(--body);font-variant-numeric:tabular-nums}
.af-ws .xs-t th{background:var(--af-white);color:var(--af-dim);font:600 10px var(--body);letter-spacing:.08em;text-transform:uppercase;border:0;border-bottom:1px solid var(--af-line);padding:9px 12px;text-align:left;position:sticky;top:0;white-space:nowrap}
.af-ws .xs-t td{border:0;border-bottom:1px solid var(--af-soft);padding:6px 12px;height:38px;vertical-align:middle}
.af-ws .xs-t tr:last-child td{border-bottom:0}
.af-ws .xs-rn{width:38px;color:var(--af-dimmer);text-align:right;font-size:11px;padding-right:6px!important}
.af-ws .xs-sec td{background:var(--af-soft);color:var(--af-ink);font:700 12px var(--disp);letter-spacing:.02em;height:34px}
.af-ws .xs-l{width:240px;font-weight:500}.af-ws .xs-u{color:var(--af-dimmer);font-size:12px;width:240px}
.af-ws .xs-i{padding:4px 8px!important;width:220px}
.af-ws .xs-i input,.af-ws .xs-i select{width:100%;height:30px;border:1px solid #DCDCDC;border-radius:8px;background:#fff;padding:0 10px;font:400 13.5px var(--body);text-align:right;color:var(--af-ink)}
.af-ws .xs-i select{text-align:left}.af-ws .xs-i input:focus,.af-ws .xs-i select:focus{outline:2px solid rgba(163,24,52,.3);outline-offset:1px;border-color:var(--af-red)}
.af-ws .xs-i.miss input,.af-ws .xs-i.miss select{background:#FBF1CF;border-color:#E8D2A6}
.af-ws .xs-c{text-align:right;font:600 14px var(--disp);color:var(--af-ink);width:220px;padding-right:20px!important}
.af-ws .xs-rv{width:220px;font-size:12px;padding:4px 8px!important}.af-ws .xs-rv .ok{color:#0B5E45;background:var(--af-ok-tint);border-radius:999px;padding:1px 8px;font-weight:500}.af-ws .xs-rv .q{color:#7A1226;background:var(--af-red-tint);border-radius:999px;padding:1px 8px;font-weight:500}
.af-ws .xs-rv select{font:400 12px var(--body);border:1px solid #DCDCDC;border-radius:8px;padding:3px 6px;height:28px}.af-ws .xs-rv input{font:400 12px var(--body);border:1px solid #DCDCDC;border-radius:8px;padding:3px 8px;width:110px;height:28px}
.af-ws .xs-bm{text-align:right;color:#2E6BA8;font-weight:500}
.af-ws .tabs a.tab{text-decoration:none}

/* the relay strip (approved mockup "Site feasibility, the relay", 27 Sep 2026) */
.af-ws .bcard{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:start;border:1px solid var(--af-line);border-radius:14px;padding:12px;background:var(--af-white)}
.af-ws .blogo{width:96px;height:72px;border-radius:10px;display:grid;place-items:center;background:#fff;border:1px solid var(--af-line);overflow:hidden}.af-ws .blogo img{max-width:88px;max-height:64px}.af-ws .blogo b{font:700 15px var(--disp);letter-spacing:-.02em;color:#fff;width:100%;height:100%;display:grid;place-items:center}
.af-ws .grid3 .fld small{font-size:10px;color:var(--af-dimmer)}

/* Ari AI · the drop box, light plum (Asa, 27 Sep 2026) — plum is AI and nothing else */

/* the journey tracker */
/* Simulate — purple, everywhere data is typed (Asa, 27 Sep 2026); it fills EXAMPLE values into Postgres rows for testing */
.af-ws .b.ai.sim,.b.ai.sim{background:var(--af-ai,#7A4B69);border-color:var(--af-ai,#7A4B69);color:#fff}
.af-ws .b.ai.sim:hover,.b.ai.sim:hover{background:#6A3F5B}

/* the journey as a route of icon nodes */

/* list pages: the bar, cards, the list */
.af-ws table.colf th{white-space:nowrap}

/* Settings under intelligent.AF: the lead stages come from af_setting; the shell's client-lifecycle and ops-phase editors are not this product's */
.card:has(> #pipebox_clients),.card:has(> #pipebox_ops){display:none}