* {-webkit-tap-highlight-color:transparent;}
  
  h1,h2,h3,.heading {font-family:"Poppins", sans-serif;}
  
  
  
  .btn:disabled {opacity:0.4;cursor:not-allowed;}
  
  .btn-primary:active:not(:disabled) {transform:scale(0.97);}
  
  .btn-outline:active:not(:disabled) {transform:scale(0.97);}
  
  
  @keyframes pulseBadge { 0%,100%{transform:scale(1);} 50%{transform:scale(1.15);} }
  .nav-badge.pulse {animation:pulseBadge 1s ease-in-out 2;}
  
  
  
  
  
  
  ::-webkit-scrollbar {width:8px;height:8px;}
  
  
  
  .input {width:100%;background:#F7F1E8;border-radius:16px;padding:12px 16px;font-weight:700;color:#3D3A45;outline:none;}


/* =========================================================
   FRAICHE NIBS — CUTE BUSINESS OS THEME
   Visual-only redesign. Existing IDs, data logic and actions stay intact.
   ========================================================= */

html{background:var(--os-bg);scrollbar-gutter:stable;}
body{font-family:"Nunito", sans-serif;background:radial-gradient(circle at 15% 0%, rgba(255,191,215,.22), transparent 27%),
    radial-gradient(circle at 90% 10%, rgba(190,176,255,.24), transparent 30%),
    var(--os-bg);color:var(--os-ink);min-height:100vh;overflow-x:hidden;}
body:before,body:after{content:"";position:fixed;border-radius:999px;filter:blur(1px);pointer-events:none;z-index:0;}
body:before{width:180px;height:180px;background:rgba(255,221,235,.28);right:4vw;bottom:5vh;}
body:after{width:110px;height:110px;background:rgba(223,214,255,.35);left:30vw;top:4vh;}
#dashboardScreen{position:relative;z-index:1;}
.os-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh;width:100%;}
.os-sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-right:1px solid rgba(230,224,244,.9);display:flex;flex-direction:column;z-index:20;}
.os-brand{display:flex;align-items:center;gap:12px;padding:5px 4px 22px;}
.os-logo-wrap{width:56px;height:56px;border-radius:19px;padding:7px;background:linear-gradient(145deg,#fff,#f7f1ff);box-shadow:0 10px 22px rgba(92,69,164,.12);border:1px solid #f0eafa;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.os-logo-wrap img{width:100%;height:100%;object-fit:contain;}
.os-brand-copy h1{font-family:"Poppins",sans-serif;font-size:18px;line-height:1.1;font-weight:800;color:var(--os-ink);margin:1px 0 3px;}
.os-brand-copy>p:last-child{font-size:10px;font-weight:800;color:var(--os-muted);}
.os-kicker,.os-page-kicker,.os-nav-label{font-size:9.5px;letter-spacing:.16em;font-weight:900;color:var(--os-purple);text-transform:uppercase;}
.os-nav-label{padding:6px 12px 9px;color:#a39bb5;}
.os-nav{display:flex;flex-direction:column;gap:7px;}
.os-nav .tab{width:100%;display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:16px;background:transparent;color:#6f687e;box-shadow:none;font-size:12px;transition:.2s ease;}
.os-nav .tab:hover{background:#f8f5ff;color:var(--os-purple-deep);transform:translateX(2px);}
.os-nav .tab.active{background:linear-gradient(135deg,#7e64d8,#967fe7);color:#fff;box-shadow:0 12px 25px rgba(111,84,201,.28);}
.os-nav-icon:before{content:"";position:absolute;top:4px;left:6px;right:6px;height:9px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,0));pointer-events:none;}.os-nav-icon.icon-dashboard{background:linear-gradient(145deg,#f6f3ff,#ece4ff);}.os-nav-icon.icon-orders{background:linear-gradient(145deg,#fff3ea,#ffe5d1);}.os-nav-icon.icon-products{background:linear-gradient(145deg,#fff0f7,#ffe1ef);}.os-nav-icon.icon-refunds{background:linear-gradient(145deg,#eef9f0,#dcf5e1);}.os-nav-icon.icon-report{background:linear-gradient(145deg,#eef5ff,#ddecff);}.os-nav-icon.icon-cash{background:linear-gradient(145deg,#fff9e9,#fff0bf);}
.os-nav .tab.active .os-nav-icon{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.38), 0 8px 18px rgba(49,35,98,.18);}
.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--os-pink);color:#fff;font-size:10px;font-weight:800;margin-left:auto;box-shadow:0 5px 10px rgba(255,128,176,.3);}
.os-sidebar-footer{margin-top:auto;padding:14px 12px 4px;color:#9b94aa;font-weight:700;font-size:9.5px;}
.os-store-status{display:flex;align-items:center;gap:6px;color:#5c9b77;font-weight:900;font-size:10.5px;margin-bottom:5px;}.os-store-status span{width:8px;height:8px;border-radius:99px;background:#71d59c;box-shadow:0 0 0 4px #e8f8ef;}
.os-main{min-width:0;padding:24px 30px 44px;max-width:1580px;width:100%;margin:0 auto;box-sizing:border-box;}
.os-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px;padding:4px 2px;}
.os-topbar h2{font-family:"Poppins",sans-serif;font-size:26px;line-height:1.1;font-weight:800;color:var(--os-ink);margin-top:2px;}.os-topbar h2 span{color:var(--os-pink);}
.os-signed-in{font-size:10.5px;color:var(--os-muted);font-weight:700;margin-top:4px;}
.os-top-actions{display:flex;align-items:center;gap:8px;}
.os-live-pill{padding:8px 12px;border-radius:999px;background:var(--os-mint);color:#5a9b76;font-size:11px;font-weight:900;box-shadow:inset 0 0 0 1px #d9f1e4;}
.card{background:rgba(255,255,255,.96) !important;border-radius:24px !important;box-shadow:var(--os-shadow) !important;border:1px solid rgba(235,229,245,.9);overflow:hidden;}
.btn{border-radius:15px !important;font-weight:900 !important;padding:10px 18px;font-size:13px;transition:all .15s ease;cursor:pointer;border:none;letter-spacing:-.01em;}
.btn-primary{background:linear-gradient(135deg,#ff9fc1,#ff87b4) !important;color:#fff;box-shadow:0 10px 22px rgba(255,128,176,.28) !important;}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 13px 24px rgba(255,128,176,.34) !important;}
.btn-outline{background:rgba(255,255,255,.86) !important;color:#625a72 !important;border:1px solid var(--os-border) !important;box-shadow:0 6px 15px rgba(76,61,113,.06);}
.btn-outline:hover{background:#fbf9ff !important;border-color:#ddd4f1 !important;}
.input,#lookupInput,#reportDateInput{background:#faf8ff !important;border:1px solid #eee9f8 !important;color:var(--os-ink) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);border-radius:15px !important;}
.input:focus,#lookupInput:focus,#reportDateInput:focus{border-color:#c9bbf4 !important;box-shadow:0 0 0 4px rgba(130,103,217,.10) !important;}
.tab{font-weight:800;font-size:12.5px;padding:9px 16px;border-radius:999px;cursor:pointer;color:#776f87;background:rgba(255,255,255,.94);box-shadow:0 5px 14px rgba(75,61,109,.05);position:relative;border:1px solid #eee9f6;}
.tab.active{background:linear-gradient(135deg,#6e57c3,#816ad5) !important;color:white !important;border-color:transparent !important;box-shadow:0 10px 20px rgba(98,73,178,.22) !important;}
#filterTabs .tab,#productFilterTabs .tab,#cashFilterTabs .tab{padding:8px 13px;border-radius:13px;font-size:11px;}
#statsRow .card,#reportContent>.grid:first-child .card{position:relative;min-height:112px;padding:18px !important;}
#statsRow .card:after,#reportContent>.grid:first-child .card:after{content:"";position:absolute;width:48px;height:48px;border-radius:18px;right:-9px;bottom:-10px;opacity:.55;}
#statsRow .card:nth-child(1):after,#reportContent>.grid:first-child .card:nth-child(1):after{background:#f0e8ff;}
#statsRow .card:nth-child(2):after,#reportContent>.grid:first-child .card:nth-child(2):after{background:#e5f8ef;}
#statsRow .card:nth-child(3):after,#reportContent>.grid:first-child .card:nth-child(3):after{background:#fff0f6;}
#statsRow .card:nth-child(4):after,#reportContent>.grid:first-child .card:nth-child(4):after{background:#fff4da;}
#statsRow .card .text-xl,#reportContent>.grid:first-child .card .text-xl{width:36px;height:36px;border-radius:13px;background:#f7f3ff;display:flex;align-items:center;justify-content:center;}
.order-row{cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease !important;border:1px solid #eee9f6 !important;}
.order-row:hover{border-color:#dcd1fa !important;transform:translateY(-2px);box-shadow:0 16px 34px rgba(84,63,143,.12) !important;}
.order-row.selected{border-color:#bdaef2 !important;background:linear-gradient(135deg,#fff,#faf7ff) !important;box-shadow:0 14px 30px rgba(111,84,201,.14) !important;}

.bg-cream{background:#faf7ff !important;}.border-cream{border-color:#eee9f6 !important;}.text-ink{color:var(--os-ink) !important;}.text-muted2{color:var(--os-muted) !important;}.text-mint{color:#62a67e !important;}.bg-mint{background:#e7f8ef !important;}.bg-sky{background:#eaf4ff !important;}.bg-lavender{background:#eee8ff !important;}.bg-butter{background:#fff6d8 !important;}.bg-primary{background:#ff91ba !important;}
.upload-box{border:2.5px dashed #E7DFD3;border-radius:18px;border-color:#dfd5f1 !important;background:#fcfaff !important;}.upload-box:hover{border-color:#bcaaf0 !important;background:#f8f4ff !important;}.upload-box.has-file{border-color:#b9e6cb !important;background:#f3fbf6 !important;}
.step-btn{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:16px;background:#faf7ff !important;margin-bottom:8px;border:1px solid #eee9f6;}.step-btn.done{background:#edf9f2 !important;border-color:#d9f0e3;}
#detailPanel,#productFormPanel{position:sticky;top:22px;}
#cashList .card{padding:18px !important;}
#cashList .card>div.bg-cream{background:linear-gradient(135deg,#fff7fb,#faf7ff) !important;border:1px solid #f0e9f8;}
#cashList .card>div.bg-white{background:#fcfbff !important;border-color:#eee9f6 !important;}
#reportView>div:first-child h2,#cashView>h2{font-size:22px !important;display:flex;align-items:center;gap:7px;}
#productsView #productCountLabel{font-size:16px !important;}
::-webkit-scrollbar-thumb{background:#d9d0eb !important;border-radius:99px;}

/* Cute section headers */
#ordersView:before,#productsView:before,#cashView:before{display:block;font-family:"Poppins",sans-serif;font-weight:800;color:#b2a9c2;font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px 2px;}
#ordersView:before{content:"ORDER MANAGEMENT";}
#productsView:before{content:"CATALOG MANAGEMENT";}
#cashView:before{content:"PAYMENT SERVICES";}

/* Login gets the same Business OS treatment */
#loginScreen{background:radial-gradient(circle at 15% 15%,#ffe7f1 0,transparent 30%),radial-gradient(circle at 80% 20%,#ece5ff 0,transparent 34%);}
#loginScreen .card{border-radius:30px !important;padding:34px !important;max-width:390px !important;}
#loginLogo{width:74px !important;height:74px;object-fit:contain;border-radius:22px;padding:8px;background:#faf7ff;box-shadow:0 10px 24px rgba(93,71,158,.12);}





/* ===================== V3 DASHBOARD ===================== */
.dashboard-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:3px 2px;}
.dashboard-title{font-family:"Poppins",sans-serif;font-size:24px;font-weight:800;color:var(--os-ink);margin-top:2px;}.dashboard-title span{color:var(--os-pink);}
.dashboard-date{font-size:11px;font-weight:900;color:var(--os-purple);background:var(--os-lilac);padding:8px 12px;border-radius:999px;}
.dashboard-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px;}
.kpi-card{min-height:122px;padding:17px;position:relative;overflow:hidden;border-radius:23px;border:1px solid rgba(255,255,255,.75);box-shadow:0 14px 34px rgba(79,61,122,.09);}
.kpi-card:after{content:"";position:absolute;width:74px;height:74px;border-radius:26px;right:-22px;bottom:-25px;background:rgba(255,255,255,.42);}
.kpi-card.kpi-lilac{background:linear-gradient(145deg,#f0e9ff,#e6dcff);}
.kpi-card.kpi-mint{background:linear-gradient(145deg,#ebfaf2,#dff6ea);}
.kpi-card.kpi-pink{background:linear-gradient(145deg,#fff0f6,#ffe2ee);}
.kpi-card.kpi-yellow{background:linear-gradient(145deg,#fff9df,#fff2bd);}
.kpi-card.kpi-blue{background:linear-gradient(145deg,#edf6ff,#dfefff);}
.kpi-icon:before{content:"";position:absolute;top:4px;left:7px;right:7px;height:9px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,0));}
.kpi-value{font-family:"Poppins",sans-serif;font-size:21px;font-weight:800;color:var(--os-ink);line-height:1.05;}.kpi-label{font-size:10.5px;font-weight:900;color:#716a80;margin-top:5px;}
.pipeline-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;}
.pipeline-stage:not(:last-child):after{content:"›";position:absolute;right:-9px;top:50%;transform:translateY(-50%);z-index:2;color:#b7adc9;font-size:19px;font-weight:900;}
.pipeline-stage .stage-icon:before{content:"";position:absolute;top:4px;left:6px;right:6px;height:8px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,255,255,0));}
.period-switch{display:flex;background:#f7f3ff;border:1px solid #ebe4fa;border-radius:14px;padding:3px;gap:2px;}.period-switch button{border:0;background:transparent;color:#827a92;font-weight:900;font-size:10.5px;padding:7px 10px;border-radius:10px;cursor:pointer;}.period-switch button.active{background:#fff;color:var(--os-purple-deep);box-shadow:0 5px 12px rgba(90,67,150,.10);}
.performance-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;}.performance-card{padding:14px 15px;border-radius:18px;border:1px solid #eee9f7;background:linear-gradient(145deg,#fff,#fcfaff);}.performance-card .p-label{font-size:9.5px;font-weight:900;color:var(--os-muted);text-transform:uppercase;letter-spacing:.05em;}.performance-card .p-value{font-family:"Poppins",sans-serif;font-size:19px;font-weight:800;color:var(--os-ink);margin-top:5px;}
.receipt-btn{background:linear-gradient(135deg,#7f67d7,#9b84e9) !important;color:#fff !important;border:0 !important;}
.lookup-result-order{transition:.16s ease;}.lookup-result-order:hover{transform:translateY(-1px);background:#faf7ff !important;}





/* ===================== STORE AVAILABILITY ===================== */
.store-availability-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border-radius:24px;border:1px solid #d9eee2;background:linear-gradient(135deg,#f5fcf8,#ffffff);box-shadow:0 16px 38px rgba(61,112,82,.09);}
.store-availability-card.is-closed{border-color:#f0dfb6;background:linear-gradient(135deg,#fff9e8,#fffdf8);box-shadow:0 16px 38px rgba(138,105,42,.08);}
.store-availability-card.is-error{border-color:#f0d5dc;background:linear-gradient(135deg,#fff4f6,#fff);}
.store-availability-copy{display:flex;align-items:center;gap:14px;min-width:0;}.store-availability-icon{width:50px;height:50px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:18px;background:#e2f6ea;font-size:23px;box-shadow:inset 0 0 0 1px rgba(59,140,91,.08);}
.store-availability-card.is-closed .store-availability-icon{background:#fff0c8;}.store-availability-card.is-error .store-availability-icon{background:#ffe5eb;}
.store-availability-copy h3{font-family:"Poppins",sans-serif;font-size:16px;font-weight:800;color:var(--os-ink);margin-top:2px;}.store-availability-copy>div:last-child>p:not(.os-page-kicker){font-size:11.5px;line-height:1.45;font-weight:700;color:var(--os-muted);margin-top:3px;}
.store-next-opening{display:inline-flex !important;align-items:center;margin-top:7px !important;padding:6px 9px;border-radius:10px;background:#fff0c8;color:#7b6025 !important;font-size:10.5px !important;font-weight:900 !important;}.store-next-opening.hidden{display:none !important;}
.store-availability-actions{display:flex;align-items:flex-end;gap:10px;flex:0 0 auto;}.store-availability-control{display:flex;align-items:center;gap:10px;flex:0 0 auto;}.store-availability-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:300px;padding:4px;border-radius:15px;background:#f0f3f1;border:1px solid #e1e9e4;}.store-availability-switch button{min-height:34px;padding:7px 10px;border:0;border-radius:11px;background:transparent;color:#817b89;font-size:9.5px;font-weight:900;cursor:pointer;transition:.18s ease;white-space:nowrap;}.store-availability-switch button:hover:not(:disabled){color:var(--os-ink);}.store-availability-switch button:disabled{cursor:not-allowed;opacity:.72;}.store-availability-switch.is-schedule #setStoreAutoBtn,.store-availability-switch.is-open #setStoreOpenBtn,.store-availability-switch.is-closed #setStoreClosedBtn{background:#fff;box-shadow:0 6px 14px rgba(50,80,70,.12);}.store-availability-switch.is-schedule #setStoreAutoBtn{color:#6f57bd;}.store-availability-switch.is-open #setStoreOpenBtn{color:#23855a;}.store-availability-switch.is-closed #setStoreClosedBtn{color:#9a6a18;}
.store-hours-today{display:inline-flex !important;align-items:center;margin-top:7px !important;padding:6px 9px;border-radius:10px;background:#eef8f2;color:#39765a !important;font-size:10.5px !important;font-weight:900 !important;}.store-hours-today.is-closed-day{background:#f3f0f6;color:#7d7589 !important;}
.store-availability-badge{padding:8px 10px;border-radius:999px;background:#e4f7ec;color:#23855a;font-size:9.5px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;}.store-availability-badge.is-closed{background:#fff0c8;color:#8b611d;}.store-availability-badge.is-error{background:#ffe6eb;color:#b74357;}.store-availability-badge.is-loading{background:#f1edf8;color:#81778e;}
.os-store-status strong{font:inherit;}.os-store-status.is-closed{color:#9a6a18;}.os-store-status.is-closed span{background:#e2a838;box-shadow:0 0 0 4px #fff3d5;}.os-store-status.is-error{color:#b74357;}.os-store-status.is-error span{background:#e76a7d;box-shadow:0 0 0 4px #ffe9ee;}
.store-status-kicker{color:#9a6a18 !important;}.store-close-explanation{display:flex;flex-direction:column;gap:4px;padding:13px 14px;border-radius:17px;background:#fff8e4;border:1px solid #f5e4b7;color:#73571c;}.store-close-explanation strong{font-family:"Poppins",sans-serif;font-size:12px;font-weight:800;}.store-close-explanation span{font-size:11px;font-weight:700;line-height:1.45;color:#816a37;}.store-close-preview{padding:12px 13px;border-radius:15px;background:#f8f5fb;border:1px solid #eee8f4;font-size:11px;font-weight:700;line-height:1.5;color:var(--os-muted);}.store-close-preview strong{display:block;color:var(--os-ink);margin-bottom:2px;}.store-close-modal-card{width:min(100%,520px);}
.store-hours-modal-card{width:min(100%,690px);max-height:min(88vh,820px);overflow:auto;}.store-hours-intro{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border-radius:17px;background:linear-gradient(135deg,#f5f1ff,#fbf9ff);border:1px solid #e7dff8;}.store-hours-intro strong{display:block;font-family:"Poppins",sans-serif;font-size:12px;color:var(--os-ink);}.store-hours-intro span{display:block;font-size:10.5px;font-weight:700;color:var(--os-muted);margin-top:2px;}.store-hours-timezone{padding:7px 10px;border-radius:999px;background:#fff;color:#7159bb;font-size:9px !important;font-weight:900 !important;white-space:nowrap;box-shadow:0 7px 16px rgba(87,65,148,.08);}.store-hours-grid{display:flex;flex-direction:column;gap:8px;}.store-hours-row{display:grid;grid-template-columns:128px minmax(0,1fr) 20px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;border:1px solid #eee8f5;border-radius:16px;background:#fff;}.store-hours-row.is-closed{background:#faf9fb;}.store-day-toggle{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:900;color:var(--os-ink);cursor:pointer;}.store-day-toggle input{width:17px;height:17px;accent-color:#7759cc;}.store-hours-row .input{padding:9px 10px;font-size:11px;}.store-hours-row.is-closed .store-time-input{opacity:.42;pointer-events:none;}.store-hours-separator{text-align:center;color:#91889b;font-weight:900;}.store-hours-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}.store-hours-note{font-size:10px;font-weight:700;line-height:1.45;color:var(--os-muted);}
@media(max-width:960px){.store-availability-actions{width:100%;align-items:stretch;flex-direction:column;}.store-availability-control{width:100%;justify-content:space-between;}.store-availability-switch{flex:1;}.store-hours-button{width:100%;}}

@media(max-width:480px){.store-availability-switch{grid-template-columns:1fr;}.store-hours-row{grid-template-columns:1fr 1fr;}.store-day-toggle{grid-column:1/-1;}.store-hours-separator{display:none;}.store-hours-row .store-time-input:last-child{grid-column:2;}.store-hours-actions{align-items:stretch;flex-direction:column;}.store-hours-actions .btn{width:100%;}}


/* ===================== V3.2 CANCELLATION ===================== */
.btn-danger{background:linear-gradient(135deg,#ef5d6f,#dc354d) !important;color:#fff !important;border:0 !important;box-shadow:0 10px 22px -10px rgba(220,53,77,.65) !important;}
.btn-danger:hover:not(:disabled){transform:translateY(-1px);filter:saturate(1.04);}
.btn-danger:active:not(:disabled){transform:scale(.98);}
.cancel-order-modal{position:fixed;inset:0;z-index:220;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(48,37,63,.46);backdrop-filter:blur(6px);}
.cancel-order-modal.hidden{display:none !important;}
.cancel-order-card{width:min(100%,480px);background:#fff;border-radius:26px;padding:24px;box-shadow:0 30px 90px rgba(55,35,72,.3);border:1px solid rgba(255,255,255,.8);}
.cancel-kicker{color:#d34b5e !important;}
.cancel-warning{display:flex;flex-direction:column;gap:3px;background:#fff2f4;border:1px solid #ffd6dc;border-radius:17px;padding:13px 14px;color:#9f2f40;}
.cancel-warning strong{font-family:"Poppins",sans-serif;font-size:12px;font-weight:800;}
.cancel-warning span{font-size:11px;font-weight:700;line-height:1.45;color:#a6515e;}
.cancel-reason-input{resize:vertical;min-height:112px;line-height:1.45;}
.input-error{outline:2px solid #ef5d6f !important;background:#fff6f7 !important;}
.cancel-actor{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-radius:15px;background:#f8f5fb;border:1px solid #eee8f4;font-size:11px;}
.cancel-actor span{font-weight:800;color:var(--os-muted);text-transform:uppercase;letter-spacing:.05em;}.cancel-actor strong{font-weight:900;color:var(--os-ink);text-align:right;overflow-wrap:anywhere;}
.cancellation-record{background:linear-gradient(145deg,#fff2f4,#fff8f8);border:1px solid #ffd3da;border-left:5px solid #e8586b;border-radius:18px;padding:14px 16px;}
.cancellation-record-title{font-family:"Poppins",sans-serif;font-weight:800;color:#b72e42;font-size:13px;margin-bottom:9px;}
.cancellation-record-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;}.cancellation-record-grid div{min-width:0;}.cancellation-record-grid span{display:block;font-size:9px;font-weight:900;color:#b26b76;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;}.cancellation-record-grid strong{display:block;font-size:11px;font-weight:800;color:#6d3c44;overflow-wrap:anywhere;}
.pipeline-cancelled{background:#fff3f5 !important;border-color:#ffd6dc !important;}.pipeline-cancelled .stage-count,.pipeline-cancelled .stage-label{color:#c54458 !important;}



/* ===================== V3.3 COMPACT ORDER ACTIONS + ITEM REMOVAL ===================== */
.order-header-actions .order-action-btn{padding:5px 11px !important;min-height:28px !important;border-radius:999px !important;font-size:11px !important;line-height:1.15 !important;box-shadow:none !important;white-space:nowrap;}
.order-header-actions .receipt-btn{background:linear-gradient(135deg,#806bd4,#9a86e8) !important;}
.order-header-actions .btn-danger{background:#fff1f3 !important;color:#d9475b !important;border:1px solid #ffd4da !important;}
.order-header-actions .btn-danger:hover:not(:disabled){background:#ffe7eb !important;transform:none !important;filter:none !important;}
.remove-items-btn{color:#6f5ab8 !important;border-color:#ded5f3 !important;background:#faf8ff !important;}
.remove-items-btn:hover{background:#f3efff !important;}
.order-items-list{display:flex;flex-direction:column;gap:6px;}
.order-item-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 9px;border-radius:12px;font-size:13px;font-weight:700;color:var(--os-ink);background:#fff;}
.order-item-main{display:flex;align-items:center;gap:8px;min-width:0;}
.selectable-order-item{cursor:pointer;border:1px solid #eee7fa;background:#fcfbff;transition:.15s ease;}
.selectable-order-item:hover{border-color:#d8cdf3;background:#f8f5ff;}
.remove-item-check{width:16px;height:16px;accent-color:#8d75df;flex:0 0 auto;}
.removed-order-item{background:#fff7f8;border:1px dashed #f0c8d0;color:#998d93;}
.removed-item-name{text-decoration:line-through;text-decoration-thickness:1.5px;}
.removed-item-badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 7px;background:#ffe7eb;color:#cf4659;font-size:9px;font-weight:900;white-space:nowrap;}
.removed-item-price{text-decoration:line-through;color:#b2a5aa;font-size:11px;}
.remove-items-editor{margin:10px 0 12px;padding:11px 12px;border-radius:15px;background:#fff8fa;border:1px solid #f5dbe1;}
.remove-items-editor p{font-size:10.5px;line-height:1.45;font-weight:700;color:#81757b;margin:0 0 9px;}
.remove-items-editor-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap;}
.remove-items-editor .order-action-btn{padding:6px 11px !important;min-height:29px !important;border-radius:999px !important;font-size:10.5px !important;}
.remove-items-editor .order-action-btn:disabled{opacity:.45;}



/* ===================== V3.4 REFUNDS ===================== */
.refunds-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:3px 2px;}
.refund-rule-chip{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:#fff3dd;color:#9a6b15;border:1px solid #ffe2aa;font-size:9.5px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;}
.refund-search-row .input{margin-bottom:0 !important;}
.refund-found-card{border-radius:18px;padding:14px;background:linear-gradient(145deg,#f4fbf7,#e9f8ef);border:1px solid #d8efdf;}
.refund-not-found{border-radius:18px;padding:14px;background:#fff5f6;border:1px solid #ffd9df;}
.refund-not-found h4{font-family:"Poppins",sans-serif;font-size:12px;font-weight:800;color:#b53b4d;}
.refund-not-found p{font-size:11px;font-weight:700;color:#9c6971;line-height:1.45;margin-top:4px;}
.refund-form{border-radius:20px;padding:16px;background:#fcfbff;border:1px solid #eee8f8;}
.refund-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;}
.refund-form-grid .full{grid-column:1/-1;}
.refund-readonly{background:#f5f2f8 !important;color:#736d7d !important;}
.refund-auto-note{padding:10px 12px;border-radius:14px;background:#fff6df;border:1px solid #ffe5af;color:#89651f;font-size:10.5px;font-weight:800;line-height:1.45;}
.refund-suggestion{padding:10px 12px;border-radius:14px;background:#f0ebff;border:1px solid #e1d8ff;color:#68549f;font-size:10.5px;font-weight:800;line-height:1.45;}
.refund-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:14px;}
.refund-log-card{padding:16px;border-radius:21px;background:#fff;border:1px solid #eee8f5;box-shadow:0 10px 28px -18px rgba(61,58,69,.22);}
.refund-log-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.refund-amount{font-family:"Poppins",sans-serif;font-size:18px;font-weight:800;color:#6d56bf;white-space:nowrap;}
.refund-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:12px;}
.refund-meta{padding:9px 10px;border-radius:13px;background:#faf8fd;min-width:0;}
.refund-meta span{display:block;font-size:8.5px;font-weight:900;color:#a199ad;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;}
.refund-meta strong{display:block;font-size:10.5px;font-weight:800;color:#5d5863;overflow-wrap:anywhere;}
.refund-manual-badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#fff0d7;color:#956818;font-size:9px;font-weight:900;margin-top:6px;}
.refund-complete-card{width:min(100%,520px);}
.refund-kicker{color:#7159c1 !important;}
.refund-review-summary{border-radius:17px;padding:13px 14px;background:#f7f3ff;border:1px solid #e7dffd;}
.refund-review-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0;font-size:11px;font-weight:700;color:#81798d;}
.refund-review-row strong{color:#423d49;text-align:right;}



/* Seller-controlled Popular Items — isolated to the Products tab. */
.popular-department-card{grid-column:1/-1;background:linear-gradient(135deg,#fff9d9 0%,#fff 58%,#ffe8ef 100%);border-color:#f0d99b;}.popular-department-icon{font-family:"Poppins",sans-serif;font-size:29px;font-weight:900;color:#c98616;background:linear-gradient(145deg,#fff5b7,#ffe1a8) !important;}.popular-items-open{width:100%;border:1px solid rgba(220,176,75,.27);background:rgba(255,255,255,.72);border-radius:17px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;color:var(--os-ink);cursor:pointer;}.popular-items-open span{display:flex;flex-direction:column;gap:2px;}.popular-items-open strong{font-family:"Poppins",sans-serif;font-size:11px;}.popular-items-open small{font-size:9px;font-weight:700;color:var(--os-muted);}.popular-items-open b{font-size:11px;color:#9a6410;white-space:nowrap;}.popular-manager-list{display:flex;flex-direction:column;gap:9px;max-height:55vh;overflow-y:auto;padding:4px 3px 8px;margin-top:15px;}.popular-manager-row{display:grid;grid-template-columns:22px 52px minmax(0,1fr) 30px;gap:10px;align-items:center;border:1px solid #eee7f3;background:#fff;border-radius:17px;padding:10px 12px;cursor:pointer;transition:.15s ease;}.popular-manager-row.selected{border-color:#e5bd58;background:#fffbed;box-shadow:0 8px 19px -17px rgba(164,109,17,.55);}.popular-manager-row>input{width:19px;height:19px;accent-color:#c83c58;}.popular-manager-photo{width:52px;height:52px;border-radius:13px;background:#fff8f2;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:22px;}.popular-manager-photo img{width:100%;height:100%;object-fit:contain;padding:3px;}.popular-manager-copy{min-width:0;display:flex;flex-direction:column;gap:3px;}.popular-manager-copy strong{font-family:"Poppins",sans-serif;font-size:11px;color:var(--os-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.popular-manager-copy small{font-size:8.5px;font-weight:700;color:var(--os-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.popular-check-mark{width:27px;height:27px;border-radius:999px;background:#efeaf3;color:#aaa;display:flex;align-items:center;justify-content:center;font-weight:900;}.popular-manager-row.selected .popular-check-mark{background:#c83c58;color:#fff;}


/* ===================== V3.5 PRODUCT EDITOR ===================== */
.product-editor{display:flex;flex-direction:column;gap:14px;}
.product-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:2px 2px 4px;}
.product-delete-link{border:0;background:#fff1f2;color:#dc5366;font-size:11px;font-weight:900;padding:7px 10px;border-radius:999px;cursor:pointer;}
.product-photo-uploader{display:grid;grid-template-columns:112px 1fr;align-items:center;gap:14px;padding:12px;border:1.5px solid #e9e1f3;border-radius:22px;background:linear-gradient(145deg,#fff,#faf7ff);transition:.16s ease;position:relative;overflow:hidden;}
.product-photo-uploader:hover{border-color:#cdbcf3;box-shadow:0 12px 28px rgba(90,67,150,.08);transform:translateY(-1px);}
.product-photo-preview{width:112px;height:112px;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#f2ecff,#fff3f7);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.9);}
.product-photo-preview img{width:100%;height:100%;object-fit:cover;display:block;}
.product-photo-placeholder{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px;color:#776e86;}.product-photo-placeholder strong{font-family:"Poppins",sans-serif;font-size:10.5px;color:var(--os-ink);}.product-photo-placeholder small{font-size:9px;margin-top:2px;}
.product-photo-action{font-family:"Poppins",sans-serif;font-size:12px;font-weight:800;color:var(--os-purple-deep);background:#f1ebff;border-radius:14px;padding:10px 14px;text-align:center;margin-right:4px;}
.product-form-section{border:1px solid #eee8f6;border-radius:20px;padding:14px;background:linear-gradient(145deg,#fff,#fdfbff);}
.product-form-section-title{display:flex;align-items:center;gap:9px;margin-bottom:13px;}.product-form-section-title>span{width:29px;height:29px;border-radius:10px;background:#eee6ff;color:var(--os-purple-deep);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:900;}.product-form-section-title strong{font-family:"Poppins",sans-serif;font-size:12px;color:var(--os-ink);display:block;}.product-form-section-title small{font-size:9.5px;font-weight:700;color:var(--os-muted);display:block;margin-top:1px;}
.product-field-label{font-size:10px;font-weight:900;color:#7b7486;text-transform:uppercase;letter-spacing:.045em;margin:0 0 5px 2px;display:block;}.product-field-label span{font-weight:700;text-transform:none;letter-spacing:0;}.product-field-help{font-size:10px;font-weight:700;color:#91899b;line-height:1.35;}
#productFormPanel select.input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#8d82a2 50%),linear-gradient(135deg,#8d82a2 50%,transparent 50%);background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:36px;}
.availability-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;}.availability-choice{display:flex;align-items:flex-start;gap:9px;border:1.5px solid #eee8f5;border-radius:16px;padding:12px;background:#fff;cursor:pointer;transition:.15s ease;}.availability-choice input{position:absolute;opacity:0;pointer-events:none;}.availability-choice.selected{border-color:#bfaef0;background:#faf7ff;box-shadow:0 8px 20px rgba(97,74,153,.07);}.availability-choice strong{font-family:"Poppins",sans-serif;font-size:10.5px;color:var(--os-ink);display:block;}.availability-choice small{font-size:9px;font-weight:700;color:var(--os-muted);line-height:1.3;display:block;margin-top:2px;}.availability-dot{width:12px;height:12px;border-radius:999px;margin-top:2px;flex:0 0 auto;box-shadow:0 0 0 3px rgba(0,0,0,.03);}.availability-dot.available{background:#70c996;}.availability-dot.unavailable{background:#c8c1ce;}
.product-editor-actions{display:flex;gap:9px;padding-top:2px;}


/* ===================== V3.5.1 CLEAN ACCOUNT HEADER ===================== */
.os-topbar-clean{justify-content:flex-end;align-items:flex-start;}
.os-account-block{display:flex;flex-direction:column;align-items:flex-end;gap:7px;min-width:0;}
.os-topbar-clean .os-signed-in{margin:0;text-align:right;line-height:1.3;}



/* ===================== V3.5.2 ICON TWEAKS ===================== */
.department-fallback-badge{width:30px;height:30px;border-radius:11px;background:linear-gradient(145deg,#f4efff,#ece5ff);box-shadow:0 8px 16px rgba(92,69,164,.12), inset 0 1px 0 rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:var(--os-purple-deep);}
.product-remove-btn{width:28px;height:28px;border-radius:999px;background:#fff4f6;border:1px solid #ffdbe2;color:#d85064;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;line-height:1;transition:.15s ease;}.product-remove-btn:hover{background:#ffe9ee;transform:translateY(-1px);}
.product-photo-placeholder span{font-size:22px;margin-bottom:7px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:14px;background:linear-gradient(145deg,#f2ebff,#fff1f6);box-shadow:0 8px 16px rgba(91,68,160,.10), inset 0 1px 0 rgba(255,255,255,.95);}
@media (max-width:1023px){
  .os-shell{grid-template-columns:1fr;}
  .os-sidebar{position:sticky;height:auto;top:0;padding:10px 14px;border-right:0;border-bottom:1px solid #ece7f5;display:block;}
  .os-brand{padding:0;display:none;}
  .os-nav-label,.os-sidebar-footer{display:none;}
  
  .os-nav .tab{justify-content:center;padding:8px 7px;font-size:10px;gap:5px;border:0;}
  
  .os-main{padding:18px 16px 36px;}
  .os-topbar{margin-bottom:18px;}
  #detailPanel,#productFormPanel{position:static;}
.os-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;}.pipeline-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.pipeline-stage:not(:last-child):after{display:none;}.os-nav-icon{width:31px;height:31px;border-radius:11px;font-size:15px;}}



/* ===================== V3.6 DEPARTMENT-FIRST PRODUCTS ===================== */
.products-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px;padding:2px;}
.products-title,.cash-page-title{font-family:"Poppins",sans-serif;font-size:24px;font-weight:800;color:var(--os-ink);line-height:1.1;margin-top:3px;}
.products-count{font-size:10.5px;font-weight:800;color:var(--os-muted);margin-top:4px;}
.products-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;}
.department-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start;}
.department-card{background:linear-gradient(150deg,rgba(255,255,255,.98),rgba(250,247,255,.95));border:1px solid #ece5f7;border-radius:24px;padding:15px;box-shadow:0 14px 34px rgba(80,61,130,.08);min-width:0;}
.department-card.active{border-color:#c5b5f2;box-shadow:0 16px 36px rgba(102,77,171,.14);}
.department-card-head{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:11px;align-items:center;padding-bottom:12px;border-bottom:1px solid #f0ebf7;}
.department-card-photo{width:54px;height:54px;border-radius:17px;overflow:hidden;background:linear-gradient(145deg,#f0e9ff,#fff0f6);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.95);}
.department-card-photo img{width:100%;height:100%;object-fit:cover;}.department-card-letter{font-family:"Poppins",sans-serif;font-size:19px;font-weight:800;color:#745cc7;}
.department-number{font-size:8.5px;font-weight:900;color:#b0a6bf;letter-spacing:.09em;}.department-card-title-wrap h3{font-family:"Poppins",sans-serif;font-size:14px;font-weight:800;color:var(--os-ink);line-height:1.15;margin-top:1px;}.department-card-title-wrap p{font-size:9.5px;font-weight:700;color:var(--os-muted);margin-top:3px;}
.department-photo-action{font-size:8.5px;font-weight:900;color:#846cc9;background:#f3eeff;border:1px solid #e5dcfa;border-radius:999px;padding:6px 8px;cursor:pointer;white-space:nowrap;}
.department-category-list{padding-top:8px;}.department-category-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;background:transparent;padding:8px 7px;border-radius:11px;text-align:left;color:#625c6a;font-size:11px;font-weight:800;cursor:pointer;transition:.14s ease;}.department-category-row:hover,.department-category-row.active{background:#f2edff;color:#6149b4;}.department-category-count{min-width:24px;text-align:center;padding:2px 6px;border-radius:999px;background:#f5f2f9;color:#8d8498;font-size:9px;font-weight:900;}.department-category-row.active .department-category-count{background:#fff;color:#6a50bd;}.department-no-category{font-size:10px;font-weight:700;color:#aaa2b3;padding:9px 7px;}
.category-products-panel{margin-top:18px;background:rgba(255,255,255,.96);border:1px solid #ebe5f5;border-radius:24px;padding:17px;box-shadow:var(--os-shadow);}.category-products-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:1px 2px 14px;border-bottom:1px solid #f0ebf7;margin-bottom:10px;}.category-back{border:0;background:transparent;color:#7964c2;font-size:10px;font-weight:900;cursor:pointer;padding:0;}.category-products-title{font-family:"Poppins",sans-serif;font-size:18px;font-weight:800;color:var(--os-ink);margin-top:2px;}
.product-category-list{display:flex;flex-direction:column;gap:7px;}.product-list-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:9px 10px;border:1px solid #eee9f6;border-radius:15px;background:#fff;cursor:pointer;transition:.15s ease;}.product-list-row:hover{transform:translateY(-1px);border-color:#d8cef3;box-shadow:0 10px 22px rgba(85,65,140,.08);}.product-list-row.is-unavailable{opacity:.58;background:#faf9fb;}.product-list-photo{width:52px;height:52px;border-radius:13px;overflow:hidden;background:#f6f2fa;display:flex;align-items:center;justify-content:center;font-size:20px;}.product-list-photo img{width:100%;height:100%;object-fit:cover;}.product-list-main{min-width:0;}.product-list-name-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}.product-list-name-line strong{font-family:"Poppins",sans-serif;font-size:11.5px;color:var(--os-ink);}.product-list-main p{font-size:9.5px;font-weight:700;color:var(--os-muted);margin-top:2px;}.product-list-main small{display:block;font-size:9px;font-weight:700;color:#a097aa;margin-top:4px;}.product-list-price{text-align:right;white-space:nowrap;}.product-list-price strong{display:block;font-family:"Poppins",sans-serif;font-size:12px;color:var(--os-ink);}.product-list-price small{display:block;font-size:8.5px;font-weight:700;color:var(--os-muted);margin-top:2px;}.product-list-actions{display:flex;align-items:center;gap:5px;}.product-availability-mini{border:0;background:#f5f1ff;color:#715bbd;font-size:8.5px;font-weight:900;border-radius:999px;padding:6px 8px;cursor:pointer;white-space:nowrap;}
.product-modal{position:fixed;inset:0;z-index:230;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(47,36,64,.48);backdrop-filter:blur(7px);}.product-modal.hidden{display:none !important;}.product-modal-card{position:relative;width:min(100%,760px);max-height:92vh;overflow:auto;background:#fff;border-radius:28px;padding:24px;box-shadow:0 34px 100px rgba(48,34,70,.32);border:1px solid rgba(255,255,255,.88);}.product-modal-close{position:sticky;float:right;top:0;z-index:3;width:32px;height:32px;border-radius:999px;border:1px solid #eee7f4;background:#fff;color:#756d80;font-size:20px;line-height:1;cursor:pointer;box-shadow:0 6px 15px rgba(72,55,103,.08);}

/* ===================== V3.6 CASH IN/OUT COMMAND CENTER ===================== */
.cash-page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:15px;padding:2px;}.cash-icon-manager{padding:15px !important;}.cash-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;}.cash-section-head h3{font-family:"Poppins",sans-serif;font-size:14px;font-weight:800;color:var(--os-ink);margin-top:2px;}.cash-section-head>p{font-size:9.5px;font-weight:700;color:var(--os-muted);}
.cash-icon-manager-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:12px;}.cash-icon-slot{display:flex;align-items:center;gap:7px;min-width:0;padding:8px;border:1px solid #eee8f5;border-radius:15px;background:#fcfaff;cursor:pointer;}.cash-icon-preview{width:34px;height:34px;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#fff,#f0eaff);display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:16px;box-shadow:0 7px 14px rgba(90,68,145,.09);}.cash-icon-preview img{width:100%;height:100%;object-fit:cover;}.cash-icon-slot strong{display:block;font-size:8.5px;font-weight:900;color:var(--os-ink);line-height:1.15;}.cash-icon-slot small{display:block;font-size:7.5px;font-weight:800;color:#8c7fc0;margin-top:2px;}
.cash-service-card{display:flex;align-items:center;gap:9px;text-align:left;border:1px solid #ebe5f4;border-radius:19px;padding:12px;background:linear-gradient(145deg,#fff,#fbf9ff);cursor:pointer;box-shadow:0 10px 24px rgba(81,63,128,.07);min-width:0;}.cash-service-card.active{border-color:#bfaef0;background:linear-gradient(145deg,#f7f3ff,#eee7ff);box-shadow:0 12px 26px rgba(101,77,169,.12);}.cash-service-icon,.cash-detail-service-icon{width:40px;height:40px;border-radius:14px;background:linear-gradient(145deg,#fff,#f1ebff);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto;box-shadow:0 8px 16px rgba(91,70,150,.10);}.cash-service-icon img,.cash-detail-service-icon img{width:100%;height:100%;object-fit:cover;}.cash-fallback-icon{font-size:18px;}.cash-service-card strong{display:block;font-family:"Poppins",sans-serif;font-size:9.5px;color:var(--os-ink);line-height:1.2;}.cash-service-card span:not(.cash-fallback-icon){display:block;font-size:8.5px;font-weight:800;color:var(--os-muted);margin-top:3px;}
.cash-status-heading{margin:0 1px 9px;}.cash-status-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:15px;}.cash-status-card{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:2px 8px;text-align:left;border:1px solid #ece6f5;background:#fff;border-radius:18px;padding:11px;cursor:pointer;min-width:0;}.cash-status-card.active{border-color:#bdaef0;background:#f8f5ff;box-shadow:0 10px 22px rgba(95,72,157,.10);}.cash-status-card strong{font-family:"Poppins",sans-serif;font-size:9.5px;color:var(--os-ink);min-width:0;}.cash-status-card small{grid-column:2/4;font-size:7.8px;font-weight:700;color:var(--os-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cash-list-shell{padding:15px !important;}.cash-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid #f0ebf7;margin-bottom:8px;}.cash-list-head h3{font-family:"Poppins",sans-serif;font-size:14px;font-weight:800;color:var(--os-ink);margin-top:1px;}.cash-list-count{min-width:30px;height:30px;border-radius:999px;background:#f0eaff;color:#6b52bc;display:flex;align-items:center;justify-content:center;font-family:"Poppins",sans-serif;font-size:11px;font-weight:800;}.cash-compact-list{display:flex;flex-direction:column;gap:6px;}.cash-compact-row{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) auto 46px;align-items:center;gap:10px;text-align:left;border:1px solid #eee9f5;background:#fff;border-radius:14px;padding:8px 9px;cursor:pointer;transition:.14s ease;}.cash-compact-row:hover{border-color:#d8cef2;background:#fcfaff;transform:translateY(-1px);}.cash-row-icon{width:40px;height:40px;border-radius:12px;overflow:hidden;background:#f4f0ff;display:flex;align-items:center;justify-content:center;}.cash-row-icon img{width:100%;height:100%;object-fit:cover;}.cash-row-main{min-width:0;}.cash-row-main strong{display:block;font-family:"Poppins",sans-serif;font-size:10.5px;color:var(--os-ink);}.cash-row-main span{display:block;font-size:9px;font-weight:800;color:var(--os-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px;}.cash-row-main small{display:block;font-size:8px;font-weight:700;color:#aaa2b3;margin-top:2px;}.cash-row-amount{text-align:right;white-space:nowrap;}.cash-row-amount>strong{display:block;font-family:"Poppins",sans-serif;font-size:11.5px;color:var(--os-ink);margin-bottom:3px;}.cash-row-amount .chip{font-size:8px !important;padding:3px 6px !important;}.cash-row-open{font-size:8.5px;font-weight:900;color:#8068c7;text-align:right;}.cash-refund-row{background:#fffafb;}.cash-empty{padding:22px;text-align:center;color:var(--os-muted);font-size:10.5px;font-weight:800;}
.cash-detail-modal-card{position:relative;width:min(100%,680px);max-height:92vh;overflow:auto;background:#fff;border-radius:28px;padding:24px;box-shadow:0 34px 100px rgba(48,34,70,.32);}.cash-detail-head{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding-right:34px;margin-bottom:16px;}.cash-detail-service-icon{width:48px;height:48px;}.cash-detail-head h2{font-family:"Poppins",sans-serif;font-size:17px;font-weight:800;color:var(--os-ink);margin-top:2px;}.cash-detail-head p:last-child{font-size:9.5px;font-weight:700;color:var(--os-muted);margin-top:2px;}.cash-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:11px;}.cash-detail-stat{padding:10px;border-radius:14px;background:#f9f6ff;border:1px solid #eee8f7;}.cash-detail-stat span,.cash-detail-info span,.cash-proof-block>span{display:block;font-size:8px;font-weight:900;color:#9a90a8;text-transform:uppercase;letter-spacing:.04em;}.cash-detail-stat strong{display:block;font-family:"Poppins",sans-serif;font-size:11px;color:var(--os-ink);margin-top:3px;}.cash-detail-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:11px;border:1px solid #eee9f5;border-radius:15px;}.cash-detail-info>div{min-width:0;}.cash-detail-info .full{grid-column:1/-1;}.cash-detail-info strong{display:block;font-size:10px;font-weight:800;color:#5e5866;margin-top:3px;overflow-wrap:anywhere;}.cash-proof-block{margin-top:10px;padding:11px;border:1px solid #eee9f5;border-radius:15px;}.cash-proof-block img{display:block;width:110px;max-height:130px;object-fit:cover;border-radius:12px;margin-top:7px;cursor:pointer;}.cash-proof-block p{font-size:9.5px;color:#b76a74;font-weight:800;margin-top:5px;}.cash-proof-block .btn{margin-top:8px;font-size:9px !important;padding:7px 10px !important;}.cash-detail-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;}



#productsView:before,#cashView:before{display:none !important;content:none !important;}

/* ===================== V3.7 DAILY REPORT + AUTO SKU ===================== */
.product-auto-badge{display:inline-flex;align-items:center;margin-left:6px;padding:2px 7px;border-radius:999px;background:#f5edff;color:#7356a3;font-size:9px;font-weight:900;letter-spacing:.06em;vertical-align:middle;}
.product-sku-auto{background:#f8f5fb !important;color:#514b64 !important;font-weight:800 !important;letter-spacing:.035em;cursor:not-allowed;}

.report-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px;}

.report-kpi-card::after{content:"";position:absolute;width:36px;height:36px;right:-10px;bottom:-11px;border-radius:50%;background:rgba(246,230,241,.7);}


.report-kpi-card strong.is-negative{color:#dc5f75;}


.report-main-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:16px;margin-bottom:16px;}
.report-sales-card,
.report-alerts-card,
.report-cash-card,
.report-compact-card{padding:18px;}
.report-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;}
.report-section-head h3{color:var(--ink,#3d3547);font-size:13px;line-height:1.3;font-weight:900;margin:2px 0 0;}
.report-section-head>small{color:var(--muted2,#8d849b);font-weight:700;font-size:10px;text-align:right;max-width:290px;}
.report-tab-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #ece4f2;background:#f8f5fb;border-radius:12px;}
.report-tab-switch button{border:0;background:transparent;color:#8b8198;border-radius:9px;padding:6px 9px;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap;}
.report-tab-switch button.active{background:#fff;color:#443b50;box-shadow:0 3px 10px rgba(79,60,105,.08);}
.report-sales-list{min-height:154px;}
.report-sales-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:38px;padding:7px 0;border-bottom:1px solid #f0eaf4;}
.report-sales-row:last-child{border-bottom:0;}
.report-sales-row strong{display:block;color:var(--ink,#3d3547);font-size:11px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.report-sales-row small{display:block;color:var(--muted2,#8d849b);font-size:9px;font-weight:650;margin-top:1px;}
.report-sales-row>span{color:var(--ink,#3d3547);font-size:11px;font-weight:900;flex:0 0 auto;}
.report-category-row{padding:7px 0 8px;border-bottom:1px solid #f0eaf4;}
.report-category-row:last-child{border-bottom:0;}
.report-category-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.report-category-top strong{display:block;color:var(--ink,#3d3547);font-size:11px;font-weight:850;}
.report-category-top small{display:block;color:var(--muted2,#8d849b);font-size:9px;font-weight:650;margin-top:1px;}
.report-category-top>span{color:var(--ink,#3d3547);font-size:11px;font-weight:900;}
.report-category-track{height:5px;background:#f2edf5;border-radius:999px;overflow:hidden;margin-top:6px;}
.report-category-track>span{display:block;height:100%;max-width:100%;border-radius:inherit;background:linear-gradient(90deg,#dca1bb,#a997d1);}
.report-view-all{display:inline-flex;align-items:center;justify-content:flex-start;border:0;background:transparent;color:#8b6596;padding:7px 0 0;font-size:10px;font-weight:850;cursor:pointer;}
.report-view-all:hover{text-decoration:underline;}
.report-empty-compact{color:var(--muted2,#8d849b);font-size:10px;font-weight:700;padding:13px 0;}

.report-alert-list{display:grid;gap:7px;}
.report-alert-row{display:grid;grid-template-columns:25px minmax(0,1fr);gap:8px;align-items:center;min-height:39px;padding:7px 9px;border-radius:12px;background:#faf8fc;border:1px solid #f1ebf5;}

.report-alert-row strong{display:block;color:var(--ink,#3d3547);font-size:10px;font-weight:850;}
.report-alert-row small{display:block;color:var(--muted2,#8d849b);font-size:8.5px;line-height:1.25;font-weight:650;margin-top:1px;}
.report-alert-row.is-danger{background:#fff6f7;border-color:#f7d9de;}
.report-alert-row.is-warning{background:#fffbef;border-color:#f4e8bd;}
.report-alert-row.is-good{background:#f5fbf8;border-color:#dcefe6;}
.report-alert-row.is-neutral{background:#faf8fc;}

.report-cash-card{margin-bottom:16px;}
.report-cash-grid{display:grid;grid-template-columns:1.12fr repeat(4,minmax(100px,.84fr)) minmax(100px,.84fr);gap:9px;align-items:stretch;}
.report-cash-field,
.report-cash-stat{min-width:0;padding:10px;border-radius:14px;border:1px solid #eee7f3;background:#faf8fc;}
.report-cash-field label,
.report-cash-stat label{display:block;margin-bottom:5px;color:var(--muted2,#8d849b);font-size:8.5px;line-height:1.2;font-weight:850;text-transform:uppercase;letter-spacing:.035em;}
.report-cash-field .input{min-height:37px;height:37px;padding:8px 10px;font-size:11px;}
.report-cash-stat{display:flex;flex-direction:column;justify-content:center;}
.report-cash-stat.is-highlight{background:#f7f2fa;border-color:#e8dced;}
.report-cash-value{color:var(--ink,#3d3547);font-size:12px;font-weight:900;white-space:nowrap;}
.report-cash-value.is-good{color:#3e9d73;}
.report-cash-value.is-bad{color:#d45b70;}

.report-lower-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.85fr);gap:16px;align-items:start;}
.report-head-total{color:var(--ink,#3d3547);font-size:12px;font-weight:900;}
.report-expense-entry{display:grid;grid-template-columns:minmax(0,1fr) 120px auto;gap:7px;margin-bottom:8px;}
.report-expense-entry .input{min-height:39px;height:39px;padding:8px 11px;font-size:10px;}
.report-expense-entry .btn{min-height:39px;padding:8px 13px;font-size:10px;}
.report-compact-list{min-height:42px;}
.report-expense-row,
.report-inventory-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;padding:6px 0;border-bottom:1px solid #f0eaf4;color:var(--ink,#3d3547);font-size:10px;font-weight:700;}
.report-expense-row:last-child,
.report-inventory-row:last-child{border-bottom:0;}
.report-expense-row>span,
.report-inventory-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.report-expense-row>div{display:flex;align-items:center;gap:8px;flex:0 0 auto;}
.report-expense-row strong{font-size:10px;font-weight:900;}
.report-expense-row button{border:0;background:transparent;padding:2px;font-size:10px;cursor:pointer;opacity:.72;}
.report-inventory-row strong{flex:0 0 auto;padding:4px 8px;border-radius:999px;background:#fff7d9;color:#6c5b2e;font-size:9px;font-weight:900;}
.report-inventory-row strong.is-out{background:#fff0f2;color:#bb5265;}

@media (max-width: 1180px){
  .report-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .report-cash-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width: 880px){
  .report-main-grid,.report-lower-grid{grid-template-columns:1fr;}
  .report-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .report-cash-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 560px){
  .report-kpi-grid{gap:8px;}
  .report-kpi-card{padding:12px;}
  .report-kpi-card strong{font-size:15px;}
  .report-section-head{flex-direction:column;align-items:stretch;}
  .report-tab-switch{align-self:flex-start;}
  .report-cash-grid{grid-template-columns:1fr 1fr;}
  .report-expense-entry{grid-template-columns:1fr 105px;}
  .report-expense-entry .btn{grid-column:1/-1;}
}

/* ===================== V3.8 DASHBOARD COUNTS + ORDER STATUS BOARD ===================== */
/* Dashboard KPI numbers: deliberately large and centered for fast scanning. */
.dashboard-kpis .kpi-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:136px;padding:16px 12px;}
.dashboard-kpis .kpi-icon{margin:0 auto 8px;}

.dashboard-kpis .kpi-label{width:100%;text-align:center;margin-top:8px;}

/* Today's Order Flow: every stage is a true clickable button and the number is the focal point. */
.pipeline-stage{padding:14px;border-radius:18px;background:#faf8ff;border:1px solid #eee9f7;position:relative;appearance:none;width:100%;min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;font-family:inherit;transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;}
.pipeline-stage:hover{transform:translateY(-2px);border-color:#d9cff3;background:#f7f3ff;box-shadow:0 12px 26px rgba(86,67,139,.10);}
.pipeline-stage:focus-visible{outline:3px solid rgba(126,103,215,.24);outline-offset:2px;}
.pipeline-stage .stage-icon{position:relative;width:36px;height:36px;border-radius:13px;background:linear-gradient(145deg,#ffffff,#f6f2ff);display:flex;align-items:center;justify-content:center;font-size:17px;box-shadow:0 9px 16px rgba(92,69,164,.10), inset 0 1px 0 rgba(255,255,255,.95), inset 0 -7px 11px rgba(166,150,219,.11);overflow:hidden;margin:0 auto 7px;}
.pipeline-stage .stage-count{font-family:"Poppins",sans-serif;font-size:clamp(28px,2.2vw,38px);font-weight:800;color:var(--os-ink);margin-top:0;width:100%;text-align:center;line-height:1;letter-spacing:-.03em;}
.pipeline-stage .stage-label{font-size:10px;font-weight:900;color:var(--os-muted);line-height:1.2;width:100%;margin-top:7px;text-align:center;}
.stage-open-hint{margin-top:7px;color:#8b78c7;font-size:8px;font-weight:900;opacity:.72;}
.pipeline-cancelled .stage-open-hint{color:#c54458;}

/* Orders tab follows the Products tab visual hierarchy: toolbar -> box board -> focused list. */
.orders-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px;padding:2px;}
.orders-title{font-family:"Poppins",sans-serif;font-size:24px;font-weight:800;color:var(--os-ink);line-height:1.1;margin-top:3px;}
.order-status-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch;margin-bottom:18px;}
.order-status-card{appearance:none;position:relative;min-width:0;min-height:154px;padding:15px;border:1px solid #ece5f7;border-radius:24px;background:linear-gradient(150deg,rgba(255,255,255,.99),rgba(250,247,255,.96));box-shadow:0 14px 34px rgba(80,61,130,.08);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:inherit;color:var(--os-ink);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease;overflow:hidden;}
.order-status-card::after{content:"";position:absolute;width:86px;height:86px;right:-30px;bottom:-34px;border-radius:30px;background:rgba(255,255,255,.48);pointer-events:none;}
.order-status-card:hover{transform:translateY(-2px);border-color:#d8cef3;box-shadow:0 17px 38px rgba(88,66,145,.12);}
.order-status-card:focus-visible{outline:3px solid rgba(126,103,215,.24);outline-offset:2px;}
.order-status-card.active{border-color:#bba9ef;box-shadow:0 18px 40px rgba(101,77,169,.16);}

.order-status-number{display:block;width:100%;font-family:"Poppins",sans-serif;font-size:38px;line-height:1;font-weight:800;letter-spacing:-.035em;color:var(--os-ink);z-index:1;}
.order-status-card strong{display:block;width:100%;margin-top:7px;font-family:"Poppins",sans-serif;font-size:11.5px;line-height:1.2;font-weight:800;color:var(--os-ink);z-index:1;}
.order-status-card small{display:block;width:100%;margin-top:4px;font-size:8.5px;line-height:1.25;font-weight:800;color:var(--os-muted);z-index:1;}
.order-status-approval{background:linear-gradient(150deg,#fffdf4,#fff5c9);}
.order-status-preparing{background:linear-gradient(150deg,#f6fbff,#e7f4ff);}
.order-status-out{background:linear-gradient(150deg,#f8f5ff,#ece6ff);}
.order-status-delivered{background:linear-gradient(150deg,#f3fff8,#e4f8ec);}
.order-status-cancelled{background:linear-gradient(150deg,#fff8fa,#ffe8ed);}
.order-status-cancelled .order-status-number,.order-status-cancelled strong{color:#c54458;}
.order-status-all{background:linear-gradient(150deg,#fff,#f5f1ff);}

.orders-workspace{margin-top:0;background:rgba(255,255,255,.96);border:1px solid #ebe5f5;border-radius:24px;padding:17px;box-shadow:var(--os-shadow);}
.orders-workspace-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:1px 2px 14px;border-bottom:1px solid #f0ebf7;margin-bottom:14px;}
.orders-workspace-title{font-family:"Poppins",sans-serif;font-size:18px;font-weight:800;color:var(--os-ink);margin-top:2px;}
.order-lookup-card{box-shadow:0 12px 30px rgba(80,61,130,.06);}



@media(max-width:430px){
  .order-status-board{grid-template-columns:1fr 1fr;}
  .order-status-card strong{font-size:10.5px;}
  .order-status-card small{font-size:8px;}
}


/* ===================== V3.9 DEPARTMENT EDIT + CASH/ORDER TOGGLES ===================== */
.department-title-line{display:flex;align-items:center;gap:7px;min-width:0;}
.department-title-line h3{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.department-edit-name{appearance:none;width:27px;height:27px;flex:0 0 27px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e6def2;border-radius:9px;background:rgba(255,255,255,.88);color:#725ab4;font-size:14px;font-weight:900;cursor:pointer;box-shadow:0 6px 14px rgba(91,69,147,.08);transition:.14s ease;}
.department-edit-name:hover{transform:translateY(-1px);border-color:#cdbfee;background:#f8f4ff;}
.products-app-icons{margin-bottom:4px;}

.cash-service-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:22px;align-items:stretch;}



.cash-summary-amount{display:block;width:100%;font-family:"Poppins",sans-serif;font-size:27px;line-height:1.05;letter-spacing:-.035em;font-weight:900;color:var(--os-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cash-service-card.cash-summary-square>span:not(.cash-fallback-icon){font-size:8.5px;margin-top:1px;}
.cash-summary-blue{background:linear-gradient(150deg,#f2f8ff,#dfeeff);}
.cash-summary-lilac{background:linear-gradient(150deg,#f8f5ff,#e8e0ff);}
.cash-summary-mint{background:linear-gradient(150deg,#f2fff7,#ddf6e7);}
.cash-summary-peach{background:linear-gradient(150deg,#fff8f4,#ffe5d7);}
.cash-total-card{background:linear-gradient(150deg,#fffdf2,#ffefb9) !important;}
.cash-service-card.cash-summary-square.active{border-color:#a993e8;box-shadow:0 18px 36px rgba(94,71,154,.15);transform:translateY(-1px);}

.cash-status-card b{font-family:"Poppins",sans-serif;font-size:20px;color:#654db5;line-height:1;font-weight:900;}
.cash-status-card.expanded::after,.order-status-card.expanded::before{content:"Tap again to close";position:absolute;left:50%;bottom:6px;transform:translateX(-50%);font-size:6.8px;line-height:1;font-weight:900;color:#8c7abb;white-space:nowrap;letter-spacing:.02em;}
.order-status-card.expanded::before{bottom:8px;z-index:2;}

@media(max-width:1200px){.dashboard-kpis{grid-template-columns:repeat(3,minmax(0,1fr));}.performance-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.pipeline-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.department-board{grid-template-columns:repeat(2,minmax(0,1fr));}.cash-icon-manager-grid{grid-template-columns:repeat(4,minmax(0,1fr));}.cash-service-summary,.cash-status-summary{grid-template-columns:repeat(3,minmax(0,1fr));}
  .order-status-board{grid-template-columns:repeat(2,minmax(0,1fr));}

  .cash-service-summary{grid-template-columns:repeat(3,minmax(0,1fr));}
  .cash-service-card.cash-summary-square{aspect-ratio:auto;min-height:150px;}
}



/* ===================== V3.10 VISIBILITY + REFUND SUMMARY ===================== */
/* Daily Report KPI amounts match the large, fast-scan Dashboard treatment. */
.report-kpi-card{position:relative;min-width:0;background:#fff;border:1px solid rgba(234,227,242,.86);border-radius:20px;box-shadow:0 12px 32px rgba(79,60,105,.06);padding:15px 10px 14px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:132px;}

.report-kpi-card strong{display:block;color:var(--ink,#3d3547);font-size:clamp(25px,2.15vw,35px);line-height:1;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center;font-family:"Poppins",sans-serif;letter-spacing:-.035em;}
.report-kpi-card small{display:block;margin-top:8px;color:var(--muted2,#8d849b);font-size:10px;line-height:1.2;font-weight:900;width:100%;text-align:center;}

/* Keep Dashboard numbers equally prominent. */
.dashboard-kpis .kpi-value{width:100%;text-align:center;font-size:clamp(28px,2.55vw,40px);line-height:1;letter-spacing:-.025em;font-weight:900;}

/* Remittance logos use a wide logo plate so GCash/Maya wordmarks are readable. */
.cash-summary-square .cash-service-icon{width:94px;height:46px;margin-bottom:5px;border-radius:13px;background:rgba(255,255,255,.92);border:1px solid rgba(231,225,241,.9);box-shadow:0 8px 17px rgba(91,70,150,.08);}
.cash-summary-square .cash-service-icon img{width:100%;height:100%;object-fit:contain;padding:5px 8px;}
.cash-total-card .cash-service-icon{width:48px;height:48px;border-radius:15px;}

/* Refund control: lookup + live total refund amount. */
.refund-control-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.75fr);gap:14px;align-items:stretch;}
.refund-lookup-card{margin:0 !important;}
.refund-total-card{position:relative;overflow:hidden;min-height:190px;border-radius:24px;border:1px solid #e4dcf8;background:linear-gradient(150deg,#f7f3ff,#e8e0ff);box-shadow:0 14px 34px rgba(91,68,153,.10);padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.refund-total-card::after{content:"";position:absolute;width:105px;height:105px;right:-32px;bottom:-38px;border-radius:34px;background:rgba(255,255,255,.44);transform:rotate(14deg);}
.refund-total-icon{width:43px;height:43px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.86);box-shadow:0 8px 17px rgba(96,74,154,.09);font-size:19px;margin-bottom:8px;z-index:1;}
.refund-total-card .os-page-kicker,.refund-total-card h3,.refund-total-card strong,.refund-total-card span{position:relative;z-index:1;}
.refund-total-card h3{font-family:"Poppins",sans-serif;font-size:12px;font-weight:800;color:var(--os-ink);margin-top:3px;}
.refund-total-card strong{display:block;width:100%;margin-top:8px;font-family:"Poppins",sans-serif;font-size:clamp(30px,3vw,44px);line-height:1;letter-spacing:-.04em;font-weight:900;color:#654db5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.refund-total-card span{margin-top:9px;font-size:9.5px;font-weight:900;color:#81779a;}





/* ===================== V4 CUSTOMER-FIRST COMMERCE ===================== */
:root{--os-bg:#f8f5ff;--os-surface:#ffffff;--os-ink:#352f43;--os-muted:#817a91;--os-purple:#8267d9;--os-purple-deep:#5f49b4;--os-lilac:#eee8ff;--os-pink:#ff9fc1;--os-pink-soft:#fff0f6;--os-peach:#fff2e8;--os-mint:#e7f8ef;--os-blue:#eaf4ff;--os-yellow:#fff8d8;--os-border:#ece7f5;--os-shadow:0 18px 50px rgba(74,57,120,.10);--cf-burgundy:#7d3450;--cf-rose:#f7d7e2;--cf-green:#25815a;--cf-gold:#b77a20;}
.customer-first-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border:1px solid #eadff6;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#fff4f7 48%,#f5f1ff 100%);box-shadow:0 14px 34px -28px rgba(82,48,105,.45);}
.customer-first-banner h3{font-family:"Poppins",sans-serif;font-size:17px;font-weight:800;color:var(--os-ink);margin:3px 0;}.customer-first-banner p:not(.os-page-kicker){font-size:11.5px;font-weight:700;color:var(--os-muted);line-height:1.55;max-width:720px;}.customer-first-banner-actions{display:flex;gap:8px;flex:0 0 auto;}
.storefront-v4-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;}.v4-card-title{display:flex;align-items:center;gap:11px;}.v4-card-title>span{width:42px;height:42px;border-radius:15px;background:linear-gradient(145deg,#f2eaff,#fff0f4);display:flex;align-items:center;justify-content:center;font-size:20px;}.v4-card-title h3{font-family:"Poppins",sans-serif;font-size:15px;font-weight:800;color:var(--os-ink);}.v4-help{font-size:11px;font-weight:700;color:var(--os-muted);line-height:1.55;margin-top:10px;}.v4-copy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;}.v4-mini-note{font-size:9.5px;font-weight:700;color:var(--os-muted);line-height:1.5;margin-top:7px;}.catalog-meter{margin-top:18px;padding:14px;border-radius:18px;background:#fff8f2;border:1px solid #f3e5db;}.catalog-meter>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:10px;}.catalog-meter strong{font-family:"Poppins",sans-serif;color:var(--os-ink);font-size:17px;}.catalog-meter span{font-size:10px;font-weight:800;color:var(--os-muted);}.catalog-meter-track{height:8px !important;background:#eee6ed;border-radius:99px;overflow:hidden;margin-top:9px;display:block !important;}.catalog-meter-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#d06b8d,#7759cc);border-radius:inherit;transition:.25s ease;}
.payment-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.payment-setting{display:flex;align-items:flex-start;gap:10px;border:1px solid #ece5f2;border-radius:17px;padding:12px 13px;background:#fff;cursor:pointer;}.payment-setting input{margin-top:2px;width:17px;height:17px;accent-color:#7759cc;}.payment-setting span{display:flex;flex-direction:column;}.payment-setting strong{font-family:"Poppins",sans-serif;font-size:11px;color:var(--os-ink);}.payment-setting small{font-size:9.5px;font-weight:700;color:var(--os-muted);line-height:1.4;margin-top:2px;}.payment-setting.utang-setting{background:linear-gradient(145deg,#fffaf0,#fff);border-color:#f0dfb6;}.payment-setting.slim{grid-column:1/-1;}.utang-store-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;border-radius:19px;background:#fffaf0;border:1px solid #f0dfb6;}.v4-inline-input{display:flex;align-items:center;gap:8px;}.v4-inline-input .input{min-width:90px;}.v4-inline-input span{font-size:10px;font-weight:800;color:var(--os-muted);}
.credit-modal-card{width:min(100%,620px);max-height:90vh;overflow:auto;}.credit-privacy-note{display:flex;flex-direction:column;gap:3px;padding:13px 14px;border-radius:17px;background:#fff9ec;border:1px solid #f1deb1;color:#805f21;}.credit-privacy-note strong{font-family:"Poppins",sans-serif;font-size:11.5px;}.credit-privacy-note span{font-size:10.5px;font-weight:700;line-height:1.45;}.credit-history-card{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}.credit-history-stat{padding:11px;border-radius:15px;background:#f8f5fb;border:1px solid #eee8f4;}.credit-history-stat span{display:block;font-size:8.5px;font-weight:900;text-transform:uppercase;color:var(--os-muted);}.credit-history-stat strong{display:block;font-family:"Poppins",sans-serif;font-size:14px;color:var(--os-ink);margin-top:3px;}.department-card.is-hidden-department{opacity:.62;background:#faf9fb;}.department-visibility-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-left:auto;}.department-mini-action{border:1px solid #e8e1ee;background:#fff;border-radius:999px;padding:6px 9px;font-size:8.5px;font-weight:900;color:#746d7e;cursor:pointer;}.department-mini-action.danger{color:#c9495e;background:#fff4f6;border-color:#ffdbe1;}.department-hidden-pill{display:inline-flex;padding:4px 7px;border-radius:999px;background:#eeeaf1;color:#776f81;font-size:8px;font-weight:900;text-transform:uppercase;margin-left:6px;}.starter-limit-note{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#fff4f7;color:#9b526a;font-size:9px;font-weight:900;margin-top:6px;}
.utang-ledger-row{display:grid;grid-template-columns:minmax(140px,1.2fr) minmax(110px,.8fr) repeat(3,minmax(80px,.6fr)) auto;gap:10px;align-items:center;padding:12px 10px;border-top:1px solid #f0ebf4;font-size:10.5px;}.utang-ledger-row:first-child{border-top:0;}.utang-ledger-row strong{color:var(--os-ink);}.utang-status{display:inline-flex;padding:5px 8px;border-radius:999px;background:#fff5cf;color:#85631a;font-size:8.5px;font-weight:900;text-transform:uppercase;}.utang-status.approved,.utang-status.partially_paid{background:#e8f6ee;color:#2f7557;}.utang-status.paid{background:#e6f1ff;color:#46678f;}.utang-status.declined,.utang-status.overdue{background:#ffe9ed;color:#b44356;}.private-credit-box{margin-top:12px;padding:13px 14px;border-radius:17px;background:linear-gradient(145deg,#fff9ec,#fff);border:1px solid #f1deb1;}.private-credit-box strong{font-family:"Poppins",sans-serif;font-size:11.5px;color:#75561a;}.private-credit-box p{font-size:10.5px;font-weight:700;color:#826d46;line-height:1.45;margin-top:3px;}
@media(max-width:900px){.refund-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .refund-control-grid{grid-template-columns:1fr;}
  .refund-total-card{min-height:150px;}
.storefront-v4-grid{grid-template-columns:1fr;}.customer-first-banner{align-items:flex-start;flex-direction:column;}.customer-first-banner-actions{width:100%;flex-wrap:wrap;}.payment-settings-grid,.utang-store-settings{grid-template-columns:1fr;}.payment-setting.slim{grid-column:auto;}.utang-ledger-row{grid-template-columns:1fr 1fr;}.utang-ledger-row>*:last-child{grid-column:1/-1;}.credit-history-card{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.v4-copy-row{grid-template-columns:1fr;}.payment-settings-grid{grid-template-columns:1fr;}.credit-history-card{grid-template-columns:1fr;}.customer-first-banner-actions .btn{flex:1;}.utang-ledger-row{grid-template-columns:1fr;}}


/* ===================== EL-CARTTY WORDMARK ===================== */
.sidebar-wordmark{display:block;width:128px;max-width:100%;height:auto;margin:2px 0 3px;object-fit:contain;object-position:left center;}
.login-wordmark{display:block;width:178px;max-width:72%;height:auto;object-fit:contain;}

/* ===================== SELLER STOREFRONT PHOTO BAR ===================== */
.seller-branding-topbar{display:grid !important;grid-template-columns:minmax(360px,1fr) 118px auto;align-items:stretch !important;gap:12px !important;margin-bottom:22px !important;padding:4px 2px !important;width:100%;box-sizing:border-box;}
.seller-brand-media{position:relative;min-width:0;height:118px;border-radius:22px;overflow:hidden;border:1px solid #e7e0f2;background:linear-gradient(145deg,#f3eefb,#fff3f7);box-shadow:0 12px 30px rgba(83,63,136,.08);}
.seller-brand-cover{width:100%;height:168px;}
.seller-brand-logo{width:118px;height:118px;border-radius:22px;}
.seller-brand-media img{width:100%;height:100%;display:block;object-fit:cover;}
.seller-brand-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;color:#958ca2;font-size:10px;font-weight:900;}
.seller-brand-placeholder.store-photo{font-size:26px;}
.seller-brand-links{position:absolute;right:8px;bottom:7px;z-index:4;display:flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.90);box-shadow:0 5px 14px rgba(61,47,95,.10);backdrop-filter:blur(6px);}
.seller-brand-links label,.seller-brand-links button{border:0;background:transparent;padding:0;margin:0;color:#6d57b5;font-family:"Nunito",sans-serif;font-size:8px;line-height:1;font-weight:900;cursor:pointer;white-space:nowrap;}
.seller-brand-links button{color:#d45167;}
.seller-brand-dot{color:#c8bfd2;font-size:7px;line-height:1;}
.seller-branding-topbar .os-account-block{align-self:flex-start;min-width:max-content;padding-top:1px;}
.seller-branding-topbar .os-top-actions{flex-wrap:nowrap;}

/* Cover reposition */
#sellerStoreCoverPreview{position:relative;}
#sellerStoreCoverPreview.is-repositioning{cursor:grab;touch-action:none;user-select:none;outline:2px solid rgba(126,100,216,.38);outline-offset:2px;}
#sellerStoreCoverPreview.is-repositioning:active{cursor:grabbing;}
#sellerStoreCoverImage{width:100%;height:100%;display:block;object-fit:cover;}
.seller-cover-reposition-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;pointer-events:none;padding:7px 11px;border-radius:999px;background:rgba(40,34,52,.72);color:#fff;font-size:9px;font-weight:900;white-space:nowrap;box-shadow:0 8px 20px rgba(0,0,0,.18);}
#sellerStoreCoverRepositionBtn{color:#6d57b5 !important;}
#sellerStoreCoverSaveBtn{color:#23855a !important;}
#sellerStoreCoverCancelBtn{color:#d45167 !important;}

@media(max-width:1150px){
  .seller-branding-topbar{grid-template-columns:minmax(260px,1fr) 104px;}
  .seller-brand-cover{height:150px;}
  .seller-brand-logo{width:104px;height:104px;}
  .seller-branding-topbar .os-account-block{grid-column:1/-1;width:100%;align-items:flex-end;}
}
@media(max-width:640px){
  .os-topbar{align-items:flex-start;}.os-topbar h2{font-size:21px;}.os-top-actions{flex-wrap:wrap;justify-content:flex-end;}.os-live-pill{display:none;}.os-signout{display:none;}
  .os-nav .tab span:nth-child(2){display:none;}.os-nav .tab{padding:7px;}
  #statsRow,#reportContent>.grid:first-child{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  #lookupInput{min-width:0;}.card{border-radius:20px !important;}
.dashboard-kpis,.performance-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.dashboard-hero{align-items:flex-start;flex-direction:column;}.pipeline-grid{grid-template-columns:1fr 1fr;}.kpi-card{min-height:108px;}.period-switch{width:100%;display:grid;grid-template-columns:repeat(3,1fr);}.period-switch button{padding:8px 5px;}.cancellation-record-grid{grid-template-columns:1fr;}.cancel-order-card{padding:20px;border-radius:22px;}
  .order-header-actions{width:100%;justify-content:flex-start !important;}
  .order-header-actions .order-action-btn{font-size:10px !important;padding:5px 9px !important;}
  .order-item-row{font-size:12px;}
.refund-form-grid{grid-template-columns:1fr;}.refund-form-grid .full{grid-column:auto;}.refund-search-row{flex-direction:column;}.refund-meta-grid{grid-template-columns:1fr;}.refunds-hero{align-items:flex-start;flex-direction:column;}.product-photo-uploader{grid-template-columns:88px 1fr;}.product-photo-preview{width:88px;height:88px;}.availability-choice-grid{grid-template-columns:1fr;}.product-form-section{padding:12px;}
  .os-topbar-clean{justify-content:flex-end;}
  .os-account-block{width:100%;align-items:flex-end;}
  .os-topbar-clean .os-top-actions{justify-content:flex-end;}
.os-nav-icon{width:34px;height:34px;font-size:16px;border-radius:12px;}
  .seller-branding-topbar{grid-template-columns:minmax(0,1fr) 86px;gap:8px !important;}
  .seller-brand-cover{height:112px;border-radius:17px;}
  .seller-brand-logo{width:86px;height:86px;border-radius:17px;}
  .seller-brand-links{right:5px;bottom:5px;padding:4px 6px;gap:4px;}.seller-brand-links label,.seller-brand-links button{font-size:7px;}
  .seller-branding-topbar .os-account-block{grid-column:1/-1;}
  .sidebar-wordmark{width:112px;}
}


.os-nav-icon {position:relative;width:38px;height:38px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:17px;line-height:1;background:linear-gradient(145deg,#ffffff,#f8f4ff);box-shadow:0 10px 18px rgba(95,73,180,.14), inset 0 1px 0 rgba(255,255,255,.95), inset 0 -8px 14px rgba(145,121,226,.10);border:1px solid rgba(233,226,249,.92);overflow:hidden;flex-shrink:0;}

.os-nav-icon img {width:34px;height:34px;object-fit:contain;display:block;}

.ui-icon {width:42px;height:42px;object-fit:contain;}



/* =========================================
   EL-CARTTY IMAGE ICON SYSTEM
   ========================================= */

.ui-image-icon {display:block;object-fit:contain;user-select:none;pointer-events:none;}

/* Dashboard KPI icons */
.kpi-icon {position:relative;width:42px;height:42px;border-radius:16px;background:linear-gradient(145deg,#ffffff,#f7f3ff);display:flex;align-items:center;justify-content:center;font-size:19px;margin-bottom:11px;box-shadow:0 10px 18px rgba(97,75,158,.10), inset 0 1px 0 rgba(255,255,255,.95), inset 0 -8px 12px rgba(170,153,224,.10);overflow:hidden;}



/* Pipeline icons */
.stage-icon {display:flex;align-items:center;justify-content:center;}




.kpi-image-icon {width:42px;height:42px;object-fit:contain;display:block;}

.pipeline-image-icon {width:38px;height:38px;object-fit:contain;display:block;}



.btn img,
.button-icon{width:18px !important;height:18px !important;object-fit:contain;flex:0 0 18px;}

.nav-icon{width:24px;height:24px;object-fit:contain;flex-shrink:0;}

.button-icon{width:18px !important;height:18px !important;object-fit:contain;vertical-align:middle;margin-right:6px;min-width:18px;min-height:18px;display:block;flex-shrink:0;}

.store-hours-button{min-height:42px !important;padding:8px 13px !important;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px;}


/* =========================================
   EL-CARTTY BUTTON IMAGE ICONS
   ========================================= */

.btn.store-hours-button{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:6px !important;white-space:nowrap;}

.btn.store-hours-button .button-icon{width:18px !important;height:18px !important;min-width:18px !important;min-height:18px !important;max-width:18px !important;max-height:18px !important;flex:0 0 18px !important;object-fit:contain !important;display:block !important;margin:0 !important;padding:0 !important;}

.chip {border-radius:999px !important;font-weight:900 !important;font-size:11.5px;padding:5px 10px !important;display:inline-flex;align-items:center;gap:5px;}

.status-chip-icon {width:18px;height:18px;object-fit:contain;display:block;flex-shrink:0;pointer-events:none;}



.order-status-icon {width:42px;height:42px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff,#f4efff);box-shadow:0 9px 17px rgba(92,69,164,.10),inset 0 1px 0 rgba(255,255,255,.95);font-size:19px;margin-bottom:8px;z-index:1;}

.order-status-image {width:38px;height:38px;object-fit:contain;display:block;}

.inline-icon-text {display:inline-flex;align-items:center;gap:6px;}

.inline-ui-icon {width:18px;height:18px;object-fit:contain;display:inline-block;flex-shrink:0;}

.button-status-icon {width:18px;height:18px;object-fit:contain;vertical-align:middle;margin-right:5px;}

.upload-photo-icon {display:flex;align-items:center;justify-content:center;margin-bottom:5px;}

.upload-camera-image {width:34px;height:34px;object-fit:contain;}

/* =========================================================
   EL-CARTTY FINAL ICON + LAYOUT OVERRIDES
   Approved visual cleanup — 2026-08-31
   ========================================================= */

/* Stable storefront header: tab changes and Refresh label changes
   no longer resize/move the cover photo or profile photo. */
@media (min-width:1151px){
  .seller-branding-topbar{grid-template-columns:minmax(360px,1fr) 118px 250px !important;min-height:168px;}
  .seller-branding-topbar .os-account-block{width:250px;min-width:250px;max-width:250px;}
  .seller-branding-topbar #refreshAllBtn{min-width:104px;}
  .seller-branding-topbar .os-top-actions{min-height:42px;}
}

/* Utang summary */
#utangStats .utang-stat-card{display:flex;flex-direction:column;justify-content:flex-start;min-height:190px;padding:16px 18px;}
#utangStats .utang-stat-icon{width:100%;height:88px;display:flex;align-items:center;justify-content:center;margin:0 0 8px;}
#utangStats .utang-stat-icon img{width:auto;height:auto;max-width:64%;max-height:82px;object-fit:contain;display:block;}
#utangStats .utang-stat-value{font-family:"Poppins",sans-serif;font-size:clamp(28px,2.35vw,40px);line-height:1;font-weight:900;letter-spacing:-.035em;color:var(--os-ink);margin:0 0 7px;}
#utangStats .utang-stat-label{font-size:11px;line-height:1.35;font-weight:800;color:var(--os-muted);}

/* Daily Report image icons */
.report-kpi-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:9px;background:#f8f4fb;font-size:15px;margin-bottom:7px;margin:0 auto 7px;}
.report-kpi-icon img{width:46px;height:46px;object-fit:contain;display:block;}
.report-title-with-icon{display:inline-flex !important;align-items:center !important;gap:7px !important;justify-content:flex-start !important;width:auto !important;margin:0 !important;}
.report-title-icon{width:24px !important;height:24px !important;object-fit:contain !important;display:block !important;flex:0 0 24px !important;min-width:24px !important;min-height:24px !important;max-width:24px !important;max-height:24px !important;margin:0 !important;padding:0 !important;}
.report-alert-row>span{font-size:13px;text-align:center;display:flex;align-items:center;justify-content:center;}
.alert-status-icon{width:24px;height:24px;object-fit:contain;display:block;vertical-align:middle;}

/* Cash In/Out summary: wide image area matches the approved mockup. */
.cash-service-card.cash-summary-square{min-height:166px;aspect-ratio:1.12/1;padding:12px 12px 14px;border-radius:23px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;text-align:center;overflow:hidden;}
.cash-summary-square .cash-service-icon,
.cash-total-card .cash-service-icon{width:100%;height:82px;min-height:82px;border-radius:16px;margin:0 0 8px;background:rgba(255,255,255,.78);border:1px solid rgba(231,225,241,.9);box-shadow:0 8px 17px rgba(91,70,150,.07);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.cash-summary-square .cash-service-icon img,
.cash-total-card .cash-service-icon img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;padding:7px 10px;display:block;}
.cash-service-card.cash-summary-square>strong{width:100%;font-size:10.5px;line-height:1.2;min-height:0;display:flex;align-items:center;justify-content:center;margin-top:1px;}
.cash-status-icon{grid-row:1/3;width:32px;height:32px;border-radius:11px;background:#f4f0ff;display:flex;align-items:center;justify-content:center;font-size:15px;overflow:hidden;}
.cash-status-icon img{width:27px;height:27px;object-fit:contain;display:block;}

@media(max-width:760px){.store-availability-card{align-items:flex-start;flex-direction:column;padding:16px;}.store-availability-control{width:100%;align-items:stretch;flex-direction:column;}.store-availability-switch{width:100%;min-width:0;}.store-availability-badge{text-align:center;font-size:8.5px;}.store-availability-icon{width:44px;height:44px;border-radius:15px;font-size:20px;}.store-hours-row{grid-template-columns:110px 1fr 16px 1fr;gap:7px;padding:9px;}.store-hours-intro{align-items:flex-start;flex-direction:column;}.products-toolbar,.category-products-head,.cash-section-head{align-items:flex-start;flex-direction:column;}.department-board{grid-template-columns:1fr;}.product-list-row{grid-template-columns:46px minmax(0,1fr) auto;}.product-list-actions{grid-column:2/4;justify-content:flex-end;}.cash-icon-manager-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.cash-service-summary,.cash-status-summary{grid-template-columns:repeat(2,minmax(0,1fr));}.cash-compact-row{grid-template-columns:38px minmax(0,1fr) auto;}.cash-row-open{display:none;}.cash-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.cash-detail-head{grid-template-columns:44px minmax(0,1fr);padding-right:32px;}.cash-detail-head>.chip{grid-column:2;}.product-modal-card,.cash-detail-modal-card{padding:18px;border-radius:22px;}
  .orders-toolbar,.orders-workspace-head{align-items:flex-start;flex-direction:column;}
  .order-status-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
  .order-status-card{min-height:138px;padding:12px 9px;border-radius:20px;}
  .order-status-number{font-size:32px;}
  .pipeline-stage{min-height:120px;}

  .cash-service-summary{grid-template-columns:repeat(2,minmax(0,1fr));}
  .cash-summary-amount{font-size:23px;}

  .report-kpi-card strong{font-size:clamp(22px,7vw,31px) !important;}
  .cash-summary-square .cash-service-icon{width:82px;height:42px;}

  #utangStats .utang-stat-card{min-height:168px;}
  #utangStats .utang-stat-icon{height:72px;}
  #utangStats .utang-stat-icon img{max-height:68px;}
  .cash-summary-square .cash-service-icon,
  .cash-total-card .cash-service-icon{height:68px;min-height:68px;}
}
.store-placeholder-icon{
  width:32px;
  height:32px;
  object-fit:contain;
}

.inline-fulfillment-icon{
  width:22px;
  height:22px;
  object-fit:contain;
  flex:0 0 22px;
}



.product-fallback-icon{
  width: 32px;
  height: 32px;
  object-fit: contain;
}