/* ============================================================================
   The new look — phone, tablet and PC (ui2).
   Loaded after style.css and only by the ui2 page shell; every rule starts at
   body.ui2, so the classic screens never see it. Colours come from the logo:
   maroon for what you press, soft pinks for what is selected, amber for waiting,
   green for done. No night mode.
   ============================================================================ */

/* ---------- 1. tokens ---------- */
body.ui2{
  --ink:#1f1517; --ink-soft:#4a3d40; --muted:#6f6265; --faint:#9a8d90;
  --brand:#8f373a; --brand-deep:#682629; --brand-tint:#f9e7e7; --brand-line:#ecc8c9;
  --red:#b3202a; --red-tint:#fbe2e3; --red-line:#f3c3c6;
  --green:#0b6b45; --green-tint:#d6f5e3; --green-line:#b4e8cd;
  --amber:#6b4700; --amber-tint:#ffedb8; --amber-line:#f5d98a;
  --blue:#4a3d40; --blue-tint:#f6f0f1; --blue-line:#e6dadc;
  --pink:#8f373a; --pink-tint:#f3d5d6;
  --glass:#fff; --glass-2:#fff; --glass-hi:#fff; --hair:#f0e7e8; --edge:#e0d3d5; --line:#f0e7e8;
  --surface:#fff; --side-bg:#f8f2f3;
  --radius:16px; --radius-lg:20px; --radius-sm:12px;
  --shadow-1:none; --shadow-2:0 1px 2px rgba(60,16,26,.08); --shadow-3:0 14px 40px rgba(60,16,26,.22);
  --ring:0 0 0 3px rgba(143,55,58,.26); --blur:0px; --sat:100%;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,Roboto,sans-serif;
  /* The clinic's maroon (a touch brighter) is the base: buttons and switches. A lighter maroon marks what is
     selected, the lightest one is the bubble of our own messages. Status is a traffic light:
     red = important, yellow = amber alert (waiting on us), green = okay / good, and green is also the call colour.
     The status of a lead (New lead, Contacted, Booked...) is never highlighted: it is a plain grey tag. */
  --acc:#8f373a; --deep:#682629; --sel:#f3d5d6; --soft:#f9e7e7; --neu:#f6f0f1; --page:#fbf8f8; --wall:#f3ebe8; --out:#fcefef;
  --pop:#8f373a; --pop-ink:#fff; --fab:#8f373a;
  --hum:#b3202a; --hum-deep:#8a1820; --hum-tint:#fbe2e3;
  --call:#15803d; --call-deep:#0f5a2c; --call-tint:#d8f3e1;
  --book:#f6b90e; --book-ink:#3d2a00; --book-tint:#ffedb8;
  --rem:#6a3fc0; --rem-tint:#ebe3ff;
  --teal:#0b7a70; --teal-tint:#d3f3ee; --orange-ink:#8a3a00; --orange-tint:#ffe2cc;
  --peach:#ffedb8; --peach-ink:#6b4700; --lilac:#f6f0f1; --lilac-ink:#4a3d40; --sky:#f6f0f1; --sky-ink:#4a3d40;
  --hover:#faf4f5; --bd:#d8cacd; --bd2:#e4d8da; --bd3:#a8999c; --chip:#ece3e4; --scroll:rgba(143,55,58,.3);
  --top:56px; --tabs:calc(62px + env(safe-area-inset-bottom,0px)); --side:0px; --list:100%; --pat:0px;
}
body.ui2{position:fixed;inset:0;margin:0;min-height:0;overflow:hidden;background:#fff;color:var(--ink);
  font:400 15px/1.35 var(--font);letter-spacing:0;-webkit-tap-highlight-color:transparent}
body.ui2::before{display:none}
body.ui2 *{scrollbar-color:var(--scroll) transparent}
body.ui2 h1,body.ui2 h2,body.ui2 h3,body.ui2 h4{letter-spacing:0;color:var(--ink)}
body.ui2 a{color:var(--deep)}
body.ui2 button{font:inherit;color:inherit}
body.ui2 :focus-visible{outline:2px solid var(--acc);outline-offset:2px;box-shadow:none}
body.ui2 .u2i{flex:0 0 auto;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
body.ui2 .u2Grow{flex:1 1 auto}
body.ui2 .u2Muted{color:var(--muted);font-size:13.5px;margin:0}
body.ui2 .u2Rs{font-size:19px;font-weight:700;line-height:22px;color:var(--deep)}
body.ui2 .u2Mark{display:inline-block;flex:0 0 auto;width:44px;height:41px;background:var(--mark) center/contain no-repeat}
body.ui2 .u2Word{display:inline-block;flex:0 0 auto;width:118px;height:27px;background:var(--word) left center/contain no-repeat}

/* ---------- 2. small parts used everywhere ---------- */
body.ui2 .u2Tag{flex:0 0 auto;display:inline-block;padding:2px 8px;border-radius:7px;background:var(--neu);color:var(--ink-soft);
  font-size:12px;font-weight:700;line-height:17px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
body.ui2 .u2Tag.red{background:var(--acc);color:#fff}
body.ui2 .u2Tag.amber{background:var(--amber-tint);color:var(--amber)}
body.ui2 .u2Tag.green{background:var(--green-tint);color:var(--green)}
body.ui2 .u2Tag.white{background:#fff;color:var(--ink-soft)}
body.ui2 .u2Tag.peach{background:var(--peach);color:var(--peach-ink)}
body.ui2 .u2Tag.lilac{background:var(--lilac);color:var(--lilac-ink)}
body.ui2 .u2Tag.sky{background:var(--sky);color:var(--sky-ink)}
body.ui2 .u2Tag.pink{background:var(--neu);color:var(--ink-soft)}
body.ui2 .u2Av{flex:0 0 48px;width:48px;height:48px;border-radius:50%;color:var(--deep);background:var(--sel);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;letter-spacing:.01em}
body.ui2 .u2Av.c0{background:#f3d5d6;color:#682629} body.ui2 .u2Av.c1{background:#ffedb8;color:#6b4700} body.ui2 .u2Av.c2{background:var(--chip);color:#4a3d40}
body.ui2 .u2Av.c3{background:#f0e7e8;color:#682629} body.ui2 .u2Av.c4{background:#f9e7e7;color:#8f373a} body.ui2 .u2Av.c5{background:#d8f3e1;color:#0f5a2c}
body.ui2 .u2Av.md{flex-basis:42px;width:42px;height:42px;font-size:14.5px}
body.ui2 .u2Av.sm{flex-basis:38px;width:38px;height:38px;font-size:14px}
body.ui2 .u2Av.lg{flex-basis:52px;width:52px;height:52px;font-size:18px}
body.ui2 .u2Av.xl{flex-basis:64px;width:64px;height:64px;font-size:22px}
body.ui2 .u2Badge{position:absolute;top:-4px;right:2px;min-width:17px;height:17px;box-sizing:border-box;padding:0 4px;border-radius:9px;
  background:var(--acc);color:#fff;font-size:11px;font-weight:700;line-height:17px;text-align:center}
body.ui2 .u2Badge.grey{background:var(--muted)}
body.ui2 .u2Btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:44px;box-sizing:border-box;padding:0 18px;border:0;border-radius:22px;
  font-size:14.5px;font-weight:700;white-space:nowrap;cursor:pointer;text-decoration:none;background:var(--neu);color:var(--ink-soft)}
body.ui2 .u2Btn .u2i{width:18px;height:18px;stroke-width:2}
body.ui2 .u2Btn.solid{background:var(--acc);color:#fff}
body.ui2 .u2Btn.tonal{background:var(--soft);color:var(--deep)}
body.ui2 .u2Btn.outline{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--bd)}
body.ui2 .u2Btn.ghost{background:var(--neu);color:var(--muted);font-weight:600;cursor:default}
body.ui2 .u2Btn.sm{height:36px;padding:0 15px;border-radius:18px;font-size:13.5px;position:relative}
body.ui2 .u2Btn.sm::after{content:"";position:absolute;inset:-4px 0}
body.ui2 .u2Btn.lg{height:48px;border-radius:14px;font-size:15px}
body.ui2 .u2Btn.grow{flex:1 1 0;min-width:0}
body.ui2 .u2Btn:active{filter:brightness(.94)}
body.ui2 .u2Link{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 6px;border:0;background:none;color:var(--deep);font-size:13.5px;font-weight:700;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
body.ui2 .u2Link.strong{text-decoration:none;font-size:14.5px;min-height:44px;padding:0 10px}
body.ui2 .u2Link .u2i{width:18px;height:18px}
body.ui2 .u2Icon{flex:0 0 44px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:0;background:none;border-radius:50%;color:var(--ink);cursor:pointer;position:relative;padding:0}
body.ui2 .u2Icon:hover{background:var(--neu)}
body.ui2 .u2Icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.ui2 .u2Switch{position:relative;flex:0 0 auto;width:44px;height:28px;padding:2px;border:0;border-radius:14px;background:var(--bd);cursor:pointer;box-sizing:border-box}
body.ui2 .u2Switch::before{content:"";position:absolute;inset:-8px -4px}
body.ui2 .u2Switch i{display:block;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(60,16,26,.3);transition:transform .15s}
body.ui2 .u2Switch.on{background:var(--acc)}
body.ui2 .u2Switch.on i{transform:translateX(16px)}
body.ui2 .u2Card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-sizing:border-box}
body.ui2 .u2Card h4{font-size:13.5px;font-weight:700;margin:0 0 8px}
body.ui2 .u2Empty{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;padding:48px 28px;color:var(--muted);font-size:14px}
body.ui2 .u2Empty b{font-size:15.5px;color:var(--ink);font-weight:700}
body.ui2 .u2ListEnd{padding:14px 16px 24px;text-align:center;color:var(--muted);font-size:13.5px}

/* ---------- 3. sign-in ---------- */
body.ui2 .login{position:absolute;inset:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--page);overflow:auto}
body.ui2 .u2LoginCard{width:min(400px,100%);box-sizing:border-box;background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px 24px 24px;display:flex;flex-direction:column}
body.ui2 .u2LoginBrand{display:flex;align-items:center;gap:10px;margin-bottom:22px}
body.ui2 .u2LoginBrand .u2Mark{width:58px;height:54px}
body.ui2 .u2LoginBrand .u2Word{width:150px;height:34px}
body.ui2 .u2LoginTitle{font-size:24px;font-weight:800;margin:0}
body.ui2 .u2LoginSub{margin:4px 0 20px;color:var(--muted);font-size:14.5px}
body.ui2 .u2LoginCard .passWrap input{height:48px;padding-right:52px}
body.ui2 .u2LoginCard .eyeBtn{right:4px;width:44px;height:44px;border:0;background:none;border-radius:50%;color:var(--muted)}
body.ui2 .u2LoginCard .eyeBtn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.ui2 .u2LoginBtn{width:100%;height:48px;margin-top:16px;font-size:15.5px}
body.ui2 #loginErr{min-height:20px;margin-top:10px}
body.ui2 #idleBox .accBox{border-radius:14px;background:var(--amber-tint);border-color:var(--amber-line)}

/* ---------- 4. the shell ---------- */
body.ui2 .app{display:block;position:absolute;inset:0;min-height:0}
body.ui2 .side{display:none}
body.ui2 .main{position:absolute;top:0;right:0;bottom:0;left:var(--side);padding:0;margin:0;min-width:0;height:auto;display:flex;flex-direction:column;overflow:hidden;background:var(--page)}
body.ui2 .top{flex:0 0 var(--top);height:var(--top);box-sizing:border-box;margin:0;padding:0 4px 0 12px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:0;
  background:#fff;border:0;border-bottom:1px solid transparent;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:6}
body.ui2:not(.wsFit) .top{border-bottom-color:var(--line)}
body.ui2 .u2TopBrand{display:none;align-items:center;gap:8px}
body.ui2 .u2TitleBtn{flex:0 1 auto;min-width:0;height:48px;display:flex;align-items:center;gap:8px;padding:0 8px 0 0;border:0;background:none;cursor:pointer;color:var(--ink)}
body.ui2 .top h1{font-size:22px;font-weight:800;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
body.ui2 .u2Chev{flex:0 0 auto;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
body.ui2 #subtitle{display:none}
body.ui2 .top .actions{flex:1 1 auto;display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:0;min-width:0}
body.ui2 #gsearch{display:none;flex:0 1 240px;min-width:0;height:40px;margin-right:6px;border-radius:20px;border:0;background:var(--neu);padding:0 16px;font-size:15px}
body.ui2[data-page="leads"] #gsearch{display:block}
body.ui2 #refreshBtn{display:none}
body.ui2:not(.wsFit) #refreshBtn{display:flex}
body.ui2 .u2Bell .notifDot{position:absolute;top:5px;right:4px;min-width:17px;height:17px;box-sizing:border-box;padding:0 4px;border:0;border-radius:9px;background:var(--acc);color:#fff;
  font-size:11px;font-weight:700;line-height:17px;text-align:center;box-shadow:none}
body.ui2 #content{flex:1 1 auto;min-height:0;position:relative;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:14px 16px calc(var(--tabs) + 20px)}
body.ui2.wsFit #content{padding:0;overflow:hidden;display:block}
/* the classic sheet sizes the chat screen to the whole window; here the page already fits the visible screen */
body.ui2.wsFit .main,body.ui2.waMobileChat.wsFit .main{height:auto;padding:0}
body.ui2.wsFit .waSplit,body.ui2.waMobileChat.wsFit .waSplit{height:auto;border:0}
body.ui2.waMobileChat.wsFit .waChatCol{height:auto}

/* bottom tabs */
body.ui2 #u2Tabs{position:absolute;left:0;right:0;bottom:0;height:var(--tabs);box-sizing:border-box;display:flex;padding:6px 4px env(safe-area-inset-bottom,0px);background:#fff;border-top:1px solid var(--line);z-index:7}
body.ui2 .u2Tab{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:0;border:0;background:none;color:var(--muted);cursor:pointer}
body.ui2 .u2TabIc{position:relative;width:60px;height:30px;border-radius:15px;display:flex;align-items:center;justify-content:center}
body.ui2 .u2TabTx{font-size:11.5px;font-weight:600;white-space:nowrap}
body.ui2 .u2Tab.urgent{color:var(--acc)}
body.ui2 .u2Tab.urgent .u2TabTx{font-weight:700}
body.ui2 .u2Tab.on{color:var(--deep)}
body.ui2 .u2Tab.on .u2TabIc{background:var(--sel)}
body.ui2 .u2Tab.urgent .u2TabIc{background:var(--soft)}
body.ui2 .u2Tab.urgent.on .u2TabIc{background:var(--acc);color:#fff}
body.ui2 .u2Tab.on .u2TabTx{font-weight:700}

/* the Go-to menu under the title */
body.ui2 #u2MenuScrim{position:fixed;inset:0;z-index:90;border:0;background:rgba(60,16,26,.45);cursor:default}
body.ui2 #u2MenuPop{position:fixed;left:10px;top:54px;width:min(300px,calc(100vw - 20px));z-index:91;box-sizing:border-box;padding:8px 0;border-radius:20px;background:#fff;box-shadow:0 14px 40px rgba(60,16,26,.28);display:flex;flex-direction:column;max-height:calc(100dvh - 70px);overflow:auto}
body.ui2 .u2MenuHead{padding:6px 16px 4px;font-size:12.5px;font-weight:700;color:var(--muted)}
body.ui2 .u2MenuItem{position:relative;display:flex;align-items:center;gap:14px;height:48px;padding:0 14px 0 16px;border:0;background:none;text-align:left;font-size:15.5px;font-weight:600;color:var(--ink);cursor:pointer}
body.ui2 .u2MenuItem:hover{background:var(--neu)}
body.ui2 .u2MenuItem span:not(.u2Badge){flex:1}
body.ui2 .u2MenuItem.on{color:var(--deep);font-weight:700}
body.ui2 .u2MenuItem .u2Badge,body.ui2 .u2Nav .u2Badge,body.ui2 .u2Line .u2Badge{position:static;min-width:22px;height:22px;border-radius:11px;line-height:22px;font-size:12px;padding:0 6px}
body.ui2 .u2MenuItem .ok{width:20px;height:20px;stroke-width:2.4}

/* ---------- 5. the workspace: list | chat | patient file ---------- */
body.ui2 .u2Split{position:absolute;top:0;left:0;right:0;bottom:var(--tabs);display:block;overflow:hidden;margin:0;gap:0}
body.ui2 .waListCol{position:absolute;inset:0;box-sizing:border-box;display:flex;flex-direction:column;max-height:none;margin:0;padding:0;background:#fff;border:0;border-radius:0}
body.ui2 .waChatCol,body.ui2 .waLeadCol{display:none;box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;min-height:0;max-height:none;background:var(--wall)}
body.ui2.wsFit .waChatCol{overflow:hidden}
body.ui2 .waLeadCol{background:var(--page);overflow:hidden}
body.ui2.waMobileChat .top,body.ui2.waMobileChat #u2Tabs{display:none}
body.ui2.waMobileChat .u2Split{bottom:0}
body.ui2.waMobileChat .waListCol{display:none}
body.ui2.waMobileChat .waChatCol{display:flex;flex-direction:column;position:absolute;inset:0;height:auto}
body.ui2.waMobileChat.u2Pat .waChatCol{display:none}
body.ui2.waMobileChat.u2Pat .waLeadCol{display:block;position:absolute;inset:0}

/* list head */
body.ui2 .u2ListHead{flex:0 0 auto;display:flex;flex-direction:column}
body.ui2 .u2SubLine{padding:0 16px 6px;font-size:13px;color:var(--muted)}
body.ui2 label.u2Search{display:flex;align-items:center;gap:10px;height:44px;margin:2px 16px 8px;padding:0 16px;border-radius:22px;background:var(--neu);color:var(--muted);text-transform:none;letter-spacing:0;font-weight:400}
body.ui2 label.u2Search .u2i{width:20px;height:20px}
body.ui2 label.u2Search input{flex:1;min-width:0;width:auto;height:100%;margin:0;border:0;outline:0;padding:0;background:transparent;box-shadow:none;border-radius:0;font-size:16px;color:var(--ink)}
body.ui2 label.u2Search input::placeholder{color:var(--muted);opacity:1}
body.ui2 label.u2Search:focus-within{box-shadow:inset 0 0 0 2px var(--acc)}
body.ui2 .u2Chips{display:flex;gap:8px;padding:0 16px 4px;overflow-x:auto;scrollbar-width:none}
body.ui2 .u2Chips::-webkit-scrollbar{display:none}
/* on a PC the stage is picked from a drop-down (see chipsAsList in ui2.js) */
body.ui2 .u2ChipSel{display:flex;align-items:center;gap:10px;flex:1 1 auto;margin:0;padding:2px 0 6px;font-size:13.5px;font-weight:600;color:var(--muted)}
body.ui2 .u2ChipSel select{flex:1 1 auto;min-width:0;height:40px;padding:0 12px;font-size:14.5px;font-weight:600;color:var(--ink);cursor:pointer}
body.ui2 .u2Chip{flex:0 0 auto;height:44px;display:flex;align-items:center;padding:0;border:0;background:none;cursor:pointer}
body.ui2 .u2Chip>span{display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:17px;background:var(--neu);color:var(--ink-soft);font-size:14px;font-weight:600;white-space:nowrap}
body.ui2 .u2Chip b{font-weight:700;color:var(--ink-soft)}
body.ui2 .u2Chip b.red{color:var(--acc)} body.ui2 .u2Chip b.amber{color:#6b5200} body.ui2 .u2Chip b.green{color:var(--green)}
body.ui2 .u2Chip>span{background:#fff;box-shadow:inset 0 0 0 1.5px var(--line)}
body.ui2 .u2Chip.on>span{box-shadow:none}
body.ui2 .u2Chip.on>span{background:var(--sel);color:var(--deep);font-weight:700}
body.ui2 .u2Chip.on b{color:var(--deep)}
body.ui2 .waList{flex:1 1 auto;min-height:0;display:block;overflow-y:auto;overflow-x:hidden;gap:0;padding:0 0 84px;-webkit-overflow-scrolling:touch}

/* chat rows */
body.ui2 .u2Item{display:flex;gap:12px;width:100%;box-sizing:border-box;padding:9px 16px;align-items:flex-start;border:0;background:none;text-align:left;cursor:pointer;color:var(--ink)}
body.ui2 .u2Item:hover{background:var(--hover)}
body.ui2 .u2Item.on{background:var(--soft)}
@media (max-width:699px){ body.ui2 .u2Item.on,body.ui2 .u2Row.on{background:none} body.ui2 .u2QCard.on{border-color:var(--line);box-shadow:none} }
body.ui2 .u2Item .u2Av{margin-top:2px}
body.ui2 .u2ItemMain{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
body.ui2 .u2ItemTop{display:flex;justify-content:flex-start;align-items:baseline;gap:8px;min-width:0}
body.ui2 .u2ItemTop .u2Name{flex:0 0 auto;max-width:68%}
body.ui2 .u2ItemTop .u2Svc{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;color:var(--acc)}
body.ui2 .u2ItemTop .u2When{margin-left:auto;padding-left:4px}
body.ui2 .u2ItemMain{gap:4px}
body.ui2 .u2Name{min-width:0;font-size:16.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ui2 .u2When{flex:0 0 auto;font-size:12px;color:var(--muted);white-space:nowrap}
body.ui2 .u2Item.new .u2When,body.ui2 .u2When.new{font-weight:700;color:var(--acc)}
body.ui2 .u2ItemMid{display:flex;align-items:center;gap:6px;min-width:0}
body.ui2 .u2Prev{flex:1;min-width:0;font-size:14.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ui2 .u2Prev.new{color:var(--ink)}
body.ui2 .u2Tick{flex:0 0 auto;display:inline-flex;color:var(--faint)}
body.ui2 .u2Tick .u2i{width:17px;height:17px;stroke-width:2}
body.ui2 .u2Tick.read{color:#53bdeb} body.ui2 .u2Tick.fail{color:var(--red)} body.ui2 .u2Tick.wait{color:#6b5200}
body.ui2 .u2Ai{flex:0 0 auto;padding:1px 6px;border-radius:6px;background:var(--soft);color:var(--deep);font-size:11px;font-weight:700;line-height:16px;white-space:nowrap}
body.ui2 .u2Ai.off{background:var(--neu);color:var(--muted)}
body.ui2 .u2Ai.live{background:var(--sel)}
body.ui2 .u2Count{flex:0 0 auto;min-width:20px;height:20px;box-sizing:border-box;padding:0 6px;border-radius:10px;background:var(--acc);color:#fff;font-size:12px;font-weight:700;line-height:20px;text-align:center}
body.ui2 .u2ItemTags{display:flex;align-items:center;gap:6px;min-width:0;font-size:12.5px;color:var(--muted);white-space:nowrap}
body.ui2 .u2Svc{min-width:0;overflow:hidden;text-overflow:ellipsis}
body.ui2 .u2Sec{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:8px;margin:0;padding:8px 16px;background:#fff;font-size:12.5px;font-weight:700;color:var(--muted);border-bottom:1px solid var(--line)}
body.ui2 .u2Sec.red{color:var(--acc)}

/* work rows (Today) */
body.ui2 .u2Group{display:flex;align-items:center;gap:8px;padding:10px 16px 4px;font-size:12.5px;font-weight:700;color:var(--muted)}
body.ui2 .u2Group i{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--faint)}
body.ui2 .u2Group b{font-weight:700;color:var(--muted)}
body.ui2 .u2Group{color:var(--muted)} body.ui2 .u2Group i{background:var(--bd3)}
body.ui2 .u2Group.red{color:var(--deep)} body.ui2 .u2Group.red i{background:var(--acc)}
body.ui2 .u2Group.amber{color:var(--amber)} body.ui2 .u2Group.amber i{background:#d9a300}
body.ui2 .u2Row{display:flex;align-items:center;gap:12px;min-height:56px;padding:5px 12px 5px 16px;cursor:pointer}
body.ui2 .u2Row:hover{background:var(--hover)}
body.ui2 .u2Row.on{background:var(--soft)}
body.ui2 .u2RowMain{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
body.ui2 .u2RowTop{display:flex;align-items:center;gap:7px;min-width:0}
body.ui2 .u2RowTop .u2Name{font-size:16px}
body.ui2 .u2RowTop .u2Tag{font-size:11px;padding:1px 7px;line-height:16px}
body.ui2 .u2RowSub{font-size:13.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ui2 .u2RowSub b{color:var(--ink);font-weight:700}
body.ui2 .u2Later{flex:0 0 auto;padding:0 10px;font-size:12.5px;font-weight:700;color:var(--muted);white-space:nowrap}

/* queue cards (Needs human, Call now) */
body.ui2 .u2QCard{margin:8px 12px 0;padding:12px 12px 12px;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 10px rgba(60,16,26,.06)}
body.ui2 .u2QCard.on{border-color:var(--acc);box-shadow:inset 0 0 0 1px var(--acc)}
body.ui2 .u2QTop{display:flex;gap:12px;align-items:flex-start;cursor:pointer}
body.ui2 .u2QWho{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
body.ui2 .u2QText{margin:0;font-size:13.5px;line-height:19px;color:var(--ink)}
body.ui2 .u2QText b{font-weight:700}
body.ui2 .u2QActs{display:flex;gap:8px}

/* the new-lead button: icon only */
body.ui2 .u2Fab{position:absolute;right:16px;bottom:18px;width:56px;height:56px;border:0;border-radius:18px;background:var(--acc);color:#fff;box-shadow:0 6px 16px rgba(60,16,26,.26);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3}
body.ui2 .u2Fab .u2i{width:26px;height:26px;stroke-width:2}

/* ---------- 6. the chat ---------- */
body.ui2 .u2EmptyChat{flex:1;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;color:var(--muted);font-size:14.5px;height:100%}
body.ui2 .u2Mark.big{width:92px;height:86px;opacity:.5}
body.ui2 .u2ChatHead{flex:0 0 60px;height:60px;box-sizing:border-box;display:flex;align-items:center;padding:0 4px 0 2px;background:#fff;border-bottom:1px solid var(--line)}
body.ui2 .u2Who{flex:1;min-width:0;height:52px;display:flex;align-items:center;gap:10px;padding:0 4px;border:0;background:none;text-align:left;cursor:pointer;border-radius:12px}
body.ui2 .u2WhoTx{min-width:0;display:flex;flex-direction:column}
body.ui2 .u2WhoTx b{font-size:16.5px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ui2 .u2WhoTx span{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ui2 .u2AiSw{flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:0 6px;font-size:13px;font-weight:700;color:var(--deep);white-space:nowrap}
body.ui2 .u2Strip{flex:0 0 auto;display:flex;flex-direction:column;padding:4px 8px 8px 16px;background:var(--soft)}
body.ui2 .u2StripRow{display:flex;align-items:center;gap:6px;min-height:44px;min-width:0}
body.ui2 .u2StripRow .u2Tag{flex:0 1 auto;min-width:36px}
body.ui2 .u2Win{flex:0 1 auto;min-width:0;font-size:12px;font-weight:600;color:var(--green);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ui2 .u2Win.dead{color:var(--muted)}
body.ui2 .u2StripNote,body.ui2 .u2Sum{padding:0 8px 2px 0;font-size:13.5px;line-height:19px;max-height:76px;overflow:auto}
body.ui2 .u2Sum b,body.ui2 .u2StripNote b{font-weight:700}
body.ui2 .u2Msgs{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:8px;padding:10px 12px 8px;
  background-color:var(--wall);background-image:radial-gradient(rgba(60,16,26,.04) 1px,transparent 1.2px);background-size:18px 18px;-webkit-overflow-scrolling:touch}
body.ui2 .u2Msgs>:first-child{margin-top:auto}
body.ui2 .u2Day{align-self:center;flex:0 0 auto;margin:4px 0}
body.ui2 .u2Day span{display:inline-block;padding:3px 10px;border-radius:9px;background:rgba(255,255,255,.85);color:var(--muted);font-size:12px;font-weight:600}
body.ui2 .u2Bub{flex:0 0 auto;align-self:flex-start;max-width:min(78%,560px);box-sizing:border-box;display:flow-root;padding:7px 10px 7px 12px;border-radius:4px 16px 16px 16px;background:#fff;
  box-shadow:0 1px 1px rgba(60,16,26,.1);font-size:15px;line-height:21px;overflow-wrap:anywhere}
body.ui2 .u2Bub.out{align-self:flex-end;border-radius:16px 4px 16px 16px;background:var(--out)}
body.ui2 .u2Bub.failed{box-shadow:inset 0 0 0 1.5px var(--red-line)}
body.ui2 .u2Bub.solo{max-width:100%;margin-top:10px;background:var(--neu);box-shadow:none}
body.ui2 .u2BubTx{white-space:pre-wrap}
body.ui2 .u2Meta{float:right;display:flex;align-items:center;gap:5px;margin:5px 0 0 12px;font-size:11.5px;line-height:16px;color:#6f6265}
body.ui2 .u2Meta .u2Tick .u2i{width:16px;height:16px}
body.ui2 .u2By{padding:0 5px;border-radius:5px;background:#fff;color:var(--deep);font-size:11px;font-weight:700}
body.ui2 .u2Bub.in .u2By{background:var(--neu)}
body.ui2 .u2Tp{font-style:normal;color:var(--muted)}
body.ui2 .u2Fail{clear:both;display:block;padding-top:4px;font-size:12.5px;color:var(--red)}
body.ui2 .u2Bub .waImg{max-width:100%;border-radius:10px;border:0}
body.ui2 .u2Quicks{flex:0 0 auto;display:flex;gap:8px;padding:2px 12px 0;overflow-x:auto;scrollbar-width:none;background:var(--wall)}
body.ui2 .u2Quicks::-webkit-scrollbar{display:none}
body.ui2 .u2Quick{position:relative;flex:0 0 auto;height:44px;display:flex;align-items:center;gap:6px;padding:0 13px 0 11px;border:0;background:none;cursor:pointer}
body.ui2 .u2Quick>*{position:relative;z-index:1}
body.ui2 .u2Quick>span:last-child{font-size:13.5px;font-weight:600}
body.ui2 .u2Quick::after{content:"";position:absolute;left:0;right:0;top:4px;bottom:4px;border-radius:18px;background:#fff;box-shadow:0 1px 1px rgba(60,16,26,.12)}
body.ui2 .u2Quick .u2i{width:18px;height:18px;color:var(--deep)}
body.ui2 .u2Quick .u2Rs{font-size:16px;line-height:18px}
body.ui2 .u2Compose{flex:0 0 auto;display:flex;align-items:flex-end;gap:4px;padding:2px 8px calc(10px + env(safe-area-inset-bottom,0px)) 4px;background:var(--wall)}
body.ui2 .u2Compose.note{align-items:center;gap:10px;padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px)) 16px;font-size:13.5px;color:var(--muted);justify-content:space-between}
body.ui2 .u2Compose.locked{padding-left:12px;gap:8px;align-items:center}
body.ui2 .u2Compose.locked.inl{padding:8px 0 0;background:none}
body.ui2 .u2Compose select{flex:1;min-width:0;height:44px;border-radius:22px;border:0;background-color:#fff;box-shadow:0 1px 1px rgba(60,16,26,.1);padding:0 38px 0 16px;font-size:15px}
body.ui2 .u2Compose.inl select{box-shadow:inset 0 0 0 1px var(--bd3)}
body.ui2 .u2ComposeHint{flex:0 0 auto;padding:0 16px calc(10px + env(safe-area-inset-bottom,0px));background:var(--wall);font-size:12.5px;color:var(--muted)}
body.ui2 .u2Compose.locked + .u2ComposeHint{margin-top:-6px}
body.ui2 .u2Compose.locked{padding-bottom:8px}
body.ui2 .u2Clip{color:var(--deep)}
body.ui2 label.u2Field{flex:1;min-width:0;min-height:44px;box-sizing:border-box;display:flex;align-items:center;margin:0;padding:0 16px;border-radius:22px;background:#fff;box-shadow:0 1px 1px rgba(60,16,26,.1)}
body.ui2 label.u2Field textarea{flex:1;min-width:0;width:auto;min-height:0;height:22px;max-height:120px;margin:11px 0;padding:0;border:0;outline:0;resize:none;background:transparent;box-shadow:none;border-radius:0;font-size:16px;line-height:22px;color:var(--ink)}
body.ui2 label.u2Field textarea::placeholder{color:var(--muted);opacity:1}
body.ui2 .u2SendBtn{flex:0 0 44px;width:44px;height:44px;margin-left:4px;border:0;border-radius:50%;background:var(--acc);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
body.ui2 .u2SendBtn .u2i{width:21px;height:21px}
body.ui2 .u2Msgs.nochat{background-image:none;padding:12px}
body.ui2 .u2Msgs.nochat>:first-child{margin-top:0}
body.ui2 .u2NoChat{display:flex;flex-direction:column;gap:10px}
body.ui2 .u2Dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:14px}
body.ui2 .u2Dl dt{color:var(--muted)} body.ui2 .u2Dl dd{margin:0;font-weight:600;text-align:right}
body.ui2 .u2Hist{display:flex;flex-direction:column;padding:8px 0;border-top:1px solid var(--line);font-size:13.5px}
body.ui2 .u2Hist:first-of-type{border-top:0}
body.ui2 .u2Hist b{font-weight:700;text-transform:capitalize}
body.ui2 .u2Hist i{font-style:normal;font-size:12px;color:var(--muted)}

/* ---------- 7. the patient file ---------- */
body.ui2 .u2Patient{height:100%;display:flex;flex-direction:column}
body.ui2 .u2PatHead{flex:0 0 56px;display:flex;align-items:center;gap:2px;padding:0 6px 0 2px;font-size:16.5px}
body.ui2 .u2PatHead b{font-weight:700;padding-left:4px}
body.ui2 .u2PatBody{flex:1;min-height:0;overflow-y:auto;padding:4px 12px calc(20px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:10px;-webkit-overflow-scrolling:touch}
body.ui2 .u2PatTop{display:flex;gap:14px;align-items:center;padding:0 2px}
body.ui2 .u2PatWho{min-width:0;display:flex;flex-direction:column;gap:3px}
body.ui2 .u2PatWho>b{font-size:20px;font-weight:800;line-height:1.2;overflow-wrap:anywhere}
body.ui2 .u2PatWho>span{font-size:13px;color:var(--muted)}
body.ui2 .u2PatWho .u2ItemTags{flex-wrap:wrap}
body.ui2 .u2PatTiles,body.ui2 .u2Tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
body.ui2 .u2Tile .u2i,body.ui2 .u2Tile .u2Rs{color:var(--acc)}
body.ui2 .u2Line .u2i:not(.chev){color:var(--acc)}
body.ui2 .u2MenuItem .u2i{color:var(--acc)}
body.ui2 .u2Tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:62px;padding:8px 2px;border:1px solid var(--line);border-radius:14px;background:#fff;font-size:12.5px;font-weight:700;color:var(--ink);cursor:pointer;min-width:0}
body.ui2 .u2Tile span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
body.ui2 .u2Tile:hover{background:var(--hover)}
body.ui2 .u2WorkTop{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
body.ui2 .u2WorkTop span{font-size:12.5px;color:var(--muted)}
body.ui2 .u2Steps{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);margin:6px 0 4px;padding:0}
body.ui2 .u2Steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);text-align:center;white-space:nowrap}
body.ui2 .u2Steps li::before{content:"";position:absolute;top:8px;left:-50%;right:50%;height:2px;background:var(--bd2)}
body.ui2 .u2Steps li:first-child::before{display:none}
body.ui2 .u2Steps li i{position:relative;z-index:1;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--bd);margin-top:0}
body.ui2 .u2Steps li.done i{background:var(--acc);border-color:var(--acc)}
body.ui2 .u2Steps li.done::before,body.ui2 .u2Steps li.cur::before{background:var(--acc)}
body.ui2 .u2Steps li.cur i{background:var(--acc);border-color:var(--acc);box-shadow:0 0 0 4px var(--sel)}
body.ui2 .u2Steps li.cur{color:var(--ink);font-weight:700}
body.ui2 .u2Pend{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:10px 10px 10px 12px;border-radius:12px;background:var(--sel)}
body.ui2 .u2Pend.amber{background:var(--amber-tint)}
body.ui2 .u2Pend>span{min-width:0;display:flex;flex-direction:column}
body.ui2 .u2Pend i{font-style:normal;font-size:12px;font-weight:700;color:var(--deep)}
body.ui2 .u2Pend.amber i{color:var(--amber)}
body.ui2 .u2Pend b{font-size:14.5px;font-weight:700}
body.ui2 .u2Rungs{list-style:none;margin:8px 0 12px;padding:0;display:flex;flex-direction:column}
body.ui2 .u2Rungs li{position:relative;display:flex;gap:12px;padding:0 0 12px}
body.ui2 .u2Rungs li:last-child{padding-bottom:0}
body.ui2 .u2Rungs li::before{content:"";position:absolute;left:8px;top:18px;bottom:0;width:2px;background:var(--bd2)}
body.ui2 .u2Rungs li:last-child::before{display:none}
body.ui2 .u2Rungs i{flex:0 0 18px;width:18px;height:18px;box-sizing:border-box;margin-top:1px;border-radius:50%;background:#fff;border:2px solid var(--bd);position:relative;z-index:1}
body.ui2 .u2Rungs li.done i{background:var(--bd);border-color:var(--bd)}
body.ui2 .u2Rungs li.cur i{background:var(--acc);border-color:var(--acc);box-shadow:0 0 0 4px var(--sel)}
body.ui2 .u2Rungs span{display:flex;flex-direction:column;min-width:0}
body.ui2 .u2Rungs b{font-size:14.5px;font-weight:600}
body.ui2 .u2Rungs li.cur b{font-weight:700}
body.ui2 .u2Rungs li.done b{color:var(--muted)}
body.ui2 .u2Rungs em{font-style:normal;font-size:12.5px;color:var(--muted)}
body.ui2 .u2Ladder .u2Muted{margin-top:10px;font-size:12.5px}
body.ui2 .u2Ladder .u2Btn{width:100%}
body.ui2 .u2PatSum p{margin:0;font-size:14px;line-height:20px}
body.ui2 .u2PatSum p+p{margin-top:6px}
body.ui2 .u2Kvs{padding:4px 16px}
body.ui2 .u2Kv{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:44px;padding:6px 0;border-top:1px solid var(--line);font-size:14px}
body.ui2 .u2Kv:first-child{border-top:0}
body.ui2 .u2Kv>span{flex:0 0 auto;color:var(--muted)}
body.ui2 .u2Kv>b{min-width:0;font-weight:700;text-align:right;overflow-wrap:anywhere}
body.ui2 .u2Kv>b span{font-weight:600}
body.ui2 .u2Kv em{font-style:normal;color:#6b5200}
body.ui2 .u2Kv.sw>span{color:var(--ink);font-weight:700;display:flex;flex-direction:column}
body.ui2 .u2Kv small{font-size:12px;font-weight:400;color:var(--muted)}
body.ui2 .u2Auto{display:grid;grid-template-columns:1fr auto;gap:0 10px;padding:6px 0;border-top:1px solid var(--line);font-size:13.5px}
body.ui2 .u2Auto:first-of-type{border-top:0}
body.ui2 .u2Auto b{grid-column:1;font-weight:400;color:var(--muted);font-size:12.5px}
body.ui2 .u2Auto span{grid-column:1;font-weight:700}
body.ui2 .u2Auto i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font-size:12px;color:var(--muted)}
body.ui2 .u2Auto.bad b{color:var(--red)} body.ui2 .u2Auto.wait b{color:#6b5200}
body.ui2 .u2Lines{padding:4px 6px 4px 12px;display:flex;flex-direction:column}
body.ui2 .u2Lines.flat{padding:0}
body.ui2 .u2Line{display:flex;align-items:center;gap:14px;min-height:48px;width:100%;padding:0 4px;border:0;border-top:1px solid var(--line);background:none;text-align:left;font-size:15px;font-weight:600;color:var(--ink);cursor:pointer;text-decoration:none;box-sizing:border-box}
body.ui2 .u2Line:first-child{border-top:0}
body.ui2 .u2Line>span:not(.u2Badge){flex:1;min-width:0;display:flex;flex-direction:column}
body.ui2 .u2Line small{font-size:12.5px;font-weight:400;color:var(--muted)}
body.ui2 .u2Line .chev{width:18px;height:18px;color:var(--faint)}
body.ui2 .u2Line.accent{color:var(--acc);font-weight:700}
body.ui2 .u2Line:hover{background:var(--hover)}

/* ---------- 8. More ---------- */
body.ui2 .u2More{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
body.ui2 .u2Me{display:flex;align-items:center;gap:14px}
body.ui2 .u2MeTx{display:flex;flex-direction:column;min-width:0}
body.ui2 .u2MeTx b{font-size:17px;font-weight:700}
body.ui2 .u2MeTx span{font-size:13px;color:var(--muted)}
body.ui2 .u2GroupHead{padding:6px 6px 0;font-size:12.5px;font-weight:700;color:var(--muted)}
body.ui2 .u2MoreCols{display:flex;flex-direction:column;gap:10px}
body.ui2 .u2MoreCol{display:flex;flex-direction:column;gap:10px;min-width:0}
body.ui2 .u2MeOut,body.ui2 .u2WideOnly{display:none}
body.ui2 .u2MoreTiles .u2TileIc{display:flex;font-style:normal}
body.ui2 .u2MoreTiles .u2TileTx{display:flex;flex-direction:column;min-width:0}
body.ui2 .u2MoreTiles .u2TileTx b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ui2 .u2MoreTiles .u2TileTx small{display:none}
/* computer and tablet on its side: the More page spreads out - profile bar, four wide tiles, three columns */
@media (min-width:1024px){
  body.ui2 .u2More{max-width:1160px;gap:16px;padding:4px 0 24px}
  body.ui2 .u2Me{padding:14px 18px}
  body.ui2 .u2MeTx{flex:1}
  body.ui2 .u2MeOut{display:inline-flex}
  body.ui2 .u2MoreOut{display:none}
  body.ui2 .u2WideOnly{display:block}
  body.ui2 .u2MoreTiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
  body.ui2 .u2MoreTiles .u2Tile{flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;min-height:84px;padding:14px 16px;border-radius:16px;text-align:left}
  body.ui2 .u2MoreTiles .u2Tile:hover{background:#fff;border-color:var(--brand-line);box-shadow:var(--shadow-2)}
  body.ui2 .u2MoreTiles .u2TileIc{flex:0 0 46px;width:46px;height:46px;border-radius:14px;background:var(--soft);align-items:center;justify-content:center}
  body.ui2 .u2MoreTiles .u2TileIc .u2i{width:24px;height:24px}
  body.ui2 .u2MoreTiles .u2TileTx{flex:1;gap:2px;white-space:normal;overflow:visible}
  body.ui2 .u2MoreTiles .u2TileTx b{font-size:15.5px}
  body.ui2 .u2MoreTiles .u2TileTx small{display:block;font-size:12.5px;font-weight:400;line-height:16px;color:var(--muted);white-space:normal}
  body.ui2 .u2MoreCols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;align-items:start}
  body.ui2 .u2MoreCol{gap:6px}
  body.ui2 .u2More .u2GroupHead{padding:0 6px;font-size:13px}
  body.ui2 .u2More .u2Line{min-height:46px;font-size:14.5px}
}

/* ---------- 9. sheets and dialogs ---------- */
body.ui2 .modalBack{background:rgba(60,16,26,.45);-webkit-backdrop-filter:none;backdrop-filter:none;padding:16px;z-index:120;animation:none}
body.ui2 .modalBack .modal{background:#fff;border:0;border-radius:20px;box-shadow:0 14px 40px rgba(60,16,26,.28);padding:16px 20px 20px;max-height:90dvh;box-sizing:border-box;animation:none}
body.ui2 .u2SheetModal .modal{width:min(440px,100%)!important}
body.ui2 .modalHead{border:0;margin:0 -8px 4px 0;padding:0}
body.ui2 .modalHead h3{font-size:20px;font-weight:800;line-height:1.2}
body.ui2 .close{flex:0 0 44px;width:44px;height:44px;border:0;border-radius:50%;background:none;font-size:17px;color:var(--ink)}
body.ui2 .close:hover{background:var(--neu);color:var(--ink)}
body.ui2 .modal .actions{display:flex;flex-wrap:wrap;gap:8px}
body.ui2 .modal .actions .btn{flex:1 1 auto;min-height:44px}
body.ui2 .u2Wide{width:100%;min-height:48px!important;font-size:15.5px!important}
body.ui2 .u2SheetSub{margin:0 0 12px;color:var(--muted);font-size:14px}
body.ui2 .u2Hint{margin:12px 0 0;padding:10px 12px;border-radius:12px;background:var(--soft);font-size:13px;line-height:18px}
body.ui2 .u2Dial{width:100%;margin-bottom:12px}
body.ui2 .u2Opts{border:0;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}
body.ui2 .u2Opts legend{padding:0;margin-bottom:8px;font-size:13.5px;font-weight:700}
body.ui2 label.u2Opt{display:flex;align-items:center;gap:14px;min-height:52px;margin:0;padding:6px 14px;border:1.5px solid var(--edge);border-radius:14px;cursor:pointer;text-transform:none;letter-spacing:0;font-size:15px;font-weight:400;color:var(--ink)}
body.ui2 label.u2Opt input{flex:0 0 22px;width:22px;height:22px;margin:0;padding:0;accent-color:var(--acc);box-shadow:none}
body.ui2 label.u2Opt span{display:flex;flex-direction:column}
body.ui2 label.u2Opt b{font-weight:700}
body.ui2 label.u2Opt i{font-style:normal;font-size:12.5px;color:var(--muted);line-height:16px}
body.ui2 label.u2Opt:has(input:checked){border-color:var(--acc);background:var(--soft)}
body.ui2 .u2Choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
body.ui2 .u2Choice{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:96px;padding:12px;border:1.5px solid var(--edge);border-radius:14px;background:#fff;text-align:left;cursor:pointer}
body.ui2 .u2Choice .u2i{width:30px;height:30px;padding:5px;box-sizing:border-box;border-radius:9px;background:var(--soft);color:var(--deep)}
body.ui2 .u2Choice b{font-size:14.5px;font-weight:700}
body.ui2 .u2Choice i{font-style:normal;font-size:12.5px;color:var(--muted);line-height:16px}
body.ui2 .u2Choice:hover{border-color:var(--acc)}
body.ui2 .u2Two{display:flex;gap:8px}

/* ---------- 10. the classic pages, repainted ---------- */
body.ui2 label{text-transform:none;letter-spacing:0;font-size:13.5px;font-weight:700;color:var(--ink);margin:10px 0 6px}
body.ui2 input,body.ui2 select,body.ui2 textarea{border:1px solid var(--bd3);border-radius:12px;background-color:#fff;box-shadow:none;padding:10px 12px;font-size:16px;color:var(--ink)}
body.ui2 input:focus,body.ui2 select:focus,body.ui2 textarea:focus,body.ui2 input:focus-visible,body.ui2 select:focus-visible,body.ui2 textarea:focus-visible{outline:none;border-color:var(--acc);box-shadow:0 0 0 1px var(--acc)}
body.ui2 label.u2Search input:focus,body.ui2 label.u2Field textarea:focus,body.ui2 .u2Compose select:focus{box-shadow:none}
body.ui2 .u2Compose select:focus-visible{box-shadow:inset 0 0 0 2px var(--acc)}
body.ui2 label.u2Field:focus-within{box-shadow:inset 0 0 0 2px var(--acc)}
body.ui2 input[type=checkbox],body.ui2 input[type=radio]{accent-color:var(--acc)}
body.ui2 .help,body.ui2 .muted{color:var(--muted)}
body.ui2 .btn{min-height:40px;padding:0 16px;border:0;border-radius:20px;background:var(--neu);color:var(--ink-soft);font-size:14px;font-weight:700;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
body.ui2 .btn:hover{transform:none;box-shadow:none;filter:brightness(.96)}
body.ui2 .btn.small{min-height:36px;padding:0 13px;border-radius:18px;font-size:13px}
body.ui2 .btn.primary,body.ui2 .btn.blue.primary,body.ui2 .primaryWork{background:var(--acc);color:#fff;box-shadow:none}
body.ui2 .btn.primary:hover,body.ui2 .primaryWork:hover{box-shadow:none;transform:none}
body.ui2 .btn.green,body.ui2 .btn.blue{background:var(--soft);color:var(--deep)}
body.ui2 .btn.orange{background:var(--amber-tint);color:var(--amber)}
body.ui2 .btn.red{background:var(--red-tint);color:var(--red)}
body.ui2 .btn.gray{background:var(--neu);color:var(--ink-soft);border:0}
body.ui2 .btn[disabled],body.ui2 .tfWait{opacity:.6}
body.ui2 .primaryWork{border-radius:22px;min-height:44px;font-size:14.5px}
body.ui2 .tfWait{background:var(--neu)!important;border:0!important;color:var(--muted)!important}
body.ui2 .panel,body.ui2 .card,body.ui2 .stat,body.ui2 .processBox,body.ui2 .procCol,body.ui2 .procBox,body.ui2 .snapshotPanel,body.ui2 .wsDetailBox,body.ui2 .aiwRow,body.ui2 .calDayCol,body.ui2 .fnode{
  background:#fff!important;border:1px solid var(--line);border-radius:16px;box-shadow:none;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body.ui2 .card{animation:none;padding:14px 16px}
body.ui2 .card::before{display:none}
body.ui2 .card:hover,body.ui2 .stat:hover{transform:none;box-shadow:none}
body.ui2 .card.attention{border-color:var(--brand-line)}
body.ui2 .stat::before{background:var(--acc);width:4px}
body.ui2 .stat.zero::before{background:var(--bd2)}
body.ui2 .stat b{font-weight:800}
body.ui2 .stat.red:not(.zero),body.ui2 .stat.attn:not(.zero),body.ui2 .stat.hot:not(.zero),body.ui2 .stat.green:not(.zero),body.ui2 .stat.orange:not(.zero){background:#fff!important}
body.ui2 .stat.red:not(.zero) b{color:var(--acc)}
body.ui2 .head h3,body.ui2 .panel h3{font-size:16px;font-weight:700}
body.ui2 .secHead{font-size:12.5px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--muted);margin:16px 2px 8px}
body.ui2 .chip,body.ui2 .wsTag,body.ui2 .scopeTag,body.ui2 .roleBadge,body.ui2 .qaBadge{border:0;border-radius:7px;padding:2px 8px;font-size:12px;font-weight:700;background:var(--neu);color:var(--ink-soft)}
body.ui2 .chip.hot,body.ui2 .chip.red,body.ui2 .chip.very,body.ui2 .wsTag.red{background:var(--acc);color:#fff}
body.ui2 .chip.warm,body.ui2 .chip.orange,body.ui2 .wsTag.warmc{background:var(--amber-tint);color:var(--amber)}
body.ui2 .chip.green,body.ui2 .wsTag.green,body.ui2 .qaBadge{background:var(--green-tint);color:var(--green)}
body.ui2 .chip.purple,body.ui2 .wsTag.purple,body.ui2 .scopeTag,body.ui2 .roleBadge{background:var(--soft);color:var(--deep)}
body.ui2 .smallnum{background:var(--neu);color:var(--ink-soft)}
body.ui2 .smallnum.nonzero,body.ui2 .num.nonzero{background:var(--acc);color:#fff}
body.ui2 .filters button,body.ui2 .summaryBar button,body.ui2 .wsChip,body.ui2 .tCat{min-height:36px;padding:0 14px;border:0;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-soft);font-size:13.5px;font-weight:600}
body.ui2 .filters button:hover,body.ui2 .summaryBar button:hover{transform:none;box-shadow:inset 0 0 0 1px var(--edge)}
body.ui2 .filters button.active,body.ui2 .wsChip.active,body.ui2 .tCat.on,body.ui2 .tCat.hot{background:var(--sel);color:var(--deep);box-shadow:none;font-weight:700}
body.ui2 .filters button.active .smallnum{background:var(--acc);color:#fff}
body.ui2 .tCat b{font-size:14px}
body.ui2 .next{border-radius:12px;background:var(--soft);border:0;color:var(--ink);font-size:14px;padding:10px 12px}
body.ui2 .next::before{content:"Next";letter-spacing:0;font-size:12px;font-weight:700;color:var(--deep);margin-bottom:2px}
body.ui2 .next.red,body.ui2 .next.orange,body.ui2 .next.green{background:var(--soft);color:var(--ink)}
body.ui2 .next.orange{background:var(--amber-tint)} body.ui2 .next.green{background:var(--green-tint)}
body.ui2 .next.red::before,body.ui2 .next.orange::before,body.ui2 .next.green::before{color:inherit;opacity:.8}
body.ui2 .dueInfo,body.ui2 .tdeDayTag,body.ui2 .compactStatus,body.ui2 .waStatus,body.ui2 .recAction,body.ui2 .intentBox,body.ui2 .simpleWork,body.ui2 .accBox,body.ui2 .accessBox,body.ui2 .dnvFlowBox,body.ui2 .tmpl{border:0;border-radius:12px;background:var(--neu);color:var(--ink)}
body.ui2 .dueInfo.red{background:var(--soft);color:var(--deep)} body.ui2 .dueInfo.green{background:var(--green-tint);color:var(--green)}
body.ui2 .dueNow{color:var(--acc)}
body.ui2 .alertBox,body.ui2 .adminAlert,body.ui2 .blockedInfo{border:0;box-shadow:none;border-radius:12px;background:var(--red-tint);color:var(--red)}
body.ui2 .storageWarn{border:0;border-radius:12px}
body.ui2 table{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:none;font-size:13.5px}
body.ui2 th{background:var(--hover);text-transform:none;letter-spacing:0;font-size:12.5px;color:var(--muted)}
body.ui2 tbody tr:hover{background:var(--hover)}
body.ui2 .empty,body.ui2 .emptySection,body.ui2 .notifEmpty{border:1px dashed var(--edge);border-radius:16px;background:#fff;color:var(--muted)}
body.ui2 .patientLink{border-bottom:0;text-decoration:underline;text-decoration-color:var(--brand-line);text-underline-offset:3px}
body.ui2 .notifItem{border:0;box-shadow:none;border-radius:12px;background:var(--neu)}
body.ui2 .notifItem.unseen,body.ui2 .notifItem.live{background:var(--soft)}
body.ui2 .notifHead{letter-spacing:0;text-transform:none;font-size:12.5px;color:var(--muted)}
body.ui2 .timeline{border-left-color:var(--brand-line)}
body.ui2 .jItem::before{background:var(--acc);border-radius:50%;width:7px;height:7px;top:13px}
body.ui2 .tlItem{border-left-color:var(--brand-line);background:var(--hover)}
body.ui2 .permGroup{border:1px solid var(--line)}
body.ui2 .permGroup>b{letter-spacing:0;text-transform:none;color:var(--deep)}
body.ui2 .calEv.bts{background:var(--green-tint);border-color:var(--green-line)}
body.ui2 .calDayHead{letter-spacing:0;text-transform:none;font-size:13px;color:var(--deep)}
body.ui2 .calDayCol.isToday{border-color:var(--acc);box-shadow:inset 0 0 0 1px var(--acc)}
body.ui2 .waBubble.out{background:var(--out);border:0} body.ui2 .waBubble.in{border:0}
body.ui2 .toast{left:50%;right:auto;bottom:calc(var(--tabs) + 14px);border:0;border-radius:14px;background:#1f1517;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 8px 24px rgba(60,16,26,.3);z-index:200}
body.ui2.waMobileChat .toast{bottom:84px}
body.ui2.u2Kb #u2Tabs{display:none}
body.ui2.u2Kb .modalBack{bottom:auto;height:var(--vvh,100%)}
@media (max-width:359px){ body.ui2 .u2AiSw>span{display:none} }
body.ui2 #waPops{right:12px;bottom:calc(var(--tabs) + 12px);z-index:110}
body.ui2 .waPop{border:1px solid var(--line);border-left:4px solid var(--acc);border-radius:14px;box-shadow:0 10px 28px rgba(60,16,26,.2)}
body.ui2 .waPop .waAvatar{flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700}
body.ui2 .offlineBar{background:var(--red)}
body.ui2.isOffline .app{padding-top:0;top:40px}
body.ui2 .dayNightToggle,body.ui2 #waDock,body.ui2 #waDockTab,body.ui2 #wsViewBtn,body.ui2 .navSelect,body.ui2 .pillsSelect{display:none!important}
body.ui2 .grid.g2,body.ui2 .grid.g3,body.ui2 .grid.g4,body.ui2 .grid.g6{gap:10px}
body.ui2 #content>.panel,body.ui2 #content>.cards,body.ui2 #content>.grid,body.ui2 #content>table,body.ui2 #content>.filters{max-width:1180px}
body.ui2 .cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}

/* ---------- 11. phone-only adjustments ---------- */
@media (max-width:699px){
  body.ui2 .modalBack{place-items:end center;padding:0}
  body.ui2 .modalBack .modal{width:100%!important;max-height:92dvh;border-radius:22px 22px 0 0;padding:6px 16px calc(16px + env(safe-area-inset-bottom,0px))}
  body.ui2 .modalBack .modal::before{content:"";display:block;width:36px;height:4px;border-radius:2px;background:var(--bd2);margin:4px auto 6px}
  body.ui2 .grid.g2,body.ui2 .grid.g3,body.ui2 .grid.g4{grid-template-columns:1fr}
  body.ui2 .grid.g6{grid-template-columns:1fr 1fr}
  body.ui2 #content table{display:block;overflow-x:auto;max-width:100%}
  body.ui2 .procGrid{grid-template-columns:1fr}
  body.ui2 .cards{grid-template-columns:1fr}
  body.ui2[data-page="leads"] #gsearch{display:none}
  body.ui2 .grid:has(>.stat){grid-template-columns:1fr 1fr}
  body.ui2 .u2Bub{max-width:292px}
}

/* ---------- 12. tablet upright: list + chat ---------- */
@media (min-width:700px){
  body.ui2{--list:320px}
  body.ui2 .u2TitleBtn .u2Mark{display:none}
  body.ui2 .u2TopBrand{display:flex}
  body.ui2 .top{padding-left:12px;gap:10px}
  body.ui2 .top h1{font-size:20px}
  body.ui2.wsFit{--top:98px}
  body.ui2.wsFit .top{position:absolute;left:0;top:0;width:var(--list);display:grid;grid-template-columns:1fr auto;grid-template-rows:54px 44px;align-items:center;gap:0;padding:0 4px 0 12px;border-right:1px solid var(--line)}
  body.ui2.wsFit .u2TopBrand{grid-column:1;grid-row:1}
  body.ui2.wsFit .top .actions{grid-column:2;grid-row:1}
  body.ui2.wsFit .u2TitleBtn{grid-column:1/-1;grid-row:2;justify-self:start;height:44px;padding-left:4px}
  body.ui2.wsFit #content{position:absolute;inset:0}
  body.ui2.wsFit .u2Split,body.ui2.wsFit.waMobileChat .u2Split{bottom:var(--tabs)}
  body.ui2.wsFit .waListCol,body.ui2.wsFit.waMobileChat .waListCol{display:flex;inset:0 auto 0 0;width:var(--list);padding-top:var(--top);border-right:1px solid var(--line)}
  body.ui2.wsFit .waChatCol,body.ui2.wsFit.waMobileChat .waChatCol{display:flex;flex-direction:column;position:absolute;inset:0 0 0 var(--list);height:auto}
  body.ui2.wsFit.waMobileChat .top{display:grid}
  body.ui2.wsFit.waMobileChat #u2Tabs{display:flex}
  body.ui2.wsFit.u2Pat .waChatCol{display:none}
  body.ui2.wsFit.u2Pat .waLeadCol{display:block;position:absolute;inset:0 0 0 var(--list)}
  body.ui2.wsFit .u2ChatHead .u2BackBtn{display:none}
  body.ui2 #content{padding:18px 24px calc(var(--tabs) + 24px)}
  body.ui2.wsFit #content{padding:0}
  body.ui2 #u2Tabs{justify-content:center}
  body.ui2 .u2Tab{flex:0 1 150px}
  body.ui2 #u2MenuPop{left:12px;top:92px}
  body.ui2:not(.wsFit) #u2MenuPop{top:54px;left:60px}
  body.ui2 .u2PatBody{padding:4px 16px 24px}
}

/* ---------- 13. tablet on its side: list + chat + patient file ---------- */
@media (min-width:1024px){
  body.ui2{--list:360px;--pat:344px}
  body.ui2.wsFit .u2Strip .u2Sum{display:none!important}
  body.ui2.wsFit .u2TabTx{font-size:11px}
  body.ui2 .u2Steps li{font-size:11px}
  body.ui2.wsFit #u2Tabs{right:auto;width:var(--list);border-right:1px solid var(--line);justify-content:space-around}
  body.ui2.wsFit .u2Tab{flex:1 1 0}
  body.ui2.wsFit .u2Split,body.ui2.wsFit.waMobileChat .u2Split{bottom:0}
  body.ui2.wsFit .waListCol{padding-bottom:var(--tabs)}
  body.ui2.wsFit .waChatCol,body.ui2.wsFit.u2Pat .waChatCol{display:flex;inset:0 var(--pat) 0 var(--list)}
  body.ui2.wsFit .waLeadCol,body.ui2.wsFit.u2Pat .waLeadCol{display:block;position:absolute;inset:0 0 0 auto;width:var(--pat);border-left:1px solid var(--line)}
  body.ui2.wsFit .u2PatHead .u2BackBtn{display:none}
  body.ui2.wsFit .u2PatHead b{padding-left:14px}
  body.ui2.wsFit .u2Who{cursor:default}
  body.ui2 .u2Fab{bottom:calc(var(--tabs) + 18px)}
}

/* ---------- 14. PC: sidebar + list + chat + patient file ---------- */
@media (min-width:1366px){
  body.ui2{--side:216px;--list:372px;--pat:372px;--tabs:0px}
  body.ui2.wsFit{--top:56px}
  body.ui2 #u2Tabs{display:none!important}
  body.ui2 .side{display:flex;flex-direction:column;position:absolute;left:0;top:0;bottom:0;width:var(--side);height:auto;box-sizing:border-box;margin:0;padding:12px 10px 10px;overflow:hidden;
    background:var(--side-bg);border:0;border-right:1px solid var(--line);border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  body.ui2 .u2Brand{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:2px 6px 12px}
  body.ui2 .side .nav{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:2px;overflow-y:auto;margin:0;padding:0}
  body.ui2 .u2NavHead{padding:10px 10px 4px;font-size:12px;font-weight:700;color:var(--muted)}
  body.ui2 .nav .u2Nav{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:40px;padding:0 10px;border:0;border-radius:12px;background:none;box-shadow:none;text-align:left;font-size:14px;font-weight:600;color:var(--ink-soft);cursor:pointer}
  body.ui2 .nav .u2Nav .u2i{width:20px;height:20px}
  body.ui2 .nav .u2Nav>span:not(.u2Badge){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.ui2 .nav .u2Nav:hover{background:var(--neu);color:var(--ink)}
  body.ui2 .nav .u2Nav.urgent{color:var(--acc);font-weight:700}
  body.ui2 .nav .u2Nav.on{background:var(--sel);color:var(--deep);font-weight:700}
  body.ui2 .u2NavGap{flex:1 1 auto;min-height:8px}
  body.ui2 .side .userBox{flex:0 0 auto;margin:6px 0 0;padding:0;border:0;background:none;box-shadow:none;display:block}
  body.ui2 .u2User{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:left;cursor:pointer}
  body.ui2 .u2UserTx{min-width:0;display:flex;flex-direction:column}
  body.ui2 .u2UserTx b{font-size:13.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.ui2 .u2UserTx span{font-size:12px;color:var(--muted)}
  body.ui2 .u2TopBrand,body.ui2 .u2Chev{display:none}
  body.ui2 .u2TitleBtn{cursor:default}
  body.ui2.wsFit .top{display:flex;padding:0 6px 0 16px}
  body.ui2.wsFit .u2TitleBtn{height:48px;padding-left:0}
  body.ui2 #content{padding:20px 28px 28px}
  body.ui2.wsFit #content{padding:0}
  body.ui2 .u2Fab{bottom:18px}
  body.ui2 .toast{bottom:24px}
  body.ui2 #waPops{bottom:16px}
}
@media (prefers-reduced-motion:reduce){ body.ui2 .u2Switch i{transition:none} }
@media print{ body.ui2{position:static;overflow:visible} body.ui2 .app,body.ui2 .main{position:static} body.ui2 #u2Tabs,body.ui2 .side,body.ui2 .top{display:none!important} body.ui2 #content{overflow:visible} }

/* ---------- Settings: a menu of sections, one section at a time ---------- */
body.ui2 #content.u2Set{display:block}
body.ui2 #content.u2Set>.panel{display:none;max-width:860px;margin:0 auto 14px;padding:18px 18px 20px}
body.ui2 #content.u2Set>.panel.u2On{display:block}
body.ui2 #content.u2Set .u2SetMenu{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
body.ui2 #content.u2Set .u2SetItem small{font-size:12.5px;font-weight:400;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ui2 #content.u2Set .u2SetItem.on{color:var(--deep)}
body.ui2 #content.u2Set .u2SetBack{display:none;max-width:860px;margin:0 auto 10px}
body.ui2 #content.u2Set.u2SetOpen .u2SetMenu{display:none}
body.ui2 #content.u2Set.u2SetOpen .u2SetBack{display:block}
body.ui2 #content.u2Set .panel h3.u2SetH{font-size:19px;margin:0 0 4px}
body.ui2 #content.u2Set .panel>.help:first-of-type{margin:0 0 14px;font-size:13.5px;line-height:19px;color:var(--muted)}
body.ui2 #content.u2Set .panel .help{font-size:13px;line-height:18px;color:var(--muted)}
body.ui2 #content.u2Set .panel label:not(.u2Search){display:block;margin:14px 0 6px;font-size:13.5px;font-weight:700;color:var(--ink)}
body.ui2 #content.u2Set .panel .grid label{margin-top:0}
body.ui2 #content.u2Set .panel .grid{gap:14px 16px}
body.ui2 #content.u2Set .panel input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=search]),body.ui2 #content.u2Set .panel select,body.ui2 #content.u2Set .panel textarea{width:100%;box-sizing:border-box}
body.ui2 #content.u2Set .panel .actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
body.ui2 #content.u2Set .panel .actions input:not([type=checkbox]):not([type=radio]){width:auto;flex:1 1 220px}
/* customisation: the two logos and the colour theme */
body.ui2 .u2CusGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:6px 0 8px}
body.ui2 .u2CusBox{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}
body.ui2 .u2CusBox>b{font-size:14.5px}
body.ui2 .u2CusPrev{display:flex;align-items:center;justify-content:center;height:84px;border-radius:12px;background:var(--page);border:1px dashed var(--edge)}
body.ui2 .u2CusPrev .u2Mark{width:66px;height:62px}
body.ui2 .u2CusPrev .u2Word{width:177px;height:40px;background-position:center}
body.ui2 #content.u2Set .panel label.u2CusUp{display:inline-flex;margin:0;font-size:13.5px;cursor:pointer;position:relative;overflow:hidden}
body.ui2 #content.u2Set .panel label.u2CusUp input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0;border:0}
body.ui2 .u2Sws{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px;margin:2px 0 12px}
body.ui2 .u2Sw,body.ui2 #content.u2Set .panel label.u2Sw{display:flex;align-items:center;gap:10px;min-height:48px;margin:0;padding:6px 12px 6px 8px;border:1.5px solid var(--line);border-radius:14px;background:#fff;font-size:13.5px;font-weight:600;color:var(--ink);cursor:pointer;text-align:left;position:relative;box-sizing:border-box}
body.ui2 .u2Sw i{flex:0 0 30px;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
body.ui2 .u2Sw span{min-width:0;line-height:1.2;overflow-wrap:anywhere}
@media (max-width:599px){ body.ui2 .u2Sws{grid-template-columns:1fr 1fr} }
body.ui2 .u2Sw.on{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc);font-weight:700}
body.ui2 #content.u2Set .panel label.u2SwOwn input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0;border:0}
body.ui2 .u2CusDemo{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;border-radius:14px;background:var(--wall);margin-bottom:8px}
body.ui2 .u2CusDemo .u2Btn{cursor:default}
body.ui2 .u2CusSel{padding:8px 12px;border-radius:10px;background:var(--sel);color:var(--deep);font-size:13.5px;font-weight:700}
body.ui2 .u2CusBub{padding:7px 12px;border-radius:14px 4px 14px 14px;background:var(--out);font-size:14px;box-shadow:0 1px 1px rgba(0,0,0,.08)}
/* message templates: a searchable list, each message opens to edit */
body.ui2 #content.u2Set .panel label.u2TplFind{margin:4px 0 6px}
body.ui2 .u2Tpls{display:flex;flex-direction:column}
body.ui2 .u2TplGroup{margin:16px 2px 6px;font-size:12.5px;font-weight:700;color:var(--muted)}
body.ui2 .u2Tpl{border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:8px;overflow:hidden}
body.ui2 .u2Tpl.open{border-color:var(--brand-line);box-shadow:var(--shadow-2)}
body.ui2 .u2TplHead{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:8px 12px 8px 14px;border:0;background:none;text-align:left;cursor:pointer;color:var(--ink)}
body.ui2 .u2TplHead:hover{background:var(--hover)}
body.ui2 .u2TplTx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
body.ui2 .u2TplTx b{font-size:14.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ui2 .u2TplTx small{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ui2 .u2TplHead .chev{width:18px;height:18px;color:var(--faint);transition:transform .15s}
body.ui2 .u2Tpl.open .u2TplHead .chev{transform:rotate(180deg)}
body.ui2 .u2TplDot{display:none;flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--book)}
body.ui2 .u2Tpl.edited .u2TplDot{display:block}
body.ui2 .u2TplBody{padding:0 12px 12px 14px}
body.ui2 #content.u2Set .panel .u2TplBody label.u2TplKey{margin:0 0 6px;font-size:12px;font-weight:600;color:var(--muted)}
body.ui2 #content.u2Set .panel .u2TplBody label.u2TplKey{font-size:0}
body.ui2 #content.u2Set .panel .u2TplBody label.u2TplKey .muted{font-size:12px}
body.ui2 #content.u2Set .panel .actions.u2StickySave{position:sticky;bottom:0;z-index:3;margin:12px -18px 0;padding:10px 18px;background:#fff;border-top:1px solid var(--line)}
@media (prefers-reduced-motion:reduce){ body.ui2 .u2TplHead .chev{transition:none} }
@media (min-width:900px){
  body.ui2 #content.u2Set{display:grid;grid-template-columns:280px minmax(0,1fr);column-gap:22px;align-items:start;max-width:1200px;margin:0 auto}
  body.ui2 #content.u2Set .u2SetMenu{grid-column:1;grid-row:1 / span 40;position:sticky;top:0;max-width:none;margin:0;max-height:calc(100dvh - var(--top) - 40px);overflow-y:auto;padding-bottom:8px}
  body.ui2 #content.u2Set.u2SetOpen .u2SetMenu{display:flex}
  body.ui2 #content.u2Set.u2SetOpen .u2SetBack,body.ui2 #content.u2Set .u2SetBack{display:none}
  body.ui2 #content.u2Set>.panel{grid-column:2;margin:0 0 14px;max-width:none}
  body.ui2 #content.u2Set .u2SetItem{min-height:52px}
  body.ui2 #content.u2Set .u2SetItem.on{background:var(--sel);border-radius:10px;border-top-color:transparent}
  body.ui2 #content.u2Set .u2SetItem.on+.u2SetItem{border-top-color:transparent}
  body.ui2 #content.u2Set .u2SetItem .chev{display:none}
}

/* ---------- colour code ---------- */
/* counts */
body.ui2 .u2Count,body.ui2 .u2Badge,body.ui2 .u2Bell .notifDot,body.ui2 .u2MenuItem .u2Badge,body.ui2 .u2Nav .u2Badge,body.ui2 .u2Line .u2Badge{background:var(--pop);color:var(--pop-ink)}
body.ui2 .u2Badge.grey{background:var(--chip);color:#4a3d40}
body.ui2 .smallnum.nonzero,body.ui2 .num.nonzero,body.ui2 .filters button.active .smallnum{background:var(--pop);color:var(--pop-ink)}
body.ui2 .u2ChatHead,body.ui2 .top{background:#fff}
/* round buttons are the base maroon */
body.ui2 .u2Fab{background:var(--fab);color:#fff}
body.ui2 .u2SendBtn{background:var(--acc);color:#fff}
/* tags: what is to be done is coloured; the status of the lead is a plain grey tag, all alike */
body.ui2 .u2Tag[data-t="human"],body.ui2 .u2Tag[data-t="mark"]{background:var(--hum);color:#fff}
body.ui2 .u2Tag[data-t="call"]{background:var(--call);color:#fff}
body.ui2 .u2Tag[data-t="callat"]{background:var(--call-tint);color:var(--call-deep)}
body.ui2 .u2Tag[data-t="book"],body.ui2 .u2Tag[data-t="confirm"]{background:var(--book);color:var(--book-ink)}
body.ui2 .u2Tag[data-t="hot"]{background:var(--book-tint);color:var(--amber)}
body.ui2 .u2Tag[data-t="new"],body.ui2 .u2Tag[data-t="contacted"],body.ui2 .u2Tag[data-t="rnr"],body.ui2 .u2Tag[data-t="booked"],body.ui2 .u2Tag[data-t="visited"],
body.ui2 .u2Tag[data-t="dnv"],body.ui2 .u2Tag[data-t="follow"],body.ui2 .u2Tag[data-t="remind"],body.ui2 .u2Tag[data-t="conv"],body.ui2 .u2Tag[data-t="lost"],
body.ui2 .u2Tag[data-t="opp"]{background:var(--neu);color:var(--ink-soft)}
body.ui2 .u2Strip .u2Tag:not([data-t="human"]):not([data-t="mark"]):not([data-t="call"]):not([data-t="callat"]):not([data-t="book"]):not([data-t="confirm"]):not([data-t="hot"]),
body.ui2 .u2Item.on .u2Tag[data-t="new"],body.ui2 .u2Item.on .u2Tag[data-t="contacted"],body.ui2 .u2Item.on .u2Tag[data-t="rnr"],body.ui2 .u2Item.on .u2Tag[data-t="booked"],
body.ui2 .u2Item.on .u2Tag[data-t="visited"],body.ui2 .u2Item.on .u2Tag[data-t="dnv"],body.ui2 .u2Item.on .u2Tag[data-t="follow"],body.ui2 .u2Item.on .u2Tag[data-t="remind"],
body.ui2 .u2Item.on .u2Tag[data-t="conv"],body.ui2 .u2Item.on .u2Tag[data-t="lost"]{background:#fff;color:var(--ink-soft)}
body.ui2 .u2Tag[data-t="won"]{background:var(--green-tint);color:var(--green)}
body.ui2 button.u2Verdict{border:0;cursor:pointer;font-family:inherit;position:relative}
body.ui2 .u2Verd p{margin:0 0 10px;font-size:15px;line-height:21px}
body.ui2 button.u2Verdict::after{content:"";position:absolute;inset:-10px -6px}
/* buttons take the colour of the job they do */
body.ui2 .u2Btn.solid[onclick*="u2Call("],body.ui2 .u2Btn.solid[onclick*="openOppCall("],body.ui2 .u2Btn.solid[onclick*="openDNVCall("]{background:var(--call);color:#fff}
body.ui2 .u2Btn.tonal[onclick*="u2Call("],body.ui2 .u2Btn.tonal[onclick*="openOppCall("],body.ui2 .u2Btn.tonal[onclick*="openDNVCall("],body.ui2 .u2Btn.u2Dial{background:var(--call-tint);color:var(--call-deep)}
body.ui2 .u2Row .u2Btn.solid[onclick*="waSelect("],body.ui2 .u2QCard .u2Btn.solid[onclick*="waSelect("],body.ui2 .u2Btn[onclick*="waAttnDone("]{background:var(--hum);color:#fff}
body.ui2 .u2Btn.solid[onclick*="openBook("],body.ui2 .u2Btn.solid[onclick*="openCareflowBooked("],body.ui2 .u2Btn.solid[onclick*="waBookReqDone("]{background:var(--book);color:var(--book-ink)}
body.ui2 .u2Btn.tonal[onclick*="openBook("],body.ui2 .u2Btn.tonal[onclick*="openCareflowBooked("],body.ui2 .u2Btn.tonal[onclick*="quickWA("]{background:var(--book-tint);color:var(--amber)}
body.ui2 .u2Btn.tonal[onclick*="openVisit("]{background:var(--hum-tint);color:var(--hum-deep)}
body.ui2 .u2Btn.solid[onclick*="openVisitYes("]{background:var(--green);color:#fff}
body.ui2 .u2Btn.solid[onclick*="openVisit("]{background:var(--hum);color:#fff}
/* the four quick tiles of the patient file */
body.ui2 .u2Tile[onclick*="u2Call("] .u2i{color:var(--call)}
body.ui2 .u2Tile[onclick*="openPayment("] .u2Rs,body.ui2 .u2Tile[onclick*="openCareflowPaid("] .u2Rs{color:var(--green)}
body.ui2 .u2Tile[onclick*="openReminder("] .u2i{color:#a87400}
/* the pending box of the patient file */
body.ui2 .u2Pend[data-t="human"]{background:var(--hum-tint)} body.ui2 .u2Pend[data-t="human"] i{color:var(--hum-deep)}
body.ui2 .u2Pend[data-t="call"],body.ui2 .u2Pend[data-t="callat"]{background:var(--call-tint)} body.ui2 .u2Pend[data-t="call"] i,body.ui2 .u2Pend[data-t="callat"] i{color:var(--call-deep)}
body.ui2 .u2Pend[data-t="book"],body.ui2 .u2Pend[data-t="confirm"]{background:var(--book-tint)} body.ui2 .u2Pend[data-t="book"] i,body.ui2 .u2Pend[data-t="confirm"] i{color:var(--amber)}
body.ui2 .u2Pend[data-t="mark"]{background:var(--hum-tint)} body.ui2 .u2Pend[data-t="mark"] i{color:var(--hum-deep)}
/* the two urgent tabs and sidebar lines: Needs human is red, Call now is blue */
body.ui2 .u2Tab.urgent[onclick*="attention"]{color:var(--hum)} body.ui2 .u2Tab.urgent[onclick*="attention"] .u2TabIc{background:var(--hum-tint)}
body.ui2 .u2Tab.urgent.on[onclick*="attention"] .u2TabIc{background:var(--hum);color:#fff}
body.ui2 .u2Tab.urgent[onclick*="attention"] .u2Badge{background:var(--hum);color:#fff}
body.ui2 .u2Tab.urgent[onclick*="callnow"]{color:var(--call)} body.ui2 .u2Tab.urgent[onclick*="callnow"] .u2TabIc{background:var(--call-tint)}
body.ui2 .u2Tab.urgent.on[onclick*="callnow"] .u2TabIc{background:var(--call);color:#fff}
body.ui2 .u2Tab.urgent[onclick*="callnow"] .u2Badge{background:var(--call);color:#fff}
body.ui2 .u2Tab.urgent.on .u2Badge{box-shadow:0 0 0 2px #fff}
body.ui2 .nav .u2Nav.urgent[onclick*="attention"]{color:var(--hum)} body.ui2 .nav .u2Nav.urgent[onclick*="attention"] .u2Badge{background:var(--hum);color:#fff}
body.ui2 .nav .u2Nav.urgent.on[onclick*="attention"]{background:var(--hum-tint);color:var(--hum-deep)}
body.ui2 .nav .u2Nav.urgent[onclick*="callnow"]{color:var(--call)} body.ui2 .nav .u2Nav.urgent[onclick*="callnow"] .u2Badge{background:var(--call);color:#fff}
body.ui2 .nav .u2Nav.urgent.on[onclick*="callnow"]{background:var(--call-tint);color:var(--call-deep)}
/* group headings and filter counts */
body.ui2 .u2Group.red{color:var(--hum-deep)} body.ui2 .u2Group.red i{background:var(--hum)}
body.ui2 .u2Group.call{color:var(--call-deep)} body.ui2 .u2Group.call i{background:var(--call)}
body.ui2 .u2Group.amber i{background:var(--book)}
body.ui2 .u2Chip b.red{color:var(--hum)} body.ui2 .u2Chip b.call{color:var(--call)} body.ui2 .u2Chip b.amber{color:#8a6100}
body.ui2 .u2Chip.on b.red,body.ui2 .u2Chip.on b.call,body.ui2 .u2Chip.on b.amber,body.ui2 .u2Chip.on b.green{color:var(--deep)}
/* the Call now page: its ladder step and the call sheet belong to the call colour */
body.ui2 .u2Rungs li.cur i{background:var(--call);border-color:var(--call);box-shadow:0 0 0 4px var(--call-tint)}

/* ---------- CRM Platform: sign-in card, clinic switch, Logins ---------- */
body.ui2 [hidden]{display:none!important}
body.ui2 .u2Plat .u2PlatBrand{margin-bottom:16px}
body.ui2 .u2PlatMark{display:inline-flex;width:52px;height:52px;border-radius:16px;background:var(--soft);color:var(--brand);align-items:center;justify-content:center}
body.ui2 .u2PlatMark svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.ui2 .u2Plat label{margin:12px 0 6px}
body.ui2 .u2Plat input{width:100%;box-sizing:border-box;height:48px}
body.ui2 .u2Plat .eyeBtn .u2i{width:22px;height:22px}
body.ui2 .u2LinkBtn{margin-top:12px;align-self:center;border:0;background:none;color:var(--brand);font:600 14px/1.2 var(--font);padding:10px 14px;border-radius:12px;cursor:pointer;min-height:44px}
body.ui2 .u2LinkBtn:hover{background:var(--soft)}
body.ui2 .u2PlatPick{display:flex;flex-direction:column;gap:8px}
body.ui2 .u2PlatPick .u2Line{border:1px solid var(--bd);border-radius:14px;background:#fff}
body.ui2 .u2PlatNote{margin:0 0 4px;font-size:15px;line-height:1.45;color:var(--ink-soft)}
body.ui2 .u2ClinicSw{display:flex;align-items:center;justify-content:space-between;gap:8px;width:calc(100% - 16px);box-sizing:border-box;margin:0 8px 10px;padding:8px 12px;min-height:48px;border:1px solid var(--bd2);border-radius:12px;background:#fff;color:var(--ink);cursor:pointer;text-align:left;font-family:var(--font)}
body.ui2 .u2ClinicSw:hover{border-color:var(--brand-line);background:var(--out)}
body.ui2 .u2ClinicSw span{display:flex;flex-direction:column;min-width:0}
body.ui2 .u2ClinicSw small{font-size:11.5px;color:var(--muted)}
body.ui2 .u2ClinicSw b{font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ui2 .u2ClinicSw .u2i{flex:0 0 18px;width:18px;height:18px;color:var(--brand)}
body.ui2 .u2PlatRows{margin-top:12px}
body.ui2 .u2PlatRows .u2Line small{display:block}
body.ui2 .u2LgBox{border:1px solid var(--bd2);border-radius:14px;padding:14px 16px;margin-top:12px;background:var(--hover)}
body.ui2 .u2LgTop{margin:14px 0 4px}
body.ui2 .u2LgList{padding:0}
body.ui2 .u2LgRow{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 14px;border-top:1px solid var(--line)}
body.ui2 .u2LgRow:first-child{border-top:0}
body.ui2 .u2LgRow.off .u2LgWho{opacity:.65}
body.ui2 .u2LgWho{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:14.5px}
body.ui2 .u2LgWho small{font-size:12.5px;color:var(--muted);overflow-wrap:anywhere}
body.ui2 .u2LgActs{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto}
body.ui2 .u2Btn.u2LgEnd{color:var(--red);border-color:var(--red-line)}
body.ui2 .btn.u2LgEndBtn{background:var(--red);border-color:var(--red)}
body.ui2 .u2LgLink{display:flex;gap:6px;align-items:center}
body.ui2 .u2LgLink input{height:40px;width:230px;padding:6px 10px;font-size:14.5px}
body.ui2 .u2LgMade{border:1px solid var(--brand-line);background:var(--soft);border-radius:14px;padding:14px 16px;margin:12px 0}
body.ui2 .u2LgMade input{width:100%;box-sizing:border-box;margin:8px 0 2px;font:13px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}
body.ui2 .u2LgMade a.u2Btn{text-decoration:none}
body.ui2 .u2LgForm input:not([type=checkbox]),body.ui2 .u2LgForm select{width:100%;box-sizing:border-box}
body.ui2 .u2LgClinic{border:1px solid var(--bd2);border-radius:14px;padding:8px 12px;margin-top:8px}
body.ui2 .u2LgClinic.on{border-color:var(--brand-line);background:var(--out)}
body.ui2 label.u2LgTick{display:flex;gap:10px;align-items:center;min-height:40px;margin:0;font-size:15px;cursor:pointer}
body.ui2 label.u2LgTick input,body.ui2 label.u2LgPerm input{flex:0 0 20px;width:20px;height:20px;margin:0;padding:0}
body.ui2 .u2LgOpts{display:grid;gap:4px;margin:2px 0 6px}
body.ui2 .u2LgFine summary,body.ui2 .u2LgMore summary{cursor:pointer;color:var(--brand);font-weight:600;font-size:14px;padding:10px 0;min-height:24px}
body.ui2 .u2LgMore{margin-top:14px}
body.ui2 .u2LgPg{margin:6px 0 10px}
body.ui2 .u2LgPg>b{display:block;font-size:12.5px;color:var(--muted);margin-bottom:2px}
body.ui2 label.u2LgPerm{display:flex;gap:10px;align-items:flex-start;margin:0;padding:6px 0;font-weight:400;font-size:14.5px;cursor:pointer}
body.ui2 label.u2LgPerm input{margin-top:2px}
body.ui2 label.u2LgPerm small{display:block;font-size:12.5px;color:var(--muted)}
body.ui2 .u2LgModal .modal{width:min(520px,100%)!important}
body.ui2 .u2OcTbl{border-collapse:collapse;margin:12px 0 6px;font-size:14.5px}
body.ui2 .u2OcTbl th,body.ui2 .u2OcTbl td{padding:7px 18px 7px 0;text-align:right;border-bottom:1px solid var(--line)}
body.ui2 .u2OcTbl th{font-size:12.5px;color:var(--muted);font-weight:600}
body.ui2 .u2OcTbl td:first-child,body.ui2 .u2OcTbl th:first-child{text-align:left;font-weight:600}
body.ui2 .u2OcList{margin:8px 0 12px;padding-left:20px;font-size:14.5px;line-height:1.5}
body.ui2 .u2OcList li{margin:4px 0}
body.ui2 label.u2OcSheet{align-items:flex-start;margin:4px 0 10px;font-weight:600}
body.ui2 label.u2OcSheet small{display:block;font-weight:400;font-size:12.5px;color:var(--muted)}
body.ui2 label.u2OcSheet input{margin-top:2px}
body.ui2 .u2OcAuto{margin:10px 0;border:1px solid var(--line);border-radius:12px}
body.ui2 .u2OcAuto small{display:block;font-weight:400;font-size:13px;color:var(--muted);margin-top:2px}
@media (max-width:699px){
  body.ui2 .u2LgRow{flex-direction:column;align-items:stretch}
  body.ui2 .u2LgActs{justify-content:flex-start}
  body.ui2 .u2LgLink{flex-direction:column;align-items:stretch}
  body.ui2 .u2LgLink input{width:100%;box-sizing:border-box}
}

/* the logo mark and the text logo, carried inside this file so nothing else has to be uploaded */
body.ui2{--mark:url(data:image/png;base64,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);--word:url(data:image/png;base64,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)}

/* Settings sidebar also stays visible in smaller desktop windows. */
@media (min-width:600px){
  body.ui2 #content.u2Set{display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:16px;align-items:start;max-width:1200px;margin:0 auto}
  body.ui2 #content.u2Set .u2SetMenu{grid-column:1;grid-row:1 / span 40;position:sticky;top:0;max-width:none;margin:0;max-height:calc(100dvh - var(--top) - 40px);overflow-y:auto;padding-bottom:8px}
  body.ui2 #content.u2Set.u2SetOpen .u2SetMenu{display:flex}
  body.ui2 #content.u2Set.u2SetOpen .u2SetBack,body.ui2 #content.u2Set .u2SetBack{display:none}
  body.ui2 #content.u2Set>.panel{grid-column:2;margin:0 0 14px;max-width:none}
  body.ui2 #content.u2Set .u2SetItem{min-height:52px}
  body.ui2 #content.u2Set .u2SetItem.on{background:var(--sel);border-radius:10px;border-top-color:transparent}
  body.ui2 #content.u2Set .u2SetItem.on+.u2SetItem{border-top-color:transparent}
  body.ui2 #content.u2Set .u2SetItem .chev{display:none}
}
/* the patient column: whatever sits above the patient file (a label card) takes its own height, the file takes the rest and scrolls to its end */
body.ui2.waMobileChat.u2Pat .waLeadCol{display:flex;flex-direction:column}
@media (min-width:700px){ body.ui2.wsFit.u2Pat .waLeadCol{display:flex;flex-direction:column} }
@media (min-width:1024px){ body.ui2.wsFit .waLeadCol,body.ui2.wsFit.u2Pat .waLeadCol{display:flex;flex-direction:column} }
body.ui2 .waLeadCol>.u2Patient{flex:1 1 0;min-height:0;height:auto}
body.ui2 .waLeadCol>:not(.u2Patient){flex:0 0 auto}