/* Winslow CRM Style A ("bright Florida") theme layer. Loaded after app.css only when the look is on (see CRM-NOTES, Style A).
   Every rule is scoped to html.lookA so turning the look off restores the classic look exactly. Colors with text meet WCAG AA. */
html.lookA{
  --ink:#10233a;--ink2:#3f5068;--muted:#52627a;--line:#e2e9f0;--bg:#f2f6f9;--card:#fff;
  --navy:#10233a;--navy2:#e7f3f4;--navy3:#0a4f58;
  --gold:#0d6e7a;--gold2:#7cc4cc;--goldd:#0a5c66;--goldl:#ffffff;--blue:#0a5c66;
  --ocean:#0d6e7a;--ocean-d:#0a4f58;--ocean-l:#e7f3f4;
  --coral:#c4472b;--coral-b:#ef6f52;--coral-l:#fde8e2;
  --sun:#f2b632;--sun-d:#7a4a00;--sun-l:#fdf1cc;
  --palm:#23794b;--palm-l:#e3f4ea;--sky:#2a6fc9;--sky-l:#e6f0fc;--orchid:#7347c2;--orchid-l:#efe8fb;--rose:#c23b62;--rose-l:#fbe6ed;--slate:#2b4058;
  --ok:#1f7a45;--ok-bg:#e3f4ea;--wait:#7a5a00;--wait-bg:#fdf1cc;--need:#c0262d;--need-bg:#fcebeb;
  --serif:"Bricolage Grotesque",Inter,system-ui,sans-serif;--r:20px;--tile-b:#e2e9f0;
  --sh:0 1px 2px rgba(16,35,58,.04),0 6px 18px -8px rgba(16,35,58,.12);--sh2:0 14px 34px -14px rgba(16,35,58,.28)
}
html.lookA,html.lookA body{background:var(--bg)!important;color:var(--ink)}
html.lookA body[data-brand=loan]{--gold:#2a6fc9;--gold2:#9cc3f2;--goldd:#1f58a6;--blue:#1f58a6}
html.lookA h1,html.lookA h2,html.lookA h3,html.lookA .hm-hi h1,html.lookA .hero h1,html.lookA .login h1{font-family:var(--serif)!important;letter-spacing:-.01em;color:var(--ink)}
html.lookA h1{font-weight:800}
html.lookA a{color:var(--blue)}
html.lookA .muted,html.lookA .small.muted{color:var(--muted)!important}

/* Icon chips: one consistent colorful set. --c comes from theme-a.js (by screen). */
html.lookA [data-tone=ocean]{--c:#0d6e7a}html.lookA [data-tone=coral]{--c:#c4472b}html.lookA [data-tone=sun]{--c:#b87a00}
html.lookA [data-tone=palm]{--c:#23794b}html.lookA [data-tone=sky]{--c:#2a6fc9}html.lookA [data-tone=orchid]{--c:#7347c2}
html.lookA [data-tone=rose]{--c:#c23b62}html.lookA [data-tone=slate]{--c:#2b4058}

/* ---------- Side menu ---------- */
html.lookA .side{background:#fff!important;border-right:1px solid var(--line)!important;color:var(--ink)!important;box-shadow:none}
html.lookA .side .brand{padding-bottom:12px}
html.lookA .side .blogo{filter:none}
html.lookA .nav a{color:#2b3c52!important;font-weight:600;border-radius:12px;padding:6px 10px;gap:10px;font-size:14px}
html.lookA .nav a .ic{width:28px;height:28px;padding:5px;border-radius:9px;background:var(--c,#0d6e7a);fill:#fff;color:#fff;vertical-align:middle}
html.lookA .nav a:hover{background:#f1f6f8!important;color:var(--ink)!important;transform:none}
html.lookA .nav a.on{background:var(--ocean-l)!important;color:var(--ocean-d)!important;box-shadow:inset 3px 0 0 var(--ocean)!important}
html.lookA .ngrp{color:#5b6b7f!important;font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
html.lookA .pill{background:var(--sun)!important;color:#3d2a00!important}
html.lookA .pill.red{background:var(--need)!important;color:#fff!important}
html.lookA .side .me{border-top:1px solid var(--line)!important;color:var(--ink)!important}
html.lookA .side .me a,html.lookA .side .me .small{color:var(--muted)!important}
html.lookA .side .me .mename{color:var(--ink)!important}
html.lookA .side .me .btn{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important}
html.lookA .side .me .btn.meout{color:var(--coral)!important}
html.lookA .brandsw{background:#eef3f6!important;border:1px solid var(--line)!important}
html.lookA .brandsw button{color:var(--ink2)!important;background:transparent}
html.lookA .brandsw button.on{background:var(--ocean)!important;color:#fff!important}
html.lookA .sideback{background:rgba(16,35,58,.35)}

/* ---------- Header, search, phone bars ---------- */
html.lookA .hdr{background:linear-gradient(var(--bg) 75%,rgba(242,246,249,0))!important}
html.lookA .gs{border-radius:999px;border-color:var(--line);box-shadow:0 2px 10px -6px rgba(16,35,58,.25)}
html.lookA .gs-ic .ic{fill:var(--ocean)}
html.lookA .gs-k{background:var(--ocean-l);color:var(--ocean-d);border-color:transparent}
html.lookA .gs-i.sel,html.lookA .gs-i:hover{background:var(--ocean-l)!important}
html.lookA .askb,html.lookA .hm-add{background:var(--ocean)!important;border-color:var(--ocean)!important;color:#fff!important;border-radius:999px!important}
html.lookA .askb .ic,html.lookA .hm-add .li{fill:#fff!important;color:#fff!important}
html.lookA .askb:hover,html.lookA .hm-add:hover{background:var(--ocean-d)!important}
html.lookA .topbar{background:#fff!important;color:var(--ink)!important;border-bottom:1px solid var(--line)!important;box-shadow:0 4px 14px -10px rgba(16,35,58,.3)}
html.lookA .topbar b{color:var(--ink)}
html.lookA .topbar .tb-ic{color:var(--ocean-d)!important}
html.lookA .topbar .tb-ic .ic{fill:var(--ocean-d)}
html.lookA .tabbar{background:#fff!important;border-top:1px solid var(--line)!important;box-shadow:0 -6px 18px -12px rgba(16,35,58,.3)!important}
html.lookA .tabbar a{color:#52627a!important}
html.lookA .tabbar a .ic{fill:currentColor}
html.lookA .tabbar a.on{color:var(--ocean-d)!important;font-weight:700}
html.lookA .tabbar a.on .ic{color:#fff!important;fill:#fff;background:var(--ocean);border-radius:10px;padding:3px;box-sizing:content-box}

/* ---------- Cards, tiles, numbers ---------- */
html.lookA .card,html.lookA .mcard,html.lookA .kpi,html.lookA .tile,html.lookA .irow{border-radius:20px!important;border-color:var(--line)!important;box-shadow:var(--sh)!important}
html.lookA .card:hover{box-shadow:var(--sh)}
html.lookA .kpi b,html.lookA .hm-num b,html.lookA .hm-chip b,html.lookA .tile-num{font-family:var(--serif)!important;font-weight:800!important;color:var(--ink)}
html.lookA .kpi .kic{background:var(--ocean-l);color:var(--ocean-d)}
html.lookA .hm-t{border-radius:20px!important;border-color:var(--line)!important;box-shadow:var(--sh)!important;color:var(--ink)!important;height:auto!important;min-height:104px;padding:14px!important}
html.lookA .hm-t:hover{border-color:#bcd9dd!important;transform:translateY(-2px);box-shadow:var(--sh2)!important}
html.lookA .hm-t .li{width:44px!important;height:44px!important;padding:11px;border-radius:14px;background:var(--c,#0d6e7a);color:#fff!important;box-sizing:border-box;box-shadow:inset 0 -3px 0 rgba(0,0,0,.1)}
html.lookA .hm-t:hover .li{color:#fff!important}
html.lookA .hm-t span{font-weight:700}
html.lookA .hm-num{min-height:96px}
html.lookA .hm-num b.need{color:var(--need)!important}html.lookA .hm-num b.ok{color:var(--ok)!important}
html.lookA .hm-s h2,html.lookA .hm-sub{font-family:var(--serif)!important;font-size:17px!important;font-weight:700!important;color:var(--ink)!important;margin-bottom:10px!important}
html.lookA .hm-chip{border-radius:18px!important;border-color:var(--line)!important;box-shadow:var(--sh)!important}
html.lookA .hm-chip.is-need{box-shadow:inset 4px 0 0 var(--need),var(--sh)!important}
html.lookA .hm-chip.is-wait{box-shadow:inset 4px 0 0 var(--sun),var(--sh)!important}
html.lookA .hm-b,html.lookA .bdg{background:var(--coral-b)!important;color:#fff!important;border:2px solid #fff}
html.lookA .hm-b{background:var(--need)!important}
html.lookA .hm-view{border-radius:999px!important}
html.lookA .hm-more a{color:var(--ocean-d)!important}
html.lookA .tile-ic{background:var(--c,#0d6e7a)!important;color:#fff!important;fill:#fff;border-radius:14px}
html.lookA .tile-brk{background:#f7fbfc!important;border-color:#bcd9dd!important}

/* Home and dashboard hero (theme-a.js adds .la-hero) */
html.lookA .la-hero{position:relative;overflow:hidden;border-radius:28px;color:#fff;padding:26px 28px;margin:4px 0 18px;background:#0a4f58 var(--img) center/cover no-repeat;min-height:150px;display:flex;flex-direction:column;justify-content:flex-end}
html.lookA .la-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,52,60,.88) 0%,rgba(7,52,60,.62) 48%,rgba(7,52,60,.12) 100%)}
html.lookA .la-hero>*{position:relative}
html.lookA .la-hero h1,html.lookA .la-hero h2{color:#fff!important;margin:0}
html.lookA .la-hero p{color:#e2f2f3;margin:6px 0 0;max-width:56ch}
html.lookA .hm-h.la-on{position:relative;overflow:hidden;border-radius:28px;padding:26px 28px!important;margin-bottom:6px;min-height:132px;background:#0a4f58 var(--img) center/cover no-repeat}
html.lookA .hm-h.la-on:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,52,60,.9),rgba(7,52,60,.55) 55%,rgba(7,52,60,.1))}
html.lookA .hm-h.la-on>*{position:relative}
html.lookA .hm-h.la-on .hm-hi h1{color:#fff!important;font-size:34px!important}
html.lookA .hm-h.la-on .hm-hi span{color:#d7eef0!important}
html.lookA .hm-h.la-on .hm-view{background:rgba(255,255,255,.95)}
html.lookA .hm-h.la-on .hm-add{background:var(--sun)!important;border-color:var(--sun)!important;color:#3d2a00!important}
html.lookA .hm-h.la-on .hm-add .li{color:#3d2a00!important;fill:#3d2a00!important}
html.lookA .hm-h.la-on .hm-need{background:#fff}

/* Your day (black panel in classic) */
html.lookA .yd{background:linear-gradient(135deg,#0d6e7a,#0a4f58)!important;border:0!important;box-shadow:0 18px 40px -18px rgba(10,79,88,.6)!important;border-radius:28px!important}
html.lookA .yd-nums{border-color:rgba(255,255,255,.18)!important}html.lookA .yd-n{border-color:rgba(255,255,255,.14)!important;color:#fff!important}
html.lookA .yd-n:hover{background:rgba(255,255,255,.08)}
html.lookA .yd-link{color:#ffd4c9!important}html.lookA .yd-link.ok{color:#bff0d0!important}
html.lookA .yd-view select{background:#fff;color:var(--ink)}

/* ---------- Buttons, chips, tags, forms ---------- */
html.lookA .btn{border-radius:999px!important;font-weight:600;border-color:var(--line)}
html.lookA .btn:hover{box-shadow:0 6px 14px -8px rgba(16,35,58,.35)}
html.lookA .btn.p{background:var(--ocean)!important;border-color:var(--ocean)!important;color:#fff!important;font-weight:700}
html.lookA .btn.p:hover{background:var(--ocean-d)!important}
html.lookA .btn.gold{background:var(--sun)!important;border-color:var(--sun)!important;color:#3d2a00!important;font-weight:700}
html.lookA .btn.b,html.lookA .btn.b2{background:var(--sky)!important;border-color:var(--sky)!important;color:#fff!important}
html.lookA .btn.d{color:var(--need)!important}
html.lookA .main .btn.ghost{color:var(--ink)!important;border:1px solid var(--line)!important;background:#fff!important}
html.lookA .yd .btn.ghost,html.lookA .la-hero .btn.ghost{color:#fff!important;border-color:rgba(255,255,255,.6)!important;background:transparent!important}
html.lookA .lchip{border-radius:999px;border-color:var(--line);box-shadow:none;font-weight:600}
html.lookA .lchip.on{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
html.lookA .lchip.on b{background:rgba(255,255,255,.18)!important;color:#fff!important}
html.lookA .tag{background:#eef3f7;color:#2b3c52}
html.lookA .tag.hot{background:var(--coral-l)!important;color:#a3321b!important}
html.lookA .seg-tabs{background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px}
html.lookA .seg-tabs a{border-radius:999px!important}
html.lookA .seg-tabs a.on{background:var(--ink)!important;color:#fff!important}
html.lookA .seg-tabs a.on b{background:var(--sun)!important;color:#3d2a00!important}
html.lookA input:not([type=checkbox]):not([type=radio]):not([type=range]),html.lookA select,html.lookA textarea{border-radius:12px;border-color:#d4dee8}
html.lookA input:focus,html.lookA select:focus,html.lookA textarea:focus{border-color:var(--ocean)!important;box-shadow:0 0 0 3px rgba(13,110,122,.18)!important;outline:0}
html.lookA a:focus-visible,html.lookA button:focus-visible,html.lookA .tile:focus-visible{outline:3px solid var(--sun)!important;outline-offset:2px}
html.lookA th{background:#f6f9fb!important;color:#3f5068!important}
html.lookA td{border-bottom-color:#edf2f6}
html.lookA tr:hover td{background:#f7fbfc}
html.lookA .chip{font-weight:700}
html.lookA .mini i{background:var(--ocean)}
html.lookA .ring:before{color:var(--ink)}
html.lookA .modal .box{border-radius:24px}
html.lookA #toast{border-radius:999px}
html.lookA .lb{border-radius:18px!important;border-color:var(--line)!important}
html.lookA .lb.call{background:var(--palm)!important;color:#fff!important;border-color:var(--palm)!important}
html.lookA .lb.call .ic{color:#fff!important;fill:#fff!important}
html.lookA .lb.tx{background:var(--sky)!important;color:#fff!important;border-color:var(--sky)!important}
html.lookA .lb.tx .ic{fill:#fff!important}
html.lookA .lhead .av.lg{box-shadow:0 0 0 4px #fff,0 8px 20px -8px rgba(16,35,58,.5)}
html.lookA .stchip.wait{color:#6b4300}

/* Mail and texts */
html.lookA .m3-row.on,html.lookA .m3-f.on,html.lookA .im-row.on{background:var(--ocean)!important;color:#fff!important}
html.lookA .m3-row.on .muted,html.lookA .im-row.on .muted,html.lookA .m3-f.on .m3-n{color:#e2f2f3!important}
html.lookA .ib.in .ib-b{background:#eef3f7!important;color:var(--ink)!important}
html.lookA .ib:not(.in) .ib-b{background:var(--ocean)!important;color:#fff!important}
html.lookA .ib.auto .ib-b{background:#5b3fa0!important;color:#fff!important}
html.lookA .msg.in{background:#eef3f7}

/* Calendar, transactions, back office */
html.lookA .cal-it{border-bottom-color:#edf2f6!important}
html.lookA .cal-day{font-family:var(--serif);color:var(--ink)}
html.lookA .tx-big{background:var(--ocean-l)!important;color:var(--ocean-d)!important}
html.lookA .tx-item.on .tx-big{background:var(--palm)!important;color:#fff!important}
html.lookA .tx-item.need .tx-big{background:var(--coral-l)!important;color:#a3321b!important}

/* Pipeline board */
html.lookA .board{gap:14px}
html.lookA .bcol{background:transparent!important;border-top:0!important;padding:0!important;min-width:250px;width:250px}
html.lookA .bh{position:relative;background:var(--c,#2a6fc9);color:#fff;border-radius:18px;padding:14px 26px 14px 16px!important;margin-bottom:10px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%)}
html.lookA .bh b{font-family:var(--serif);font-size:16px;color:#fff}
html.lookA .bh .cnt{background:rgba(255,255,255,.22)!important;color:#fff!important;font-weight:800;border-radius:999px;padding:1px 9px}
html.lookA .bv{color:var(--ink2)!important;font-weight:600;margin:0 4px 8px!important}
html.lookA .bcard{border-radius:18px!important;border:1px solid var(--line)!important;border-left:4px solid var(--c,#2a6fc9)!important;padding:12px 13px!important;box-shadow:var(--sh)!important}
html.lookA .bcard:hover{transform:translateY(-2px);box-shadow:var(--sh2)!important}
html.lookA .bcol.over .bcards{outline:2px dashed var(--c,#0d6e7a);outline-offset:4px;border-radius:18px}
html.lookA .board .more{display:block;text-align:center;border:1.5px dashed #c7d2de;border-radius:16px;padding:10px;color:var(--ink2)!important;font-weight:600;background:#fbfcfd}
html.lookA .la-pstats{display:flex;gap:12px;flex-wrap:wrap;margin:4px 0 14px}
html.lookA .la-pstats div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px 18px;box-shadow:var(--sh)}
html.lookA .la-pstats b{display:block;font:800 24px/1.2 var(--serif);color:var(--ink)}
html.lookA .la-pstats span{font-size:13px;color:var(--muted)}

/* ---------- Agent hub (hub.js) ---------- */
html.lookA .hb-hero{position:relative;overflow:hidden;background:#0a4f58 var(--img,none) center/cover no-repeat!important;border:0!important;border-radius:28px!important;padding:30px 30px 26px!important;min-height:190px;box-shadow:0 18px 40px -20px rgba(10,79,88,.7)!important;align-items:stretch!important}
html.lookA .hb-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,52,60,.92) 0%,rgba(7,52,60,.7) 45%,rgba(7,52,60,.15) 100%)}
html.lookA .hb-hero>*{position:relative;z-index:1}
html.lookA .hb-hero h1{color:#fff!important;font-size:42px!important;line-height:1.05}
html.lookA .hb-hero p{color:#e2f2f3!important;font-size:16px}
html.lookA .hb-eye{color:#ffd88a!important}
html.lookA .hb-cta{background:var(--sun)!important;color:#3d2a00!important;align-self:flex-end}
html.lookA .hb-counts .hb-chip{background:rgba(255,255,255,.92)!important}
html.lookA .la-keys{background:#fff;color:var(--ink);border-radius:22px;padding:18px 20px;min-width:280px;max-width:360px;align-self:flex-start;box-shadow:0 10px 30px -14px rgba(0,0,0,.5)}
html.lookA .la-keys h3{font-size:18px;margin:0}
html.lookA .la-keys .sub{color:var(--muted);font-size:13.5px;margin:2px 0 10px}
html.lookA .la-bar{height:10px;border-radius:9px;background:#eef2f6;overflow:hidden}
html.lookA .la-bar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#23794b,#7dd19c)}
html.lookA .la-keys .meta{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--muted);margin-top:8px}
html.lookA .la-keys a.btn{margin-top:12px}
html.lookA .hb-sticky{background:var(--bg)!important;box-shadow:0 10px 12px -14px rgba(16,35,58,.4)!important}
html.lookA .hb-q{border-radius:999px!important;border-color:var(--line)!important;background:#fff!important}
html.lookA .hb-cats button{border-radius:999px!important;border:1px solid var(--line)!important;background:#fff!important;color:var(--ink)!important;font-weight:600}
html.lookA .hb-cats button.on{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
html.lookA .hb-cats button.on svg{color:#fff!important}
html.lookA .hb-nudge{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;background:transparent!important;color:var(--ink)!important;padding:0!important;margin:14px 0!important}
html.lookA .hb-nudge>b{grid-column:1/-1;font:700 22px var(--serif);color:var(--ink)}
html.lookA .hb-nudge>div{margin:0!important;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px 18px 16px 70px;position:relative;box-shadow:var(--sh);min-height:78px}
html.lookA .hb-nudge>div:before{content:"";position:absolute;left:16px;top:16px;width:40px;height:40px;border-radius:13px;background:var(--coral) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/22px no-repeat}
html.lookA .hb-nudge>div:nth-of-type(1){border:2px solid var(--coral-b);box-shadow:0 10px 30px -14px rgba(239,111,82,.6)}
html.lookA .hb-nudge>div:nth-of-type(2):before{background-color:var(--orchid)}html.lookA .hb-nudge>div:nth-of-type(3):before{background-color:var(--sky)}
html.lookA .hb-nudge a{color:var(--ink)!important;font-weight:700}
html.lookA .hb-nudge span{color:var(--muted)!important}
html.lookA .la-tiles{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;margin:18px 0 6px}
html.lookA .la-tiles h2{grid-column:1/-1;font-size:22px;margin:0}
html.lookA .la-tile{display:block;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;text-decoration:none;color:var(--ink)!important;box-shadow:var(--sh);cursor:pointer;text-align:left;padding:0;font:inherit;transition:transform .15s,box-shadow .15s}
html.lookA .la-tile:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
html.lookA .la-tile .ph{display:block;aspect-ratio:16/10;background:#dfeef0 var(--img) center/cover no-repeat;position:relative}
html.lookA .la-tile .ph i{position:absolute;left:10px;bottom:-16px;width:38px;height:38px;border-radius:12px;background:var(--c);display:grid;place-items:center;border:3px solid #fff;color:#fff}
html.lookA .la-tile .ph i svg{width:18px;height:18px}
html.lookA .la-tile .tx{display:block;padding:22px 12px 12px}
html.lookA .la-tile b{display:block;font-size:14.5px}
html.lookA .la-tile small{color:var(--muted);font-size:12.5px}
html.lookA .hb-sh{margin:28px 0 12px!important;position:relative;border-radius:20px;overflow:hidden;min-height:84px;padding:16px 18px;background:#0a4f58 var(--img,none) center/cover no-repeat}
html.lookA .hb-sh:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,30,45,.86),rgba(10,30,45,.45) 60%,rgba(10,30,45,.05))}
html.lookA .hb-sh>*{position:relative}
html.lookA .hb-sh h2{color:#fff!important;font-family:var(--serif)!important;font-size:24px!important}
html.lookA .hb-sh small{color:#e2f2f3!important;font-size:13px!important}
html.lookA .hb-si{background:var(--c,#0d6e7a)!important;color:#fff!important;border-radius:14px!important;width:44px!important;height:44px!important}
html.lookA .hb-sec{color:#3f5068!important}
html.lookA .hb-t{border-radius:18px!important;border-color:var(--line)!important;box-shadow:var(--sh)}
html.lookA .hb-t:hover{border-color:#bcd9dd!important;box-shadow:var(--sh2)!important;transform:translateY(-2px)}
html.lookA .hb-t b{color:var(--ink)}
html.lookA .hb-t span{color:#52627a}
html.lookA .hb-ti{background:var(--c,#0d6e7a)!important;color:#fff!important;border-radius:12px!important;width:38px!important;height:38px!important}
html.lookA .hb-ext{color:var(--ocean-d)!important}
html.lookA .hb-pin{color:#b9c5d1!important}html.lookA .hb-pin.on{color:#e0a100!important}
html.lookA .hb-card{border-radius:20px!important;border-color:var(--line)!important;box-shadow:var(--sh)}
html.lookA .hb-rc{border-radius:999px!important;border-color:var(--line)!important}
html.lookA .hb-note{background:#f3f9fa!important;border-left-color:var(--ocean)!important}
html.lookA .hb-chip.wait{background:var(--sun-l)!important;color:#6b4300!important}
html.lookA .hb-opts label{border-radius:999px}

/* ---------- Training ---------- */
html.lookA .la-trh{display:grid;grid-template-columns:auto 1fr minmax(260px,380px);gap:24px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px 28px;margin:4px 0 16px;box-shadow:var(--sh)}
html.lookA .la-ring{--p:0;width:132px;height:132px;border-radius:50%;background:conic-gradient(var(--coral-b) 0,#7347c2 calc(var(--p)*1%),#eef1f6 0);display:grid;place-items:center}
html.lookA .la-ring>div{width:104px;height:104px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center}
html.lookA .la-ring b{font:800 30px/1 var(--serif);color:var(--ink)}
html.lookA .la-ring small{display:block;font-size:11.5px;color:var(--muted)}
html.lookA .la-trh h1{font-size:34px;margin:0 0 6px;line-height:1.1}
html.lookA .la-trh p{margin:0;color:var(--muted)}
html.lookA .la-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
html.lookA .la-pills span{border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700;background:var(--sun-l);color:#6b4300}
html.lookA .la-pills span.g{background:var(--palm-l);color:var(--palm)}
html.lookA .la-pills span.r{background:var(--need-bg);color:var(--need)}
html.lookA .la-up{display:block;position:relative;overflow:hidden;border-radius:22px;padding:20px 22px;color:#fff!important;text-decoration:none;background:linear-gradient(135deg,#7347c2,#b04aa8);min-height:130px}
html.lookA .la-up:after{content:"";position:absolute;right:-40px;bottom:-60px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.12)}
html.lookA .la-up small{color:#f1e6ff;font-weight:600}
html.lookA .la-up b{display:block;font:700 21px/1.2 var(--serif);margin:4px 0 12px}
html.lookA .la-up span{display:inline-flex;background:#fff;color:#4a2a8a;border-radius:999px;padding:8px 16px;font-weight:700;font-size:14px}
html.lookA .la-cg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:8px 0 10px}
html.lookA .la-cc{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;cursor:pointer;color:var(--ink);text-decoration:none;box-shadow:var(--sh);transition:transform .15s,box-shadow .15s;text-align:left;font:inherit;padding:0}
html.lookA .la-cc:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
html.lookA .la-cc.nx{outline:2px solid #7347c2;outline-offset:-2px;box-shadow:0 12px 30px -14px rgba(115,71,194,.6)}
html.lookA .la-cc .ph{display:block;aspect-ratio:16/9;background:#dfeef0 var(--img) center/cover no-repeat;position:relative}
html.lookA .la-cc .ph em{position:absolute;left:12px;top:12px;font-style:normal;font-size:12px;font-weight:700;color:#fff;background:rgba(10,30,45,.62);backdrop-filter:blur(4px);border-radius:999px;padding:3px 10px}
html.lookA .la-cc .bd{padding:14px 16px 14px;display:flex;flex-direction:column;gap:4px;flex:1}
html.lookA .la-cc .bd b{font-size:16.5px;font-family:var(--serif)}
html.lookA .la-cc .bd small{color:var(--muted);font-size:13px}
html.lookA .la-cc .ft{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;font-size:13px;font-weight:600}
html.lookA .la-cc .ft i{font-style:normal;color:var(--c,#0d6e7a);font-weight:800}
html.lookA .la-cc .la-bar{height:7px;margin-top:8px}
html.lookA .la-cc .la-bar i{background:var(--c,#0d6e7a)}
html.lookA .tr-cat{border-radius:20px!important}
html.lookA .tr-cat>summary{gap:14px}
html.lookA .tr-cat .la-th{width:84px;height:52px;border-radius:12px;background:#dfeef0 var(--img) center/cover no-repeat;flex:none}
html.lookA .tr-chip{border-radius:999px}
html.lookA .tr-chip.req{background:var(--sun-l)!important;color:#6b4300!important}
html.lookA .tr-chip.opt{background:var(--ocean-l)!important;color:var(--ocean-d)!important}
html.lookA .tr-six.now{background:#fff8e6!important;border-radius:16px!important}
html.lookA .tr-six-c{border-radius:999px!important;background:#eef3f7!important;color:#2b3c52!important}
html.lookA .tr-six-c.rq{background:var(--sun-l)!important;color:#6b4300!important}
html.lookA .tr-six-c.ok{background:var(--palm-l)!important;color:var(--palm)!important}
html.lookA .tr-six-c.od{background:var(--need-bg)!important;color:var(--need)!important}
html.lookA .la-cban{position:relative;border-radius:24px;overflow:hidden;min-height:150px;background:#0a4f58 var(--img) center/cover no-repeat;margin:4px 0 16px;display:flex;align-items:flex-end;padding:20px 24px}
html.lookA .la-cban:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,40,50,.85),rgba(7,40,50,.1) 75%)}
html.lookA .la-cban>*{position:relative;color:#fff}
html.lookA .la-cban h1{color:#fff!important;margin:0;font-size:30px}

/* Empty states with a photo */
html.lookA .la-empty{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px;box-shadow:var(--sh);margin:10px 0}
html.lookA .la-empty .ph{width:180px;aspect-ratio:16/10;border-radius:16px;background:#dfeef0 var(--img) center/cover no-repeat;flex:none}
html.lookA .la-empty b{display:block;font:700 19px var(--serif);color:var(--ink)}
html.lookA .la-empty p{margin:4px 0 0;color:var(--muted)}

html.lookA .la-eph{display:block;width:150px;aspect-ratio:16/9;border-radius:14px;margin:0 0 8px;background:#dfeef0 var(--img) center/cover no-repeat}
html.lookA .la-eph.big{width:min(300px,80%);margin:0 auto 12px}
/* Dark inline bars from the classic look (Client status board strip, older panels) */
html.lookA [style*="background:#0f1b2d"],html.lookA [style*="background:#0a0a0b"],html.lookA [style*="background: #0a0a0b"]{background:linear-gradient(135deg,#0d6e7a,#0a4f58)!important;color:#fff!important}

/* ---------- Login ---------- */
html.lookA .login{background:linear-gradient(rgba(7,52,60,.35),rgba(7,52,60,.55)),url(/look/img/login.webp) center/cover no-repeat!important}
html.lookA .login form{background:#fff!important;color:var(--ink)!important;border:0!important;border-radius:28px!important;box-shadow:0 30px 70px -20px rgba(7,40,50,.7)!important}
html.lookA .login h1{color:var(--ink)!important}
html.lookA .login .lsub,html.lookA .login .muted{color:var(--muted)!important}
html.lookA .login input{background:#fff!important;color:var(--ink)!important;border:1px solid #d4dee8!important}
html.lookA .login a{color:var(--ocean-d)!important}

/* ---------- Status board, view-as banner, misc ---------- */
html.lookA .viewas,html.lookA #vaban{background:var(--sun)!important;color:#3d2a00!important}
html.lookA .ov{background:linear-gradient(135deg,#0d6e7a,#0a4f58)!important}
html.lookA .ov h3{color:#ffd88a!important}
html.lookA .fic{border-radius:12px}

/* ---------- Phone ---------- */
@media (max-width:1100px){html.lookA .la-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}html.lookA .la-cg{grid-template-columns:repeat(3,minmax(0,1fr))}html.lookA .la-trh{grid-template-columns:auto 1fr}html.lookA .la-trh .la-up{grid-column:1/-1}}
@media (max-width:860px){
  html.lookA .hb-hero{padding:22px 18px!important;min-height:0;border-radius:22px!important}
  html.lookA .hb-hero h1{font-size:30px!important}
  html.lookA .la-keys{max-width:none;width:100%}
  html.lookA .la-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  html.lookA .la-tile .tx{padding:20px 8px 10px}html.lookA .la-tile b{font-size:13px}html.lookA .la-tile small{font-size:11.5px}
  html.lookA .la-tile .ph i{width:32px;height:32px;bottom:-14px;left:8px}
  html.lookA .hb-sh{min-height:70px;padding:12px 14px}html.lookA .hb-sh h2{font-size:20px!important}
  html.lookA .la-trh{grid-template-columns:1fr;text-align:left;padding:18px;gap:14px;border-radius:22px}
  html.lookA .la-trh .la-ring{width:104px;height:104px}html.lookA .la-ring>div{width:82px;height:82px}html.lookA .la-ring b{font-size:24px}
  html.lookA .la-trh h1{font-size:26px}
  html.lookA .la-cg{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  html.lookA .la-cc .bd{padding:10px 12px}html.lookA .la-cc .bd b{font-size:14.5px}
  html.lookA .tr-cat .la-th{width:56px;height:40px}
  html.lookA .hm-h.la-on{padding:18px!important;min-height:110px;border-radius:22px}
  html.lookA .hm-h.la-on .hm-hi h1{font-size:24px!important}
  html.lookA .la-hero{padding:18px;border-radius:22px;min-height:120px}
  html.lookA .bcol{min-width:78vw;width:78vw}
  html.lookA .la-empty .ph{width:110px}
  html.lookA .hdr{background:#fff!important;border-bottom:1px solid var(--line)}
  html.lookA .nav a{padding:9px 10px}
  html.lookA .hm-t{min-height:88px;padding:10px 6px!important}
  html.lookA .hm-t .li{width:38px!important;height:38px!important;padding:9px}
}
html.lookA #wai .fab{background:linear-gradient(135deg,#0d6e7a,#0a4f58)!important;color:#fff!important;border-color:transparent!important}
@media (max-width:860px){html.lookA .main h1{font-size:26px}html.lookA .main h1 .small,html.lookA .main h1 span{font-size:inherit}}
@media (max-width:420px){html.lookA .la-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){html.lookA .la-tile,html.lookA .la-cc,html.lookA .hm-t,html.lookA .bcard{transition:none;transform:none!important}}

/* ---------- Photo icons (look/img/ic). Menu and tab bar use 96 px thumbnails; Home tiles use the full photo. ---------- */
html.lookA .nav a.la-pi .ic,html.lookA .tabbar a.la-pi .ic{background:#dfeef0 var(--nimg) center/cover no-repeat!important;fill:transparent!important;color:transparent!important;border-radius:9px;box-shadow:inset 0 0 0 1px rgba(16,35,58,.08)}
html.lookA .tabbar a.la-pi .ic{width:26px;height:26px;padding:0!important;border-radius:8px}
html.lookA .tabbar a.la-pi.on .ic{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--ocean)!important}
html.lookA .nav a.la-pi.on .ic{box-shadow:0 0 0 2px var(--ocean)}
html.lookA .hm-t.la-pi{justify-content:flex-start!important;gap:8px!important;padding:8px 8px 12px!important}
html.lookA .hm-t.la-pi .li{width:100%!important;height:auto!important;aspect-ratio:16/10;padding:0;border-radius:14px;background:#dfeef0 var(--timg) center/cover no-repeat;color:transparent!important;stroke:transparent;box-shadow:none}
html.lookA .hm-t.la-pi span{padding:0 4px}
html.lookA .hm-t.la-pi .hm-b{top:12px;right:12px}

/* ---------- Light and dark mode toggle ---------- */
html.lookA .la-mode{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;padding:0}
html.lookA .la-mode:hover{border-color:var(--ocean);color:var(--ocean-d)}
html.lookA .la-mode-d{position:absolute;right:28px;top:16px}
html.lookA .hdr .askb{right:80px}
html.lookA .topbar .la-mode{width:36px;height:36px;border:0;background:transparent}
html.lookA .la-seg{display:inline-flex;gap:4px;background:#eef3f6;border:1px solid var(--line);border-radius:999px;padding:4px}
html.lookA .la-seg button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;border-radius:999px;padding:8px 14px;font:600 14px Inter,sans-serif;color:var(--ink);cursor:pointer;min-height:40px}
html.lookA .la-seg button.on{background:var(--ink);color:#fff}
@media (max-width:860px){html.lookA .la-mode-d{display:none}}

/* ---------- Dark mode. Text on surfaces meets WCAG AA (body text 4.5:1 or better). ---------- */
html.lookA.dark{
  --ink:#e8eef4;--ink2:#c5d1dc;--muted:#a3b3c4;--line:#2a3d4f;--bg:#0b1620;--card:#13212d;--card2:#1a2b3a;--tile-b:#2a3d4f;
  --navy:#e8eef4;--navy2:#1a2b3a;--navy3:#8fe0e8;--blue:#7fd6df;--goldd:#8fe0e8;--gold2:#3f8f98;
  --ocean-l:#123840;--ocean-d:#9be6ed;--coral-l:#3d211b;--sun-l:#3a2f12;--palm-l:#11301f;--sky-l:#132a45;--orchid-l:#2a2142;--rose-l:#3a1a26;
  --ok:#86e0a5;--ok-bg:#11301f;--wait:#ffd88a;--wait-bg:#3a2f12;--need:#ff9a9e;--need-bg:#3b1517;
  --sh:0 1px 2px rgba(0,0,0,.4),0 6px 18px -8px rgba(0,0,0,.6);--sh2:0 14px 34px -14px rgba(0,0,0,.8)
}
html.lookA.dark,html.lookA.dark body{background:var(--bg)!important;color:var(--ink)!important}
html.lookA.dark h1,html.lookA.dark h2,html.lookA.dark h3,html.lookA.dark b,html.lookA.dark strong,html.lookA.dark label,html.lookA.dark summary{color:inherit}
html.lookA.dark h1,html.lookA.dark h2,html.lookA.dark h3{color:var(--ink)!important}
html.lookA.dark a{color:var(--blue)}
/* Surfaces */
html.lookA.dark .card,html.lookA.dark .mcard,html.lookA.dark .kpi,html.lookA.dark .tile,html.lookA.dark .irow,html.lookA.dark .hm-t,html.lookA.dark .hm-chip,html.lookA.dark .bcard,html.lookA.dark .hb-t,html.lookA.dark .hb-card,html.lookA.dark .hb-rc,
html.lookA.dark .la-tile,html.lookA.dark .la-cc,html.lookA.dark .la-trh,html.lookA.dark .la-keys,html.lookA.dark .la-empty,html.lookA.dark .la-pstats div,html.lookA.dark .sb-c,html.lookA.dark .tx-item,html.lookA.dark .cal-it,html.lookA.dark .lb,
html.lookA.dark .modal .box,html.lookA.dark .gsr,html.lookA.dark .dcard,html.lookA.dark .tcard,html.lookA.dark .acard,html.lookA.dark details.card,html.lookA.dark .im-list,html.lookA.dark .im-thread,html.lookA.dark .m3-boxes,html.lookA.dark .m3-list,html.lookA.dark .m3-read,html.lookA.dark .im-head,html.lookA.dark .m3-h,html.lookA.dark .im-reply,html.lookA.dark .thread,html.lookA.dark .reply,html.lookA.dark .script,html.lookA.dark .task{background:var(--card)!important;border-color:var(--line)!important;color:var(--ink)!important}
html.lookA.dark .side,html.lookA.dark .topbar,html.lookA.dark .tabbar{background:#0f1c27!important;border-color:var(--line)!important}
html.lookA.dark .hdr{background:linear-gradient(var(--bg) 75%,rgba(11,22,32,0))!important}
@media (max-width:860px){html.lookA.dark .hdr{background:#0f1c27!important}}
html.lookA.dark .nav a{color:#d3dde7!important}
html.lookA.dark .nav a:hover{background:#17283a!important}
html.lookA.dark .nav a.on{background:var(--ocean-l)!important;color:#bff3f7!important}
html.lookA.dark .ngrp{color:#93a5b8!important}
html.lookA.dark .side .me .mename,html.lookA.dark .topbar b{color:var(--ink)!important}
html.lookA.dark .side .me .btn,html.lookA.dark .main .btn.ghost{background:var(--card2)!important;color:var(--ink)!important;border-color:var(--line)!important}
html.lookA.dark .side .me .btn.meout{color:#ffb4a2!important}
html.lookA.dark .brandsw,html.lookA.dark .la-seg,html.lookA.dark .seg-tabs{background:var(--card2)!important;border-color:var(--line)!important}
html.lookA.dark .brandsw button{color:var(--ink2)!important}
html.lookA.dark .la-seg button{color:var(--ink)}html.lookA.dark .la-seg button.on,html.lookA.dark .seg-tabs a.on{background:#e8eef4!important;color:#10233a!important}
html.lookA.dark .seg-tabs a{color:var(--ink)!important}
html.lookA.dark .topbar .tb-ic,html.lookA.dark .topbar .tb-ic .ic{color:#bff3f7!important;fill:#bff3f7}
html.lookA.dark .tabbar a{color:#b5c3d1!important}html.lookA.dark .tabbar a.on{color:#bff3f7!important}
html.lookA.dark .tabbar a.la-pi.on .ic{box-shadow:0 0 0 2px #0f1c27,0 0 0 4px #5fd0da!important}
html.lookA.dark .la-mode{background:var(--card2);color:#ffd88a;border-color:var(--line)}
/* Buttons, chips, tags */
html.lookA.dark .btn{background:var(--card2);color:var(--ink);border-color:var(--line)}
html.lookA.dark .btn.p{background:#0f7e8a!important;border-color:#0f7e8a!important;color:#fff!important}
html.lookA.dark .btn.d{color:#ff9a9e!important}
html.lookA.dark .lchip{background:var(--card2)!important;color:var(--ink)!important;border-color:var(--line)!important}
html.lookA.dark .lchip b{background:#24384b!important;color:var(--ink)!important}
html.lookA.dark .lchip.on{background:#e8eef4!important;color:#10233a!important}
html.lookA.dark .lchip.on b{background:#c9d5e0!important;color:#10233a!important}
html.lookA.dark .tag{background:#22364a!important;color:#dbe5ee!important}
html.lookA.dark .tag.hot{background:var(--coral-l)!important;color:#ffb4a2!important}
html.lookA.dark .chip{background:color-mix(in srgb,var(--c) 22%,#13212d)!important;color:color-mix(in srgb,var(--c) 35%,#fff)!important}
html.lookA.dark .stchip.ok{background:var(--ok-bg);color:var(--ok)}html.lookA.dark .stchip.wait{background:var(--wait-bg);color:var(--wait)}
html.lookA.dark .tr-chip,html.lookA.dark .tr-six-c,html.lookA.dark .hb-chip{background:#22364a!important;color:#dbe5ee!important}
html.lookA.dark .tr-chip.req,html.lookA.dark .tr-six-c.rq,html.lookA.dark .hb-chip.wait,html.lookA.dark .la-pills span,html.lookA.dark .sb-st{background:var(--sun-l)!important;color:#ffd88a!important}
html.lookA.dark .tr-chip.opt{background:var(--ocean-l)!important;color:#9be6ed!important}
html.lookA.dark .tr-six-c.ok,html.lookA.dark .hb-chip.ok,html.lookA.dark .la-pills span.g{background:var(--palm-l)!important;color:#86e0a5!important}
html.lookA.dark .tr-six-c.od,html.lookA.dark .hb-chip.new,html.lookA.dark .la-pills span.r{background:var(--need-bg)!important;color:#ff9a9e!important}
html.lookA.dark .tr-six.now{background:#1d2a1e!important}
html.lookA.dark .pill{background:#ffd27a!important;color:#2a1d00!important}
/* Forms and tables */
html.lookA.dark input:not([type=checkbox]):not([type=radio]):not([type=range]),html.lookA.dark select,html.lookA.dark textarea,html.lookA.dark .gs,html.lookA.dark .hb-q,html.lookA.dark .hm-view{background:#0f1c27!important;color:var(--ink)!important;border-color:#33495d!important}
html.lookA.dark input::placeholder,html.lookA.dark textarea::placeholder{color:#8fa1b4}
html.lookA.dark .gs-k{background:var(--ocean-l)!important;color:#9be6ed!important}
html.lookA.dark th{background:#172636!important;color:#c5d1dc!important;border-color:var(--line)!important}
html.lookA.dark td{background:transparent!important;border-color:#22364a!important;color:var(--ink)}
html.lookA.dark tr:hover td{background:#17283a!important}
html.lookA.dark .gs-i.sel,html.lookA.dark .gs-i:hover{background:#17283a!important}
html.lookA.dark .hb-cats button{background:var(--card2)!important;color:var(--ink)!important;border-color:var(--line)!important}
html.lookA.dark .hb-cats button.on{background:#e8eef4!important;color:#10233a!important}
html.lookA.dark .hb-cats button.on svg{color:#10233a!important}
html.lookA.dark .hb-sticky{background:var(--bg)!important}
html.lookA.dark .hb-t span,html.lookA.dark .hb-sec,html.lookA.dark .hb-m{color:var(--muted)!important}
html.lookA.dark .hb-t b,html.lookA.dark .la-tile b,html.lookA.dark .la-cc .bd b,html.lookA.dark .la-keys h3,html.lookA.dark .la-empty b,html.lookA.dark .la-pstats b{color:var(--ink)!important}
html.lookA.dark .hb-note{background:#13303a!important;color:var(--ink)!important}
html.lookA.dark .hb-nudge>div{background:var(--card)!important;border-color:var(--line)}
html.lookA.dark .hb-nudge>div:nth-of-type(1){border-color:#ef6f52}
html.lookA.dark .hb-nudge a{color:var(--ink)!important}
html.lookA.dark .la-bar,html.lookA.dark .mini{background:#26394b!important}
html.lookA.dark .la-ring{background:conic-gradient(#ef6f52 0,#9a76e0 calc(var(--p)*1%),#26394b 0)}
html.lookA.dark .la-ring>div,html.lookA.dark .ring:before{background:var(--card)!important}
html.lookA.dark .la-ring b{color:var(--ink)}
html.lookA.dark .tile-brk{background:#13262d!important}
html.lookA.dark .board .more{background:var(--card)!important;border-color:#3a5064!important;color:var(--ink2)!important}
html.lookA.dark .bv{color:var(--ink2)!important}
html.lookA.dark .ib.in .ib-b,html.lookA.dark .msg.in{background:#22364a!important;color:var(--ink)!important}
html.lookA.dark .m3-row,html.lookA.dark .im-row{color:var(--ink)}
html.lookA.dark .m3-row:hover,html.lookA.dark .im-row:hover{background:#17283a!important}
html.lookA.dark .tx-big{background:var(--ocean-l)!important;color:#9be6ed!important}
html.lookA.dark .tx-item.need .tx-big{background:var(--coral-l)!important;color:#ffb4a2!important}
html.lookA.dark .sb-p,html.lookA.dark .sb-k,html.lookA.dark .sb-live{color:var(--muted)!important}
html.lookA.dark .yd-view select{background:#fff!important;color:#10233a!important}
html.lookA.dark .modal{background:rgba(0,0,0,.6)}
html.lookA.dark #toast{background:#e8eef4;color:#10233a}
/* Inline colors from the classic screens: light fills become dark surfaces; dark and saturated text becomes light. */
html.lookA.dark #app [style*="background:#f"],html.lookA.dark #app [style*="background: #f"],html.lookA.dark #app [style*="background:#e"],html.lookA.dark #app [style*="background:white"],html.lookA.dark .modal [style*="background:#f"],html.lookA.dark .modal [style*="background:#e"]{background:var(--card2)!important;color:var(--ink)!important;border-color:var(--line)!important}
html.lookA.dark #app [style*="color:#111"],html.lookA.dark #app [style*="color:#222"],html.lookA.dark #app [style*="color:#141414"],html.lookA.dark #app [style*="color:#0a0a0a"],html.lookA.dark #app [style*="color:#000"],html.lookA.dark #app [style*="color:#333"],html.lookA.dark #app [style*="color:#3c3a33"],html.lookA.dark #app [style*="color:#1a3350"],html.lookA.dark #app [style*="color:#10233a"],html.lookA.dark #app [style*="color:#0f172a"]{color:var(--ink)!important}
html.lookA.dark #app [style*="color:#666"],html.lookA.dark #app [style*="color:#555"],html.lookA.dark #app [style*="color:#888"],html.lookA.dark #app [style*="color:#6f6857"],html.lookA.dark #app [style*="color:#5f6368"],html.lookA.dark #app [style*="color:#55524b"],html.lookA.dark #app [style*="color:#64748b"],html.lookA.dark #app [style*="color:#57534e"],html.lookA.dark #app [style*="color:#78716c"],html.lookA.dark #app [style*="color:#8a8270"],html.lookA.dark #app [style*="color:#bbb"]{color:var(--muted)!important}
html.lookA.dark #app [style*="color:#b3261e"],html.lookA.dark #app [style*="color:#b91c1c"],html.lookA.dark #app [style*="color:#dc2626"],html.lookA.dark #app [style*="color:#c0262d"],html.lookA.dark #app [style*="color:var(--red)"],html.lookA.dark .red{color:#ff9a9e!important}
html.lookA.dark #app [style*="color:#1e8e3e"],html.lookA.dark #app [style*="color:#1b7a3a"],html.lookA.dark #app [style*="color:#1e6b34"],html.lookA.dark #app [style*="color:#1f7a45"],html.lookA.dark #app [style*="color:#16a34a"]{color:#86e0a5!important}
html.lookA.dark #app [style*="color:#8a6d1c"],html.lookA.dark #app [style*="color:#7a5f22"],html.lookA.dark #app [style*="color:#8a6d1f"],html.lookA.dark #app [style*="color:#8a6a2c"],html.lookA.dark #app [style*="color:#8a5a00"],html.lookA.dark #app [style*="color:#b45309"],html.lookA.dark #app [style*="color:#e37400"],html.lookA.dark #app [style*="color:#9a7b22"],html.lookA.dark #app [style*="color:#a67c1a"],html.lookA.dark #app [style*="color:#6b5414"]{color:#ffd88a!important}
html.lookA.dark #app [style*="color:#5b45a8"]{color:#cdbdf7!important}
html.lookA.dark #app [style*="border-bottom:1px solid #"],html.lookA.dark #app [style*="border:1px solid #"],html.lookA.dark #app [style*="border-top:1px solid #"]{border-color:var(--line)!important}
/* Images get a subtle dim */
html.lookA.dark .la-tile .ph,html.lookA.dark .la-cc .ph,html.lookA.dark .la-empty .ph,html.lookA.dark .la-eph,html.lookA.dark .hm-t.la-pi .li,html.lookA.dark .nav a.la-pi .ic,html.lookA.dark .tabbar a.la-pi .ic,html.lookA.dark .main img:not(.blogo):not(.llogo){filter:brightness(.82) saturate(.95)}
html.lookA.dark .hb-hero:before,html.lookA.dark .la-hero:before,html.lookA.dark .hm-h.la-on:before{background:linear-gradient(90deg,rgba(4,24,30,.94) 0%,rgba(4,24,30,.78) 50%,rgba(4,24,30,.35) 100%)}
html.lookA.dark .hb-sh:before{background:linear-gradient(90deg,rgba(5,14,22,.92),rgba(5,14,22,.6) 60%,rgba(5,14,22,.25))}
/* Login */
html.lookA.dark .login{background:linear-gradient(rgba(4,20,26,.6),rgba(4,20,26,.8)),url(/look/img/login.webp) center/cover no-repeat!important}
html.lookA.dark .login form{background:#13212d!important;color:var(--ink)!important;box-shadow:0 30px 70px -20px rgba(0,0,0,.9)!important}
html.lookA.dark .login h1{color:var(--ink)!important}
html.lookA.dark .login input{background:#0f1c27!important;color:var(--ink)!important;border-color:#33495d!important}
html.lookA.dark .login a{color:#7fd6df!important}
/* Dark mode fixes after review (status board, Home chips, red pills) */
html.lookA.dark .hm-chip span{color:var(--ink)!important}
html.lookA.dark .pill.red{background:#e0484f!important;color:#fff!important}
html.lookA.dark .sb-f button{background:var(--card2)!important;color:var(--ink)!important;border-color:var(--line)!important}
html.lookA.dark .sb-f button.on{background:#e8eef4!important;color:#10233a!important}
html.lookA.dark .sb-sum a{background:var(--card2)!important;border-color:var(--line)!important;color:var(--ink)!important}
html.lookA.dark .sb-empty{background:var(--card2)!important;color:var(--muted)!important}
html.lookA.dark .sb-need{background:#3b1517!important;border-color:#6b2a2e!important;color:#ffd6d8!important}
html.lookA.dark .sb-need.today{background:#3a2f12!important;border-color:#6b5520!important;color:#ffe7b0!important}
html.lookA.dark .sb-need.later{background:#1a2b3a!important;border-color:var(--line)!important;color:var(--ink)!important}
html.lookA.dark .said,html.lookA.dark .fact{background:#2e2914!important;color:#f3e7c2!important;border-color:#5a4d1e!important}
/* Phone top bar: room for the light and dark button */
@media (max-width:860px){html.lookA .topbar{gap:4px!important;padding-left:10px;padding-right:10px}html.lookA .topbar .tb-ic{width:38px!important;height:38px!important;border-color:var(--line)!important}html.lookA .brandsw.top{min-width:0!important}html.lookA .brandsw.top button{padding:6px 10px!important}html.lookA .topbar .la-mode{width:34px!important;height:38px!important;flex:none}}
/* Dark mode fixes after the production check (dialer, inbox tabs, older panels) */
html.lookA.dark .ibx-tabs{background:var(--card2)!important;border-color:var(--line)!important}
html.lookA.dark .ibx-tabs a{color:var(--ink)!important;background:transparent!important}
html.lookA.dark .ibx-tabs a.on{background:#e8eef4!important;color:#10233a!important}
html.lookA.dark .pd-tile,html.lookA.dark .pd-card,html.lookA.dark .pd-pbox,html.lookA.dark .pd-out button,html.lookA.dark .pd-qr .act button,html.lookA.dark .dstats div,html.lookA.dark .funnel .col,html.lookA.dark .msgs,html.lookA.dark .cv-email,html.lookA.dark .cv-row.in .cv-text,html.lookA.dark .tick{background:var(--card)!important;border-color:var(--line)!important;color:var(--ink)!important}
html.lookA.dark .pd-seg{background:#0f1c27!important}html.lookA.dark .pd-seg button{color:var(--ink2)!important}html.lookA.dark .pd-seg button.on{background:#e8eef4!important;color:#10233a!important}
html.lookA.dark .pd-facts div,html.lookA.dark .pd-next div,html.lookA.dark .pd-tag.na{background:var(--card2)!important;color:var(--ink)!important}
html.lookA.dark .pd-head,html.lookA.dark .pd-out button.p,html.lookA.dark .vp-rule,html.lookA.dark .irow.unread,html.lookA.dark .mail-row.unread{background:#2e2914!important;border-color:#5a4d1e!important;color:#f3e7c2!important}
html.lookA.dark .pd-out button.g,html.lookA.dark .pd-num.cur{background:#11301f!important;border-color:#1f5a38!important;color:#bff0d0!important}
html.lookA.dark .pd-follow{background:#132a45!important;border-color:#244a75!important;color:#d6e6fb!important}
html.lookA.dark .pd-chip.warn,html.lookA.dark .pd-tag.vm{background:#3a2a12!important;color:#ffd8a8!important}
html.lookA.dark .cv-tabs button,html.lookA.dark .mail-folders button{background:var(--card2)!important;color:var(--ink)!important;border-color:var(--line)!important}
html.lookA.dark .bh .cnt{background:rgba(255,255,255,.22)!important;color:#fff!important}
html.lookA.dark .warnrow td,html.lookA.dark .ppl tr.team td{background:#2e2914!important}
html.lookA.dark .dl,html.lookA.dark .empty-st{background:var(--card)!important;color:var(--ink)!important}
html.lookA .ibx-tabs{background:#e7eef3}html.lookA .ibx-tabs a.on{background:var(--ink);color:#fff}