/* Approved compact customer shell. Loaded last; pharmacy layout is untouched. */
body[data-interface=customer]{height:var(--customer-viewport148,100dvh)!important;max-height:var(--customer-viewport148,100dvh)!important;overflow:hidden;display:flex;flex-direction:column;background:#f4f9fc;color:#214351}
body[data-interface=customer] header{position:relative!important;inset:auto!important;display:flex;align-items:center;gap:7px;min-height:62px;padding:9px 10px;flex:none;max-width:760px;border-bottom:1px solid #d4e4eb;background:#f4f9fc}
body[data-interface=customer] header #brand{display:flex;align-items:center;justify-content:center;gap:1px;min-width:0;flex:1;font-size:clamp(12px,3.2vw,20px);letter-spacing:-.5px}
body[data-interface=customer] header #brand>span{min-width:0;white-space:nowrap}
body[data-interface=customer] header .header-greeting{display:block;font-size:10px;font-weight:400;text-align:center;letter-spacing:0;color:#52859b;margin-top:1px;line-height:1.2}
body[data-interface=customer] header #brand .crescent{width:27px;height:35px;min-width:27px;margin-right:-1px}
body[data-interface=customer] header #back{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0;padding:5px 2px;display:flex;align-items:center;justify-content:center;gap:3px;min-height:38px;font-size:14px;font-weight:750;letter-spacing:.2px;color:#2a7a9d}
body[data-interface=customer] header #back span{display:inline!important;line-height:22px}
body[data-interface=customer] header #back svg{width:18px;height:20px;flex:none}
body[data-interface=customer] header #accountButton,body[data-interface=customer] header #notificationButton{display:flex;align-items:center;justify-content:center;border:0;background:transparent;box-shadow:none;width:32px;min-width:32px;height:38px;min-height:38px;padding:4px;color:#2a7a9d;border-radius:8px}
body[data-interface=customer] header #accountButton svg,body[data-interface=customer] header #notificationButton svg{width:24px;height:24px}
body[data-interface=customer] #main{max-width:760px;min-height:0;flex:1;margin:0 auto;overflow-y:auto;padding:8px 10px;overscroll-behavior:contain;width:100%}
body[data-interface=customer].catalog-screen #main.customer-catalog148{display:flex;flex-direction:column;gap:0;overflow:hidden;padding:8px 10px}
body[data-interface=customer] #notice:empty{height:0;min-height:0;padding:0}
body[data-interface=customer] #notice{max-width:760px}
.customer-catalog148 .catalog-search148{position:relative;display:flex;align-items:center;flex:none;margin:0 0 8px;min-height:42px;height:42px;overflow:visible;border:1.5px solid #96bfd0;border-radius:12px;background:#f8fcff}
.customer-catalog148 .catalog-search148:focus-within{border-color:#3a8aab;box-shadow:0 0 0 2px #2a7a9d0c}
.customer-catalog148 .catalog-mode148{position:relative;display:flex;align-items:center;flex:none;width:80px;height:100%}
.customer-catalog148 .catalog-mode148:after{content:'';position:absolute;right:0;top:10px;bottom:10px;width:1px;background:#a9c6d4}
.customer-catalog148 #modeButton{display:flex;align-items:center;justify-content:flex-start;gap:4px;width:100%;height:100%;min-height:0;padding:0 8px;border:0;border-radius:11px 0 0 11px;background:transparent;color:#214351;font-size:12px;font-weight:650;box-shadow:none}
.customer-catalog148 .catalog-triangle148{font-size:10px;line-height:1}
.customer-catalog148 #modeOptions{position:absolute;top:calc(100% + 5px);left:0;min-width:132px;background:#f8fcff;border:1px solid #bfd8e3;border-radius:10px;padding:4px;box-shadow:0 6px 20px #2143511c;z-index:20;overflow:hidden}
.customer-catalog148 #modeOptions[hidden]{display:none!important}
.customer-catalog148 #modeOptions button{display:block;text-align:left;width:100%;border:0;background:transparent;padding:10px 12px;min-height:34px;color:#28596f;font-size:13px;border-radius:6px;box-shadow:none}
.customer-catalog148 #modeOptions button[aria-selected=true],.customer-catalog148 #modeOptions button:hover{background:#e3f2f9}
.customer-catalog148 #search{width:0;flex:1;min-width:0;height:39px;min-height:39px;border:0!important;border-radius:0;outline:none!important;background:transparent!important;padding:8px 9px;font:16px system-ui,-apple-system,sans-serif;box-shadow:none!important;margin:0}
.customer-catalog148 #search::placeholder{color:#91a8b3;font-size:14px;opacity:1}
.customer-catalog148 #clear{position:static!important;flex:none;width:38px;min-width:38px;height:38px;min-height:38px;margin:0 5px 0 0;border:0;background:transparent;color:#6897ab;font-size:25px;padding:0;line-height:1;box-shadow:none}
.customer-catalog148 #searchGroups148{flex:0 0 auto;max-height:144px;min-height:0;margin:-8px 0 7px;border:1px solid #c1dae5;border-top:0;background:#f8fcff;border-radius:0 0 11px 11px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.customer-catalog148 #searchGroups148[hidden]{display:none!important}
.customer-catalog148 .catalog-group148{position:relative;display:flex;align-items:center;gap:9px;min-height:36px;height:36px;width:100%;padding:4px 11px;text-align:left;border:0;border-radius:0;background:transparent;color:#30657b;font-size:12px;box-shadow:none}
.customer-catalog148 .catalog-group148:after{content:'';position:absolute;bottom:0;left:11px;right:11px;height:1px;background:#dce9ef}
.customer-catalog148 .catalog-group148>span:not(.catalog-company148):not(.catalog-group-check148){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.customer-catalog148 .catalog-group-check148{margin-left:auto;color:#5292aa}
.customer-catalog148 .catalog-company148{width:26px;height:26px;flex:none;border-radius:7px;background:linear-gradient(130deg,#def4fc,#bbdfe9);color:#397c94;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:750;overflow:hidden}
.customer-catalog148 .catalog-company148 img{width:100%;height:100%;object-fit:contain}
body[data-interface=customer] #customerGrid148.customer-grid148{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;align-content:start;padding:0 0 8px;scrollbar-width:thin}
.customer-catalog148 .medicine148{display:flex;align-items:center;gap:7px;min-width:0;min-height:74px;height:74px;padding:7px;text-align:left;color:#214351;background:#ffffffd9;border:1px solid #d7e5ed;border-radius:12px;box-shadow:0 2px 4px #21435103}
.customer-catalog148 .medicine-image148{display:flex;align-items:center;justify-content:center;position:relative;width:34px;min-width:34px;height:45px;overflow:hidden;border-radius:8px;background:#f0f5f8}
.customer-catalog148 .medicine-image148 .photo{width:100%;height:100%;margin:0;object-fit:contain;border:0;border-radius:0;background:transparent}
.customer-catalog148 .medicine-image148 .medicine-watermark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#a6b8c2;font-size:6px;font-weight:650;letter-spacing:.1px;overflow:hidden}
.customer-catalog148 .medicine-image148 .medicine-watermark[hidden],.customer-catalog148 .medicine-image148 img[hidden]{display:none!important}
.customer-catalog148 .medicine-info148{min-width:0;flex:1}
.customer-catalog148 .medicine-info148 strong{font-size:11px;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.customer-catalog148 .medicine-generic148{display:block;font-size:9px;font-style:italic;line-height:1.15;color:#69828f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.customer-catalog148 .medicine-stock148{display:inline-block;max-width:100%;padding:2px 6px;margin-top:4px;border-radius:6px;font-size:9px;line-height:1.2;color:#267995;background:linear-gradient(115deg,#96cede66,#cfeaf345,#edf8fb00);border:1px solid #aed4e53d}
.customer-catalog148 .medicine-stock148.unavailable148{color:#78818a;background:linear-gradient(115deg,#b3bbc45c,#e1e5e837,#f3f5f700);border-color:#c6cdd43d}
.customer-catalog148 .catalog-empty148{grid-column:1/-1;padding:10px;font-size:12px;color:#78919d;text-align:center}
body[data-interface=customer] #customerDock{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;isolation:isolate;overflow:visible;flex:none;padding:5px 7px max(6px,env(safe-area-inset-bottom));margin:0 auto 5px;width:calc(100% - 14px);max-width:746px;border:1px solid #9dcede;border-radius:17px;background:linear-gradient(169deg,rgba(255,255,255,.95) 0%,rgba(225,249,255,.85) 17%,rgba(126,194,220,.53) 44%,rgba(63,148,182,.43) 58%,rgba(173,224,242,.75) 77%,rgba(249,255,255,.97) 100%);box-shadow:inset 0 2px 3px #fff,inset 0 -2px 7px #ffffffa6,0 -2px 12px #2a7a9d15;backdrop-filter:blur(12px)}
body[data-interface=customer] #customerDock:before{content:'';position:absolute;left:0;right:0;top:0;height:32px;border-radius:17px 17px 45% 45%;background:linear-gradient(180deg,#ffffffbb,#ffffff16);pointer-events:none;z-index:-1}
body[data-interface=customer] #customerDock .dock-item{position:relative;background:transparent;border:0;box-shadow:none;min-width:0;min-height:42px;padding:3px 1px;color:#176587;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:9px;line-height:1.2;font-weight:700;text-shadow:0 1px 1px #ffffff94;border-radius:9px}
body[data-interface=customer] #customerDock .dock-item+.dock-item:before{content:'';position:absolute;left:0;top:9px;bottom:9px;width:1px;background:linear-gradient(transparent,#639eb69e,transparent)}
body[data-interface=customer] #customerDock .dock-item svg{width:21px;height:21px;min-height:21px;flex:none;stroke-width:2}
body[data-interface=customer] #customerDock #dockPrescription svg{color:#287e9d;filter:drop-shadow(0 1px 1px #e9ffff)}
body[data-interface=customer] #customerDock #cartBadge{position:absolute;top:-2px;left:calc(50% + 8px);min-width:17px;height:17px;padding:1px 4px;border-radius:50%;color:#fff;background:#d34652;font-size:10px;font-weight:750;line-height:15px;text-shadow:none;border:1px solid #fff}
body[data-interface=customer] #customerDock #historyBadge{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(100% + 7px);width:max-content;max-width:155px;padding:4px 6px;border-radius:5px;background:#d34652;color:#fff;font-size:9px;font-weight:650;line-height:1.3;text-shadow:none;box-shadow:0 2px 6px #84222a18;white-space:nowrap}
body[data-interface=customer] #customerDock [hidden]{display:none!important}
body[data-interface=customer].keyboard148 #customerDock{display:none!important}
@media(max-height:480px){body[data-interface=customer] header{min-height:49px;padding-top:4px;padding-bottom:4px}.customer-catalog148 .medicine148{height:68px;min-height:68px}body[data-interface=customer].catalog-screen #main.customer-catalog148{padding-top:5px}.customer-catalog148 .catalog-search148{margin-bottom:5px}}
@media(min-width:600px){.customer-catalog148 .medicine148{height:82px;min-height:82px}.customer-catalog148 .medicine-info148 strong{font-size:14px}.customer-catalog148 .medicine-image148{width:42px;min-width:42px;height:52px}.customer-catalog148 .medicine-image148 .medicine-watermark{font-size:7px}.customer-catalog148 .medicine-generic148,.customer-catalog148 .medicine-stock148{font-size:11px}}

body[data-interface=customer] header #accountButton{padding:4px!important}body[data-interface=customer] header #accountButton svg{flex:none}

/* 15.3 shared Home design: override legacy customer-specific transparent rule. */
body[data-interface=customer] header #back{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(125deg,#468ca6,#2a7a9d)!important;border:1px solid #85b8c8!important;border-radius:9px!important;color:#fff!important;opacity:1!important;min-height:28px!important;height:28px!important;padding:4px 8px!important;gap:5px!important;line-height:1!important}
body[data-interface=customer] header #back span{display:block!important;color:#fff!important;font-size:11px!important;line-height:16px!important}
body[data-interface=customer] header #back svg{display:block!important;width:16px!important;height:16px!important;transform:none!important}