:root{--bg:#061224;--card:#0b2039;--ink:#f3f7ff;--muted:#9bb2d8;--line:#214a78;--brand:#3180ff;--brand2:#5aa6ff;--soft:#102b4d;--danger:#ff7885;--warn:#ffbd4a;--shadow:0 14px 36px rgba(0,0,0,.28);--r:18px}
body{background:radial-gradient(circle at 70% -10%,#163c70 0,#07172c 30%,#050e1c 72%);color:var(--ink)}
.shell{max-width:760px}.topbar{background:rgba(5,16,32,.92);border-bottom:1px solid #17375f;padding:14px 16px 11px}.brand-with-mark{display:flex;align-items:center;gap:11px}.brand{font-size:21px;color:#fff}.brand-slogan{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#76a2df;margin-top:1px}.top-status{font-size:10px;color:#8aa9d9;margin-top:2px}
.molecule-logo{position:relative;width:38px;height:38px;border:1px solid #377fdb;border-radius:14px;background:linear-gradient(145deg,#153f77,#07172d);box-shadow:inset 0 0 18px #2069cb55}.molecule-logo:before,.molecule-logo:after{content:"";position:absolute;left:9px;right:9px;height:1px;background:#6eb5ff;transform:rotate(32deg);top:18px}.molecule-logo:after{transform:rotate(-38deg)}.molecule-logo i{position:absolute;width:7px;height:7px;border-radius:50%;background:#79c4ff;box-shadow:0 0 10px #5aa6ff}.molecule-logo i:nth-child(1){left:7px;top:7px}.molecule-logo i:nth-child(2){right:6px;top:9px}.molecule-logo i:nth-child(3){left:8px;bottom:7px}.molecule-logo i:nth-child(4){right:7px;bottom:6px}
.content{padding:16px}.card,.home-stat,.form{background:linear-gradient(145deg,rgba(17,48,83,.97),rgba(7,25,47,.97));border:1px solid #235282;box-shadow:var(--shadow)}
.btn{background:linear-gradient(135deg,#2405f3,#4c9cff);box-shadow:0 7px 18px #0b58c344}.btn.secondary{background:#122e50;color:#9dcbff;border:1px solid #285885}.btn.ghost{background:#091b33;color:#9dcaff;border:1px solid #244b75}.btn.danger{background:#471d2c;color:#ff9ba6}.search,.field input,.field select,.field textarea{background:#07182c!important;color:#f6f9ff!important;border-color:#28507c!important}.modal{background:#07182b}.modal-actions{background:#07182b}.nav{background:rgba(5,16,32,.97);border-color:#1d426b}.nav button{color:#7796c7}.nav button.active{color:#58adff}.pill{background:#153b65;color:#9dcbff}.empty{background:#081a31;border-color:#2c5279}.subtle{color:var(--muted)}
.home-hero{background:transparent!important;border:0!important;padding:2px 0 4px!important;box-shadow:none!important}.home-kicker{font-size:28px!important;color:#fff!important;line-height:1.1}.home-greeting{font-size:16px!important;color:#9bb7e4!important;margin-top:5px}.home-sync-mini{color:#70b8ff!important;background:#0b2241!important;border:1px solid #204d7d!important}
.action-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:9px!important;margin-top:18px!important}.home-stat{min-height:118px;padding:12px 9px!important;text-align:left}.home-stat .k{font-size:11px!important;min-height:28px;color:#c6d8f4!important}.home-stat .v{font-size:25px!important;color:#fff}.home-stat .subtle{font-size:10px!important}.home-stat-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#164b8f;color:#fff;margin-bottom:7px}.warn-stat .home-stat-icon{background:#6d3037;color:#ff9299}.dispatch-stat .home-stat-icon{background:#174f88}
.home-item-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.home-item-tile{padding:10px 7px 11px!important;min-width:0!important;overflow:hidden}.home-vial-img{display:block;width:72px;height:88px;object-fit:contain;margin:0 auto 4px;filter:drop-shadow(0 10px 13px rgba(26,109,213,.28))}.home-tile-name{font-size:13px!important;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;font-weight:900;text-shadow:0 1px 8px #000;letter-spacing:.01em}.home-tile-qty{display:inline-flex;align-items:center;justify-content:center;min-width:34px;margin:6px auto 1px;padding:3px 8px;border-radius:999px;background:linear-gradient(135deg,#2405f3,#59adff);box-shadow:0 5px 15px #1762c777;font-size:18px!important;line-height:1;color:#fff!important;font-weight:950}.home-item-tile .subtle{font-size:10px;color:#c8dcfa;font-weight:800}.home-section-head h2{font-size:20px}.section-head h2{color:#fff}
.save-toast{position:fixed;left:50%;bottom:92px;z-index:400;transform:translate(-50%,18px);opacity:0;background:#0d875f;color:white;border:1px solid #54d5a8;border-radius:999px;padding:11px 16px;font-weight:850;box-shadow:0 14px 35px #0008;transition:.2s;white-space:nowrap}.save-toast.show{opacity:1;transform:translate(-50%,0)}
.access-gate{min-height:100vh;display:grid;place-items:center;padding:22px}.access-card{width:min(430px,100%);background:linear-gradient(145deg,#102e51,#06172d);border:1px solid #275c92;border-radius:24px;padding:24px;box-shadow:0 28px 70px #0009}.access-card h1{margin:12px 0 5px}.access-card p{color:#9db6dc}.access-error{color:#ff9ca7;margin-top:10px}.trial-admin-list{display:grid;gap:8px;margin-top:10px}.trial-user{padding:12px;border:1px solid #244d78;border-radius:13px;background:#081a30}.trial-badge{display:inline-flex;padding:3px 8px;border-radius:999px;background:#174b7f;color:#a9d2ff;font-size:11px;font-weight:800}
@media(max-width:520px){.content{padding:13px 12px}.home-kicker{font-size:25px!important}.action-stats{gap:7px!important}.home-stat{padding:10px 7px!important}.home-stat .k{font-size:10px!important}.home-item-grid{gap:7px!important}.home-vial-img{width:60px;height:78px}.home-item-tile{border-radius:15px!important}.home-tile-name{font-size:12px!important}.home-tile-qty{font-size:18px!important}}

/* v243 clean wellness palette — based on the approved warm-white reference */
:root{--bg:#f7f5f0;--card:#fff;--ink:#0b3550;--muted:#718594;--line:#e8e6e0;--brand:#0b5260;--brand2:#24066b;--soft:#eaf4f1;--danger:#d94d4d;--warn:#db8b0a;--shadow:0 8px 24px rgba(34,57,69,.08);--r:18px}
body{background:linear-gradient(180deg,#fbfaf7 0,#f6f3ed 100%);color:var(--ink)}
.topbar{background:rgba(251,250,247,.94);border-color:#ece8df}.brand{color:#0b3550;font-family:Georgia,"Times New Roman",serif;font-weight:800}.brand-slogan{color:#718594}.top-status{color:#5f817d}
.molecule-logo{border:0;background:transparent;box-shadow:none}.molecule-logo:before,.molecule-logo:after{background:#317a70;height:2px}.molecule-logo i{background:#176c67;box-shadow:none;width:9px;height:9px}.molecule-logo i:nth-child(1){left:4px;top:16px}.molecule-logo i:nth-child(2){left:16px;top:3px}.molecule-logo i:nth-child(3){left:18px;bottom:3px}.logo-leaf{position:absolute;right:-2px;top:8px;width:18px;height:25px;border-radius:18px 3px 18px 3px;background:linear-gradient(145deg,#82bca6,#4f9a81);transform:rotate(18deg)}.logo-leaf:after{content:"";position:absolute;left:8px;top:4px;width:1px;height:17px;background:#dcefe7;transform:rotate(30deg)}
.card,.home-stat,.form{background:#fff;border-color:#ebe8e1;box-shadow:var(--shadow)}.btn{background:#0b5260;box-shadow:none}.btn.secondary{background:#eaf4f1;color:#145e5b;border-color:#d6ebe5}.btn.ghost{background:#fff;color:#0b5260;border-color:#deded9}.btn.danger{background:#fdeaea;color:#b63d44}.search,.field input,.field select,.field textarea{background:#fff!important;color:#173c50!important;border-color:#deded8!important}.modal{background:#faf9f6}.modal-actions{background:#faf9f6}.nav{background:rgba(255,255,255,.97);border-color:#e7e4dd}.nav button{color:#7e909d}.nav button.active{color:#0b5260}.pill{background:#e9f5ec;color:#27714f}.empty{background:#fff;border-color:#d9d9d3}.subtle{color:#718594}
.home-hero{background:transparent!important}.home-kicker{color:#0b3550!important;font-family:Georgia,"Times New Roman",serif}.home-greeting{color:#718594!important}.home-sync-mini{color:#28756b!important;background:#edf6f3!important;border-color:#d6e9e3!important}.home-stat{border-color:#ece9e3!important}.home-stat .k{color:#21465b!important}.home-stat .v{color:#0b3550!important}.home-stat-icon{background:#e9f3f6;color:#0b5260}.warn-stat .home-stat-icon{background:#fde6e4;color:#d84e4e}.dispatch-stat .home-stat-icon{background:#e4f0ed;color:#24066b}.home-section-head h2,.section-head h2{color:#0b3550;font-family:Georgia,"Times New Roman",serif}
.home-item-tile{background:#fff!important;border-color:#ebe8e1!important}.home-tile-name{color:#0b3550;text-shadow:none}.home-tile-qty{background:#e8f5eb;box-shadow:none;color:#27714f!important}.home-item-tile .subtle{color:#718594}.home-vial-img{filter:drop-shadow(0 8px 10px rgba(31,70,77,.15))}
.home-view-actions{display:flex;align-items:center;gap:7px}.view-switch{display:flex;border:1px solid #d9ddd8;border-radius:10px;overflow:hidden;background:#fff}.view-switch button{border:0;background:transparent;color:#82929c;padding:7px 9px;line-height:1;font-weight:900}.view-switch button.active{background:#0b5260;color:#fff}.home-list-view{grid-template-columns:1fr!important;gap:7px!important}.home-list-view .home-item-tile{display:grid;grid-template-columns:58px 1fr auto;grid-template-rows:auto auto;align-items:center;text-align:left;padding:9px 12px!important}.home-list-view .home-vial-img{grid-row:1/3;width:48px;height:58px;margin:0}.home-list-view .home-tile-name{font-size:15px!important;white-space:normal}.home-list-view .home-tile-qty{grid-column:3;grid-row:1/3;margin:0;font-size:17px!important}.home-list-view .subtle{grid-column:2;grid-row:2}.admin-version{display:inline-flex;margin:0 0 12px;padding:5px 9px;border-radius:999px;background:#eaf4f1;color:#240e65;font-size:11px;font-weight:850}
.access-card{background:#fff;border-color:#e2e2dc;box-shadow:0 28px 70px rgba(35,54,63,.18)}.access-card h1{color:#0b3550}.access-card p{color:#718594}.trial-user{background:#fff;border-color:#e1e4de}.trial-badge{background:#eaf4f1;color:#240e65}.save-toast{background:#287a5b;border-color:#91c8ae}
.sale-status{display:inline-flex;padding:3px 8px;border-radius:999px;background:#edf2f4;color:#496471;font-size:11px;font-weight:850}.sale-status-new{background:#e9eff8;color:#315d8a}.sale-status-packing{background:#fff1d8;color:#9a6508}.sale-status-ready-to-dispatch{background:#e6f4ef;color:#176b58}.sale-status-sent{background:#e8f1fb;color:#21639a}.sale-status-received{background:#e8f5e8;color:#2d7441}.sale-status-cancelled{background:#f3eeee;color:#8a5960}
.sale-lines-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.sale-line{display:grid;grid-template-columns:minmax(180px,1fr) 80px 125px 92px auto;gap:8px;align-items:end;padding:10px;margin-bottom:8px;border:1px solid #dfe8e4;border-radius:12px;background:#f8fbf9}.sale-line .field{margin:0}.sale-line [data-remove-line]:disabled{visibility:hidden}.line-sale-total{display:grid;gap:5px;padding-bottom:10px}.line-sale-total span,.sale-total-box span{font-size:11px;color:var(--muted);font-weight:750}.line-sale-total b{color:#0b5260}.sale-total-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;padding:14px;margin:12px 0;border:1px solid #dbe7e2;border-radius:14px;background:#f3f8f6}.sale-total-box>div:not(.field){display:flex;justify-content:space-between;align-items:center;gap:12px}.sale-total-box .field{margin:0}.sale-total-box .compact small{display:block;margin-top:4px;color:var(--muted)}.sale-total-box .sale-grand-total{grid-column:1/-1;border-top:1px solid #cfddd7;padding-top:12px}.sale-grand-total b{font-size:22px;color:#0b5260}@media(max-width:660px){.sale-line{grid-template-columns:minmax(0,1fr) 72px}.sale-line .field:nth-child(3){grid-column:1}.line-sale-total{grid-column:2;grid-row:2}.sale-line [data-remove-line]{grid-column:1/-1;justify-self:end}.sale-total-box{grid-template-columns:1fr}}
.personal-source-pick{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;color:var(--ink);cursor:pointer}.personal-source-pick:hover{border-color:#75a99a;background:#f2f8f5}.personal-source-pick span,.personal-source-pick strong{display:grid;gap:3px}.personal-source-pick small{font-size:11px;color:var(--muted);font-weight:650}.personal-source-pick strong{text-align:right;font-size:20px;color:#287a5b}
.home-vial-wrap{position:relative;width:78px;height:96px;margin:0 auto 5px}.home-vial-wrap .home-vial-img{width:100%;height:100%;margin:0}.home-vial-label{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:55px;max-height:22px;color:#0b3550;background:rgba(255,255,255,.92);font-size:8px;line-height:1.05;font-weight:950;text-align:center;text-transform:none;letter-spacing:-.02em}.home-list-view .home-vial-wrap{grid-row:1/3;width:50px;height:60px;margin:0}.home-list-view .home-vial-wrap .home-vial-img{width:100%;height:100%}.home-list-view .home-vial-label{width:36px;max-height:16px;font-size:6px}.home-list-view .home-tile-name{grid-column:2}.home-list-view .home-tile-qty{grid-column:3}
@media(max-width:520px){.home-vial-wrap{width:70px;height:88px}.home-vial-label{width:49px;font-size:7px}.home-list-view .home-vial-wrap{width:50px;height:60px}}