/* ===== (base) ===== */
:root{--navy:#061f2b;--deep:#073d42;--teal:#0c8d83;--teal2:#19b69e;--mint:#eaf8f4;--gold:#d7b24f;--gold2:#fff0b9;--ink:#102f38;--text:#49646b;--muted:#71878c;--line:#d6e8e5;--paper:#f7fcfb;--white:#fff;--red:#b64a37;--wa:#15a96c;--shadow:0 12px 28px rgba(6,47,55,.12);--safe:env(safe-area-inset-bottom)}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--navy);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);font-size:14px;line-height:1.42}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}a{text-decoration:none;color:inherit}.hide{display:none!important}.app{max-width:560px;min-height:100vh;margin:auto;background:linear-gradient(180deg,#f9fdfc,#eef8f6 62%,#fff9e9);box-shadow:0 0 50px rgba(0,0,0,.32);padding-bottom:calc(82px + var(--safe));overflow:hidden}.hdr{position:sticky;top:0;z-index:90;padding:11px 13px 12px;color:#fff;background:radial-gradient(circle at 90% -20%,rgba(255,240,185,.26),transparent 28%),linear-gradient(135deg,#061f2b,#07434a 58%,#0a8279);border-radius:0 0 22px 22px;box-shadow:0 10px 28px rgba(6,31,43,.26)}.brandRow{display:grid;grid-template-columns:39px minmax(0,1fr) 38px;align-items:center;gap:9px}.mark{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22)}.mark svg{width:27px;height:27px}.brand b{display:block;font-family:Georgia,"Times New Roman",serif;font-size:24px;line-height:.95;letter-spacing:-.055em}.brand b span{color:#f4d26f}.brand small{display:block;margin-top:4px;font-size:7.8px;line-height:1.1;letter-spacing:.12em;text-transform:uppercase;color:#d9fff8;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menuBtn{width:38px;height:38px;border-radius:12px;background:var(--gold2);color:#3e2d07;font-weight:1000;font-size:18px}.topActions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.topActions button{min-height:43px;border-radius:13px;padding:5px 3px;background:rgba(255,255,255,.94);color:var(--ink);font-size:8px;font-weight:1000;line-height:1.05}.topActions button span{display:block;font-size:16px;margin-bottom:3px}.topActions .primary{background:linear-gradient(135deg,#ffeaa3,#d6ad48);color:#3f2e08}.topActions .rx{background:linear-gradient(135deg,#19b77f,#087553);color:#fff}.headerMenu{display:none;margin-top:9px;padding:9px;border-radius:15px;background:#fff;color:var(--ink);box-shadow:0 16px 34px rgba(0,0,0,.2)}.headerMenu.show{display:block}.menuGrid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.menuGrid button,.menuGrid a{min-height:38px;border-radius:11px;background:var(--mint);font-size:10.5px;font-weight:950;display:flex;align-items:center;justify-content:center;text-align:center}.menuGrid .gold{background:var(--gold2);color:#5d450d}
main{padding:13px}.panel{display:none}.panel.on{display:block;animation:up .2s ease}@keyframes up{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.sectionTitle{display:flex;gap:9px;align-items:center;margin:2px 0 11px}.sectionTitle i{font-style:normal;width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold2),#fff);font-size:20px;box-shadow:var(--shadow)}.sectionTitle h2{margin:0;color:var(--ink);font-size:19px;line-height:1.05;letter-spacing:-.035em}.sectionTitle p{margin:3px 0 0;color:var(--muted);font-size:10.5px}.card{background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:18px;padding:13px;box-shadow:var(--shadow);margin-bottom:12px}.cardHead{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:9px;margin-bottom:11px}.cardHead b{display:block;color:var(--ink);font-size:14px}.cardHead span{display:block;color:var(--muted);font-size:9.5px;margin-top:2px}.pill{display:inline-flex;align-items:center;border-radius:999px;background:var(--mint);color:var(--deep);padding:5px 8px;font-size:8.5px;font-weight:1000;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.pill.gold{background:var(--gold2);color:#60470d}.row2{display:grid;grid-template-columns:1fr 1fr;gap:9px}.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.field{margin-bottom:10px}.field.full{grid-column:1/-1}.label{display:block;margin:0 0 5px;color:#567076;font-size:8.8px;font-weight:1000;letter-spacing:.07em;text-transform:uppercase}.req{color:var(--red)}input,select,textarea{width:100%;min-height:44px;border:1.5px solid var(--line);border-radius:12px;background:#fbfefd;color:var(--ink);padding:9px 10px;outline:0;font-weight:700}textarea{min-height:72px;resize:vertical;font-size:12px;line-height:1.4}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(12,141,131,.11);background:#fff}.hint{font-size:9.5px;color:var(--muted);margin-top:4px}.note{border-radius:13px;background:var(--mint);padding:9px 10px;font-size:10.4px;line-height:1.43;color:#4b676d}.note b{color:var(--deep)}.alert{background:#fff2ed;border:1px solid #efc8bd;color:#7e392d}.btnrow{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.btn{min-height:43px;border-radius:13px;padding:9px 10px;font-weight:1000;font-size:11px}.btn.primary{background:linear-gradient(135deg,var(--deep),var(--teal));color:#fff}.btn.gold{background:linear-gradient(135deg,#ffedae,#d6ad48);color:#493407}.btn.wa{background:linear-gradient(135deg,#19b77b,#087b55);color:#fff}.btn.ghost{background:#f1f8f6;border:1px solid var(--line);color:var(--deep)}.btn.red{background:#fff0ec;color:#9c3e2d}.btn.full{width:100%}.hero{position:relative;overflow:hidden;border-radius:22px;padding:18px 16px;background:radial-gradient(circle at 94% 0,rgba(255,255,255,.2),transparent 28%),linear-gradient(135deg,#06313c,#07535a 58%,#0b9187);color:#fff;box-shadow:var(--shadow)}.hero:after{content:"✦";position:absolute;right:12px;bottom:-20px;font-size:94px;opacity:.08}.hero .eyebrow{display:inline-flex;border-radius:999px;padding:4px 9px;background:rgba(255,240,185,.14);border:1px solid rgba(255,240,185,.28);color:#ffe69a;font-size:8.5px;font-weight:1000;text-transform:uppercase;letter-spacing:.1em}.hero h1{position:relative;z-index:1;font-size:27px;line-height:1.03;letter-spacing:-.055em;margin:14px 0 7px}.hero p{position:relative;z-index:1;margin:0;color:#dcfff9;font-size:11.5px;max-width:92%}.heroButtons{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.heroButtons button{min-height:44px;border-radius:13px;background:#fff;color:var(--deep);font-weight:1000;font-size:11px}.heroButtons .gold{background:linear-gradient(135deg,#ffedae,#d4aa43);color:#4b3608}.early{margin-top:11px;border-radius:18px;padding:13px;background:linear-gradient(135deg,#fff6d5,#fff);border:1px solid #ead8a2;box-shadow:var(--shadow)}.earlyTop{display:flex;gap:10px}.earlyIcon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#0b3f49,#0b8f85);color:#fff;font-size:20px;flex:0 0 auto}.early b{display:block;color:var(--ink);font-size:14px}.early p{margin:4px 0 0;font-size:10.5px;color:var(--text)}.homeGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}.homeTile{min-height:112px;border-radius:18px;padding:12px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);text-align:left;display:flex;flex-direction:column}.homeTile .ic{font-size:22px}.homeTile b{display:block;margin-top:10px;color:var(--ink);font-size:14px}.homeTile span{font-size:10px;color:var(--muted);line-height:1.3;margin-top:3px}.homeTile em{font-style:normal;margin-top:auto;align-self:flex-end;color:var(--teal);font-size:18px}.homeTile.primary{background:linear-gradient(135deg,#073d42,#0b8e84);color:#fff;border:0}.homeTile.primary b,.homeTile.primary span,.homeTile.primary em{color:#fff}.trustStrip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px}.trust{border-radius:13px;padding:9px 6px;background:rgba(255,255,255,.86);border:1px solid var(--line);text-align:center}.trust b{display:block;color:var(--ink);font-size:11px}.trust span{font-size:8.8px;color:var(--muted)}
.protocolGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.proto{min-height:62px;border-radius:14px;background:#fff;border:1.5px solid var(--line);padding:7px 4px;color:#5e7478;font-size:9.8px;font-weight:950}.proto span{display:block;font-size:18px;margin-bottom:3px}.proto.on{background:linear-gradient(135deg,var(--deep),var(--teal));color:#fff;border-color:transparent;box-shadow:0 8px 18px rgba(7,61,66,.17)}.productSlots{display:grid;gap:9px}.productSlot{border:1px solid var(--line);border-radius:15px;padding:10px;background:linear-gradient(180deg,#fff,#f8fdfc)}.slotHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.slotHead b{color:var(--ink);font-size:12px}.slotHead span{font-size:8.5px;color:var(--muted);font-weight:900;text-transform:uppercase}.productMini{display:grid;grid-template-columns:50px minmax(0,1fr);gap:9px;align-items:center;margin-top:8px;border-radius:12px;background:var(--mint);padding:8px}.productMini img{width:50px;height:50px;border-radius:10px;object-fit:contain;background:#fff;border:1px solid var(--line)}.productMini b{display:block;color:var(--ink);font-size:11.5px}.productMini span{display:block;color:var(--muted);font-size:9.2px;margin-top:2px}.switchLine{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px 10px;border-radius:13px;background:#f6fbfa;border:1px solid var(--line);margin:8px 0}.switchLine label{font-weight:900;color:var(--ink);font-size:10.5px}.switchLine input{width:18px;height:18px;min-height:0}.formula{font-size:10.5px;line-height:1.48;background:#fff8e8;border:1px solid #efdda6;border-radius:13px;padding:10px;color:#665018}.summaryGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:9px 0}.metric{border-radius:14px;padding:10px;background:#fff;border:1px solid var(--line)}.metric b{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.06em}.metric span{display:block;margin-top:4px;color:var(--ink);font-size:15px;font-weight:1000}.metric.gold{background:#fff7dc;border-color:#ead79a}.doseProduct{margin-top:10px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.doseProdHead{display:grid;grid-template-columns:58px minmax(0,1fr);gap:9px;align-items:center;padding:10px;background:linear-gradient(135deg,#f0fbf8,#fff8e3)}.doseProdHead img{width:58px;height:58px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:11px}.doseProdHead b{display:block;color:var(--ink);font-size:13px}.doseProdHead span{display:block;color:var(--muted);font-size:9.7px;margin-top:2px}.costTag{display:inline-flex;margin-top:4px;background:#fff;border:1px solid #ead79a;color:#6a5015;border-radius:999px;padding:3px 7px;font-size:8.5px;font-weight:1000}.tableWrap{overflow:auto}.doseTable{width:100%;border-collapse:collapse;min-width:620px}.doseTable th{background:#073d42;color:#fff;font-size:8.3px;text-transform:uppercase;letter-spacing:.05em;padding:7px;text-align:left}.doseTable td{padding:7px;border-bottom:1px solid #e4efed;color:#405c62;font-size:9.5px;vertical-align:top}.doseTable td b{color:var(--ink)}.doseTable tr.target{background:#fff8df}.doseTable small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.routeChip{display:inline-flex;border-radius:999px;background:var(--mint);color:var(--deep);padding:3px 6px;font-size:8px;font-weight:900}.totalCost{margin-top:10px;border-radius:13px;padding:10px;background:linear-gradient(135deg,#073d42,#0b887f);color:#fff;display:flex;justify-content:space-between;gap:10px}.totalCost b{font-size:10px}.totalCost span{font-size:14px;font-weight:1000}.guardrail{margin-top:9px;border-radius:13px;padding:10px;background:#fff1ed;border:1px solid #efc8bd;color:#7f392c;font-size:10px;line-height:1.45}.rxPreview{display:none}.rxPreview.show{display:block}.rxSheet{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.rxTop{padding:14px;background:linear-gradient(135deg,#062c36,#0b8178);color:#fff;display:flex;justify-content:space-between;gap:12px;align-items:center}.rxLogo b{font-family:Georgia,"Times New Roman",serif;font-size:22px}.rxLogo b span{color:#f2cc64}.rxLogo small{display:block;font-size:7.5px;letter-spacing:.1em;text-transform:uppercase;color:#dcfff8}.rxMeta{text-align:right;font-size:8.5px}.rxBody{padding:13px}.rxDoctor{display:flex;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--line);border-radius:13px;background:#f7fcfb}.rxDoctor b{display:block;color:var(--ink);font-size:13px}.rxDoctor span{display:block;color:var(--muted);font-size:9px;margin-top:2px}.rxBadge{align-self:flex-start;border-radius:999px;padding:4px 7px;background:var(--gold2);color:#60480f;font-size:8px;font-weight:1000;text-transform:uppercase}.rxSection{margin-top:10px;border:1px solid var(--line);border-radius:13px;overflow:hidden}.rxSection h3{margin:0;background:#edf8f5;color:var(--deep);padding:7px 9px;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.rxIn{padding:9px}.rxGrid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.rxItem{border-radius:10px;background:#fafdfc;padding:7px;border:1px solid #e4efed}.rxItem b{display:block;color:var(--muted);font-size:7.5px;text-transform:uppercase}.rxItem span{display:block;color:var(--ink);font-size:10.5px;font-weight:850;margin-top:2px}.rxBullet{margin:0;padding-left:17px}.rxBullet li{margin:4px 0;font-size:9.7px;color:#456168}.sig{display:flex;justify-content:space-between;gap:12px;margin-top:20px;padding-top:10px;border-top:1px solid var(--line);font-size:8.5px;color:var(--muted)}.assistantResult{display:none}.assistantResult.show{display:block}.assistBlock{border-radius:14px;padding:10px;margin-top:8px;background:#f7fcfb;border:1px solid var(--line)}.assistBlock b{display:block;color:var(--ink);font-size:11px}.assistBlock ul{margin:6px 0 0;padding-left:17px}.assistBlock li{font-size:10px;margin:4px 0}.assistBlock.warn{background:#fff3ef;border-color:#efc8bd}.assistBlock.gold{background:#fff8e7;border-color:#ead8a1}.productsGrid{display:grid;gap:10px}.prod{background:#fff;border:1px solid var(--line);border-radius:17px;padding:11px;box-shadow:var(--shadow)}.prodTop{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px}.prod img{width:76px;height:84px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:13px}.prod b{display:block;color:var(--ink);font-size:14px}.prod .role{display:block;color:var(--teal);font-size:9px;font-weight:900;margin-top:2px}.prod p{font-size:9.8px;margin:6px 0 0;color:var(--text)}.prodMeta{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.prodMeta span{border-radius:999px;background:var(--mint);color:var(--deep);padding:3px 6px;font-size:8px;font-weight:850}.qtyRow{display:grid;grid-template-columns:98px 1fr;gap:8px;margin-top:9px}.qtyBox{display:grid;grid-template-columns:30px 1fr 30px;border:1px solid var(--line);border-radius:11px;overflow:hidden}.qtyBox button{background:#edf8f5;color:var(--deep);font-weight:1000}.qtyBox span{display:grid;place-items:center;color:var(--ink);font-weight:1000}.piLines{display:grid;gap:7px}.piLine{display:grid;grid-template-columns:48px minmax(0,1fr) 30px;gap:8px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:12px;background:#fff}.piLine img{width:48px;height:48px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:9px}.piLine b{display:block;color:var(--ink);font-size:10.5px}.piLine span{display:block;color:var(--muted);font-size:8.5px}.piLine button{width:30px;height:30px;border-radius:9px;background:#fff0ec;color:var(--red);font-weight:1000}.empty{border:1px dashed #bcd8d3;border-radius:14px;padding:18px;text-align:center;color:var(--muted);background:#f8fcfb}.dockWrap{position:fixed;left:0;right:0;bottom:0;z-index:100;padding:0 8px calc(7px + var(--safe))}.dock{max-width:544px;margin:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;padding:6px;background:rgba(5,39,47,.96);border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 12px 30px rgba(0,0,0,.34);backdrop-filter:blur(12px)}.dock button{min-height:49px;border-radius:12px;color:#c5dddc;background:transparent;font-size:7.4px;font-weight:900}.dock button span{display:block;font-size:16px;margin-bottom:2px}.dock button.on{background:linear-gradient(135deg,#fff1bf,#d4ad4e);color:#3e2c07}.toast{position:fixed;left:50%;bottom:88px;z-index:200;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#073d42;color:#fff;border-radius:999px;padding:9px 14px;font-size:10px;font-weight:900;box-shadow:0 12px 26px rgba(0,0,0,.26);transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:390px){main{padding:11px}.hdr{padding:9px 10px 10px}.brand b{font-size:21px}.brand small{font-size:6.9px}.topActions button{min-height:40px;font-size:7px}.topActions button span{font-size:14px}.hero h1{font-size:23px}.row2,.row3{grid-template-columns:1fr}.homeTile{min-height:105px}.protocolGrid{grid-template-columns:repeat(3,1fr)}.rxGrid{grid-template-columns:1fr}.btnrow{grid-template-columns:1fr 1fr}.dock button{font-size:6.8px}.dock button span{font-size:15px}}
@media print{body{background:#fff}.app{max-width:none;box-shadow:none;padding:0;background:#fff}.hdr,.dockWrap,.noPrint,.toast{display:none!important}main{padding:0}.panel{display:none!important}.panel.printable{display:block!important}.rxSheet{border:0;border-radius:0;box-shadow:none}.doseTable{min-width:0;font-size:8px}.doseTable th,.doseTable td{padding:5px}}

/* ===== Screenshot-inspired mobile navigation redesign ===== */
:root{--brand-green:#0a5b3f;--brand-green-2:#087448;--brand-gold:#d8a91c;--cream:#fbfaf4;--nav-shadow:0 12px 30px rgba(35,72,55,.14)}
body{background:#101214}.app{max-width:620px;background:radial-gradient(circle at 15% 18%,rgba(220,239,229,.55),transparent 27%),linear-gradient(180deg,#fbfaf4,#f3f8f4 67%,#fff9e8);padding-bottom:calc(98px + var(--safe))}
.hdr{position:sticky;top:0;z-index:120;padding:9px 13px 13px;color:var(--brand-green);background:rgba(252,251,246,.97);border-radius:0 0 28px 28px;box-shadow:0 8px 22px rgba(31,72,52,.13);backdrop-filter:none}
.brandBar{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px;min-height:86px}
.hamburger,.orderBadge{width:46px;height:46px;background:transparent;color:var(--brand-green);font-size:29px;font-weight:700;display:grid;place-items:center;border-radius:15px}.hamburger:active,.orderBadge:active{background:#eef5ee}.orderBadge{position:relative;font-size:22px}.orderBadge b{position:absolute;right:0;top:1px;min-width:25px;height:25px;padding:0 5px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#efcc48,#bf8a00);color:#fff;font-size:11px;border:3px solid #fbfaf4;box-shadow:0 4px 11px rgba(153,109,0,.27)}
.brandLogo{justify-self:center;position:relative;background:transparent;padding:0 2px 13px;line-height:.82;white-space:nowrap;font-family:Georgia,"Times New Roman",serif;font-size:51px;font-weight:700;letter-spacing:-.07em;text-shadow:0 1px 0 #fff,0 2px 0 rgba(44,64,43,.32),0 4px 7px rgba(35,51,36,.2)}.brandLogo .brandEndo{color:#1c5533}.brandLogo .brandCann{background:linear-gradient(180deg,#f2d875 3%,#bd8300 58%,#6f4e00 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.brandLogo small{position:absolute;left:50%;bottom:0;transform:translateX(-50%);font-family:Inter,system-ui,sans-serif;font-size:7px;line-height:1;letter-spacing:.25em;text-transform:uppercase;color:#4e6d59;text-shadow:none;font-weight:900}
.topActions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:0;padding:8px 5px;background:linear-gradient(135deg,#08713f,#006538 48%,#07734c);border-radius:25px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 9px 18px rgba(13,87,52,.21);overflow:hidden}.topActions button{position:relative;min-width:0;min-height:92px;padding:9px 2px 5px;border-radius:18px;background:transparent;color:#fff;border-right:1px solid rgba(255,255,255,.15);font-size:7.4px;font-weight:900;line-height:1.08}.topActions button:last-child{border-right:0}.topActions button:active{background:rgba(255,255,255,.13)}.topActions .railIcon{display:grid;place-items:center;height:44px;margin:0 auto 3px;color:#e0b838;font-family:Georgia,serif;font-size:31px;line-height:1}.topActions .waRing{font-size:48px;color:#fff;line-height:.6}.topActions b{display:block;font-weight:950}.topActions br{display:block}
main{padding:16px 15px}.homeHero{min-height:308px;padding:31px 28px 27px;border-radius:31px;background:radial-gradient(circle at 91% 12%,rgba(146,214,187,.28) 0 16%,transparent 16.5%),radial-gradient(circle at 94% 2%,rgba(255,255,255,.12),transparent 35%),linear-gradient(135deg,#053d4d,#07505a 52%,#008d83);box-shadow:0 12px 27px rgba(3,67,70,.19)}.homeHero:after{content:"";right:-60px;top:-74px;bottom:auto;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.09);opacity:1}.homeHero .eyebrow{padding:8px 17px;background:rgba(239,224,167,.16);border-color:rgba(255,245,205,.45);color:#fff7d5;font-size:10px;letter-spacing:.14em}.homeHero h1{margin:26px 0 9px;font-size:34px;letter-spacing:-.055em}.homeHero p{font-size:17px;font-weight:850;color:#e6fff8}.homeHero .heroButtons{gap:14px;margin-top:30px}.homeHero .heroButtons button{min-height:66px;border-radius:21px;font-size:15px}.homeHero .heroButtons button span{margin-right:6px}.homeHero .heroButtons .gold{background:linear-gradient(135deg,#fff4b8,#efc943 65%,#d0a01a)}
.featureGrid{gap:14px;margin-top:19px}.featureGrid .homeTile{min-height:235px;padding:21px 20px;border-radius:29px;border-color:#d6e1db;box-shadow:var(--nav-shadow)}.featureGrid .homeTile .ic{font-size:27px}.featureGrid .homeTile b{margin-top:auto;font-size:22px;letter-spacing:-.04em}.featureGrid .homeTile span:not(.ic){font-size:13px;line-height:1.38;margin-top:6px}.featureGrid .homeTile em{align-self:flex-start;margin-top:12px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:950}.featureGrid .homeTile.primary{background:radial-gradient(circle at 87% 12%,rgba(255,255,255,.15),transparent 24%),linear-gradient(145deg,#07505a,#008f86)}.featureGrid .homeTile.softTeal{background:linear-gradient(145deg,#ecf9f5,#fff);border-color:#c6e4db}.featureGrid .homeTile.softGold{background:linear-gradient(145deg,#fff8dc,#fff);border-color:#eedfa3}
.sectionRibbon{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 1px 10px}.sectionRibbon span{display:block;color:#98750b;font-size:8px;font-weight:1000;letter-spacing:.16em}.sectionRibbon b{display:block;color:var(--ink);font-size:16px}.sectionRibbon button{border-radius:999px;padding:8px 12px;background:#e7f3ed;color:#0a633f;font-size:9px;font-weight:1000}.ecosystemGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ecosystemGrid a{min-width:0;min-height:110px;padding:12px 5px 9px;border-radius:20px;background:#fff;border:1px solid #d8e5df;box-shadow:0 8px 18px rgba(41,78,58,.09);text-align:center;display:flex;flex-direction:column;align-items:center}.ecosystemGrid a>span{font-size:25px}.ecosystemGrid b{margin-top:8px;color:#183a2b;font-size:9px;line-height:1.1}.ecosystemGrid small{margin-top:3px;color:#7b8d83;font-size:7.2px;line-height:1.15}.compactEarly{margin-top:17px;border-radius:23px}.trustStrip{margin-bottom:5px}
.headerMenu{display:none;position:fixed;inset:0;z-index:1000;margin:0;padding:0;background:transparent;color:var(--ink);box-shadow:none}.headerMenu.show{display:block;animation:menuFade .18s ease}.menuScrim{position:absolute;inset:0;width:100%;height:100%;background:rgba(4,24,20,.55);backdrop-filter:blur(3px)}.menuSheet{position:absolute;left:50%;bottom:0;width:min(620px,100%);max-height:calc(100dvh - 26px);overflow:auto;transform:translateX(-50%);padding:10px 17px calc(21px + var(--safe));border-radius:30px 30px 0 0;background:linear-gradient(180deg,#fff,#f5faf6);box-shadow:0 -18px 50px rgba(0,0,0,.3);animation:menuUp .25s ease}.menuHandle{width:46px;height:5px;margin:1px auto 13px;border-radius:999px;background:#d0dbd4}.menuHead{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:0 2px 12px;border-bottom:1px solid #dbe7e0}.menuKicker{font-size:8px;font-weight:1000;letter-spacing:.16em;text-transform:uppercase;color:#a37b0e}.menuHead h2{margin:2px 0 1px;color:#123c2b;font-size:24px;letter-spacing:-.045em}.menuHead p{margin:0;color:#71857a;font-size:10px}.menuClose{flex:0 0 auto;width:40px;height:40px;border-radius:14px;background:#edf5ef;color:#28533e;font-size:24px}.menuLabel{margin:16px 2px 8px;color:#768c80;font-size:8px;font-weight:1000;letter-spacing:.15em;text-transform:uppercase}.clinicalMenu{grid-template-columns:repeat(4,1fr);gap:8px}.clinicalMenu button{min-width:0;min-height:93px;padding:9px 4px;border-radius:18px;background:#fff;border:1px solid #dbe7e0;box-shadow:0 6px 15px rgba(38,74,55,.07);display:flex;flex-direction:column;align-items:center;justify-content:center}.clinicalMenu button span{font-size:23px}.clinicalMenu button b{margin-top:5px;color:#173d2c;font-size:9px}.clinicalMenu button small{margin-top:2px;color:#7a8e83;font-size:6.8px}.clinicalMenu .menuWa{background:linear-gradient(145deg,#e7faf1,#fff);border-color:#bce4cf}.resourceMenu{display:grid;gap:8px}.resourceMenu a{display:grid;grid-template-columns:46px minmax(0,1fr) 22px;align-items:center;gap:10px;min-height:70px;padding:10px 12px;border-radius:18px;background:#fff;border:1px solid #d9e6df;box-shadow:0 5px 14px rgba(39,75,56,.06)}.resourceIcon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#edf8f1,#fff3c8);font-size:22px}.resourceMenu a b{display:block;color:#183d2d;font-size:12px}.resourceMenu a small{display:block;margin-top:2px;color:#7a8d83;font-size:8.5px;line-height:1.25}.resourceMenu a em{font-style:normal;color:#a17b13;font-size:17px}.menuFooter{margin-top:12px}.menuFooter button{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;text-align:left;gap:10px;padding:11px;border-radius:18px;background:linear-gradient(135deg,#0c7b50,#075f3f);color:#fff}.menuFooter button>span:first-child{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.13);font-size:20px}.menuFooter b,.menuFooter small{display:block}.menuFooter b{font-size:11px}.menuFooter small{margin-top:1px;color:#d7f8e7;font-size:8px}.menuOpen{overflow:hidden}@keyframes menuFade{from{opacity:0}to{opacity:1}}@keyframes menuUp{from{transform:translate(-50%,25px);opacity:.6}to{transform:translate(-50%,0);opacity:1}}
.dockWrap{padding:0 14px calc(10px + var(--safe))}.dock{max-width:590px;grid-template-columns:repeat(6,1fr);gap:3px;padding:8px;background:rgba(255,254,248,.97);border:1px solid #e0dfd4;border-radius:31px;box-shadow:0 13px 34px rgba(35,56,43,.24);backdrop-filter:blur(14px)}.dock button{min-height:64px;border-radius:22px;color:#28563e;font-size:8px}.dock button span{font-size:22px;margin-bottom:4px}.dock button.on{background:transparent;color:#0a7248;position:relative}.dock button.on:before{content:"";position:absolute;left:50%;top:1px;transform:translateX(-50%);width:45px;height:45px;border-radius:50%;background:linear-gradient(145deg,#0b8052,#07623e);z-index:-1;box-shadow:0 6px 14px rgba(8,106,66,.25)}.dock button.on span{filter:drop-shadow(0 1px 0 #fff)}.dock button.on:after{content:"";position:absolute;left:50%;bottom:2px;transform:translateX(-50%);width:27px;height:4px;border-radius:999px;background:#c59b18}.dock .dockMenu{background:linear-gradient(145deg,#fff4b6,#e4be3e);color:#3f3513;font-size:8px}.dock .dockMenu span{font-size:26px}
@media(max-width:430px){.hdr{padding:7px 9px 10px;border-radius:0 0 23px 23px}.brandBar{grid-template-columns:42px minmax(0,1fr) 42px;min-height:70px}.hamburger,.orderBadge{width:40px;height:40px;font-size:25px}.brandLogo{font-size:42px}.topActions{border-radius:20px;padding:6px 3px}.topActions button{min-height:77px;font-size:6.3px;padding:6px 1px}.topActions .railIcon{height:36px;font-size:25px}.topActions .waRing{font-size:40px}.homeHero{min-height:247px;padding:24px 20px 21px;border-radius:26px}.homeHero h1{font-size:29px;margin-top:20px}.homeHero p{font-size:14px}.homeHero .heroButtons{margin-top:24px;gap:10px}.homeHero .heroButtons button{min-height:56px;font-size:13px;border-radius:18px}.featureGrid{gap:10px}.featureGrid .homeTile{min-height:185px;padding:16px 14px;border-radius:24px}.featureGrid .homeTile b{font-size:18px}.featureGrid .homeTile span:not(.ic){font-size:11px}.ecosystemGrid{gap:6px}.ecosystemGrid a{min-height:98px;border-radius:17px}.clinicalMenu{grid-template-columns:repeat(4,1fr);gap:6px}.clinicalMenu button{min-height:85px}.resourceMenu a{min-height:64px}.dockWrap{padding-left:10px;padding-right:10px}.dock{border-radius:26px;padding:6px}.dock button{min-height:57px;font-size:6.8px}.dock button span{font-size:19px}}
@media(max-width:350px){.brandLogo{font-size:36px}.topActions button{font-size:5.8px}.topActions .railIcon{font-size:22px}.featureGrid .homeTile{min-height:170px}.clinicalMenu{grid-template-columns:repeat(2,1fr)}.ecosystemGrid{grid-template-columns:repeat(2,1fr)}}
@media print{.headerMenu{display:none!important}}


/* ===== Audited dose units, schedule, WhatsApp and PDF output ===== */
.unitLegend{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.unitLegend span{display:block;border-radius:13px;padding:9px 10px;font-size:9.5px;line-height:1.35;border:1px solid}.unitLegend .tsp{background:#fff7dc;border-color:#ead38a;color:#644a0e}.unitLegend .drops{background:#eaf8f5;border-color:#b8e2da;color:#075b52}.clinicalUnits{margin:0 0 10px}.unitMini{display:inline-flex!important;width:max-content;margin-top:5px;padding:3px 7px;border-radius:999px;font-style:normal;font-size:8px!important;font-weight:950}.unitMini.tsp,.unitChip.tsp{background:#fff1b9;color:#63470b}.unitMini.drops,.unitChip.drops{background:#dff6f0;color:#075e54}.unitMini.topical,.unitChip.topical{background:#eef1f4;color:#41535b}.unitChip{display:inline-flex!important;align-items:center;width:max-content;margin:4px 0 0;padding:3px 7px;border-radius:999px;font-size:8px!important;font-weight:1000;white-space:nowrap}.doseOverview{border-top:4px solid #0b887f}.doseSummary{overflow:auto;border:1px solid #d8e7e4;border-radius:14px;margin-top:11px;background:#fff}.doseSummary table{width:100%;border-collapse:collapse;min-width:650px}.doseSummary th{padding:8px;background:#0a4d45;color:#fff;text-align:left;font-size:8.5px;text-transform:uppercase;letter-spacing:.045em}.doseSummary td{padding:8px;border-bottom:1px solid #e7efed;vertical-align:top;color:#38545a;font-size:9.5px}.doseSummary td b{display:block;color:#13383e;font-size:10.5px}.doseSummary td small{display:block;margin-top:3px;color:#6b8185;font-size:8.5px}.doseSummary tbody tr:last-child td{border-bottom:0}.summary-product-1{background:#effaf6}.summary-product-2{background:#fffaf0}.summary-product-3{background:#f5f3fb}.doseAlert{display:grid;gap:3px;margin-top:10px;padding:10px 11px;border:1px solid #ebcf83;border-radius:13px;background:#fff8df;color:#6b4d09;font-size:9.5px;line-height:1.4}.doseAlert b{font-size:10.5px}.doseAlert.danger{background:#fff0eb;border-color:#e9b2a3;color:#873b2d}.doseProduct{break-inside:avoid-page;page-break-inside:avoid;border-top-width:4px}.doseProduct.product-1{border-top-color:#0c8d83}.doseProduct.product-2{border-top-color:#d7ad43}.doseProduct.product-3{border-top-color:#7567a8}.doseProdHead{grid-template-columns:58px minmax(0,1fr) auto}.doseProdHead>.unitChip{align-self:start}.doseTable th{font-size:8.7px}.doseTable td{font-size:9.7px;line-height:1.35}.doseTable td small{display:block;margin-top:3px}.doseTable tr.stage-entry{background:#f3fbf8}.doseTable tr.stage-titrate{background:#fffaf0}.doseTable tr.stage-review{background:#f4f6fb}.doseTable tr.stage-week-3-target{background:#fff0bc}.doseTable tr.stage-week-3-target td{border-bottom-color:#e2c45f}.totalCost{display:grid;grid-template-columns:1fr auto;align-items:center}.totalCost small{grid-column:1/-1;color:#d9fff8;font-size:8px}.guardrail{font-size:9.8px}.rxFootNote{margin-top:10px;padding-top:8px;border-top:1px solid #dce8e6;color:#6e8185;font-size:8px;text-align:center}.rxSheet{-webkit-print-color-adjust:exact;print-color-adjust:exact}.rxSheet .rxSection h3{font-size:9.5px}.rxSheet .doseSummary{margin-top:0}.rxSheet .doseProduct{margin-top:11px}.rxSheet .doseTable td{font-size:9.3px}.btn:disabled{opacity:.62;cursor:wait}.printStandalone{max-width:210mm;margin:0 auto;background:#fff}
@media(max-width:390px){.unitLegend{grid-template-columns:1fr}.doseProdHead{grid-template-columns:52px minmax(0,1fr)}.doseProdHead>.unitChip{grid-column:2}.doseSummary table{min-width:610px}.doseTable{min-width:690px}}
@page{size:A4 portrait;margin:8mm}
@media print{
 html,body{background:#fff!important}.printStandalone{max-width:none;margin:0}.printStandalone .rxSheet,.printStandalone #piPrintTemp{border:0!important;border-radius:0!important;box-shadow:none!important}
 .rxSheet{width:100%!important;border:0!important;border-radius:0!important;box-shadow:none!important}.rxTop{padding:10px 12px!important}.rxBody{padding:9px!important}.rxSection{margin-top:7px!important}.rxSection h3{padding:5px 7px!important}.rxIn{padding:6px!important}.rxDoctor{padding:7px!important}.rxItem{padding:5px!important}.rxItem span{font-size:9px!important}.rxBullet li{font-size:8.5px!important;margin:2px 0!important}
 .doseSummary{overflow:visible!important;border-radius:8px!important}.doseSummary table{min-width:0!important;table-layout:fixed!important}.doseSummary th,.doseSummary td{padding:4px!important;font-size:7.5px!important;word-break:break-word}.doseSummary td b{font-size:8px!important}.doseSummary td small{font-size:7px!important}
 .doseProduct{margin-top:7px!important;border-radius:8px!important;break-inside:avoid-page!important;page-break-inside:avoid!important}.doseProdHead{grid-template-columns:38px minmax(0,1fr) auto!important;padding:5px!important}.doseProdHead img{width:36px!important;height:36px!important}.doseProdHead b{font-size:9px!important}.doseProdHead span{font-size:7.5px!important}.unitChip{font-size:6.8px!important;padding:2px 5px!important}
 .tableWrap{overflow:visible!important}.doseTable{min-width:0!important;table-layout:fixed!important;width:100%!important}.doseTable th,.doseTable td{padding:3.5px!important;font-size:7.2px!important;line-height:1.22!important;word-break:break-word}.doseTable small{font-size:6.5px!important}.rxDoseTable th:nth-child(1){width:12%}.rxDoseTable th:nth-child(2){width:13%}.rxDoseTable th:nth-child(3),.rxDoseTable th:nth-child(4),.rxDoseTable th:nth-child(5){width:12%}.rxDoseTable th:nth-child(6){width:39%}
 .sig{margin-top:10px!important}.rxFootNote{font-size:6.8px!important}.doseSummarySection,.rxDoctor{break-inside:avoid-page!important;page-break-inside:avoid!important}
 body.printing-direct .app,body.printing-direct main,body.printing-direct .panel{display:block!important}body.printing-direct *{visibility:hidden!important}body.printing-direct .isPrintTarget,body.printing-direct .isPrintTarget *{visibility:visible!important}body.printing-direct .isPrintTarget{display:block!important;position:absolute!important;left:0!important;top:0!important;width:100%!important}
}


/* ===== Mobile compact two-column clinical forms ===== */
@media (max-width:560px){
  main{padding:8px 8px 11px}
  .sectionTitle{gap:7px;margin:0 0 7px}
  .sectionTitle i{width:32px;height:32px;border-radius:10px;font-size:17px}
  .sectionTitle h2{font-size:17px;line-height:1.02}
  .sectionTitle p{margin-top:2px;font-size:9px;line-height:1.2}
  .card{padding:9px;border-radius:14px;margin-bottom:8px}
  .cardHead{gap:7px;padding-bottom:6px;margin-bottom:7px}
  .cardHead b{font-size:12.5px;line-height:1.15}
  .cardHead span{font-size:8.4px;line-height:1.2}
  .pill{padding:3px 5px;font-size:7.4px}

  /* Keep mobile form inputs in two balanced columns. */
  .row2,.row3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:6px 7px!important}
  .row2>.field,.row3>.field{min-width:0;margin-bottom:0}
  .row2>.field.full,.row3>.field.full{grid-column:1/-1}
  .row2>.field:last-child:nth-child(odd):not(.full),
  .row3>.field:last-child:nth-child(odd):not(.full){grid-column:1/-1}
  .field{margin-bottom:6px;min-width:0}
  .label{margin:0 0 3px;font-size:7.4px;line-height:1.15;letter-spacing:.035em;white-space:normal}
  input,select,textarea{min-width:0;min-height:39px;padding:7px 8px;border-radius:10px;font-size:11px;line-height:1.2}
  select{padding-right:22px;text-overflow:ellipsis}
  textarea{min-height:55px;resize:vertical}
  .hint{margin-top:3px;font-size:8px;line-height:1.25}

  .protocolGrid{gap:5px}
  .proto{min-height:53px;border-radius:11px;padding:5px 2px;font-size:8.5px;line-height:1.1}
  .proto span{font-size:16px;margin-bottom:2px}
  .productSlots{gap:6px}
  .productSlot{padding:8px;border-radius:12px}
  .slotHead{margin-bottom:5px}
  .slotHead b{font-size:10.5px}.slotHead span{font-size:7.5px}
  .productMini{grid-template-columns:40px minmax(0,1fr);gap:7px;margin-top:5px;padding:6px;border-radius:10px}
  .productMini img{width:40px;height:40px;border-radius:8px}
  .productMini b{font-size:10px}.productMini span{font-size:8px;line-height:1.2}
  .switchLine{margin:5px 0;padding:7px 8px;border-radius:10px}
  .switchLine label{font-size:9px}
  .formula,.note{padding:7px 8px;border-radius:10px;font-size:9px;line-height:1.35}
  .summaryGrid{gap:6px;margin:6px 0}
  .metric{padding:7px;border-radius:11px}.metric b{font-size:7px}.metric span{font-size:13px}
  .unitLegend{grid-template-columns:1fr 1fr!important;gap:6px;margin-top:7px}
  .unitLegend span{padding:7px 8px;border-radius:10px;font-size:8.2px;line-height:1.25}
  .btnrow{gap:6px;margin-top:6px}
  .btn{min-height:40px;padding:7px 8px;border-radius:11px;font-size:9.8px}

  /* Reduce homepage and navigation height without losing touch usability. */
  .hdr{padding:5px 8px 8px;border-radius:0 0 20px 20px}
  .brandBar{grid-template-columns:38px minmax(0,1fr) 38px;min-height:55px}
  .hamburger,.orderBadge{width:36px;height:36px;font-size:22px;border-radius:11px}
  .orderBadge b{min-width:21px;height:21px;font-size:9px;border-width:2px}
  .brandLogo{font-size:35px;padding-bottom:9px}
  .brandLogo small{font-size:5.8px}
  .topActions{margin-top:4px;padding:4px 2px;border-radius:16px}
  .topActions button{min-height:59px;padding:4px 1px;font-size:5.8px;border-radius:12px}
  .topActions .railIcon{height:27px;font-size:20px}
  .topActions .waRing{font-size:29px}
  .homeHero{min-height:0;padding:16px 15px;border-radius:21px}
  .homeHero h1{font-size:24px;margin-top:12px}
  .homeHero p{font-size:11px}
  .homeHero .heroButtons{margin-top:14px;gap:7px}
  .homeHero .heroButtons button{min-height:43px;border-radius:13px;font-size:10.5px}
  .featureGrid{gap:7px}
  .featureGrid .homeTile{min-height:126px;padding:11px;border-radius:17px}
  .featureGrid .homeTile .ic{font-size:19px}
  .featureGrid .homeTile b{margin-top:7px;font-size:14px}
  .featureGrid .homeTile span:not(.ic){font-size:9px;line-height:1.22}
  .ecosystemGrid{gap:5px}.ecosystemGrid a{min-height:78px;border-radius:14px}
  .dockWrap{padding-left:7px;padding-right:7px}.dock{padding:4px;border-radius:21px}
  .dock button{min-height:51px;font-size:6.2px}.dock button span{font-size:17px}
}
@media (max-width:350px){
  .label{font-size:7px}
  input,select,textarea{font-size:10.2px;padding-left:6px;padding-right:6px}
  .row2,.row3{gap:5px!important}
  .btn{font-size:9px}
}
.workspaceHero{min-height:0!important;padding:14px 14px 12px!important;border-radius:19px!important}
.workspaceHero .eyebrow{padding:5px 10px!important;font-size:7.6px!important}
.workspaceHero h1{font-size:19px!important;line-height:1.08!important;margin:9px 0 5px!important;letter-spacing:-.04em!important}
.workspaceHero p{font-size:10px!important;line-height:1.34!important;max-width:96%!important}
.workspaceHeroArt{width:70px!important;height:70px!important;right:6px!important;top:14px!important;opacity:.6}
.heroStatusLine{margin-top:9px!important;padding-top:8px!important}
.heroStatusLine span{font-size:9.5px!important}
.heroStatusLine button{padding:6px 10px!important;font-size:9.5px!important;min-height:0!important}
.workspaceLabel{margin:11px 1px 6px!important}
.workspaceLabel span{font-size:8px!important}
.workspaceLabel h2{font-size:16px!important;margin:2px 0 0!important}
.workspaceActionGrid{gap:7px!important}
.workspaceAction{min-height:96px!important;padding:9px 9px 8px!important;grid-template-columns:34px minmax(0,1fr)!important;gap:7px!important}
.workspaceIcon{width:34px!important;height:34px!important;border-radius:10px!important}
.workspaceIcon svg{width:17px!important;height:17px!important}
.workspaceCopy b{font-size:11.5px!important;line-height:1.1!important}
.workspaceCopy small{font-size:8.2px!important;line-height:1.28!important;margin-top:3px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.workspaceCopy em{margin-top:6px!important;padding-top:5px!important;font-size:7.6px!important}
.workspaceWatermark{width:52px!important;height:52px!important}
main{padding:8px 8px 12px!important}
.sectionTitle{margin:0 0 6px!important}
.card{padding:10px!important;margin-bottom:8px!important}
.faqList{display:grid;gap:7px;margin-top:2px}
.faqList details{border:1px solid var(--line);border-radius:12px;padding:9px 10px;background:#fafdfc}
.faqList summary{cursor:pointer;font-weight:900;color:var(--ink);font-size:11px;line-height:1.3;list-style:none}
.faqList summary::-webkit-details-marker{display:none}
.faqList summary:before{content:"+ ";color:var(--teal);font-weight:1000}
.faqList details[open] summary:before{content:"– "}
.faqList details p{margin:7px 0 0;color:var(--text);font-size:10px;line-height:1.42}

/* ===== home-dedup-external-links ===== */
/* Home de-duplication and exact ECS external links */
.homeHeroClean{padding-bottom:17px}
.homeHeroClean p{max-width:100%;line-height:1.4}
.compactSectionRibbon{margin:13px 1px 7px}
.compactSectionRibbon b{font-size:14px}
.compactHomeGrid{margin-top:0}
.evidenceHomeGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:4px}
.evidenceHomeGrid a{min-height:88px;padding:11px 8px;border-radius:16px}
.evidenceHomeGrid a:first-child{background:linear-gradient(145deg,#ecf9f5,#fff);border-color:#c7e5dc}
.evidenceHomeGrid a:last-child{background:linear-gradient(145deg,#fff7dd,#fff);border-color:#eadba3}
.evidenceHomeGrid b{font-size:10.5px}
.evidenceHomeGrid small{font-size:8px;line-height:1.25}
@media(max-width:430px){
  .homeHeroClean{padding:15px 14px}
  .homeHeroClean h1{font-size:23px;margin:11px 0 6px}
  .homeHeroClean p{font-size:10.5px}
  .compactSectionRibbon{margin-top:11px}
  .compactHomeGrid .homeTile{min-height:118px}
  .evidenceHomeGrid a{min-height:82px}
}

/* ===== clear-premium-endocann-logo ===== */
/* Clear, high-contrast EndoCann identity while preserving the favourite layout. */
.hdr{
  background:
    radial-gradient(circle at 88% -18%,rgba(222,173,38,.18),transparent 35%),
    radial-gradient(circle at 10% -8%,rgba(13,118,78,.10),transparent 32%),
    linear-gradient(180deg,#fffef9 0%,#f7fbf7 100%);
  border-bottom:1px solid rgba(8,88,62,.10);
}
.brandBar{grid-template-columns:42px minmax(0,1fr) 42px;gap:7px}
.brandLogo.brandLogoClear{
  min-width:0;max-width:100%;padding:2px 0;
  display:flex;align-items:center;justify-content:center;gap:7px;
  line-height:1;background:transparent;white-space:nowrap;
  font-family:Georgia,"Times New Roman",serif;
  font-size:38px;font-weight:800;letter-spacing:-.065em;
  text-shadow:none;
}
.brandEmblem{
  flex:0 0 39px;width:39px;height:39px;display:grid;place-items:center;
  filter:drop-shadow(0 3px 5px rgba(5,67,45,.18));
}
.brandEmblem svg{display:block;width:100%;height:100%}
.brandWord{position:relative;display:inline-flex;align-items:baseline;padding:0 0 10px;line-height:.82}
.brandLogo.brandLogoClear .brandEndo{color:#064b36;-webkit-text-fill-color:#064b36}
.brandLogo.brandLogoClear .brandCann{
  color:#b77a00;-webkit-text-fill-color:#b77a00;
  background:none;-webkit-background-clip:border-box;background-clip:border-box;
}
.brandLogo.brandLogoClear small{
  position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:max-content;max-width:100%;
  color:#476b58;font-family:Inter,system-ui,sans-serif;
  font-size:6.2px;line-height:1;letter-spacing:.16em;
  text-transform:uppercase;font-weight:1000;text-shadow:none;
}
.hamburger,.orderBadge{color:#07583f}
.brandLogo.brandLogoClear:focus-visible,.hamburger:focus-visible,.orderBadge:focus-visible{
  outline:3px solid rgba(215,178,79,.48);outline-offset:2px;
}
@media(max-width:430px){
  .brandBar{grid-template-columns:38px minmax(0,1fr) 38px;gap:5px}
  .brandLogo.brandLogoClear{font-size:32px;gap:5px}
  .brandEmblem{flex-basis:34px;width:34px;height:34px}
  .brandWord{padding-bottom:9px}
  .brandLogo.brandLogoClear small{font-size:5.3px;letter-spacing:.13em}
}
@media(max-width:350px){
  .brandLogo.brandLogoClear{font-size:28px;gap:4px}
  .brandEmblem{flex-basis:31px;width:31px;height:31px}
  .brandLogo.brandLogoClear small{font-size:4.8px;letter-spacing:.10em}
}

/* ===== doctor-pi-matrix-styles ===== */
/* Compact doctor purchase matrix: product variant, doctor rate, quantity and line value */
.piMatrixNote{margin:-2px 0 9px;padding:8px 9px;border:1px solid #cfe5de;border-radius:11px;background:linear-gradient(135deg,#eefaf6,#fff9e5);font-size:8.8px;line-height:1.35;color:#49645c}.piMatrixNote b{color:#0a5b46}
.piMatrixWrap{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.piMatrix{width:100%;min-width:0;border-collapse:separate;border-spacing:0;table-layout:fixed}
.piMatrix col:nth-child(1){width:37%}.piMatrix col:nth-child(2){width:20%}.piMatrix col:nth-child(3){width:26%}.piMatrix col:nth-child(4){width:17%}
.piMatrix th{padding:8px 5px;background:#073f43;color:#fff;text-align:left;font-size:7.6px;line-height:1.15;letter-spacing:.035em;text-transform:uppercase;border-right:1px solid rgba(255,255,255,.11)}
.piMatrix td{padding:7px 5px;border-right:1px solid #e4efec;border-bottom:1px solid #e4efec;vertical-align:middle;color:#3e585d;font-size:8.4px;line-height:1.2;background:#fff;min-width:0}
.piMatrix tbody tr:nth-child(even) td{background:#f8fcfb}.piMatrix tbody tr.inCart td{background:#fff7d6}.piMatrix tr:last-child td{border-bottom:0}.piMatrix th:last-child,.piMatrix td:last-child{border-right:0}
.piProductCell{display:grid;grid-template-columns:29px minmax(0,1fr);gap:5px;align-items:center;min-width:0}.piProductCell img,.piProductCell>div:first-child{width:29px!important;height:34px!important;border-radius:7px!important;object-fit:contain}.piProductCell b{display:block;color:#153b36;font-size:9.1px;line-height:1.08;overflow-wrap:anywhere}.piProductCell small{display:block;margin-top:2px;color:#71867f;font-size:6.9px;line-height:1.12}
.piPrice{font-weight:950;color:#163b34;white-space:nowrap;font-size:8.3px}.piLineValue{text-align:right}
.piQtyControl{display:grid;grid-template-columns:25px minmax(28px,36px) 25px;gap:3px;align-items:center;justify-content:center;min-width:0}.piQtyControl button{height:29px;border-radius:8px;background:#eaf6f1;color:#075c46;font-size:15px;font-weight:1000;padding:0}.piQtyControl input{min-width:0;min-height:29px;height:29px;padding:2px;text-align:center;border-radius:8px;font-size:9px}.piQtyControl button:active{background:#d4eee4}
.piSelectedTitle{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0 7px}.piSelectedTitle b{color:var(--ink);font-size:11px}.piSelectedTitle span{font-size:8px;color:var(--muted)}
.piCartMatrix{width:100%;border-collapse:collapse;table-layout:fixed}.piCartMatrix col:nth-child(1){width:42%}.piCartMatrix col:nth-child(2){width:15%}.piCartMatrix col:nth-child(3){width:21%}.piCartMatrix col:nth-child(4){width:22%}.piCartMatrix th{padding:6px 5px;background:#edf8f4;color:#0a5b46;text-align:left;font-size:7.2px;text-transform:uppercase}.piCartMatrix td{padding:7px 5px;border-bottom:1px solid #e5efec;font-size:8.2px;color:#405a5f;overflow-wrap:anywhere}.piCartMatrix td b{color:#153a35}.piCartMatrix tr:last-child td{border-bottom:0}
.piTotalsFormula{margin-top:8px;padding:8px 9px;border-radius:11px;background:#f3faf7;border:1px solid #d5e9e2;font-size:8.5px;color:#5b716b}.piTotalsFormula b{color:#0a5b46}
@media(max-width:380px){.piMatrix col:nth-child(1){width:36%}.piMatrix col:nth-child(2){width:21%}.piMatrix col:nth-child(3){width:27%}.piMatrix col:nth-child(4){width:16%}.piMatrix th{padding:7px 3px;font-size:6.8px}.piMatrix td{padding:6px 3px;font-size:7.8px}.piProductCell{grid-template-columns:25px minmax(0,1fr);gap:4px}.piProductCell img,.piProductCell>div:first-child{width:25px!important;height:30px!important}.piProductCell b{font-size:8.4px}.piProductCell small{font-size:6.3px}.piPrice{font-size:7.5px}.piQtyControl{grid-template-columns:23px minmax(25px,32px) 23px;gap:2px}.piQtyControl button{height:27px;font-size:14px}.piQtyControl input{min-height:27px;height:27px;font-size:8px}}
@media print{.piMatrixWrap{overflow:visible!important}.piMatrix,.piCartMatrix{min-width:0!important;table-layout:fixed!important}.piMatrix th,.piMatrix td,.piCartMatrix th,.piCartMatrix td{padding:4px 3px!important;font-size:7px!important;word-break:break-word}.piProductCell{grid-template-columns:1fr!important}.piProductCell img,.piProductCell>div:first-child{display:none!important}.piQtyControl button,.piQtyControl input{display:none!important}}

/* ===== final-audit-pi-strength-rx-pdf ===== */
/* Second PI column: mg/drop and total active mg; compact five-column mobile fit. */
.piMatrix col:nth-child(1){width:29%}.piMatrix col:nth-child(2){width:19%}.piMatrix col:nth-child(3){width:16%}.piMatrix col:nth-child(4){width:23%}.piMatrix col:nth-child(5){width:13%}
.piMatrix th{padding:7px 3px;font-size:6.7px;line-height:1.08}.piMatrix td{padding:6px 3px;font-size:7.6px;line-height:1.13}
.piProductCell{grid-template-columns:25px minmax(0,1fr);gap:4px}.piProductCell img,.piProductCell>div:first-child{width:25px!important;height:30px!important;border-radius:6px!important}.piProductCell b{font-size:8.3px}.piProductCell small{font-size:6.6px;color:#607a72}
.piStrengthCell{min-width:0}.piStrengthCell b{display:block;color:#075d4c;font-size:7.7px;line-height:1.05;overflow-wrap:anywhere}.piStrengthCell small{display:block;margin-top:2px;color:#6e817a;font-size:6.4px;line-height:1.08;overflow-wrap:anywhere}
.piPrice{font-size:7.5px;white-space:nowrap;letter-spacing:-.025em}.piLineValue{text-align:right}
.piQtyControl{grid-template-columns:21px minmax(25px,29px) 21px;gap:2px}.piQtyControl button{height:26px;border-radius:7px;font-size:13px}.piQtyControl input{min-height:26px;height:26px;padding:1px;font-size:8px;border-radius:7px}
.piCartMatrix col:nth-child(1){width:28%}.piCartMatrix col:nth-child(2){width:24%}.piCartMatrix col:nth-child(3){width:10%}.piCartMatrix col:nth-child(4){width:18%}.piCartMatrix col:nth-child(5){width:20%}
.piCartMatrix th{font-size:6.8px;padding:5px 3px}.piCartMatrix td{font-size:7.7px;padding:6px 3px}.piCartMatrix .piStrengthCell b{font-size:7.4px}.piCartMatrix .piStrengthCell small{font-size:6.3px}
@media(max-width:370px){.piMatrix col:nth-child(1){width:29%}.piMatrix col:nth-child(2){width:19%}.piMatrix col:nth-child(3){width:16%}.piMatrix col:nth-child(4){width:23%}.piMatrix col:nth-child(5){width:13%}.piMatrix th{font-size:6.2px;padding:6px 2px}.piMatrix td{font-size:7.1px;padding:5px 2px}.piProductCell{grid-template-columns:22px minmax(0,1fr);gap:3px}.piProductCell img,.piProductCell>div:first-child{width:22px!important;height:27px!important}.piProductCell b{font-size:7.7px}.piProductCell small,.piStrengthCell small{font-size:5.9px}.piStrengthCell b{font-size:7px}.piPrice{font-size:6.9px}.piQtyControl{grid-template-columns:19px minmax(22px,26px) 19px}.piQtyControl button,.piQtyControl input{height:24px;min-height:24px}}
/* Patient-facing prescription measure notice and A4 export layout. */
.rxUnitNotice{margin-top:9px;padding:8px 9px;border:1px solid #c8e4dc;border-radius:11px;background:linear-gradient(135deg,#edf9f5,#fff8df);color:#45635d;font-size:8.8px;line-height:1.35}.rxUnitNotice b{color:#075a50}
.rxSheet.pdfExport{width:var(--pdf-page-w,733px)!important;max-width:var(--pdf-page-w,733px)!important;margin:0 auto!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.rxSheet.pdfExport .rxTop{padding:10px 12px}.rxSheet.pdfExport .rxBody{padding:9px}.rxSheet.pdfExport .rxDoctor,.rxSheet.pdfExport .rxUnitNotice,.rxSheet.pdfExport .doseSummarySection{break-inside:avoid;page-break-inside:avoid}.rxSheet.pdfExport .rxSection{margin-top:7px;border-radius:9px}.rxSheet.pdfExport .rxSection h3{padding:5px 7px;font-size:8.5px}.rxSheet.pdfExport .rxIn{padding:6px}.rxSheet.pdfExport .rxGrid{grid-template-columns:1fr 1fr;gap:5px}.rxSheet.pdfExport .rxItem{padding:5px}.rxSheet.pdfExport .rxItem span{font-size:8.8px}.rxSheet.pdfExport .doseSummary{overflow:visible;border-radius:7px}.rxSheet.pdfExport .doseSummary table{min-width:0!important;width:100%;table-layout:fixed}.rxSheet.pdfExport .doseSummary th,.rxSheet.pdfExport .doseSummary td{padding:4px 3px;font-size:7px;word-break:break-word}.rxSheet.pdfExport .doseSummary td b{font-size:7.8px}.rxSheet.pdfExport .doseSummary td small{font-size:6.3px}.rxSheet.pdfExport .doseProduct{margin-top:7px;border-radius:8px;break-inside:auto;page-break-inside:auto}.rxSheet.pdfExport .doseProdHead{break-after:avoid-page;page-break-after:avoid}.rxSheet.pdfExport .doseTable thead{display:table-header-group}.rxSheet.pdfExport .doseTable tr{break-inside:avoid;page-break-inside:avoid}.rxSheet.pdfExport .doseProdHead{grid-template-columns:38px minmax(0,1fr) auto;padding:5px}.rxSheet.pdfExport .doseProdHead img{width:36px;height:36px}.rxSheet.pdfExport .doseProdHead b{font-size:8.8px}.rxSheet.pdfExport .doseProdHead span{font-size:7.1px}.rxSheet.pdfExport .tableWrap{overflow:visible}.rxSheet.pdfExport .doseTable{min-width:0!important;width:100%;table-layout:fixed}.rxSheet.pdfExport .doseTable th,.rxSheet.pdfExport .doseTable td{padding:3px 2.5px;font-size:6.7px;line-height:1.22;word-break:break-word}.rxSheet.pdfExport .doseTable small{font-size:6px}.rxSheet.pdfExport .rxDoseTable th:nth-child(1){width:13%}.rxSheet.pdfExport .rxDoseTable th:nth-child(2){width:14%}.rxSheet.pdfExport .rxDoseTable th:nth-child(3),.rxSheet.pdfExport .rxDoseTable th:nth-child(4),.rxSheet.pdfExport .rxDoseTable th:nth-child(5){width:11%}.rxSheet.pdfExport .rxDoseTable th:nth-child(6){width:40%}.rxSheet.pdfExport .rxBullet li{font-size:7.8px;margin:2px 0}.rxSheet.pdfExport .sig{margin-top:10px}.rxSheet.pdfExport .rxFootNote{font-size:6.8px}
@media print{.piMatrix col:nth-child(1){width:25%}.piMatrix col:nth-child(2){width:22%}.piMatrix col:nth-child(3){width:17%}.piMatrix col:nth-child(4){width:16%}.piMatrix col:nth-child(5){width:20%}.piProductCell{grid-template-columns:1fr!important}.piProductCell img,.piProductCell>div:first-child{display:none!important}.piStrengthCell b{font-size:7px!important}.piStrengthCell small{font-size:6.2px!important}.rxSheet .doseProduct{break-inside:auto!important;page-break-inside:auto!important}.rxSheet .doseProdHead{break-after:avoid-page!important;page-break-after:avoid!important}.rxSheet .doseTable thead{display:table-header-group!important}.rxSheet .doseTable tr{break-inside:avoid!important;page-break-inside:avoid!important}}

/* ===== pi-print-brochure-options ===== */
/* Clear wordmark without the former emblem. */
.brandLogo.brandLogoClear{gap:0!important;justify-content:center!important}
.brandLogo.brandLogoClear .brandWord{margin:0 auto}

/* Compact on-screen print options. */
.piPrintOptions{margin-top:9px;padding:9px;border:1px solid #cfe4dc;border-radius:13px;background:linear-gradient(135deg,#f1faf7,#fff9e8)}
.piPrintOptionsHead{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:7px}
.piPrintOptionsHead b{color:#0b5947;font-size:10.5px}.piPrintOptionsHead span{color:#74877f;font-size:7.8px;text-align:right}
.piPrintOption{display:grid;grid-template-columns:19px minmax(0,1fr);gap:8px;align-items:start;padding:7px 8px;border-radius:10px;background:rgba(255,255,255,.88);border:1px solid #dfebe6;margin-top:6px;cursor:pointer}
.piPrintOption input{width:17px;height:17px;min-height:0;margin:1px 0 0;accent-color:#087557}
.piPrintOption b,.piPrintOption small{display:block}.piPrintOption b{color:#173f34;font-size:9.5px}.piPrintOption small{margin-top:2px;color:#6c8179;font-size:7.8px;line-height:1.25}

/* Printed PI product image cell. */
.piPrintProduct{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;align-items:center}
.piPrintProduct.withImage{grid-template-columns:34px minmax(0,1fr)}
.piPrintProduct img{display:block;width:32px;height:38px;object-fit:contain;border:1px solid #dce9e5;border-radius:7px;background:#fff}
.piPrintProduct b,.piPrintProduct small{display:block}.piPrintProduct b{color:#153a35}.piPrintProduct small{margin-top:2px;color:#71847d;font-size:7px}

/* Optional brochure appended after the proforma. */
.piBrochurePage{page-break-before:always;break-before:page;padding:0;background:#fff;color:#25443d}
.piBrochureHeader{padding:15px 16px;background:linear-gradient(135deg,#063a40,#087b68);color:#fff;border-radius:15px;margin-bottom:12px}
.piBrochureHeader b{display:block;font-family:Georgia,"Times New Roman",serif;font-size:24px}.piBrochureHeader b span{color:#f0c84e}.piBrochureHeader small{display:block;margin-top:3px;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#d8fff4}.piBrochureHeader p{margin:8px 0 0;font-size:9px;color:#e7fff8}
.piBrochureGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.piBrochureCard{break-inside:avoid;page-break-inside:avoid;border:1px solid #d6e7e1;border-radius:14px;padding:10px;background:linear-gradient(180deg,#fff,#f8fcfa)}
.piBrochureTop{display:grid;grid-template-columns:58px minmax(0,1fr);gap:9px;align-items:center}
.piBrochureTop img{width:56px;height:66px;object-fit:contain;border:1px solid #dce8e4;border-radius:10px;background:#fff}
.piBrochureTop b{display:block;color:#123c31;font-size:12px}.piBrochureTop span{display:block;margin-top:2px;color:#0a7860;font-size:8px;font-weight:900}.piBrochureTop small{display:block;margin-top:3px;color:#6b8179;font-size:7.5px}
.piBrochureSection{margin-top:8px;padding-top:7px;border-top:1px solid #e0ebe7}.piBrochureSection b{display:block;color:#0b5b49;font-size:7.8px;text-transform:uppercase;letter-spacing:.06em}.piBrochureSection p{margin:3px 0 0;color:#48635c;font-size:8px;line-height:1.35}
.piBrochureDisclaimer{margin-top:10px;padding:8px 10px;border-radius:10px;background:#fff7dc;border:1px solid #ead58f;color:#6d5415;font-size:7.5px;line-height:1.35}
@media(max-width:390px){.piPrintOptionsHead{display:block}.piPrintOptionsHead span{display:block;margin-top:2px;text-align:left}}
@media print{
 .piPrintOptions{display:none!important}
 .piPrintProduct.withImage img{display:block!important}
 .piBrochurePage{display:block!important}
 .piBrochureGrid{grid-template-columns:1fr 1fr!important}
 .piBrochureCard{padding:8px!important}.piBrochureTop{grid-template-columns:50px minmax(0,1fr)!important}.piBrochureTop img{display:block!important;width:48px!important;height:56px!important}
}

/* ===== production-clinical-v6 ===== */
:root{--pc-bg:#eef3f1;--pc-surface:#fff;--pc-ink:#13343a;--pc-text:#4c666b;--pc-muted:#71858a;--pc-line:#d7e2df;--pc-navy:#0b3036;--pc-teal:#0f766e;--pc-green:#165c3e;--pc-gold:#b98a1a;--pc-gold-soft:#fff5d7;--pc-shadow:0 8px 24px rgba(21,53,54,.08);--pc-shadow-lg:0 16px 42px rgba(21,53,54,.13)}
html{background:var(--pc-bg)}body{background:#dfe7e4;color:var(--pc-text);font-feature-settings:"tnum" 1}.app{max-width:620px;background:linear-gradient(180deg,#f7faf9,#eef4f2 72%,#faf8ef);box-shadow:0 0 44px rgba(12,38,39,.18)}
.ecNavIcon,.ecRailIcon,.ecTileIcon,.ecSectionIcon,.ecDockIcon,.ecEvidenceIcon,.heroStatusLine svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ecNavIcon{width:23px;height:23px}.ecRailIcon{width:20px;height:20px}.ecTileIcon{width:22px;height:22px}.ecSectionIcon{width:19px;height:19px}.ecDockIcon{width:18px;height:18px}.ecEvidenceIcon{width:23px;height:23px}
.hdr{padding:7px 10px 9px!important;background:rgba(252,253,250,.98)!important;border-radius:0 0 20px 20px!important;border-bottom:1px solid rgba(11,79,62,.12)!important;box-shadow:0 6px 18px rgba(19,56,51,.10)!important}.brandBar{min-height:54px!important}.brandLogo.brandLogoClear{font-size:34px!important}.brandLogo.brandLogoClear small{font-size:5.6px!important;letter-spacing:.13em!important;color:#587167!important}.hamburger,.orderBadge{width:38px!important;height:38px!important;border:1px solid #d9e4e0!important;background:#fff!important;border-radius:12px!important;color:var(--pc-green)!important}.hamburger{font-size:0!important}.orderBadge>span{display:grid;place-items:center}.orderBadge b{right:-3px!important;top:-4px!important;background:var(--pc-gold)!important;border-color:#fff!important}.topActions{margin-top:4px!important;padding:4px!important;border-radius:15px!important;background:var(--pc-navy)!important;box-shadow:none!important;gap:3px!important}.topActions button{min-height:56px!important;border:0!important;border-radius:11px!important;padding:5px 2px!important;font-size:7.4px!important;color:#d9ece8!important}.topActions button:focus-visible{background:rgba(255,255,255,.09)!important;outline:2px solid #f0d06d!important;outline-offset:-2px}.topActions .railIcon{height:25px!important;margin-bottom:3px!important;color:#b9dcd4!important;display:grid!important;place-items:center}.topActions button:nth-child(2) .railIcon,.topActions button:nth-child(3) .railIcon{color:#f1cf6c!important}
main{padding:10px 9px 15px!important}.sectionTitle{margin:2px 1px 9px!important;gap:8px!important}.sectionTitle i{width:35px!important;height:35px!important;border-radius:11px!important;background:#e6f3ef!important;color:var(--pc-teal)!important;box-shadow:none!important;border:1px solid #cfe2dc!important}.sectionTitle h2{font-size:19px!important;color:var(--pc-ink)!important;letter-spacing:-.035em!important;outline:0!important;border:0!important;box-shadow:none!important}.sectionTitle p{font-size:9.5px!important;color:var(--pc-muted)!important}.card{background:var(--pc-surface)!important;border:1px solid var(--pc-line)!important;border-radius:16px!important;box-shadow:var(--pc-shadow)!important;padding:11px!important;margin-bottom:9px!important}.cardHead{border-bottom-color:#e4ece9!important;padding-bottom:8px!important;margin-bottom:9px!important}.cardHead b{color:var(--pc-ink)!important}.pill{background:#edf6f3!important;color:var(--pc-teal)!important;border:1px solid #d6e8e2!important}.pill.gold{background:var(--pc-gold-soft)!important;color:#6d5109!important;border-color:#ead79c!important}
.productionHero{padding:18px 17px 16px!important;border-radius:20px!important;background:linear-gradient(135deg,#0b3036,#0d5154 55%,#0f766e)!important;box-shadow:var(--pc-shadow-lg)!important}.productionHero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent,black);pointer-events:none}.productionHero:after{content:"+"!important;right:17px!important;top:-22px!important;bottom:auto!important;font:700 145px/1 Georgia,serif!important;color:rgba(255,255,255,.075)!important;opacity:1!important}.productionHero h1{margin:13px 0 6px!important;font-size:25px!important}.productionHero p{font-size:11.2px!important;line-height:1.45!important;color:#d9efeb!important;max-width:96%!important}.heroStatusLine{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;padding-top:11px;border-top:1px solid rgba(255,255,255,.18)}.heroStatusLine>span{display:flex;align-items:center;gap:5px;color:#dcfff7;font-size:8.5px;font-weight:900}.heroStatusLine>span svg{width:14px;height:14px}.heroStatusLine button{display:flex;align-items:center;gap:4px;min-height:33px;padding:0 9px;border-radius:10px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.20);color:#fff;font-size:8.5px;font-weight:1000}.heroStatusLine button svg{width:12px;height:12px}
.sectionRibbon{margin:12px 2px 7px!important}.sectionRibbon span{font-size:7.4px!important;color:#8b6a0d!important}.sectionRibbon b{font-size:14px!important;color:var(--pc-ink)!important}.featureGrid{gap:8px!important;margin-top:0!important}.featureGrid .homeTile{position:relative;min-height:124px!important;padding:12px!important;border-radius:15px!important;background:#fff!important;border:1px solid var(--pc-line)!important;box-shadow:var(--pc-shadow)!important;color:var(--pc-ink)!important}.featureGrid .homeTile:before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:3px;border-radius:0 4px 4px 0;background:#bfded6}.featureGrid .homeTile.primary{background:#f7fbfa!important;border-color:#b9d9d1!important}.featureGrid .homeTile.primary:before{background:var(--pc-teal)}.featureGrid .homeTile.softGold:before{background:var(--pc-gold)}.featureGrid .homeTile .ic{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#eaf4f1;color:var(--pc-teal);font-size:0!important}.featureGrid .homeTile b{margin-top:8px!important;font-size:14px!important;color:var(--pc-ink)!important}.featureGrid .homeTile span:not(.ic){font-size:8.8px!important;line-height:1.3!important;color:var(--pc-muted)!important}.featureGrid .homeTile em{align-self:flex-start!important;margin-top:auto!important;padding-top:7px!important;color:var(--pc-teal)!important;font-size:7.8px!important;font-weight:1000!important;letter-spacing:.06em!important;text-transform:uppercase!important}.evidenceHomeGrid{gap:8px!important}.evidenceHomeGrid a{display:grid!important;grid-template-columns:37px minmax(0,1fr)!important;align-items:center!important;text-align:left!important;min-height:70px!important;padding:9px!important;border-radius:14px!important;background:#fff!important;border:1px solid var(--pc-line)!important;box-shadow:var(--pc-shadow)!important}.evidenceHomeGrid a>span{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#edf6f3;color:var(--pc-teal)}.evidenceHomeGrid b{margin:0!important;font-size:10.3px!important}.evidenceHomeGrid small{margin-top:2px!important;font-size:7.8px!important}
.label{color:#526d71!important}.formula{background:#fff9e8!important;border-color:#ead99f!important}.note{background:#f1f7f5!important;border:1px solid #d9e6e2!important}.btn{border-radius:10px!important}.btn.primary{background:var(--pc-teal)!important}.btn.wa{background:#168b5b!important}.btn.gold{background:#e9c55e!important}.productSlot,.prod,.piLine{border-color:var(--pc-line)!important}.productMini,.switchLine{background:#eef6f3!important}.rxSheet{border-color:#cddbd7!important;border-radius:12px!important;box-shadow:0 10px 30px rgba(18,47,48,.10)!important}.rxTop,.doseSummary th,.doseTable th,.piMatrix th{background:var(--pc-navy)!important}.rxTop{border-bottom:4px solid var(--pc-gold)!important}.rxSection h3{background:#eaf4f1!important;color:var(--pc-navy)!important}.piMatrixNote,.piTotalsFormula{background:#f1f7f5!important;border-color:#d5e4df!important}.totalCost{background:var(--pc-navy)!important}
.dockWrap{padding:0 8px calc(7px + var(--safe))!important}.dock{max-width:600px!important;padding:5px!important;border-radius:20px!important;background:rgba(255,255,255,.97)!important;border:1px solid #d3dedb!important;box-shadow:0 10px 28px rgba(18,48,48,.18)!important}.dock button{min-height:52px!important;border-radius:14px!important;color:#4f6c66!important;font-size:7.1px!important}.dock button span{height:21px;display:grid!important;place-items:center;margin-bottom:3px!important;font-size:0!important}.dock button.on{background:#e7f3ef!important;color:var(--pc-teal)!important}.dock button.on:before,.dock button.on:after{display:none!important}.dock .dockMenu{background:var(--pc-gold-soft)!important;color:#5c470e!important}
@media(max-width:560px){.topActions{grid-template-columns:repeat(4,minmax(0,1fr))!important}.topActions button:first-child,.topActions button:last-child{display:none!important}.row2,.row3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.field.full{grid-column:1/-1}.piMatrixWrap{overflow:hidden!important}.piMatrix{min-width:0!important;width:100%!important;table-layout:fixed!important}.piMatrix th,.piMatrix td{overflow-wrap:anywhere}.piMatrix col:nth-child(1){width:28%!important}.piMatrix col:nth-child(2){width:20%!important}.piMatrix col:nth-child(3){width:17%!important}.piMatrix col:nth-child(4){width:20%!important}.piMatrix col:nth-child(5){width:15%!important}}
@media(max-width:390px){main{padding:8px 7px 13px!important}.productionHero{padding:16px 14px!important}.productionHero h1{font-size:22px!important}.featureGrid .homeTile{min-height:116px!important}.sectionTitle h2{font-size:18px!important}.piMatrix th{font-size:6.5px!important;padding:6px 2px!important}.piMatrix td{font-size:7.5px!important;padding:5px 2px!important}.piProductCell{grid-template-columns:24px minmax(0,1fr)!important;gap:3px!important}.piProductCell img,.piProductCell>div:first-child{width:24px!important;height:28px!important}.piProductCell b{font-size:7.8px!important}.piProductCell small{font-size:6px!important}.piQtyControl{grid-template-columns:22px minmax(24px,30px) 22px!important;gap:2px!important}.piQtyControl button,.piQtyControl input{height:26px!important;min-height:26px!important}.piPrice{font-size:7.2px!important}.piLineValue{white-space:nowrap!important;text-align:right!important;font-size:6.9px!important;padding-left:1px!important;padding-right:3px!important}.piMatrix th:last-child{font-size:6px!important;text-align:right!important}}
@media(max-width:340px){.row2,.row3{grid-template-columns:1fr!important}.featureGrid{grid-template-columns:1fr!important}}
@media print{.heroStatusLine{display:none!important}.rxTop{background:#0b3036!important;border-bottom:3px solid #b98a1a!important}.doseSummary thead,.doseTable thead,.piMatrix thead,.piCartMatrix thead{display:table-header-group}.sectionTitle h2{outline:none!important}}

/* ===== home-colour-audit-v6-1 ===== */
/* v6.1: restrained clinical colour hierarchy. Business logic and output documents are unchanged. */
:root{
  --v61-navy:#0b3440;
  --v61-navy-2:#123f4a;
  --v61-teal:#08786f;
  --v61-teal-dark:#075c58;
  --v61-blue:#316f89;
  --v61-blue-soft:#eaf5f9;
  --v61-gold:#c99b2d;
  --v61-gold-dark:#76530b;
  --v61-gold-soft:#fff4d6;
  --v61-mint:#e8f6f1;
  --v61-green:#15744f;
  --v61-green-soft:#e9f7ef;
  --v61-plum:#655c83;
  --v61-plum-soft:#f1eef7;
  --v61-ivory:#fffdf7;
  --v61-line:#d7e5e1;
  --v61-shadow:0 9px 24px rgba(14,55,58,.10);
}
.app{background:radial-gradient(circle at 92% 8%,rgba(207,166,67,.08),transparent 28%),linear-gradient(180deg,#fbfdfc 0%,#f0f6f4 70%,#fff9eb 100%)!important}
.hdr{background:linear-gradient(180deg,rgba(255,254,249,.99),rgba(247,251,248,.99))!important;border-bottom-color:#d9e6e1!important}
.brandLogo.brandLogoClear .brandEndo{color:#0c5440!important;-webkit-text-fill-color:#0c5440!important}.brandLogo.brandLogoClear .brandCann{color:#a97608!important;-webkit-text-fill-color:#a97608!important}
.hamburger,.orderBadge{border-color:#d4e3dd!important;background:#fffefb!important;box-shadow:0 4px 12px rgba(20,62,58,.07)!important}.hamburger:hover,.orderBadge:hover{background:#eef7f3!important}
/* The action rail remains compact but now has a clear clinical colour hierarchy. */
.topActions{background:linear-gradient(135deg,var(--v61-navy),#0b4d51 58%,var(--v61-teal-dark))!important;padding:5px!important;gap:4px!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 7px 18px rgba(11,52,64,.18)!important}
.topActions button{position:relative;min-height:58px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.055)!important;color:#e8f5f2!important;font-size:8.3px!important;letter-spacing:.01em!important;transition:transform .16s ease,background .16s ease,box-shadow .16s ease,border-color .16s ease!important}
.topActions button .railIcon{width:28px!important;height:28px!important;margin:0 auto 3px!important;border-radius:9px!important;background:rgba(255,255,255,.09)!important;color:#d8ebe7!important}
.topActions button:nth-child(2) .railIcon{background:rgba(237,196,82,.18)!important;color:#f2d377!important}
.topActions button:nth-child(3) .railIcon{background:rgba(71,196,172,.18)!important;color:#8ee0d0!important}
.topActions button:nth-child(4) .railIcon{background:rgba(107,181,215,.17)!important;color:#a9d9ee!important}
.topActions button:nth-child(5) .railIcon{background:rgba(235,185,103,.17)!important;color:#f1cf8c!important}
.topActions button:nth-child(6) .railIcon{background:rgba(69,197,127,.17)!important;color:#9ce1b9!important}
.topActions button.on{background:#fff!important;color:var(--v61-navy)!important;border-color:#fff!important;box-shadow:0 6px 16px rgba(4,33,39,.24)!important;transform:translateY(-1px)}
.topActions button.on .railIcon{background:var(--v61-mint)!important;color:var(--v61-teal)!important}
.topActions button:active{transform:scale(.97)}
/* Hero: deep clinical teal with a restrained gold highlight. */
.productionHero{background:radial-gradient(circle at 88% 5%,rgba(248,211,113,.16),transparent 32%),linear-gradient(135deg,var(--v61-navy) 0%,#0d5356 58%,var(--v61-teal) 100%)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 16px 36px rgba(9,52,59,.17)!important}
.productionHero:before{background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px)!important}.productionHero:after{color:rgba(247,214,118,.10)!important}.productionHero .eyebrow{background:rgba(250,220,127,.13)!important;border-color:rgba(250,220,127,.33)!important;color:#ffe9a9!important}.heroStatusLine button{background:rgba(255,255,255,.12)!important}.heroStatusLine button:hover{background:rgba(255,255,255,.19)!important}
.sectionRibbon span{color:#8d6b14!important}.sectionRibbon b{color:#17383e!important}
/* Logical home module colours: clinical, product, commercial and support groups. */
.featureGrid{gap:9px!important}.featureGrid .homeTile{min-height:126px!important;border-radius:17px!important;padding:13px!important;box-shadow:var(--v61-shadow)!important;overflow:hidden!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}.featureGrid .homeTile:before{width:4px!important;top:12px!important;bottom:12px!important}.featureGrid .homeTile .ic{width:36px!important;height:36px!important;border-radius:11px!important}.featureGrid .homeTile b{font-size:14.6px!important;line-height:1.08!important}.featureGrid .homeTile span:not(.ic){font-size:9.4px!important;line-height:1.34!important}.featureGrid .homeTile em{font-size:8.1px!important;letter-spacing:.045em!important}.featureGrid .homeTile:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(15,57,61,.14)!important}.featureGrid .homeTile:active{transform:scale(.985)}
/* Quick Dose — warm measured-dose cue. */
.featureGrid .homeTile:nth-child(1){background:linear-gradient(145deg,#fffaf0,#fff2c9)!important;border-color:#ead392!important}.featureGrid .homeTile:nth-child(1):before{background:var(--v61-gold)!important}.featureGrid .homeTile:nth-child(1) .ic{background:#f8df99!important;color:#6e4b05!important}.featureGrid .homeTile:nth-child(1) em{color:#85620c!important}
/* Prescription — primary clinical action. */
.featureGrid .homeTile:nth-child(2){background:linear-gradient(145deg,#0e716b,#075654)!important;border-color:#075654!important}.featureGrid .homeTile:nth-child(2):before{background:#f2cf6c!important}.featureGrid .homeTile:nth-child(2) .ic{background:rgba(255,255,255,.14)!important;color:#fff!important}.featureGrid .homeTile:nth-child(2) b,.featureGrid .homeTile:nth-child(2) span:not(.ic),.featureGrid .homeTile:nth-child(2) em{color:#fff!important}.featureGrid .homeTile:nth-child(2) span:not(.ic){opacity:.82}.featureGrid .homeTile:nth-child(2) em{color:#ffe59b!important}
/* Products — cool blue information cue. */
.featureGrid .homeTile:nth-child(3){background:linear-gradient(145deg,#f7fcfd,var(--v61-blue-soft))!important;border-color:#c8e0e8!important}.featureGrid .homeTile:nth-child(3):before{background:var(--v61-blue)!important}.featureGrid .homeTile:nth-child(3) .ic{background:#d9edf4!important;color:#225f76!important}.featureGrid .homeTile:nth-child(3) em{color:#2d6d85!important}
/* PI / Order — commercial gold cue. */
.featureGrid .homeTile:nth-child(4){background:linear-gradient(145deg,#fffdf7,#f8ead6)!important;border-color:#ead2aa!important}.featureGrid .homeTile:nth-child(4):before{background:#b97625!important}.featureGrid .homeTile:nth-child(4) .ic{background:#f4dfbd!important;color:#7b4b15!important}.featureGrid .homeTile:nth-child(4) em{color:#8a5316!important}
/* Clinical Assist — neutral decision-support cue. */
.featureGrid .homeTile:nth-child(5){background:linear-gradient(145deg,#fbfafd,var(--v61-plum-soft))!important;border-color:#ddd7e9!important}.featureGrid .homeTile:nth-child(5):before{background:var(--v61-plum)!important}.featureGrid .homeTile:nth-child(5) .ic{background:#e5e0ef!important;color:#554c74!important}.featureGrid .homeTile:nth-child(5) em{color:#61567e!important}
/* WhatsApp OPD — support green cue. */
.featureGrid .homeTile:nth-child(6){background:linear-gradient(145deg,#f7fdf9,var(--v61-green-soft))!important;border-color:#c8e6d5!important}.featureGrid .homeTile:nth-child(6):before{background:var(--v61-green)!important}.featureGrid .homeTile:nth-child(6) .ic{background:#d9f0e3!important;color:#126a49!important}.featureGrid .homeTile:nth-child(6) em{color:#16704e!important}
/* Evidence cards: distinct but quiet. */
.evidenceHomeGrid a:first-child{background:linear-gradient(145deg,#f8fcfd,#eaf5f8)!important;border-color:#c9e1e7!important}.evidenceHomeGrid a:first-child>span{background:#dceff4!important;color:#276b80!important}.evidenceHomeGrid a:last-child{background:linear-gradient(145deg,#fffdf8,#fff2d5)!important;border-color:#ead8a9!important}.evidenceHomeGrid a:last-child>span{background:#f8e6b5!important;color:#795811!important}.evidenceHomeGrid a{transition:transform .17s ease,box-shadow .17s ease!important}.evidenceHomeGrid a:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(14,55,58,.13)!important}
/* Shared action buttons across forms: clearer hierarchy and stronger contrast. */
.btn{min-height:42px!important;border-radius:11px!important;box-shadow:none!important;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease!important}.btn.primary{background:linear-gradient(135deg,var(--v61-teal),var(--v61-teal-dark))!important;color:#fff!important;box-shadow:0 7px 15px rgba(7,92,88,.18)!important}.btn.gold{background:linear-gradient(135deg,#f4d77c,#d7ad42)!important;color:#4f3907!important;box-shadow:0 7px 15px rgba(169,124,19,.15)!important}.btn.wa{background:linear-gradient(135deg,#1c9a68,#11734f)!important;color:#fff!important;box-shadow:0 7px 15px rgba(17,115,79,.17)!important}.btn.ghost{background:#f7fbfa!important;border:1px solid #cfe0db!important;color:#15574f!important}.btn.red{background:#fff2ee!important;border:1px solid #e9c3b9!important;color:#914331!important}.btn:hover{filter:saturate(1.04);box-shadow:0 9px 18px rgba(14,55,58,.13)!important}.btn:active{transform:scale(.98)}
/* Protocol and selector buttons gain readable active states. */
.proto{background:#fff!important;border-color:#d6e4e0!important;color:#516b70!important}.proto.on{background:linear-gradient(135deg,var(--v61-teal),var(--v61-teal-dark))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 7px 16px rgba(7,92,88,.17)!important}
.menuGrid button,.menuGrid a,.clinicalMenu button,.menuSupportGrid button{border:1px solid #dae7e2!important;background:#fff!important;color:#17383e!important}.clinicalMenu button:hover,.menuGrid button:hover,.menuGrid a:hover{background:#eef7f3!important;border-color:#bfd9d0!important}.menuWa{background:var(--v61-green-soft)!important;border-color:#bfe1ce!important}.menuFooter button{background:linear-gradient(135deg,var(--v61-green),#0c5f43)!important}
/* Bottom navigation keeps a quiet white surface; active tab is visible without a large colour block. */
.dock{background:rgba(255,254,250,.98)!important;border-color:#d7e1dd!important}.dock button{color:#536d68!important}.dock button.on{background:linear-gradient(145deg,#e5f4ef,#edf8f4)!important;color:var(--v61-teal)!important;box-shadow:inset 0 0 0 1px #c9e0d9!important}.dock .dockMenu{background:linear-gradient(145deg,#fff4d6,#f3d97f)!important;color:#62490b!important}
/* Keyboard focus and reduced motion. */
.featureGrid .homeTile:focus-visible,.evidenceHomeGrid a:focus-visible,.btn:focus-visible,.topActions button:focus-visible{outline:3px solid rgba(201,155,45,.42)!important;outline-offset:2px!important}
@media(max-width:390px){.topActions button{font-size:8px!important}.featureGrid .homeTile{min-height:120px!important;padding:12px!important}.featureGrid .homeTile b{font-size:14px!important}.featureGrid .homeTile span:not(.ic){font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.featureGrid .homeTile,.evidenceHomeGrid a,.btn,.topActions button{transition:none!important}}
@media print{.featureGrid .homeTile,.evidenceHomeGrid a{box-shadow:none!important}}

/* ===== clinical-workspace-v62 ===== */
/* v6.2 · screenshot-aligned clinical workspace home. Clinical calculators and document logic are unchanged. */
:root{
  --ws-ivory:#fbfaf5;--ws-paper:#ffffff;--ws-ink:#12333b;--ws-copy:#4d666c;
  --ws-teal:#075f61;--ws-teal-dark:#063e48;--ws-teal-bright:#0c8b7f;
  --ws-gold:#c99818;--ws-line:#d8e7e3;--ws-shadow:0 7px 20px rgba(24,67,64,.09);
}
body{background:#111315}.app{background:linear-gradient(180deg,#fbfaf5 0%,#f6faf8 64%,#fffaf0 100%);padding-bottom:calc(104px + var(--safe))}
/* Header follows the supplied layout: clean wordmark, four core tools, no oversized decorative block. */
.hdr{background:rgba(255,254,249,.98)!important;border-bottom:1px solid rgba(12,91,74,.10)!important;box-shadow:0 7px 19px rgba(27,66,56,.10)!important}
.topActions{background:linear-gradient(135deg,#064b50,#006452 52%,#087461)!important;border-radius:18px!important;padding:5px!important;box-shadow:0 8px 19px rgba(4,72,64,.18)!important}
.topActions button{min-height:66px!important;border-radius:13px!important;color:#fff!important;border-right:1px solid rgba(255,255,255,.13)!important;background:transparent!important;font-size:7.6px!important}
.topActions button:last-child{border-right:0!important}.topActions .railIcon{height:31px!important;width:36px;margin:0 auto 3px!important;border-radius:9px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.04));color:#f0cb5f!important;font-size:22px!important}
.topActions button[aria-current="page"],.topActions button:hover{background:rgba(255,255,255,.10)!important}
#p-home{padding-bottom:10px}
.workspaceHero{position:relative;min-height:226px!important;padding:22px 20px 17px!important;border-radius:22px!important;background:radial-gradient(circle at 78% 38%,rgba(30,174,154,.18),transparent 28%),linear-gradient(135deg,#063844 0%,#07565a 52%,#0c887d 100%)!important;box-shadow:0 10px 25px rgba(4,62,66,.17)!important}
.workspaceHero:before{content:"";position:absolute;inset:0;opacity:.20;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.5) 1px,transparent 1.3px),linear-gradient(115deg,transparent 47%,rgba(255,255,255,.09) 48%,transparent 49%);background-size:21px 21px,100% 100%;mask-image:linear-gradient(90deg,transparent 18%,#000 62%);pointer-events:none}
.workspaceHero:after{display:none!important}.workspaceHero .eyebrow{padding:6px 12px!important;border-color:rgba(255,239,178,.45)!important;background:rgba(255,231,147,.10)!important;color:#ffe5a0!important;font-size:8.2px!important}
.workspaceHero h1{position:relative;z-index:2;margin:18px 0 7px!important;max-width:73%;font-size:26px!important;line-height:1.05!important;letter-spacing:-.045em!important}
.workspaceHero p{position:relative;z-index:2;max-width:68%!important;font-size:11.8px!important;line-height:1.46!important;color:#e1f8f3!important}
.workspaceHeroArt{position:absolute;right:12px;top:48px;width:112px;height:112px;border:1px solid rgba(255,255,255,.13);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(125,221,200,.16),transparent 62%);box-shadow:inset 0 0 0 15px rgba(255,255,255,.025)}
.workspaceHeroArt:before,.workspaceHeroArt:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.08)}.workspaceHeroArt:before{inset:13px}.workspaceHeroArt:after{inset:28px}.workspaceHeroArt span{font:700 86px/.72 Georgia,serif;color:rgba(184,241,226,.20)}
.workspaceHero .heroStatusLine{margin-top:16px!important;padding-top:11px!important}.workspaceHero .heroStatusLine>span{font-size:9.3px!important}.workspaceHero .heroStatusLine button{min-height:37px!important;padding:0 13px!important;background:#fff!important;color:#174a4d!important;border-color:#fff!important;font-size:9.2px!important;box-shadow:0 5px 13px rgba(0,0,0,.11)}
.workspaceLabel{margin:15px 2px 8px}.workspaceLabel span{display:block;color:#9b7310;font-size:7.5px;font-weight:1000;letter-spacing:.15em}.workspaceLabel h2{margin:2px 0 0;color:var(--ws-ink);font-size:15.5px;line-height:1.1;letter-spacing:-.025em}.workspaceLabel h2:focus{outline:none}
.workspaceActionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.workspaceAction{position:relative;isolation:isolate;overflow:hidden;min-height:148px;padding:13px 12px 11px;display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;text-align:left;border:1px solid var(--ws-line);border-radius:17px;background:#fff;box-shadow:var(--ws-shadow);transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease}
.workspaceAction:before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:4px;border-radius:0 5px 5px 0;background:var(--accent,#0a8977)}
.workspaceAction:active{transform:scale(.975)}.workspaceAction:focus-visible{outline:3px solid rgba(16,129,111,.25);outline-offset:2px}.workspaceAction:hover{box-shadow:0 10px 25px rgba(24,67,64,.14);border-color:color-mix(in srgb,var(--accent,#0a8977) 30%,#d7e6e2)}
.workspaceIcon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,var(--accent,#0a8977),var(--accent2,#076554));color:#fff;box-shadow:0 6px 14px color-mix(in srgb,var(--accent,#0a8977) 25%,transparent)}.workspaceIcon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.workspaceCopy{min-width:0;display:flex;flex-direction:column;height:100%;position:relative;z-index:2}.workspaceCopy b{color:var(--ws-ink);font-size:14.5px;line-height:1.08;letter-spacing:-.025em}.workspaceCopy small{display:block;margin-top:5px;color:var(--ws-copy);font-size:9.3px;line-height:1.38}.workspaceCopy em{display:flex;align-items:center;gap:4px;margin-top:auto;padding-top:8px;color:var(--accent,#0a8977);font-style:normal;font-size:8.5px;font-weight:1000;letter-spacing:.045em;text-transform:uppercase}.workspaceCopy em svg{width:11px;height:11px}
.workspaceWatermark{position:absolute;right:-8px;bottom:-10px;width:74px;height:74px;color:var(--accent,#0a8977);opacity:.075;transform:rotate(-8deg);z-index:-1}.workspaceWatermark svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.actionDose{--accent:#0b9274;--accent2:#08715a;background:linear-gradient(145deg,#f1fbf6,#fff)}
.actionRx{--accent:#0b7c62;--accent2:#075746;background:linear-gradient(145deg,#f3fbf8,#fff)}
.actionProducts{--accent:#1c79b9;--accent2:#135f94;background:linear-gradient(145deg,#eef8ff,#fff)}
.actionPI{--accent:#d4940c;--accent2:#b47400;background:linear-gradient(145deg,#fff9ea,#fff)}
.actionAssist{--accent:#7360ad;--accent2:#584790;background:linear-gradient(145deg,#f7f4ff,#fff)}
.actionWhatsApp{--accent:#13a66c;--accent2:#0b7e51;background:linear-gradient(145deg,#eefbf5,#fff)}
.evidenceLabel{margin-top:15px}.workspaceEvidenceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.workspaceEvidenceGrid a{min-height:78px;padding:10px;display:grid;grid-template-columns:40px minmax(0,1fr) 28px;gap:8px;align-items:center;border:1px solid var(--ws-line);border-radius:16px;background:#fff;box-shadow:var(--ws-shadow)}.workspaceEvidenceGrid .workspaceIcon{width:40px;height:40px;border-radius:11px;box-shadow:none}.workspaceEvidenceGrid .workspaceIcon svg{width:22px;height:22px}.workspaceEvidenceGrid b{display:block;color:var(--ws-ink);font-size:10.5px;line-height:1.1}.workspaceEvidenceGrid small{display:block;margin-top:3px;color:#65797e;font-size:8px;line-height:1.25}.workspaceEvidenceGrid em{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#355d60;box-shadow:0 4px 12px rgba(31,66,65,.12)}.workspaceEvidenceGrid em svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.evidenceClinical{background:linear-gradient(145deg,#eef8ff,#fff)!important}.evidenceClinical .workspaceIcon{background:linear-gradient(145deg,#227bb7,#145b8a)}.evidenceOncology{background:linear-gradient(145deg,#f8f3ff,#fff)!important}.evidenceOncology .workspaceIcon{background:linear-gradient(145deg,#7b65b5,#5d4698)}
/* Keep the fixed navigation from covering the last content row. */
.dockWrap{pointer-events:none}.dock{pointer-events:auto}.dock{background:rgba(255,255,252,.98)!important;border-color:#e0e8e4!important;box-shadow:0 10px 27px rgba(24,57,49,.22)!important}.dock button{color:#31564d!important}.dock button.on{color:#0a795e!important}.dock .dockMenu{background:linear-gradient(145deg,#fff0b4,#e7be44)!important;color:#45340a!important}
@media(max-width:430px){
  main{padding:10px 10px 14px!important}.workspaceHero{min-height:205px!important;padding:18px 16px 15px!important}.workspaceHero h1{font-size:23px!important;max-width:75%}.workspaceHero p{font-size:10.5px!important;max-width:69%!important}.workspaceHeroArt{width:94px;height:94px;right:8px;top:47px}.workspaceHeroArt span{font-size:73px}.workspaceHero .heroStatusLine{margin-top:13px!important}.workspaceAction{min-height:139px;padding:12px 10px 10px;grid-template-columns:43px minmax(0,1fr);gap:8px}.workspaceIcon{width:43px;height:43px;border-radius:12px}.workspaceIcon svg{width:24px;height:24px}.workspaceCopy b{font-size:13.5px}.workspaceCopy small{font-size:8.8px}.workspaceCopy em{font-size:8px}.workspaceEvidenceGrid a{min-height:73px;padding:9px;grid-template-columns:37px minmax(0,1fr) 26px}.workspaceEvidenceGrid .workspaceIcon{width:37px;height:37px}.workspaceEvidenceGrid b{font-size:9.8px}.workspaceEvidenceGrid small{font-size:7.5px}
}
@media(max-width:360px){.workspaceActionGrid,.workspaceEvidenceGrid{gap:7px}.workspaceAction{min-height:132px;padding:10px 8px;grid-template-columns:38px minmax(0,1fr);gap:7px}.workspaceIcon{width:38px;height:38px}.workspaceCopy b{font-size:12.5px}.workspaceCopy small{font-size:8px;line-height:1.3}.workspaceHero h1{font-size:21px}.workspaceHero p{max-width:72%!important;font-size:9.8px!important}}
@media print{#p-home{display:none!important}}

/* ===== v62-audit-polish ===== */
.rxUnitNotice{margin:10px 0;padding:9px 10px;border:1px solid #d9e9e5;border-radius:11px;background:#f3faf8;color:#45635f;font-size:9px;line-height:1.4}.rxUnitNotice b{color:#0a5c50}.piTotalsFormula{line-height:1.45}.btn.primary{background:linear-gradient(135deg,#075f61,#0b8a7b);color:#fff}.btn:focus-visible{outline:3px solid rgba(12,141,131,.22);outline-offset:2px}@media(max-width:390px){#piShippingTaxable{font-size:10px}}

/* ===== v63-final-mobile-deployment-css ===== */
/* ===== v6.3 final mobile deployment polish ===== */
:root{--ec-green-950:#063a3f;--ec-green-900:#07535a;--ec-green-700:#087f72;--ec-green-500:#12a488;--ec-blue:#1674b8;--ec-gold:#d9a91c;--ec-ivory:#fffdf6;--ec-surface:#ffffff;--ec-line:#d6e6e1;--ec-shadow:0 9px 24px rgba(13,58,55,.10)}
html,body{max-width:100%;overflow-x:hidden}body{background:#101413}.app{width:100%;max-width:620px;min-height:100dvh;overflow:clip;padding-bottom:calc(96px + var(--safe));background:linear-gradient(180deg,#fffef9 0%,#f1f8f5 68%,#fff9e8 100%)}
button,a,input,select,textarea{touch-action:manipulation}.btn,button,a{-webkit-tap-highlight-color:transparent}.btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(18,164,136,.28);outline-offset:2px}
.hdr{border-bottom:1px solid rgba(6,80,65,.10);box-shadow:0 8px 22px rgba(20,62,55,.12)}
.topActions button{min-width:0}.topActions button b{font-size:inherit}.topActions button.on{background:linear-gradient(145deg,#0f826e,#075949);box-shadow:inset 0 0 0 1px rgba(255,255,255,.20)}
.card,.prod,.productSlot{box-shadow:var(--ec-shadow)}.prod img,.productMini img,.doseProdHead img,.piProductCell img,.piPrintProduct img{background:#fff!important;object-fit:contain!important;filter:none!important}
.rxBrandSupport{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin:8px 0 0;padding:8px 10px;border:1px solid #d5e8e2;border-radius:12px;background:linear-gradient(135deg,#eef9f5,#fff8df);color:#31554e;font-size:9px;line-height:1.35}.rxBrandSupport b{display:block;color:#07594c;font-size:10px}.rxBrandSupport span{font-weight:950;color:#8a6506;white-space:nowrap}.rxStaleBanner{margin:8px 0;padding:8px 10px;border:1px solid #e4c66c;border-radius:11px;background:#fff7d8;color:#6e520b;font-size:9px;font-weight:850}.rxPreview.stale .rxSheet{opacity:.72}.rxPreview.stale .rxStaleBanner{display:block}.rxStaleBanner{display:none}
.rxTop{background:linear-gradient(135deg,#063d48,#087b73 64%,#0ca28b)}.rxDoctor{border-left:4px solid #0a8c76}.rxFootNote{line-height:1.45}
@media screen and (max-width:560px){
  body{font-size:14px}.app{padding-bottom:calc(90px + var(--safe))}.hdr{padding:6px 8px 8px;border-radius:0 0 20px 20px}.brandBar{grid-template-columns:40px minmax(0,1fr) 40px;min-height:57px}.hamburger,.orderBadge{width:38px;height:38px;border-radius:12px;font-size:22px}.brandLogo.brandLogoClear{font-size:34px;gap:4px}.brandLogo.brandLogoClear small{font-size:5.5px}.topActions{margin-top:3px;padding:4px;border-radius:17px}.topActions button{min-height:58px;padding:5px 2px;border-radius:12px;font-size:7.8px;line-height:1.12}.topActions .railIcon{height:25px;font-size:19px;margin-bottom:3px}
  main{padding:10px 9px 14px}.sectionTitle{margin:0 0 8px}.sectionTitle i{width:35px;height:35px;font-size:18px}.sectionTitle h2{font-size:18px}.sectionTitle p{font-size:10px;line-height:1.3}.card{padding:11px;border-radius:16px;margin-bottom:9px}.cardHead{padding-bottom:8px;margin-bottom:9px}.cardHead b{font-size:13.5px}.cardHead span{font-size:9px}.label{font-size:9px;letter-spacing:.04em;margin-bottom:4px}.field{margin-bottom:8px}input,select,textarea{min-height:44px;padding:9px 10px;border-radius:11px;font-size:13px;font-weight:700}textarea{min-height:68px}.hint{font-size:8.7px}.row2,.row3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important}.btn{min-height:46px;border-radius:12px;padding:9px;font-size:11.5px}.btnrow{gap:7px}.protocolGrid{gap:6px}.proto{min-height:58px;font-size:9.5px}.proto span{font-size:17px}.productSlot{padding:9px}.productMini{grid-template-columns:44px minmax(0,1fr);gap:8px}.productMini img{width:44px;height:50px}.productMini b{font-size:10.5px}.productMini span{font-size:8.5px}
  .workspaceHero{min-height:0!important;padding:18px 16px!important;border-radius:22px!important}.workspaceHero h1{font-size:25px!important;line-height:1.02!important}.workspaceHero p{font-size:11.5px!important;line-height:1.42!important}.workspaceHero .workspaceStatus{font-size:9.5px!important}.workspaceHero .workspaceButton{min-height:43px!important;font-size:10.5px!important}.workspaceGrid{gap:9px!important}.workspaceCard{min-height:130px!important;padding:13px!important;border-radius:18px!important}.workspaceCard h3{font-size:14px!important}.workspaceCard p{font-size:9.5px!important;line-height:1.35!important}.workspaceCard .workspaceCta{font-size:9px!important}.evidenceGrid{gap:8px!important}.evidenceCard{min-height:74px!important;padding:10px!important}.evidenceCard b{font-size:10.5px!important}.evidenceCard small{font-size:8px!important}
  .productsGrid{gap:9px}.prod{padding:11px;border-radius:16px}.prodTop{grid-template-columns:82px minmax(0,1fr);gap:10px}.prod img{width:82px;height:94px}.prod b{font-size:14px}.prod .role{font-size:9px}.prod p{font-size:10px;line-height:1.4}.prodMeta span{font-size:8.3px}.qtyRow{grid-template-columns:104px 1fr}.qtyBox{grid-template-columns:38px 1fr 38px;min-height:44px}.qtyBox button{font-size:19px}.qtyBox span{font-size:13px}
  .dockWrap{padding:0 7px calc(7px + var(--safe))}.dock{padding:5px;border-radius:22px}.dock button{min-height:55px;border-radius:17px;font-size:7.4px}.dock button span{font-size:18px}.dock .dockMenu span{font-size:22px}
  /* Mobile schedule cards: no horizontal table scrolling. */
  .doseSummary,.tableWrap{overflow:visible!important}.doseSummary table,.doseTable{display:block!important;width:100%!important;min-width:0!important}.doseSummary thead,.doseTable thead{display:none!important}.doseSummary tbody,.doseTable tbody{display:grid!important;gap:8px}.doseSummary tr,.doseTable tr{display:grid!important;border:1px solid #d8e8e4;border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 4px 12px rgba(21,68,61,.06)}.doseSummary tr{grid-template-columns:1fr 1fr}.doseTable tr{grid-template-columns:repeat(3,minmax(0,1fr))}.doseSummary td,.doseTable td{display:block!important;min-width:0;border:0!important;border-bottom:1px solid #edf3f1!important;padding:8px!important;font-size:10px!important;line-height:1.35!important;background:transparent!important;word-break:normal!important;overflow-wrap:anywhere}.doseSummary td::before,.doseTable td::before{display:block;margin-bottom:3px;color:#6c817c;font-size:7.5px;font-weight:1000;letter-spacing:.06em;text-transform:uppercase}.doseSummary td:nth-child(1){grid-column:1/-1;background:#edf9f5!important}.doseSummary td:nth-child(1)::before{content:'Product / unit'}.doseSummary td:nth-child(2)::before{content:'Strength'}.doseSummary td:nth-child(3)::before{content:'Starts'}.doseSummary td:nth-child(4)::before{content:'Starting dose'}.doseSummary td:nth-child(5)::before{content:'Week 3 target'}.doseSummary td:nth-child(6){grid-column:1/-1}.doseSummary td:nth-child(6)::before{content:'Route'}.doseTable td:nth-child(1),.doseTable td:nth-child(2),.doseTable td:nth-child(6),.doseTable td:nth-child(7){grid-column:1/-1}.doseTable td:nth-child(1){background:#edf9f5!important}.doseTable td:nth-child(1)::before{content:'Stage / days'}.doseTable td:nth-child(2)::before{content:'Total per day'}.doseTable td:nth-child(3)::before{content:'Morning'}.doseTable td:nth-child(4)::before{content:'Afternoon'}.doseTable td:nth-child(5)::before{content:'Night'}.doseTable:not(.rxDoseTable) td:nth-child(6)::before{content:'Route'}.doseTable:not(.rxDoseTable) td:nth-child(7)::before{content:'Patient instruction'}.rxDoseTable td:nth-child(6)::before{content:'Patient instruction'}.doseProduct{border-radius:14px}.doseProdHead{grid-template-columns:50px minmax(0,1fr) auto;padding:9px}.doseProdHead img{width:50px;height:58px}.doseProdHead b{font-size:11.5px}.doseProdHead span{font-size:8.7px}.unitChip{font-size:7.5px!important}
  /* PI is rendered as readable mobile cards instead of five tiny columns. */
  .piMatrixWrap{overflow:visible!important;border:0!important;background:transparent!important}.piMatrix,.piCartMatrix{display:block!important;width:100%!important;min-width:0!important}.piMatrix thead,.piCartMatrix thead{display:none!important}.piMatrix tbody,.piCartMatrix tbody{display:grid!important;gap:8px}.piMatrix tr,.piCartMatrix tr{display:grid!important;grid-template-columns:1fr 1fr;padding:9px;border:1px solid #d8e7e2;border-radius:13px;background:#fff;box-shadow:0 4px 12px rgba(21,68,61,.06)}.piMatrix tr.inCart{background:#fff7da;border-color:#e3c75d}.piMatrix td,.piCartMatrix td{display:block!important;border:0!important;background:transparent!important;padding:5px!important;font-size:10px!important;line-height:1.25!important;overflow-wrap:anywhere}.piMatrix td::before,.piCartMatrix td::before{display:block;margin-bottom:3px;color:#6d817b;font-size:7.2px;font-weight:1000;letter-spacing:.06em;text-transform:uppercase}.piMatrix td:nth-child(1),.piMatrix td:nth-child(2),.piMatrix td:nth-child(5),.piCartMatrix td:nth-child(1),.piCartMatrix td:nth-child(2),.piCartMatrix td:nth-child(5){grid-column:1/-1}.piMatrix td:nth-child(1)::before,.piCartMatrix td:nth-child(1)::before{content:'Product'}.piMatrix td:nth-child(2)::before,.piCartMatrix td:nth-child(2)::before{content:'Strength / total'}.piMatrix td:nth-child(3)::before{content:'Doctor rate'}.piMatrix td:nth-child(4)::before{content:'Quantity'}.piMatrix td:nth-child(5)::before,.piCartMatrix td:nth-child(5)::before{content:'Amount'}.piCartMatrix td:nth-child(3)::before{content:'Quantity'}.piCartMatrix td:nth-child(4)::before{content:'Doctor rate'}.piProductCell{grid-template-columns:48px minmax(0,1fr);gap:9px}.piProductCell img,.piProductCell>div:first-child{width:48px!important;height:56px!important}.piProductCell b{font-size:11px}.piProductCell small{font-size:8px}.piStrengthCell b{font-size:9.5px}.piStrengthCell small{font-size:8px}.piPrice{font-size:10px!important}.piQtyControl{grid-template-columns:42px minmax(48px,64px) 42px;gap:5px;justify-content:start}.piQtyControl button{height:42px;font-size:19px}.piQtyControl input{height:42px;min-height:42px;font-size:13px}.summaryGrid{gap:7px}.metric{padding:9px}.metric b{font-size:8px}.metric span{font-size:14px}
  .rxSheet{border-radius:14px}.rxTop{padding:12px}.rxLogo b{font-size:22px}.rxBody{padding:10px}.rxDoctor{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:9px}.rxDoctor b{font-size:12.5px}.rxDoctor span{font-size:9px;line-height:1.4}.rxGrid{grid-template-columns:1fr 1fr}.rxItem{padding:8px}.rxItem span{font-size:10.5px}.rxBrandSupport{grid-template-columns:1fr;padding:8px}.rxBrandSupport span{white-space:normal}.sig{font-size:8px;line-height:1.4}
}
@media screen and (max-width:370px){.row2,.row3,.rxGrid{grid-template-columns:1fr!important}.field.full{grid-column:auto}.topActions button{font-size:7px}.brandLogo.brandLogoClear{font-size:30px}.workspaceCard{min-height:120px!important}.btnrow{grid-template-columns:1fr}.prodTop{grid-template-columns:72px minmax(0,1fr)}.prod img{width:72px;height:84px}.doseProdHead{grid-template-columns:44px minmax(0,1fr)}.doseProdHead>.unitChip{grid-column:2}.piMatrix tr,.piCartMatrix tr{grid-template-columns:1fr}.piMatrix td,.piCartMatrix td{grid-column:1!important}.piQtyControl{grid-template-columns:44px 60px 44px}}
/* A4/PDF typography prioritises readability; multi-page output is intentional. */
@page{size:A4 portrait;margin:10mm}
@media print{.rxBrandSupport{display:grid!important}.rxSheet{font-size:9.5px!important}.rxTop{padding:11px 13px!important}.rxLogo b{font-size:20px!important}.rxMeta{font-size:8px!important}.rxBody{padding:9px!important}.rxDoctor{padding:8px!important}.rxDoctor b{font-size:11px!important}.rxDoctor span{font-size:8px!important}.rxBrandSupport{margin-top:6px;padding:6px 8px;font-size:7.6px}.rxBrandSupport b{font-size:8px}.rxSection h3{font-size:8.5px!important}.rxItem span{font-size:8.6px!important}.doseSummary th,.doseSummary td{font-size:7.6px!important;padding:4.5px!important}.doseTable th,.doseTable td{font-size:7.5px!important;padding:4px!important;line-height:1.28!important}.doseTable small{font-size:6.8px!important}.rxBullet li{font-size:8px!important}.sig{font-size:7.4px!important}.rxFootNote{font-size:7px!important}}
.rxSheet.pdfExport{width:var(--pdf-page-w,733px)!important;max-width:var(--pdf-page-w,733px)!important;margin:0 auto!important;font-size:10px!important;border-radius:0!important;box-shadow:none!important}.rxSheet.pdfExport .rxTop{padding:12px 14px!important}.rxSheet.pdfExport .rxBody{padding:10px!important}.rxSheet.pdfExport .rxDoctor{padding:8px!important}.rxSheet.pdfExport .rxBrandSupport{padding:7px 9px!important;font-size:8px!important}.rxSheet.pdfExport .rxSection h3{font-size:8.7px!important}.rxSheet.pdfExport .rxItem span{font-size:9px!important}.rxSheet.pdfExport .doseSummary th,.rxSheet.pdfExport .doseSummary td{font-size:7.7px!important;padding:4px!important}.rxSheet.pdfExport .doseTable th,.rxSheet.pdfExport .doseTable td{font-size:7.4px!important;padding:3.8px!important;line-height:1.25!important}.rxSheet.pdfExport .rxBullet li{font-size:8px!important}.rxSheet.pdfExport .sig{font-size:7.5px!important}.rxSheet.pdfExport .rxFootNote{font-size:7px!important}

/* ===== v64-pi-matrix-polish ===== */
.piMatrix col:nth-child(1){width:42%}.piMatrix col:nth-child(2){width:18%}.piMatrix col:nth-child(3){width:16%}.piMatrix col:nth-child(4){width:14%}.piMatrix col:nth-child(5){width:10%}
.piMatrixNote{font-size:9.1px;line-height:1.4;color:#45635e}
.piProductCell{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:center}
.piProductCell img,.piProductCell>div:first-child{width:52px!important;height:58px!important;object-fit:contain;background:#fff;border:1px solid #dfeae7;border-radius:10px;box-shadow:0 1px 0 rgba(255,255,255,.7) inset}
.piProductCell b{display:block;color:#17353b;font-size:10.9px;line-height:1.15;font-weight:1000}
.piProductCell small{display:block;margin-top:2px;color:#6a817d;font-size:8px;font-weight:900;letter-spacing:.01em}
.piProdDesc{display:block;margin-top:4px;color:#46636a;font-size:8.2px;line-height:1.28}
.piStrengthCell{display:flex;flex-direction:column;gap:4px}
.piStrengthBadge{display:inline-flex;align-self:flex-start;padding:4px 8px;border-radius:999px;background:linear-gradient(135deg,#ecfaf5,#d7f2e6);border:1px solid #b8dccd;color:#0d5d47;font-weight:1000;font-size:8.4px;line-height:1}
.piStrengthCell small{display:block;color:#6a817d;font-size:7.8px;line-height:1.2}
.piPrice{font-weight:1000;color:#153a40;font-size:9.8px}
.piLineValue{font-weight:1000}
.piQtyControl{grid-template-columns:36px minmax(42px,50px) 36px;gap:4px;justify-content:start}
.piQtyControl button{height:36px;border-radius:10px;background:linear-gradient(180deg,#eff7f4,#e1efea);color:#184e42;font-size:18px;box-shadow:none}
.piQtyControl input{height:36px;min-height:36px;border-radius:10px;text-align:center;font-size:12px;font-weight:1000;color:#14363b;border:1px solid #cfe0da;background:#fff}
.piCartMatrix td:first-child .piProductCell{grid-template-columns:44px minmax(0,1fr)}
.piCartMatrix td:first-child .piProductCell img,.piCartMatrix td:first-child .piProductCell>div:first-child{width:44px!important;height:50px!important}
@media screen and (max-width:430px){.piMatrix td,.piCartMatrix td{font-size:9.4px}.piProductCell{grid-template-columns:48px minmax(0,1fr);gap:8px}.piProductCell img,.piProductCell>div:first-child{width:48px!important;height:54px!important}.piProdDesc{font-size:8px}.piStrengthBadge{font-size:8px}}
@media print{.piProdDesc{font-size:8.5px}.piStrengthBadge{background:#eef6f2!important;color:#11473b!important;border-color:#c7ddd2!important}}

/* ===== dock-logical-colours-v6710 ===== */
/* Muted, logical colour coding for Claude-style bottom navigation. */
.dock button:nth-child(1){--dock-accent:#0b765f;--dock-soft:#e8f5f0;--dock-line:#c6e1d8;--dock-a:#11866c;--dock-b:#075d4a}
.dock button:nth-child(2){--dock-accent:#2867a5;--dock-soft:#edf5fc;--dock-line:#cbdfee;--dock-a:#347cc1;--dock-b:#23598f}
.dock button:nth-child(3){--dock-accent:#784e86;--dock-soft:#f5eff8;--dock-line:#dfd0e5;--dock-a:#8c5d9a;--dock-b:#684174}
.dock button:nth-child(4){--dock-accent:#087b84;--dock-soft:#e9f7f7;--dock-line:#c4e4e5;--dock-a:#11939b;--dock-b:#076870}
.dock button:nth-child(5){--dock-accent:#a55b2d;--dock-soft:#fff2e9;--dock-line:#efd5c4;--dock-a:#bd6e3b;--dock-b:#8f4720}
.dock button:nth-child(6){--dock-accent:#72550d;--dock-soft:#fff3c7;--dock-line:#ead486;--dock-a:#e4bd43;--dock-b:#bd8d12}
.dock button{
  background:var(--dock-soft)!important;
  color:var(--dock-accent)!important;
  border:1px solid var(--dock-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78)!important;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .12s ease!important;
}
.dock button.on{
  background:linear-gradient(145deg,var(--dock-a),var(--dock-b))!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 5px 13px color-mix(in srgb,var(--dock-accent) 30%,transparent),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.dock button.on .ecDockIcon{color:#fff!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.16))}
.dock button:not(.on):active{transform:translateY(1px);filter:brightness(.975)}
.dock .dockMenu{
  background:linear-gradient(145deg,#fff3bd,#e7bd43)!important;
  color:#59420a!important;
  border-color:#e2c25c!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important;
}
@supports not (color:color-mix(in srgb,black,white)){
  .dock button.on{box-shadow:0 5px 13px rgba(20,65,55,.22),inset 0 1px 0 rgba(255,255,255,.22)!important}
}

/* ===== v6711-compact-workspace-large-type ===== */
/* Compact, more visual clinical workspace and larger interface typography. */
.workspaceHeroCompact{
  min-height:0!important;
  padding:8px 10px 6px!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 88% 20%,rgba(255,255,255,.13) 0 18%,transparent 18.5%),
    radial-gradient(circle at 18% 110%,rgba(25,182,158,.18),transparent 40%),
    linear-gradient(135deg,#064553 0%,#08615f 58%,#0a8579 100%)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 9px 22px rgba(4,63,65,.18)!important;
}
.workspaceHeroMain{display:grid;grid-template-columns:minmax(0,1fr) 46px;align-items:center;gap:8px}
.workspaceHeroCopy{min-width:0}
.workspaceHeroCompact .eyebrow{padding:4px 8px!important;font-size:7.8px!important;letter-spacing:.11em!important}
.workspaceHeroCompact h1{font-size:17.5px!important;line-height:1.04!important;margin:5px 0 6px!important;max-width:none!important;white-space:nowrap;letter-spacing:-.045em!important}
.workspaceHeroChips{display:flex;flex-wrap:wrap;gap:4px}
.workspaceHeroChips span{display:inline-flex;align-items:center;gap:3px;padding:4px 6px;border-radius:999px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);color:#eafff9;font-size:7.8px;font-weight:900;line-height:1}
.workspaceHeroChips svg{width:10px;height:10px;stroke:currentColor;fill:none;stroke-width:1.8}
.workspaceHeroCompact .workspaceHeroArt{position:relative!important;right:auto!important;top:auto!important;width:46px!important;height:46px!important;opacity:.88!important;border-radius:17px!important;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important}
.workspaceHeroCompact .workspaceHeroArt span{font-size:27px!important}
.workspaceHeroCompact .heroStatusLine{margin-top:5px!important;padding-top:5px!important;border-top-color:rgba(255,255,255,.16)!important}
.workspaceHeroCompact .heroStatusLine span{font-size:9.2px!important;font-weight:850!important}
.workspaceHeroCompact .heroStatusLine button{padding:5px 8px!important;font-size:9.2px!important;min-height:27px!important;border-radius:10px!important}

/* Increase readable text while retaining the Claude compact geometry. */
.topActions button{font-size:8px!important;line-height:1.12!important;font-weight:950!important}
.topActions b{font-size:8px!important;line-height:1.12!important}
.topActions .railIcon{font-size:22px!important}
.workspaceCopy b{font-size:13px!important;line-height:1.12!important}
.workspaceCopy small{font-size:9.3px!important;line-height:1.3!important;margin-top:4px!important}
.workspaceCopy em{font-size:8.8px!important;line-height:1.1!important;font-weight:950!important}
.workspaceLabel span{font-size:8.7px!important}.workspaceLabel h2{font-size:17px!important}
.btn{font-size:11.4px!important;line-height:1.18!important;font-weight:950!important}
.label{font-size:8.3px!important;line-height:1.15!important}
input,select,textarea{font-size:12px!important}
.proto{font-size:9.5px!important;line-height:1.15!important}
.productMini b{font-size:11px!important}.productMini span{font-size:8.8px!important}
.menuGrid button,.menuGrid a{font-size:11px!important}.clinicalMenu button b{font-size:10px!important}.clinicalMenu button small{font-size:7.5px!important}
.dock button{font-size:8.1px!important;line-height:1.05!important;font-weight:950!important;padding-left:2px!important;padding-right:2px!important}
.dock button span{font-size:19px!important;margin-bottom:4px!important}

@media(max-width:390px){
  .workspaceHeroCompact{padding:8px 9px 6px!important}
  .workspaceHeroCompact h1{font-size:17px!important;max-width:none!important;white-space:nowrap}
  .workspaceHeroMain{grid-template-columns:minmax(0,1fr) 44px;gap:6px}
  .workspaceHeroCompact .workspaceHeroArt{width:44px!important;height:44px!important}
  .workspaceHeroChips span{font-size:7.6px;padding:3px 5px}
  .topActions button,.topActions b{font-size:7.6px!important}
  .workspaceCopy b{font-size:12.5px!important}.workspaceCopy small{font-size:9px!important}.workspaceCopy em{font-size:8.5px!important}
  .dock button{font-size:7.8px!important}.dock button span{font-size:18px!important}
}
@media(max-width:350px){
  .workspaceHeroCompact h1{font-size:16.2px!important;white-space:normal}
  .workspaceHeroChips span:nth-child(3){display:none}
  .topActions button,.topActions b{font-size:7px!important}
  .dock button{font-size:7.2px!important}
}

/* ===== endocann-unified-design-system ===== */
:root{
  --ecu-navy:#082a36;--ecu-navy2:#0b3d49;--ecu-teal:#0b7d73;--ecu-teal2:#159b8d;
  --ecu-milk:#f5faf9;--ecu-white:#ffffff;--ecu-ink:#102d35;--ecu-text:#516d73;
  --ecu-line:#d7e8e6;--ecu-sky:#edf7fa;--ecu-amber:#b9822b;--ecu-rose:#a84d67;--ecu-purple:#6553a3;
  --ecu-shadow:0 12px 34px rgba(8,42,54,.11);--ecu-ribbon-h:46px;
}
.ecu-ribbon{position:sticky;top:0;z-index:2147483000;height:var(--ecu-ribbon-h);display:flex;align-items:center;gap:8px;padding:5px max(10px,env(safe-area-inset-left));background:rgba(250,253,253,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--ecu-line);box-shadow:0 4px 18px rgba(8,42,54,.07);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.ecu-ribbon-brand{display:flex;align-items:center;gap:8px;margin-right:auto;min-width:max-content;text-decoration:none;color:var(--ecu-navy)!important}.ecu-ribbon-mark{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:10px;letter-spacing:.05em;background:linear-gradient(145deg,var(--ecu-navy2),var(--ecu-teal));box-shadow:0 5px 12px rgba(11,125,115,.2)}.ecu-ribbon-brand b{font-size:13px;line-height:1}.ecu-ribbon-brand small{display:block;color:#71898d;font-size:8px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-top:3px}.ecu-ribbon-links{display:flex;gap:5px;overflow:auto;scrollbar-width:none}.ecu-ribbon-links::-webkit-scrollbar{display:none}.ecu-ribbon a.ecu-tab{flex:0 0 auto;text-decoration:none!important;border:1px solid transparent;border-radius:12px;padding:7px 10px;color:#4c6970!important;font-size:11px;font-weight:850;line-height:1;white-space:nowrap}.ecu-ribbon a.ecu-tab:hover{background:#edf7f5;color:var(--ecu-teal)!important}.ecu-ribbon a.ecu-tab.active{background:var(--ecu-navy);color:#fff!important;box-shadow:0 4px 12px rgba(8,42,54,.18)}
.ecu-ribbon .ecu-live{display:inline-flex;align-items:center;gap:5px;text-decoration:none!important;border:1px solid #cfe3df;border-radius:12px;padding:7px 10px;background:#fff;color:var(--ecu-teal)!important;font-size:10px;font-weight:900;white-space:nowrap}
.ecu-ribbon .ecu-live:before{content:"•";color:#28a977;font-size:18px;line-height:0}
@media(max-width:720px){.ecu-ribbon{gap:5px}.ecu-ribbon-brand small{display:none}.ecu-ribbon-brand b{font-size:12px}.ecu-ribbon-mark{width:29px;height:29px}.ecu-ribbon a.ecu-tab{padding:7px 8px;font-size:10.5px}.ecu-ribbon .ecu-live{display:none}}
@media(max-width:430px){.ecu-ribbon-brand b{display:none}.ecu-ribbon-brand{margin-right:2px}.ecu-ribbon-links{flex:1;justify-content:space-between}.ecu-ribbon a.ecu-tab{flex:1;text-align:center;padding-inline:6px}}

/* ===== ecu-doctorsuite-overrides ===== */
.hdr{top:var(--ecu-ribbon-h)!important}
@media(min-width:760px){.homeHero.workspaceHeroCompact{background:linear-gradient(145deg,#ffffff,#f1faf8)!important;border-color:#d7e8e6!important}.workspaceAction{box-shadow:0 9px 24px rgba(8,42,54,.08)!important}
/* The light desktop hero above only changed the background. Everything inside
   the hero is styled for a dark panel — .hero sets color:#fff, the eyebrow is
   pale gold on translucent white, the status line is #dcfff7 — so at >=760px
   the result was white text on a white card. Flip the ink to match the surface. */
.homeHero.workspaceHeroCompact,.homeHero.workspaceHeroCompact h1{color:#0b3a2c!important}
.homeHero.workspaceHeroCompact p,.homeHero.workspaceHeroCompact .heroStatusLine>span{color:#4a6b60!important}
.homeHero.workspaceHeroCompact .eyebrow{background:rgba(214,180,93,.16)!important;border-color:rgba(191,138,0,.38)!important;color:#7a5a05!important}
.homeHero.workspaceHeroCompact .workspaceHeroChips span{background:#eef5f1!important;border-color:#d7e8e6!important;color:#0b3a2c!important}
.homeHero.workspaceHeroCompact .heroStatusLine{border-top-color:#dde9e4!important}
.homeHero.workspaceHeroCompact .heroStatusLine button{background:#eef5f1!important;border-color:#d7e8e6!important;color:#0b3a2c!important}
.homeHero.workspaceHeroCompact .heroStatusLine button:hover{background:#e3efe8!important}
.homeHero.workspaceHeroCompact .workspaceHeroArt{background:radial-gradient(circle,rgba(11,145,135,.10),transparent 62%)!important;border-color:#dde9e4!important;box-shadow:none!important}
.homeHero.workspaceHeroCompact .workspaceHeroArt span{color:rgba(11,90,55,.22)!important}
/* the dotted texture overlay is white-on-white here */
.homeHero.workspaceHeroCompact:before{opacity:.05!important}
.homeHero.workspaceHeroCompact svg{color:currentColor!important}}
.resourceMenu a[href*="EndoCann_Research"],.resourceMenu a[href*="EndoCann_CME"]{background:linear-gradient(145deg,#fff,#f4faf9)!important;border-color:#d8e9e6!important}

/* ===== ds-menu-link-fix ===== */
.clinicalMenu a.menuButtonLike{appearance:none;border:1px solid var(--line);background:#fff;border-radius:16px;padding:10px;text-decoration:none;color:inherit;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:1px 8px;align-items:center}.clinicalMenu a.menuButtonLike>span{grid-row:1/3;font-size:18px}.clinicalMenu a.menuButtonLike b{font-size:11px}.clinicalMenu a.menuButtonLike small{font-size:8.5px;color:var(--muted)}

/* ===== endocann-v8-final-ui ===== */
.contextTag{display:inline-flex;margin-left:4px;padding:2px 5px;border-radius:999px;background:#eef4f4;color:#71878c;font-size:7px;font-weight:900;letter-spacing:.035em;text-transform:uppercase;vertical-align:middle}
.protocolEvidenceNote{margin-top:8px!important;background:linear-gradient(145deg,#fff9e8,#fff)!important;border:1px solid #ead9a8!important;color:#68531d!important}
.protocolEvidenceNote b{color:#775b12!important}

/* Different soft functional shades, while preserving the DoctorSuite visual language. */
#p-home{background:linear-gradient(180deg,#f8fcfb,#eff8f6 72%,#fffaf0)}
#p-quick{background:linear-gradient(180deg,#fffefa,#fff7e7 34%,#f7fbfa)}
#p-rx{background:linear-gradient(180deg,#fbfffd,#edf9f4 34%,#f7fbfa)}
#p-assistant{background:linear-gradient(180deg,#fdfcff,#f3f0fb 34%,#f8fbfa)}
#p-products{background:linear-gradient(180deg,#fbfeff,#edf7fc 34%,#f8fbfa)}
#p-pi{background:linear-gradient(180deg,#fffefa,#fff5df 34%,#f8fbfa)}
#p-support{background:linear-gradient(180deg,#fbfffd,#edf9f3 34%,#f8fbfa)}
#p-quick .sectionTitle i{background:linear-gradient(145deg,#fff0bd,#fff9e7)!important;color:#9b6d09!important}
#p-rx .sectionTitle i{background:linear-gradient(145deg,#dff5ec,#f6fffb)!important;color:#087d68!important}
#p-assistant .sectionTitle i{background:linear-gradient(145deg,#ece8fb,#faf9ff)!important;color:#6854aa!important}
#p-products .sectionTitle i{background:linear-gradient(145deg,#e4f3fb,#f8fcff)!important;color:#287eae!important}
#p-pi .sectionTitle i{background:linear-gradient(145deg,#fff0c9,#fffaf0)!important;color:#a87613!important}
#p-support .sectionTitle i{background:linear-gradient(145deg,#e1f6ea,#f8fff9)!important;color:#16855e!important}

/* Business flow */
.dsBusinessFlow{margin:12px 0 16px;padding:12px;border:1px solid #d7e8e4;border-radius:20px;background:linear-gradient(145deg,#fff,#f5faf8);box-shadow:0 8px 22px rgba(8,42,54,.06)}
.dsFlowHead{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.dsFlowHead span{font-size:8px;font-weight:1000;letter-spacing:.12em;color:#a4781e}.dsFlowHead b{color:#173b42;font-size:13px}
.dsFlowTrack{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:5px;align-items:center}
.dsFlowTrack button{min-width:0;min-height:62px;border:1px solid #dfecea;border-radius:14px;background:#fff;padding:7px;display:flex;gap:7px;align-items:center;text-align:left;color:#38565c}
.dsFlowTrack button:nth-of-type(1){background:#fff9e8}.dsFlowTrack button:nth-of-type(2),.dsFlowTrack button:nth-of-type(3),.dsFlowTrack button:nth-of-type(4){background:#eff9f5}.dsFlowTrack button:nth-of-type(5){background:#eef7fc}.dsFlowTrack button:nth-of-type(6){background:#f3f0fb}
.dsFlowTrack i{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:#0b7d73;color:#fff;font-style:normal;font-size:9px;font-weight:1000;flex:0 0 auto}
.dsFlowTrack b{display:block;font-size:9.5px;line-height:1.1}.dsFlowTrack small{display:block;margin-top:2px;color:#72878b;font-size:7.6px}.dsFlowTrack em{font-style:normal;color:#95aba8;font-weight:1000}

/* More readable clinical typography on phones. */
@media(max-width:560px){
 .label{font-size:8.8px!important;line-height:1.2!important}.hint{font-size:9px!important}
 input,select,textarea{font-size:12px!important}.cardHead span{font-size:9px!important}
 .note,.formula{font-size:9.5px!important}.dock button{font-size:8px!important}
 .contextTag{font-size:6.8px}
 .dsFlowTrack{display:flex;overflow:auto;gap:6px;scrollbar-width:none}.dsFlowTrack::-webkit-scrollbar{display:none}.dsFlowTrack button{flex:0 0 116px}.dsFlowTrack em{flex:0 0 auto}
}

/* Tablet / desktop: preserve mobile identity but use available clinical workspace. */
@media(min-width:760px){
 body{background:linear-gradient(180deg,#e9f1ef,#f7faf8)}
 .app{max-width:1180px}
 main{padding:18px 22px}
 .workspaceActionGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .workspaceEvidenceGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .homeHero.workspaceHeroCompact{min-height:210px!important}
 .card{border-radius:20px}
 .row3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .productsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .resourceMenu.compactResources{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:1050px){
 .productsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .resourceMenu.compactResources{grid-template-columns:repeat(3,minmax(0,1fr))}
 .workspaceAction{min-height:150px}
}

/* ===== endocann-v12-workflow-ui ===== */
/* Polished workflow section: larger type, richer but soft color language, clearer hierarchy. */
.actionAssistWA{background:linear-gradient(145deg,#f7fcfb,#ffffff)!important}
.actionAssistWA .workspaceIcon{background:linear-gradient(145deg,#e8faf2,#fafffd)!important;color:#15996d!important}

.dsWorkflowRefined{
  margin:14px 0 18px!important;
  padding:16px!important;
  border:1px solid #d9e7e4!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 100% 0%, rgba(18,153,112,.08), transparent 28%),
    radial-gradient(circle at 0% 100%, rgba(40,126,174,.08), transparent 26%),
    linear-gradient(180deg,#ffffff 0%,#fbfefd 52%,#f6fbfa 100%)!important;
  box-shadow:0 14px 32px rgba(8,42,54,.08)!important;
  overflow:hidden!important;
  position:relative;
}
.dsWorkflowRefined:before{
  content:"";
  position:absolute; inset:0 auto auto 0;
  width:100%; height:6px;
  background:linear-gradient(90deg,#d5a12b 0%,#1ca270 45%,#3d8dc5 78%,#7a63bf 100%);
  opacity:.92;
}

.wfHeader{margin:2px 0 14px}
.wfKicker{
  display:inline-flex;
  margin-bottom:8px;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#ac7a19;
}
.wfHeader h3{
  margin:0 0 7px;
  color:#173c44;
  font-size:18px;
  line-height:1.18;
  font-weight:950;
}
.wfHeader p{
  margin:0;
  color:#70868a;
  font-size:11.5px;
  line-height:1.52;
}

.wfMain{
  display:flex;
  flex-direction:column;
  gap:9px;
}

.wfStep,.wfAddon{
  position:relative;
  width:100%;
  display:grid;
  grid-template-columns:36px 56px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  text-align:left;
  padding:14px 14px;
  border:1px solid #dbe8e4;
  border-radius:22px;
  background:#fff;
  box-shadow:0 8px 20px rgba(8,42,54,.05);
}
.wfStep:before,.wfAddon:before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:6px;
  border-radius:22px 0 0 22px;
  background:#dfeae7;
}
.wfStep .wfNum,.wfAddon .wfNum{
  width:36px;height:36px;border-radius:12px;
  display:grid;place-items:center;
  color:#fff;font-size:12px;font-weight:1000;
  background:#0b7d73;
  box-shadow:0 8px 16px rgba(11,125,115,.18);
}
.wfNum.plus{background:#15996d}
.wfIcon{
  width:56px;height:56px;border-radius:18px;
  display:grid;place-items:center;
  background:#edf8f5;color:#0b7d73;
  font-size:25px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
}
.wfIcon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wfCopy{min-width:0}
.wfCopy b{
  display:block;
  color:#173c44;
  font-size:16px;
  line-height:1.12;
  font-weight:900;
}
.wfCopy small{
  display:block;
  margin-top:5px;
  color:#70858a;
  font-size:11px;
  line-height:1.42;
}
.wfCta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:74px;
  padding:9px 12px;
  border-radius:999px;
  background:#f2f6f5;
  color:#5a7278;
  font-size:9.5px;
  font-weight:1000;
  letter-spacing:.06em;
  text-transform:uppercase;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}

/* Step-specific colors */
.s1{
  background:linear-gradient(145deg,#fffaf0,#fffdf8 46%,#ffffff 100%);
  border-color:#ecd9a3;
}
.s1:before{background:linear-gradient(180deg,#d7a12a,#efcf73)}
.s1 .wfNum{background:linear-gradient(180deg,#c8921f,#a87814)}
.s1 .wfIcon{background:linear-gradient(145deg,#fff2c8,#fff7df);color:#9b6d09}
.s1 .wfCta{background:#fbf0c6;color:#826016}

.s2{
  background:linear-gradient(145deg,#eef9f5,#f7fcfa 48%,#ffffff 100%);
  border-color:#d1e8dd;
}
.s2:before{background:linear-gradient(180deg,#1f9d74,#77d1ae)}
.s2 .wfNum{background:linear-gradient(180deg,#0c8a74,#0a7167)}
.s2 .wfIcon{background:linear-gradient(145deg,#daf5ea,#effbf6);color:#0b7d73}
.s2 .wfCta{background:#ddf4ea;color:#0b7a61}

.wfAddonWrap{
  margin-left:18px;
  padding-left:15px;
  border-left:4px solid #b9dfcf;
}
.wfAddonLabel{
  display:inline-flex;
  margin:0 0 8px;
  padding:6px 10px;
  border-radius:999px;
  background:linear-gradient(145deg,#e7f7ef,#f1fbf6);
  color:#18865f;
  font-size:9px;
  font-weight:1000;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.wfAddon{
  background:linear-gradient(145deg,#eef9f3,#f7fcf9 48%,#ffffff 100%);
  border-color:#cae4d7;
}
.wfAddon:before{background:linear-gradient(180deg,#22a773,#8bd2b0)}
.wfAddon .wfIcon{
  background:linear-gradient(145deg,#dff5ea,#effaf4);
  color:#15996d;
}
.wfAddon .wfCta{background:#dff5ea;color:#15795a}

.s3{
  background:linear-gradient(145deg,#eef7fc,#f7fbfe 48%,#ffffff 100%);
  border-color:#d3e6f4;
}
.s3:before{background:linear-gradient(180deg,#3d8dc5,#85bfdf)}
.s3 .wfNum{background:linear-gradient(180deg,#3888c1,#2a76ad)}
.s3 .wfIcon{background:linear-gradient(145deg,#deeffb,#eff7fd);color:#2b7fb1}
.s3 .wfCta{background:#deeffb;color:#286d99}

.s4{
  background:linear-gradient(145deg,#f4effb,#fbf9ff 48%,#ffffff 100%);
  border-color:#e1d7f4;
}
.s4:before{background:linear-gradient(180deg,#7a63bf,#ab98dc)}
.s4 .wfNum{background:linear-gradient(180deg,#765fc0,#624ca9)}
.s4 .wfIcon{background:linear-gradient(145deg,#ece6fb,#f6f3fe);color:#6b59ad}
.s4 .wfCta{background:#ece6fb;color:#6b59ad}

.wfArrow{
  width:3px;
  height:22px;
  margin:0 auto;
  background:linear-gradient(#d8e7e3,#97b0aa);
  border-radius:3px;
  position:relative;
}
.wfArrow:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-6px;
  transform:translateX(-50%);
  width:0;height:0;
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  border-top:8px solid #97b0aa;
}

.wfUtility{
  margin-top:14px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  padding:13px 14px;
  border:1px dashed #dcc98f;
  border-radius:20px;
  background:
    radial-gradient(circle at 100% 0%, rgba(219,183,88,.08), transparent 30%),
    linear-gradient(145deg,#fffaf0,#fffdf8);
}
.wfUtilityText{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:10px;
  align-items:start;
}
.wfUtilityIcon{
  font-size:22px;
  line-height:1;
  filter:drop-shadow(0 4px 8px rgba(175,141,50,.12));
}
.wfUtility b{
  display:block;
  color:#5d4c20;
  font-size:13px;
  font-weight:900;
}
.wfUtility small{
  display:block;
  margin-top:4px;
  color:#8a7951;
  font-size:10px;
  line-height:1.38;
}
.wfUtilityBtn{
  border:0;
  border-radius:999px;
  padding:10px 14px;
  background:linear-gradient(145deg,#f8e7a9,#f4d97f);
  color:#6b5417;
  font-size:10px;
  font-weight:1000;
  white-space:nowrap;
  box-shadow:0 6px 14px rgba(175,141,50,.12);
}

/* Stronger readability on small screens */
@media(max-width:430px){
  .dsWorkflowRefined{padding:14px!important;border-radius:24px!important}
  .wfHeader h3{font-size:17px}
  .wfHeader p{font-size:11px}
  .wfStep,.wfAddon{
    grid-template-columns:34px 50px minmax(0,1fr);
    padding:13px 12px;
    gap:10px;
  }
  .wfStep:before,.wfAddon:before{width:5px}
  .wfNum,.wfAddon .wfNum{width:34px;height:34px;border-radius:11px;font-size:11px}
  .wfIcon{width:50px;height:50px;border-radius:16px}
  .wfIcon svg{width:26px;height:26px}
  .wfCopy b{font-size:15px}
  .wfCopy small{font-size:10.2px}
  .wfCta{
    grid-column:2 / span 2;
    justify-self:start;
    margin-top:4px;
    min-width:0;
    padding:8px 11px;
    font-size:9px;
  }
  .wfUtility{grid-template-columns:1fr}
  .wfUtility b{font-size:12.5px}
  .wfUtility small{font-size:9.6px}
  .wfUtilityBtn{justify-self:start}
}
@media(max-width:360px){
  .wfHeader h3{font-size:16px}
  .wfStep,.wfAddon{grid-template-columns:32px 46px minmax(0,1fr);padding:12px 11px}
  .wfNum,.wfAddon .wfNum{width:32px;height:32px}
  .wfIcon{width:46px;height:46px}
  .wfCopy b{font-size:14px}
  .wfCopy small{font-size:9.8px}
  .wfAddonWrap{margin-left:14px;padding-left:11px}
}

/* Slightly improve evidence heading readability below workflow */
.evidenceLabel h2{font-size:18px!important}
.evidenceLabel span{font-size:10px!important;letter-spacing:.12em!important}

/* ===== endocann-v10-overflow-guard ===== */
html,body{max-width:100%;overflow-x:hidden!important}
.app{width:100%;max-width:560px}
img,svg,video,canvas{max-width:100%}
input,select,textarea,button{max-width:100%}

/* ===== v62-audit-polish ===== */
.rxUnitNotice{margin:10px 0;padding:9px 10px;border:1px solid #d9e9e5;border-radius:11px;background:#f3faf8;color:#45635f;font-size:9px;line-height:1.4}.rxUnitNotice b{color:#0a5c50}.piTotalsFormula{line-height:1.45}.btn.primary{background:linear-gradient(135deg,#075f61,#0b8a7b);color:#fff}.btn:focus-visible{outline:3px solid rgba(12,141,131,.22);outline-offset:2px}@media(max-width:390px){#piShippingTaxable{font-size:10px}}

/* ===== v65-pi-card-redesign ===== */
/* ===== v6.5 intentional mobile proforma cards ===== */
#p-pi .piMatrixNote{margin-bottom:10px;padding:9px 10px;font-size:9.4px;line-height:1.42;background:linear-gradient(135deg,#edf9f5,#fff8df);border-color:#cfe3dc}
.piSkuCards{display:grid;gap:10px}
.piSkuCard{--pi-accent:#0b8a73;position:relative;overflow:hidden;border:1px solid #d6e5e0;border-radius:17px;background:linear-gradient(145deg,#fff 0%,#fbfefd 66%,#f2faf7 100%);box-shadow:0 7px 20px rgba(16,65,58,.08);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.piSkuCard:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--pi-accent)}
.piSkuCard.inCart{border-color:color-mix(in srgb,var(--pi-accent) 45%,#d7e4df);box-shadow:0 9px 24px rgba(20,77,66,.13),inset 0 0 0 1px color-mix(in srgb,var(--pi-accent) 18%,transparent);background:linear-gradient(145deg,#fff 0%,color-mix(in srgb,var(--pi-accent) 6%,#fff) 100%)}
.piSkuCard.family-cannoflam{--pi-accent:#07835f}.piSkuCard.family-cannoflam-ds{--pi-accent:#1678ad}.piSkuCard.family-cannopain{--pi-accent:#a56b13}.piSkuCard.family-prolifex{--pi-accent:#7a5aa6}.piSkuCard.family-anandamex{--pi-accent:#168e84}.piSkuCard.family-femex28{--pi-accent:#b94e79}.piSkuCard.family-cr64{--pi-accent:#b88812}.piSkuCard.family-madanakameshwari{--pi-accent:#9b553c}.piSkuCard.family-painsutraa,.piSkuCard.family-sleepsutraa{--pi-accent:#c56a31}
.piSkuMain{display:grid;grid-template-columns:78px minmax(0,1fr);gap:11px;align-items:center;padding:12px 12px 10px 15px}
.piSkuImage{height:91px;border:1px solid #dbe8e4;border-radius:14px;background:linear-gradient(150deg,#fff,#f5faf8);display:grid;place-items:center;overflow:hidden}
.piSkuImage img,.piSkuImage>div{width:72px!important;height:86px!important;object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important;filter:none!important}
.piSkuCopy{min-width:0}.piSkuTitleRow{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.piSkuTitleRow b{min-width:0;color:#123a34;font-size:14px;line-height:1.08;letter-spacing:-.025em;overflow-wrap:anywhere}.piPackBadge{flex:0 0 auto;display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:#eef5f2;border:1px solid #d2e2dc;color:#3c6259;font-size:8px;font-weight:1000;white-space:nowrap}.piSkuCard.is-large-pack .piPackBadge{background:#fff3c9;border-color:#e7d086;color:#765710}
.piSkuRole{display:block;margin-top:3px;color:var(--pi-accent);font-size:8.7px;font-weight:950;line-height:1.2}.piSkuDescription{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:6px;color:#4e686d;font-size:10px;line-height:1.35}
.piSkuStrengthRow{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}.piStrengthHero{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--pi-accent) 10%,#fff);border:1px solid color-mix(in srgb,var(--pi-accent) 28%,#dce7e3);color:var(--pi-accent);font-size:10px;font-weight:1000;line-height:1}.piTotalMgChip{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#f5f8f7;color:#647873;font-size:8.2px;font-weight:850;line-height:1}
.piSkuCommerce{display:grid;grid-template-columns:minmax(90px,1fr) auto minmax(88px,1fr);align-items:end;gap:8px;padding:10px 12px 12px 15px;border-top:1px solid #e3ece9;background:rgba(247,251,249,.86)}
.piSkuMetric{min-width:0}.piSkuMetric>span,.piSkuQtyWrap>span{display:block;margin-bottom:4px;color:#71857f;font-size:7.4px;font-weight:1000;letter-spacing:.065em;text-transform:uppercase}.piSkuMetric strong{display:block;color:#153b35;font-size:14px;line-height:1.05;white-space:nowrap}.piSkuMetric small{display:block;margin-top:4px;color:#7b8c87;font-size:7.8px;line-height:1.2}.piSkuAmount{text-align:right}.piSkuAmount strong{color:var(--pi-accent);font-size:15px}.piSkuAmount.isZero strong{color:#8b9995}
.piSkuQtyWrap{text-align:center}.piSkuQty{display:grid;grid-template-columns:39px 47px 39px;gap:5px;align-items:center}.piSkuQty button{height:40px;border-radius:12px;background:color-mix(in srgb,var(--pi-accent) 9%,#fff);border:1px solid color-mix(in srgb,var(--pi-accent) 18%,#d8e5e0);color:var(--pi-accent);font-size:20px;font-weight:1000;line-height:1}.piSkuQty button:active{transform:scale(.96);background:color-mix(in srgb,var(--pi-accent) 16%,#fff)}.piSkuQty input{width:47px;min-height:40px;height:40px;padding:3px;border:1.5px solid #cddfda;border-radius:12px;background:#fff;text-align:center;color:#143b35;font-size:13px;font-weight:1000;-moz-appearance:textfield}.piSkuQty input::-webkit-outer-spin-button,.piSkuQty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.piSelectedCards{display:grid;gap:7px}.piSelectedCard{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px;border:1px solid #d9e7e2;border-radius:13px;background:linear-gradient(145deg,#fff,#f6fbf9)}.piSelectedImage{width:48px;height:56px;border-radius:10px;background:#fff;border:1px solid #dfe9e6;display:grid;place-items:center;overflow:hidden}.piSelectedImage img,.piSelectedImage>div{width:44px!important;height:52px!important;object-fit:contain!important;border:0!important;background:transparent!important}.piSelectedInfo{min-width:0}.piSelectedInfo b{display:block;color:#153b35;font-size:10.8px;line-height:1.12}.piSelectedInfo small{display:block;margin-top:3px;color:#6e837d;font-size:8px;line-height:1.25}.piSelectedInfo .piStrengthHero{margin-top:5px;padding:4px 7px;font-size:8px}.piSelectedAmount{text-align:right}.piSelectedAmount span{display:block;color:#71847f;font-size:7px;font-weight:950;text-transform:uppercase}.piSelectedAmount b{display:block;margin-top:3px;color:#0b705f;font-size:12px;white-space:nowrap}
@media(max-width:430px){.piSkuMain{grid-template-columns:70px minmax(0,1fr);gap:9px;padding:10px 10px 9px 13px}.piSkuImage{height:82px}.piSkuImage img,.piSkuImage>div{width:65px!important;height:78px!important}.piSkuTitleRow b{font-size:12.8px}.piSkuDescription{font-size:9.2px}.piStrengthHero{font-size:9px;padding:5px 8px}.piSkuCommerce{grid-template-columns:minmax(78px,1fr) auto minmax(78px,1fr);gap:6px;padding:9px 10px 10px 13px}.piSkuMetric strong{font-size:12.2px}.piSkuAmount strong{font-size:13.2px}.piSkuQty{grid-template-columns:35px 43px 35px;gap:4px}.piSkuQty button{height:38px;border-radius:11px}.piSkuQty input{width:43px;height:38px;min-height:38px}.piSkuMetric small{font-size:7.2px}}
@media(max-width:360px){.piSkuMain{grid-template-columns:62px minmax(0,1fr)}.piSkuImage{height:75px}.piSkuImage img,.piSkuImage>div{width:58px!important;height:71px!important}.piSkuCommerce{grid-template-columns:1fr auto;align-items:center}.piSkuMetric.piSkuCost{grid-column:1}.piSkuQtyWrap{grid-column:2;grid-row:1/3}.piSkuAmount{grid-column:1;text-align:left}.piSkuQty{grid-template-columns:34px 40px 34px}.piSkuQty input{width:40px}.piSelectedCard{grid-template-columns:42px minmax(0,1fr) auto}.piSelectedImage{width:42px;height:50px}.piSelectedImage img,.piSelectedImage>div{width:39px!important;height:46px!important}}
@media print{.piSkuCards,.piSelectedCards{display:none!important}}

/* ===== v66-day1-sutraa-audit-css ===== */
/* ===== v6.6 audited local-support and price-on-request refinements ===== */
.piSkuCard.family-dentalsutraa{--pi-accent:#178578}
.piSkuCard.is-price-request .piSkuCost strong,
.piSkuCard.is-price-request .piSkuAmount strong{white-space:normal;font-size:11.5px;line-height:1.16}
.piSkuCard.is-price-request .piSkuAmount strong{color:#866717}
.piRequestNotice{margin-top:8px;padding:8px 9px;border:1px solid #e7d48c;border-radius:11px;background:#fff8dc;color:#705516;font-size:8.7px;line-height:1.38}
.localDayOneNote{margin-top:8px;background:#edf9f5;border:1px solid #cbe8df}
.unitChip.oralcare,.unitMini.oralcare{background:#e7f7f3;color:#0b6559}
.doseProduct.unit-oralcare{border-top-color:#178578}
@media(max-width:430px){
 .piSkuCard.is-price-request .piSkuCost strong,
 .piSkuCard.is-price-request .piSkuAmount strong{font-size:10.4px}
}

/* ===== v67-production-audit-css ===== */
/* v6.7: isolated prescription header and mandatory product-information brochure. */
.rxHeaderAudited{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(205px,.78fr);gap:0;align-items:stretch;background:linear-gradient(135deg,#073841,#086a67 68%,#0a8b7c);color:#fff;border-bottom:4px solid #c99b2d;break-inside:avoid;page-break-inside:avoid}
.rxHeaderDoctor{padding:13px 14px;min-width:0}.rxHeaderDoctor .rxHeaderKicker,.rxHeaderBrand .rxHeaderKicker{display:block;color:#d9f5ef;font-size:7.2px;font-weight:1000;letter-spacing:.12em;text-transform:uppercase}.rxHeaderDoctor h2{margin:4px 0 3px;color:#fff;font-size:17px;line-height:1.08;letter-spacing:-.02em}.rxHeaderDoctor p{margin:0;color:#d9efeb;font-size:8.2px;line-height:1.38;overflow-wrap:anywhere}.rxHeaderDoctor .rxHeaderReg{display:inline-flex;margin-top:6px;padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);font-size:7.2px;font-weight:950}
.rxHeaderBrand{padding:12px 14px;text-align:right;border-left:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.rxHeaderBrand b{font-family:Georgia,"Times New Roman",serif;font-size:25px;line-height:.9;letter-spacing:-.055em}.rxHeaderBrand b span{color:#f1ce68}.rxHeaderBrand small{display:block;margin-top:5px;color:#dcfff8;font-size:6.8px;font-weight:950;letter-spacing:.10em;text-transform:uppercase}.rxHeaderMetaAudit{margin-top:8px;color:#fff8d5;font-size:7.6px;line-height:1.35;font-weight:850}
.rxLineTreatment{min-height:54px;padding:10px;border-left:4px solid #0b8a77;background:linear-gradient(135deg,#f1faf7,#fffaf0);white-space:pre-wrap;color:#284b4d;font-size:9.3px;line-height:1.5;overflow-wrap:anywhere}
.piPrintOption:has(#piPrintBrochure){cursor:default}.piPrintOption:has(#piPrintBrochure) input{opacity:.72}.piBrochurePackGrid{display:grid;gap:5px;margin-top:8px}.piBrochurePackRow{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:5px;padding:6px 7px;border:1px solid #dce9e5;border-radius:9px;background:#f8fcfa;break-inside:avoid;page-break-inside:avoid}.piBrochurePackRow span{min-width:0}.piBrochurePackRow b{display:block;color:#6b8179;font-size:6.8px;text-transform:uppercase;letter-spacing:.05em}.piBrochurePackRow strong{display:block;margin-top:2px;color:#173c34;font-size:8px;line-height:1.25;overflow-wrap:anywhere}.piBrochureSection.indications{border-left:3px solid #168674;padding-left:8px}.piBrochureSection.strengthAudit{border-left:3px solid #c99b2d;padding-left:8px}.piBrochureCard{overflow:hidden}.piBrochureHeader p{max-width:96%}
.piBrochureField{display:grid;grid-template-columns:86px minmax(0,1fr);gap:7px;margin-top:4px}.piBrochureField b{font-size:7px}.piBrochureField span{font-size:8px;line-height:1.35;color:#48635c}
@media(max-width:390px){.rxHeaderAudited{grid-template-columns:minmax(0,1.12fr) minmax(135px,.88fr)}.rxHeaderDoctor{padding:10px}.rxHeaderDoctor h2{font-size:14px}.rxHeaderDoctor p{font-size:7.3px}.rxHeaderBrand{padding:10px}.rxHeaderBrand b{font-size:20px}.rxHeaderBrand small{font-size:5.8px}.rxHeaderMetaAudit{font-size:6.8px}.piBrochurePackRow{grid-template-columns:1fr}}
@media print{.rxHeaderAudited{display:grid!important;grid-template-columns:58% 42%!important}.rxHeaderDoctor{padding:9px 11px!important}.rxHeaderDoctor h2{font-size:14px!important}.rxHeaderDoctor p{font-size:7px!important}.rxHeaderBrand{padding:9px 11px!important}.rxHeaderBrand b{font-size:21px!important}.rxHeaderBrand small{font-size:6px!important}.rxHeaderMetaAudit{font-size:6.6px!important}.rxLineTreatment{font-size:8px!important;min-height:38px!important;padding:7px!important}.piBrochurePackRow{grid-template-columns:1.05fr 1fr 1fr!important;padding:4px 5px!important}.piBrochurePackRow strong{font-size:7px!important}.piBrochureCard,.piBrochureTop,.piBrochureSection,.piBrochurePackRow{break-inside:avoid!important;page-break-inside:avoid!important}.piCartMatrix tr,.doseTable tr{break-inside:avoid!important;page-break-inside:avoid!important}}
.rxSheet.pdfExport .rxHeaderAudited{grid-template-columns:58% 42%!important}.rxSheet.pdfExport .rxHeaderDoctor{padding:9px 11px!important}.rxSheet.pdfExport .rxHeaderDoctor h2{font-size:14px!important}.rxSheet.pdfExport .rxHeaderDoctor p{font-size:7px!important}.rxSheet.pdfExport .rxHeaderBrand{padding:9px 11px!important}.rxSheet.pdfExport .rxHeaderBrand b{font-size:21px!important}.rxSheet.pdfExport .rxLineTreatment{font-size:8px!important;min-height:38px!important;padding:7px!important}

/* ===== v68-local-route-correction-css ===== */
.prod.route-local{border-color:#b9ded8;background:linear-gradient(180deg,#ffffff,#f2fbf8)}
.prod.route-mouthwash{border-color:#b9ddea;background:linear-gradient(180deg,#ffffff,#f2f9fd)}
.prod.route-internal{border-color:var(--line)}
.routeBadge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 8px;font-size:8px;font-weight:1000;letter-spacing:.04em;text-transform:uppercase}
.routeBadge.internal{background:#e8f7ef;color:#12633e}.routeBadge.external{background:#fff1e8;color:#9b4b22}.routeBadge.mouthwash{background:#e8f5fb;color:#0d6689}
.localRouteNotice{margin:0 0 12px;padding:11px 12px;border:1px solid #b9ded8;border-radius:15px;background:linear-gradient(135deg,#edf9f6,#ffffff);font-size:10.5px;color:#315f60;line-height:1.45}
.localRouteNotice b{color:#073d42}.unitMini.mouthwash{background:#e8f5fb;color:#0d6689}.doseProduct.unit-oralcare{border-top:4px solid #1883a4}
@media(max-width:460px){.routeBadge{font-size:7.6px;padding:4px 7px}.localRouteNotice{font-size:10px}}

/* ===== v69-optional-diet-rx-css ===== */
/* ===== v7.1 optional protocol-linked diet Rx — soft section colours + logical graphics ===== */
.dietRxCard{border:1px solid #c5ddd6;background:linear-gradient(160deg,#ffffff 0%,#f4faf7 55%,#fff8e9 100%);overflow:hidden;box-shadow:0 10px 24px rgba(7,61,66,.07)}
.dietRxCard .cardHead{border-bottom:1px solid #d8e8e2;padding-bottom:10px;margin-bottom:10px}
.dietRxHead{display:flex;align-items:flex-start;gap:10px}
.dietRxIcon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#e4f6ef,#fff1c4);font-size:20px;flex:0 0 auto;box-shadow:0 4px 10px rgba(13,100,80,.12)}
.dietToggle{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#eef5f1;border:1px solid #d0e2db;color:#5a726c;font-size:8px;font-weight:1000;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;transition:.15s}
.dietToggle input{width:18px;height:18px;min-height:0;margin:0;accent-color:#0a8a6e}
.dietToggle.on{background:linear-gradient(135deg,#d8f3e8,#eaf9f3);border-color:#9dd4c0;color:#086a4f;box-shadow:0 2px 8px rgba(10,122,90,.12)}
.dietIntro{margin:0 0 11px;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,#eaf7f3,#f7fcfa);border:1px solid #d0e8e0;color:#3a5f5c;font-size:10.2px;line-height:1.45}
.dietIntro b{color:#0a4f45}
.dietControls{display:grid;gap:10px}
.dietChoiceLabel{display:block;margin-bottom:5px;color:#5a726c;font-size:8.5px;font-weight:1000;text-transform:uppercase;letter-spacing:.07em}
.dietPattern{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dietPattern label{position:relative}
.dietPattern input{position:absolute;opacity:0;pointer-events:none}
.dietPattern span{min-height:50px;border:1.5px solid #d6e5e0;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;gap:8px;color:#4f6866;font-size:10.8px;font-weight:950;transition:.15s}
.dietPattern input:checked+span{border-color:#0c8f78;background:linear-gradient(135deg,#e2f6ee,#ffffff);color:#065f4e;box-shadow:inset 0 0 0 1px rgba(12,143,120,.14),0 4px 12px rgba(12,143,120,.1)}
.dietGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.dietGrid .full{grid-column:1/-1}
.dietGrid select,.dietGrid textarea{font-size:11px;border-radius:12px}
.dietGrid textarea{min-height:64px}
.dietMiniSwitch{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #d5e6e0;border-radius:13px;background:linear-gradient(180deg,#fff,#f7fbf9);padding:9px 11px}
.dietMiniSwitch div b{display:block;color:#163e38;font-size:10.6px}
.dietMiniSwitch div span{display:block;color:#6d8480;font-size:8.6px;margin-top:2px}
.dietMiniSwitch input{width:18px;height:18px;min-height:0;accent-color:#0a8a6e;flex:0 0 auto}

/* Soft-coloured preview sections */
.dietPreview{border:1px solid #cfe3dc;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 6px 16px rgba(7,61,66,.06)}
.dietPreviewHead{padding:11px 13px;background:linear-gradient(135deg,#064038,#0a7a6c);color:#fff;display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.dietPreviewHead b{display:block;font-size:12.5px;letter-spacing:-.02em}
.dietPreviewHead span{display:block;font-size:8.6px;color:#c8fff4;margin-top:3px}
.dietEvidenceTier{padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);font-size:7.5px!important;color:#fff!important;font-weight:1000;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em}
.dietPreviewBody{padding:0;display:grid;gap:0}

/* Section: clinical purpose — soft teal */
.dietSec{padding:11px 13px;border-bottom:1px solid #e6f0ed}
.dietSec:last-child{border-bottom:0}
.dietSecPurpose{background:linear-gradient(180deg,#eef9f6,#f7fcfb)}
.dietSecPurpose .dietSecLabel{color:#0a6b5c}
.dietGoal{font-size:10.2px;line-height:1.45;color:#355854}
.dietGoal b{color:#0d4a42}

/* Section: priorities — soft mint green */
.dietSecPriorities{background:linear-gradient(180deg,#f0faf4,#f8fdf9)}
.dietSecPriorities .dietSecLabel{color:#1a6b4a}
.dietPriorityGrid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
.dietPriority{border-radius:11px;background:#fff;border:1px solid #d4e9dc;padding:8px 9px;font-size:9.1px;line-height:1.38;color:#3d5f52;box-shadow:0 2px 6px rgba(26,107,74,.05)}
.dietPriority:before{content:'✓';font-weight:1000;color:#0b8a5e;margin-right:5px}

/* Section: meals — soft cream / gold */
.dietSecMeals{background:linear-gradient(180deg,#fffbf0,#fffef9)}
.dietSecMeals .dietSecLabel{color:#8a6a12}
.dietMealList{display:grid;gap:6px;margin-top:8px}
.dietMeal{display:grid;grid-template-columns:28px 70px minmax(0,1fr);gap:8px;align-items:start;padding:8px 9px;border-radius:11px;background:#fff;border:1px solid #efe0b8;box-shadow:0 2px 6px rgba(138,106,18,.05)}
.dietMealIcon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-size:14px;background:linear-gradient(145deg,#fff6d6,#ffe9a8);flex:0 0 auto}
.dietMeal b{font-size:8.2px;text-transform:uppercase;letter-spacing:.04em;color:#8a6e1a;padding-top:2px}
.dietMeal span{font-size:9.3px;color:#4a5540;line-height:1.38}

/* Section: guardrail — soft amber */
.dietSecCaution{background:linear-gradient(180deg,#fff8e8,#fffdf6)}
.dietSecCaution .dietSecLabel{color:#8a5e10}
.dietCaution{margin:0;padding:9px 10px;border-radius:11px;background:#fff;border:1px solid #edd9a0;color:#6f4e0e;font-size:9px;line-height:1.45;box-shadow:0 2px 6px rgba(138,94,16,.05)}
.dietCaution b{color:#5c4008}

/* Section: doctor custom — soft lavender-gray */
.dietSecCustom{background:linear-gradient(180deg,#f5f4f9,#fafafc)}
.dietSecCustom .dietSecLabel{color:#5a4e78}
.dietCustom{margin:0;padding:8px 10px;border-radius:11px;background:#fff;border:1px solid #ddd8e8;color:#4a4560;font-size:9px;line-height:1.4}

.dietSecLabel{display:flex;align-items:center;gap:6px;font-size:8.2px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.dietSecLabel span{font-size:13px}

.dietEvidence{margin:10px 12px 12px;border:1px solid #d5e6e0;border-radius:13px;background:#f8fcfa}
.dietEvidence summary{list-style:none;padding:9px 11px;color:#0a6e5e;font-size:9.2px;font-weight:1000;cursor:pointer}
.dietEvidence summary::-webkit-details-marker{display:none}
.dietEvidenceLinks{padding:0 11px 10px;display:grid;gap:5px}
.dietEvidenceLinks a{display:block;padding:7px 8px;border-radius:9px;background:#fff;border:1px solid #e0ece7;color:#2e5a54;font-size:8.7px;font-weight:850}
.dietEvidenceLinks a:after{content:' ↗';color:#0a8a73}
.dietOffNote{padding:14px 12px;border-radius:13px;background:linear-gradient(180deg,#f4f8f6,#eef4f1);color:#657874;font-size:9.8px;text-align:center;border:1.5px dashed #c5d8d1;line-height:1.4}

/* Rx output diet block */
.rxDietSection .rxIn{padding:10px}
.rxDietSummary{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:8px}
.rxDietMetric{border:1px solid #d5e6e0;border-radius:10px;padding:7px 8px;background:linear-gradient(180deg,#f6fbf9,#fff)}
.rxDietMetric b{display:block;font-size:7px;color:#6d8480;text-transform:uppercase;letter-spacing:.05em}
.rxDietMetric span{display:block;margin-top:2px;color:#153e38;font-size:9.3px;font-weight:850}
.rxDietPriority{margin:0 0 8px;padding-left:18px;color:#3d5a54;font-size:8.7px;line-height:1.42}
.rxDietPriority li{margin:0 0 3px}
.rxDietMeals{width:100%;border-collapse:collapse;font-size:8.4px}
.rxDietMeals th,.rxDietMeals td{border:1px solid #d5e4df;padding:5px 6px;vertical-align:top;text-align:left}
.rxDietMeals th{width:22%;background:#e8f5ef;color:#1f5548;text-transform:uppercase;font-size:7px;letter-spacing:.04em}
.rxDietCaution{margin-top:7px;padding:8px 9px;border-radius:9px;background:#fff8e6;border:1px solid #ead59e;color:#6b4d0f;font-size:8.1px;line-height:1.4}
.rxDietSource{margin-top:6px;color:#6d8280;font-size:7.2px;line-height:1.35}

@media(max-width:430px){
  .dietGrid{grid-template-columns:1fr}
  .dietGrid .full{grid-column:auto}
  .dietPriorityGrid{grid-template-columns:1fr}
  .dietMeal{grid-template-columns:26px 58px minmax(0,1fr)}
}
@media print{
  .dietEvidence,.dietToggle,.dietOffNote{display:none!important}
  .rxDietSection{break-inside:avoid}
  .rxDietMeals tr{break-inside:avoid}
}

/* ===== pdf-capture-alignment ===== */
/* Keep html2pdf's live capture origin identical to its html2canvas clone. */
.html2pdf__container{margin-left:0!important;margin-right:0!important}
/* Mobile preview tables are cards. Restore their A4 table geometry before
   html2pdf measures the live node, otherwise its desktop-width clone is
   shorter and can inherit synthetic mobile labels or leave a blank page. */
.rxSheet.pdfExport .doseSummary table,.rxSheet.pdfExport .doseTable,.rxSheet.pdfExport .piMatrix,.rxSheet.pdfExport .piCartMatrix{display:table!important;width:100%!important;min-width:0!important;table-layout:fixed!important}
.rxSheet.pdfExport .doseSummary thead,.rxSheet.pdfExport .doseTable thead,.rxSheet.pdfExport .piMatrix thead,.rxSheet.pdfExport .piCartMatrix thead{display:table-header-group!important}
.rxSheet.pdfExport .doseSummary tbody,.rxSheet.pdfExport .doseTable tbody,.rxSheet.pdfExport .piMatrix tbody,.rxSheet.pdfExport .piCartMatrix tbody{display:table-row-group!important}
.rxSheet.pdfExport .doseSummary tr,.rxSheet.pdfExport .doseTable tr,.rxSheet.pdfExport .piMatrix tr,.rxSheet.pdfExport .piCartMatrix tr{display:table-row!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.rxSheet.pdfExport .doseSummary th,.rxSheet.pdfExport .doseSummary td,.rxSheet.pdfExport .doseTable th,.rxSheet.pdfExport .doseTable td,.rxSheet.pdfExport .piMatrix th,.rxSheet.pdfExport .piMatrix td,.rxSheet.pdfExport .piCartMatrix th,.rxSheet.pdfExport .piCartMatrix td{display:table-cell!important;grid-column:auto!important}
.rxSheet.pdfExport .doseSummary td::before,.rxSheet.pdfExport .doseTable td::before,.rxSheet.pdfExport .piMatrix td::before,.rxSheet.pdfExport .piCartMatrix td::before{display:none!important;content:none!important}
.rxSheet.pdfExport .piBrochurePage{padding-bottom:48px!important}
.rxSheet.pdfExport .piBrochureDisclaimer{break-inside:avoid!important;page-break-inside:avoid!important}

/* ===== site shell integration ===== */
/* The dock is position:fixed at the bottom, so without this the last rows of
   the shared footer sit permanently underneath it. Reserve the dock's height
   plus the iOS home-indicator inset. */
.ec-footer{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
/* The app column is centred under a full-width nav; drop its own top rounding
   so it meets the nav cleanly instead of floating. */
.app{box-shadow:0 0 40px rgba(6,47,55,.10)}

/* dose formula v2 — allocation and per-product drop options */
.allocBar{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:9px 0 4px}
.allocTotal{font-weight:900;font-size:10.5px;color:var(--deep)}
.allocTotal[data-bad]{color:#a1121b}
.btn.sm{padding:7px 12px;font-size:10.5px;border-radius:11px}
.doseSlotOpts{margin-top:9px;padding:9px;border-radius:12px;background:#f6fbfa;border:1px solid var(--line)}
.doseSlotOpts[hidden]{display:none}
.doseSlotOpts .switchLine{margin:8px 0 0;background:#fff}