/* Inbox intelligence v0.10 (03-10-2026): customer intelligence header, dials, order hero, AI brief, Original | English.
   Same language as the rest of the OS: warm white, gold as the only brand mark, Tenor Sans for numbers, 1px lines. */
.av-wrap{position:relative;display:inline-block;flex:none}
.av-wrap .av-img.groot,.av-wrap .av-ini.groot{width:72px;height:72px;font-size:24px;box-shadow:0 0 0 3px var(--vlak),0 0 0 4px var(--lijn)}
.av-ini.g-female{background:#f3e7e4;color:#8a5a4e}.av-ini.g-male{background:#e6ecf2;color:#4f6478}
.av-wrap .gesl{position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;padding:4px;border-radius:50%;background:var(--vlak);border:1px solid var(--lijn);color:var(--inkt-licht)}
.av-wrap:not(:has(.groot)) .gesl{width:16px;height:16px;padding:2px}
.stil-link{color:var(--goud-donker);text-decoration:none;font-size:12px}
.match{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:500;letter-spacing:.04em;padding:2px 8px;border-radius:999px;border:1px solid var(--lijn);white-space:nowrap;background:var(--vlak);color:var(--inkt)}
.match .ico{width:11px;height:11px}
.match.verified{color:var(--groen);border-color:#c9dccf;background:var(--groen-licht)}
.match.likely{color:var(--amber);border-color:#e6d2a6;background:var(--amber-licht)}
.match.unknown{color:var(--inkt);border-color:var(--lijn-sterk);background:var(--grond-dim)}
.match.geen{color:var(--inkt-licht)}
.chan{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:4px;background:var(--grond-dim);color:var(--inkt-donker);white-space:nowrap}
.chan i{width:7px;height:7px;border-radius:50%;background:#c5221f}
.chan.tidio i{background:#1a73e8}
.chan.mini{font-size:9.5px;padding:1px 6px}
.ook{font-size:11px;color:var(--inkt-licht);border:1px dashed var(--lijn-sterk);border-radius:4px;padding:1px 7px;white-space:nowrap}
.niv{display:inline-block;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;padding:1px 6px;border-radius:3px;border:1px solid var(--lijn);color:var(--inkt-licht);vertical-align:middle;margin-left:4px;white-space:nowrap}
.niv.verified{color:var(--groen);border-color:#c9dccf}.niv.inferred,.niv.likely{color:var(--amber);border-color:#e6d2a6}.niv.unknown{color:var(--inkt-zacht)}
/* dials */
.dial{background:var(--vlak);padding:10px 16px 10px;display:grid;gap:4px;min-width:0}
.dial small{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--inkt-zacht)}
.dial .dv{display:flex;align-items:center;gap:10px;min-height:30px}
.dial .dv b{font-family:var(--titel);font-weight:400;font-size:16px;color:var(--inkt-donker);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dial > span{font-size:11.5px;color:var(--inkt-licht);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dial.rood .dv b,.dial.rood .mood-ico{color:var(--rood)}.dial.amber .dv b,.dial.amber .mood-ico{color:var(--amber)}.dial.groen .dv b,.dial.groen .mood-ico{color:var(--groen)}.dial.grijs .mood-ico{color:var(--inkt-licht)}
.mood-ico{width:28px;height:28px;flex:none}
.mood-ico.s{width:16px;height:16px;vertical-align:-3px;margin-right:4px}
.dial.rood .mood-ico[class*="escalating"]{animation:ci-puls 1.6s ease-in-out infinite}
@keyframes ci-puls{0%,100%{opacity:1}50%{opacity:.55}}
.bars{display:inline-flex;align-items:flex-end;gap:3px;height:22px}
.bars i{width:6px;border-radius:2px;background:var(--grond-dim);display:block}
.bars i:nth-child(1){height:8px}.bars i:nth-child(2){height:14px}.bars i:nth-child(3){height:22px}
.dial.rood .bars i.aan{background:var(--rood)}.dial.amber .bars i.aan{background:var(--amber)}.dial.normaal .bars i.aan,.dial.laag .bars i.aan{background:var(--inkt-licht)}
.meter{display:inline-flex;gap:3px}
.meter i{width:10px;height:14px;border-radius:2px;background:var(--grond-dim);display:block}
.dial.groen .meter i.aan{background:var(--groen)}.dial.grijs .meter i.aan{background:var(--inkt-licht)}.dial.amber .meter i.aan{background:var(--amber)}.dial.rood .meter i.aan{background:var(--rood)}
.ring.s{width:34px;height:34px;font-size:10.5px}
.ring.leeg{background:var(--grond-dim);color:var(--inkt-licht)}
/* profile strip */
.ident-strip .dim{color:var(--inkt-zacht)}
/* order hero */
.order-hero{padding:14px 18px 12px;background:linear-gradient(180deg,#fffdf9,var(--vlak))}
.order-hero.leeg p{margin:6px 0 0;font-size:13px}
.oh-kop{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.oh-nr{font-family:var(--titel);font-size:24px;color:var(--inkt-donker);letter-spacing:.02em}
.oh-nr.dim{font-size:16px;color:var(--inkt-licht)}
.oh-kop a{margin-left:auto;font-size:11.5px;color:var(--goud-donker);text-decoration:none;font-weight:500;letter-spacing:.04em}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:500;letter-spacing:.06em;padding:3px 9px;border-radius:999px;border:1px solid var(--lijn);background:var(--vlak);color:var(--inkt-donker);white-space:nowrap}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.pill.groen{color:var(--groen);border-color:#c9dccf;background:var(--groen-licht)}.pill.amber{color:var(--amber);border-color:#e6d2a6;background:var(--amber-licht)}.pill.rood{color:var(--rood);border-color:#e6b9b3;background:var(--rood-licht)}.pill.grijs{color:var(--inkt-licht)}
.oh-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px 18px;margin-top:12px}
.oh-item{display:flex;gap:12px;align-items:center;min-width:0}
.oh-item img,.oh-noimg{width:64px;height:64px;border-radius:var(--radius-k);object-fit:cover;flex:none;background:var(--grond-dim);border:1px solid var(--lijn)}
.oh-noimg{display:grid;place-items:center;color:var(--inkt-zacht)}
.oh-item b{display:block;font-weight:500;color:var(--inkt-donker);font-size:13.5px}
.oh-item small{display:block;font-size:12px;color:var(--inkt-licht)}
.oh-item small.pers{color:var(--goud-donker)}.oh-item small.pers b{display:inline;color:var(--inkt-donker);font-weight:500;font-size:12px}
.oh-feiten{display:flex;gap:6px 18px;flex-wrap:wrap;margin-top:12px;font-size:12.5px;color:var(--inkt-licht);padding-top:10px;border-top:1px dotted var(--lijn)}
.oh-feiten b{color:var(--inkt-donker);font-weight:500}
.oh-feiten .amber{color:var(--amber)}
.oh-tr{display:block;margin-top:6px;font-size:12.5px;color:var(--inkt-licht)}
.oh-tr b{color:var(--inkt-donker);font-weight:500;margin-right:4px}
.order-hero .orderlijn{margin-top:12px}
/* brief */
.brief{border:1px solid var(--goud-zacht);border-left:3px solid var(--goud);border-radius:var(--radius-k);background:var(--creme);padding:14px 18px 12px}
.br-kop{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;flex-wrap:wrap}
.br-kop h3{display:flex;align-items:center;gap:8px;font-size:16px}
.br-kop h3 .ico{color:var(--goud-donker)}
.brief dl{display:grid;grid-template-columns:118px 1fr;gap:7px 14px;margin:0;font-size:13.5px}
.brief dt{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--inkt-licht);padding-top:3px}
.brief dd{margin:0;color:var(--inkt)}
.brief dd.sterk{color:var(--inkt-donker);font-weight:500}
.brief dd.dim{color:var(--inkt-licht)}
.brief dt.rood,.brief dd.rood{color:var(--rood)}
.brief ol{margin:0;padding-left:18px;display:grid;gap:3px}
.brief .mood-rij{display:flex;align-items:center;flex-wrap:wrap}
/* conversation */
.gesprek .gk-rechts{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.seg{display:inline-flex;border:1px solid var(--inkt-donker);border-radius:var(--radius);overflow:hidden}
.seg button{border:0;background:var(--vlak);color:var(--inkt-donker);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;padding:6px 12px;font-weight:500;cursor:pointer;transition:all .2s}
.seg button+button{border-left:1px solid var(--inkt-donker)}
.seg button[aria-pressed="true"]{background:var(--inkt-donker);color:#fff}
.mail.in{border-left:2px solid var(--lijn-sterk)}
.mail.uit{margin-top:10px;border-left:2px solid var(--goud);background:var(--creme)}
.mail .onderwerp{margin:6px 0 4px;font-weight:500;color:var(--inkt-donker)}
.mail .tekst{white-space:pre-line;margin:0;line-height:1.55}
.mail .tekst.en{color:var(--inkt-donker)}
.mail .vert-noot{margin:8px 0 0;font-size:11px;color:var(--inkt-zacht);letter-spacing:.04em}
.mail .fw-noot{margin:4px 0 0;font-size:11.5px;color:var(--goud-donker)}
.stuur-noot{display:flex;align-items:center;gap:6px;margin:12px 0 0;font-size:12px;color:var(--inkt-licht)}
.stuur-noot b{color:var(--inkt-donker);font-weight:500}
.controle ul{margin:0;padding-left:18px;font-size:13px;display:grid;gap:4px;color:var(--inkt-donker)}
/* contact history */
.hist-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:10px}
.hist-strip div{border:1px solid var(--lijn);border-radius:var(--radius-k);padding:8px 10px;background:var(--creme);min-width:0}
.hist-strip small{display:block;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--inkt-zacht)}
.hist-strip b{display:block;font-family:var(--titel);font-weight:400;font-size:15px;color:var(--inkt-donker);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tl.hist li span em{color:var(--inkt-licht);font-style:normal;font-size:12px}
.tl.hist li.issue span{color:var(--inkt-donker)}
/* list rows */
.case .mood-dot{display:inline-flex;align-items:center;vertical-align:-3px;margin-left:6px}
.case .mood-dot .mood-ico{width:15px;height:15px}
.case .mood-dot.rood .mood-ico{color:var(--rood)}.case .mood-dot.amber .mood-ico{color:var(--amber)}.case .mood-dot.groen .mood-ico{color:var(--groen)}.case .mood-dot.grijs .mood-ico{color:var(--inkt-zacht)}
.case .nx{font-size:10.5px;color:var(--rood);font-weight:500}
@media (max-width:1300px){.hist-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1000px){.av-wrap .av-img.groot,.av-wrap .av-ini.groot{width:56px;height:56px;font-size:18px}.brief dl{grid-template-columns:1fr;gap:2px 0}.brief dt{margin-top:8px}.oh-nr{font-size:20px}.oh-kop a{margin-left:0}}
@media (max-width:600px){.hist-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.oh-items{grid-template-columns:1fr}}
/* v0.11 (03-10-2026, sessie dev-ac): public profiles, honest tracking, other orders, history with coverage, risk signals, transcript */
.av-prof{position:absolute;right:-3px;bottom:-3px;min-width:22px;height:22px;padding:0 4px;border-radius:999px;display:grid;place-items:center;font-size:9.5px;font-weight:600;letter-spacing:.02em;background:var(--vlak);border:1px solid var(--lijn);color:var(--inkt-donker)}
.av-prof .ico{width:12px;height:12px}
.av-prof.confirmed{border-color:#c9dccf;color:var(--groen)}.av-prof.likely{border-color:#e6d2a6;color:var(--amber)}
.av-wrap:not(:has(.groot)) .av-prof{min-width:16px;height:16px;font-size:8px}
.ring.xs{width:30px;height:30px;font-size:10px}
.ring.xs::before{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--vlak)}
.oh-notes{display:flex;gap:6px 14px;flex-wrap:wrap;margin-top:8px}
.oh-keuze{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--groen)}
.oh-keuze.amber{color:var(--amber)}.oh-keuze b{font-weight:500}
.oh-andere{display:flex;align-items:baseline;gap:6px 12px;flex-wrap:wrap;margin-top:10px;font-size:12px;color:var(--inkt-licht)}
.oh-ander{border:1px solid var(--lijn);border-radius:4px;padding:2px 8px;background:var(--vlak)}
.oh-ander b{color:var(--inkt-donker);font-weight:500}
.oh-ander.nul{border-style:dashed;color:var(--amber)}
.oh-tr b.rood{color:var(--rood)}.oh-tr b.amber{color:var(--amber)}
.hist-dek{display:flex;align-items:center;gap:6px;margin:10px 0 0;font-size:11px;color:var(--inkt-zacht)}
.sig-rij{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 10px}
.sig{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;padding:3px 9px;border-radius:999px;border:1px solid var(--lijn);background:var(--vlak)}
.sig .ico{width:12px;height:12px}.sig small{color:var(--inkt-zacht);font-size:10.5px}
.sig.rood{color:var(--rood);border-color:#e6b9b3;background:var(--rood-licht)}.sig.amber{color:var(--amber);border-color:#e6d2a6;background:var(--amber-licht)}
.draad{margin:0 0 10px;border:1px solid var(--lijn);border-radius:var(--radius-k);background:var(--vlak)}
.draad summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;color:var(--inkt-donker)}
.draad summary::-webkit-details-marker{display:none}
.draad ol{list-style:none;margin:0;padding:0 12px 12px;display:grid;gap:8px}
.draad li{max-width:86%;padding:7px 11px;border-radius:10px;font-size:12.5px;line-height:1.45}
.draad li.customer{background:var(--grond-dim);justify-self:start;border-bottom-left-radius:3px}
.draad li.team{background:var(--creme);border:1px solid var(--goud-zacht);justify-self:end;border-bottom-right-radius:3px}
.draad li small{display:block;font-size:10px;letter-spacing:.06em;color:var(--inkt-zacht);margin-bottom:2px}
.draad li p{margin:0;color:var(--inkt-donker);overflow-wrap:anywhere}
.tl.hist li.nu span b{color:var(--goud-donker)}
@media (max-width:600px){.draad li{max-width:100%}}
.oh-keuze.dim{color:var(--inkt-licht)}

/* 04-10: composite customer mood (mail + history): note in the brief and history tag in the dial */
.mood-rij .mood-noot{display:inline-block;margin-left:8px;font-size:10.5px;letter-spacing:.04em;color:var(--inkt-licht);border:1px solid var(--lijn);border-radius:999px;padding:1px 7px;vertical-align:1px}
.dial small .niv{margin-left:6px;letter-spacing:.04em;text-transform:none;vertical-align:1px}