:root{
  --bg:#f4f6f8; --panel:#fff; --text:#161616; --muted:#77808a; --line:#e3e7eb;
  --dark:#080b0d; --gold:#a88224; --gold2:#c7a146; --green:#19b56b; --red:#b42318;
  --radius:16px; --shadow:0 10px 30px rgba(0,0,0,.07);
  font-family: Inter, "Segoe UI", Tahoma, Arial, sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text)}
.hidden{display:none!important}
.ltr{direction:ltr;text-align:left}
.muted{color:var(--muted)}
.tiny{font-size:12px}
.app-shell{display:grid;grid-template-columns:255px 1fr;min-height:100vh}
.sidebar{background:var(--dark);color:#fff;padding:18px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:auto}
.sidebar-brand{display:flex;gap:12px;align-items:center;padding:10px 8px 18px;border-bottom:1px solid #1e2428;margin-bottom:10px}
.logo-circle,.brand-mark{width:48px;height:48px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold2);font:700 25px Georgia}
.brand-name{color:var(--gold2);font:700 18px Georgia;letter-spacing:1px}
.brand-sub{font-size:11px;color:#a4abb0;margin-top:3px}
.nav-menu{display:flex;flex-direction:column;gap:4px}
.nav-item{border:0;background:transparent;color:#aab2b8;text-align:right;padding:11px 13px;border-radius:10px;cursor:pointer;font-size:14px}
.nav-item:hover,.nav-item.active{background:#151a1e;color:#fff;box-shadow:inset -3px 0 0 var(--gold)}
.sidebar-user{margin-top:auto;border-top:1px solid #1e2428;padding-top:14px;display:flex;flex-direction:column;gap:4px}
.sidebar-user small{color:#7f8a92}
.main{min-width:0}
.topbar{padding:23px 28px 16px;display:flex;align-items:center;justify-content:space-between}
.topbar h2{margin:0 0 5px;font-size:25px}
.topbar-actions{display:flex;gap:8px;align-items:center}
.page-root{padding:0 28px 34px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.panel+.panel{margin-top:16px}
.grid{display:grid;gap:14px}
.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.kpi{padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px}
.kpi .label{font-size:13px;color:var(--muted)}
.kpi .value{font-size:27px;font-weight:800;margin-top:7px}
.kpi .hint{font-size:12px;color:var(--muted);margin-top:4px}
.btn{border:0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}
.btn.primary{background:var(--green);color:#07160d}
.btn.gold{background:var(--gold);color:#fff}
.btn.secondary{background:#eef1f4;color:#2d3439}
.btn.danger{background:#7d1d1d;color:#fff}
.btn.ghost{background:#211113}
.btn.wide{width:100%}
.link-btn{border:0;background:none;text-decoration:underline;cursor:pointer;color:#67727a;margin-top:12px}
.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;background:#eef1f4}
.badge.success{background:#dff7e9;color:#147946}
.badge.warn{background:#fff2cc;color:#7a5911}
.badge.danger{background:#fee4e2;color:#b42318}
.badge.dark{background:#e8eaed;color:#222}
.input,select,textarea{width:100%;border:1px solid #ccd3d8;border-radius:10px;padding:10px 12px;background:#fff;font:inherit}
.input:focus,select:focus,textarea:focus{outline:2px solid rgba(168,130,36,.18);border-color:var(--gold)}
label{display:block;font-size:12px;font-weight:800;margin:7px 0 5px}
.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:13px}
.toolbar .spacer{flex:1}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}
table{border-collapse:collapse;width:100%;min-width:760px;background:#fff}
th,td{padding:10px 11px;border-bottom:1px solid #edf0f2;text-align:right;font-size:13px;vertical-align:middle}
th{background:#fafbfc;color:#56616a;font-size:12px;position:sticky;top:0}
tr:hover td{background:#fcfcfd}
.actions{display:flex;gap:6px;white-space:nowrap}
.empty{padding:35px;text-align:center;color:var(--muted)}
.auth-shell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#080b0d,#191d20)}
.auth-card{width:min(430px,calc(100vw - 32px));background:#fff;border-radius:20px;padding:28px;box-shadow:0 20px 70px rgba(0,0,0,.3)}
.auth-card h1{text-align:center;margin:8px 0}
.brand-mark{margin:auto;width:64px;height:64px;font-size:33px}
.first-admin{margin-top:18px;border-top:1px solid var(--line);padding-top:12px}
.first-admin summary{cursor:pointer;font-weight:700;color:#555}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);display:grid;place-items:center;padding:24px;z-index:50}
.modal-card{background:#fff;border-radius:18px;max-width:1100px;width:min(1100px,96vw);max-height:92vh;display:flex;flex-direction:column;box-shadow:0 30px 100px rgba(0,0,0,.35)}
.modal-head,.modal-footer{padding:15px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.modal-footer{border-bottom:0;border-top:1px solid var(--line);justify-content:flex-start;gap:8px}
.modal-body{padding:18px;overflow:auto}
.icon-btn{border:0;background:#eef1f4;width:36px;height:36px;border-radius:9px;cursor:pointer}
.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 13px}
.form-grid .span-2{grid-column:span 2}
.form-grid .span-3{grid-column:span 3}
.section-title{display:flex;align-items:center;justify-content:space-between;margin:18px 0 8px}
.section-title h4{margin:0}
.stock-grid input[type=number]{min-width:90px}
.stock-row-selected td{background:#f5fbf8}
.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:currentColor;margin-left:5px}
.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
.tab-btn{border:1px solid var(--line);background:#fff;padding:8px 11px;border-radius:9px;cursor:pointer}
.tab-btn.active{background:#151a1e;color:#fff;border-color:#151a1e}
.chart-bars{display:flex;gap:9px;align-items:flex-end;height:160px;padding:10px 4px}
.chart-bar{flex:1;background:#dfe5e8;border-radius:8px 8px 2px 2px;min-width:35px;position:relative}
.chart-bar span{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:10px;white-space:nowrap;padding-bottom:4px}
.chart-label{font-size:10px;text-align:center;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.check-row{display:flex;align-items:center;gap:8px;padding:8px 0}
.check-row input{width:18px;height:18px}
.toast-host{position:fixed;top:18px;left:18px;display:flex;flex-direction:column;gap:8px;z-index:100}
.toast{background:#101417;color:#fff;padding:11px 14px;border-radius:10px;box-shadow:var(--shadow);min-width:260px}
.toast.error{background:#7d1d1d}
.toast.success{background:#12633b}
.print-only{display:none}
@media(max-width:1000px){
  .app-shell{grid-template-columns:210px 1fr}
  .grid.cols-4{grid-template-columns:repeat(2,1fr)}
  .form-grid{grid-template-columns:repeat(2,1fr)}
  .form-grid .span-3{grid-column:span 2}
}
@media(max-width:760px){
  .app-shell{display:block}
  .sidebar{position:relative;height:auto}
  .nav-menu{display:grid;grid-template-columns:repeat(2,1fr)}
  .sidebar-user{margin-top:15px}
  .grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
  .form-grid .span-2,.form-grid .span-3{grid-column:span 1}
  .topbar,.page-root{padding-left:14px;padding-right:14px}
}

/* FINAL v2 mobile/PWA + operational alerts */
.notification-btn{position:relative;min-width:44px}
.notification-count{position:absolute;top:-7px;left:-7px;background:#b42318;color:#fff;border-radius:999px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;font-size:11px;border:2px solid #fff}
.alert-banner{border-radius:14px;padding:14px 16px;margin-bottom:14px;border:1px solid #f2d17d;background:#fff8df;display:flex;gap:12px;align-items:center;justify-content:space-between}
.alert-banner.critical{background:#fff0ef;border-color:#f6b8b2}
.alert-banner.success{background:#ecfbf3;border-color:#9fe2bd}
.alert-banner .alert-main{display:flex;gap:10px;align-items:flex-start}
.alert-icon{font-size:22px;line-height:1}
.metric-inline{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.qty-pair{display:flex;flex-direction:column;gap:2px}.qty-pair small{color:var(--muted)}
.item-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.item-meta span{font-size:10px;background:#f1f3f5;border-radius:999px;padding:3px 6px;color:#59636b}
.pwa-safe{padding-bottom:max(12px,env(safe-area-inset-bottom))}
@media(max-width:760px){
  .sidebar{position:fixed;right:0;left:0;bottom:0;top:auto;height:auto;z-index:40;padding:7px 8px max(7px,env(safe-area-inset-bottom));border-top:1px solid #252a2e}
  .sidebar-brand,.sidebar-user{display:none}
  .nav-menu{display:flex;overflow-x:auto;gap:5px;scrollbar-width:none}.nav-menu::-webkit-scrollbar{display:none}
  .nav-item{flex:0 0 auto;padding:9px 12px;font-size:12px;white-space:nowrap}.nav-item:hover,.nav-item.active{box-shadow:inset 0 -3px 0 var(--gold)}
  .main{padding-bottom:72px}.topbar{position:sticky;top:0;z-index:30;background:rgba(244,246,248,.94);backdrop-filter:blur(10px)}
  .topbar h2{font-size:20px}.topbar-actions{gap:5px}.topbar-actions .btn{padding:8px 10px}.topbar-actions #connectionBadge{display:none}
  table{min-width:680px}.modal-backdrop{padding:8px}.modal-card{width:100%;max-height:96vh;border-radius:15px}
  .alert-banner{align-items:flex-start;flex-direction:column}
}


/* v1.0.5 Draft edit + FREE/GIFT controls */
.free-check{display:flex;align-items:center;gap:7px;margin:0;white-space:nowrap;font-size:12px;font-weight:800;cursor:pointer}.free-check input{width:18px;height:18px;accent-color:var(--green)}.free-state{margin-top:4px;min-height:22px}.purchase-cost:disabled{background:#eef7f1;color:#147946;font-weight:800}.draft-hint{padding:9px 12px;border-radius:10px;background:#fff8df;border:1px solid #f2d17d;margin-bottom:10px;font-size:12px}.modal-footer .btn.danger{margin-inline-start:auto}


/* v1.3.2 — PR usability polish: larger inputs, wide commercial table, visible supplier */
.pr-modal-card{width:min(1540px,98vw);max-width:1540px;max-height:96vh}
.pr-modal-card .modal-body{padding:20px 22px}
.pr-modal-card .pr-form-grid{grid-template-columns:repeat(4,minmax(190px,1fr));gap:14px 16px}
.pr-modal-card .pr-form-grid .span-2{grid-column:span 2}
.pr-modal-card label{font-size:13px;margin-bottom:7px}
.pr-modal-card .input,.pr-modal-card select,.pr-modal-card textarea{min-height:46px;padding:11px 13px;font-size:14px;border-radius:11px}
.pr-commercial-wrap{overflow-x:auto;overflow-y:visible}
.pr-commercial-table{min-width:1570px;table-layout:auto}
.pr-commercial-table th{white-space:nowrap;font-size:12.5px;padding:11px 9px}
.pr-commercial-table td{padding:10px 8px;vertical-align:top}
.pr-commercial-table .pr-item-cell{min-width:285px;width:285px}
.pr-commercial-table .pr-item-select{min-width:270px}
.pr-commercial-table .pr-num-input{min-width:92px;width:92px;text-align:center;font-weight:700}
.pr-commercial-table .pr-price-input{min-width:125px;width:125px;text-align:center;font-weight:700}
.pr-commercial-table .pr-discount-input{min-width:105px;width:105px;text-align:center}
.pr-commercial-table .pr-uom-cell{min-width:110px;white-space:nowrap;font-weight:700}
.pr-commercial-table .pr-base-cell{min-width:125px;white-space:nowrap;font-weight:700}
.pr-commercial-table .pr-total-cell{min-width:135px;white-space:nowrap;font-weight:800;font-size:14px}
.pr-commercial-table .pr-supplier-cell{min-width:260px;width:260px}
.pr-commercial-table .pr-supplier-select{min-width:245px;font-weight:700}
.pr-commercial-table .supplier-name{font-size:12px;font-weight:700;margin-top:6px;white-space:normal;line-height:1.4;color:#4f5c65}
.pr-commercial-table .stock{margin-top:6px;line-height:1.4;white-space:normal}
.pr-modal-card .kpi{min-height:104px}
@media(max-width:1200px){
  .pr-modal-card .pr-form-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}
}
@media(max-width:850px){
  .pr-modal-card{width:100%;max-width:none}
  .pr-modal-card .pr-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pr-modal-card .pr-form-grid .span-2{grid-column:span 2}
}
@media(max-width:600px){
  .pr-modal-card .pr-form-grid{grid-template-columns:1fr}
  .pr-modal-card .pr-form-grid .span-2{grid-column:span 1}
}

/* =====================================================================
   v1.4.0 — Professional responsive navigation + bilingual shell
   ===================================================================== */
:root{--sidebar-width:292px;--mobile-nav-height:66px}
.app-shell{grid-template-columns:var(--sidebar-width) minmax(0,1fr)}
.sidebar{padding:16px 14px;width:var(--sidebar-width);z-index:45}
.sidebar-brand{padding:8px 8px 16px;margin-bottom:8px}
.sidebar-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin:4px 0 10px}
.nav-search-wrap{display:flex;align-items:center;gap:7px;background:#14191d;border:1px solid #252c31;border-radius:11px;padding:0 10px;min-height:42px;color:#73808a}
.nav-search{border:0;outline:0;background:transparent;color:#fff;width:100%;font:inherit;font-size:13px;min-width:0}
.nav-search::placeholder{color:#74808a}
.language-toggle{border:1px solid #2b343a;background:#11161a;color:#fff;border-radius:11px;min-width:74px;height:42px;padding:0 10px;cursor:pointer;font-weight:800;display:flex;align-items:center;justify-content:center;gap:4px}
.language-toggle .lang-current{color:var(--gold2)}
.language-toggle .lang-other{color:#7d8991}.lang-sep{color:#444d53}
.nav-menu{gap:7px;padding-bottom:12px}
.nav-group{border-bottom:1px solid #1b2125;padding-bottom:6px}
.nav-group-title{width:100%;border:0;background:transparent;color:#77828a;padding:8px 10px 6px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:11px;font-weight:900;letter-spacing:.2px;text-align:start}
.nav-group-title:hover{color:#b7c0c6}.nav-chevron{font-size:16px;transition:transform .2s ease}.nav-group:not(.open) .nav-chevron{transform:rotate(-90deg)}
html[dir="ltr"] .nav-group:not(.open) .nav-chevron{transform:rotate(90deg)}
.nav-group:not(.open) .nav-group-items{display:none}
.nav-group-items{display:flex;flex-direction:column;gap:3px}
.nav-item{display:flex;align-items:center;gap:10px;text-align:start;padding:11px 11px;font-size:13.5px;min-height:44px;position:relative}
.nav-item .nav-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#151b1f;color:#89959d;font-size:14px;flex:0 0 25px}
.nav-item:hover .nav-icon,.nav-item.active .nav-icon{background:#20282e;color:var(--gold2)}
.nav-item.active{font-weight:800}
.nav-badge{margin-inline-start:auto;background:#8f1d17;color:#fff;border-radius:999px;min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;font-size:10px}
.sidebar-user{padding:13px 6px 0}
.topbar{gap:14px}.topbar-leading{display:none}.topbar-copy{min-width:0;flex:1}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}
.mobile-menu-btn{border:0;background:#11171b;color:#fff;width:43px;height:43px;border-radius:11px;font-size:20px;cursor:pointer}
.sidebar-backdrop{display:none}.mobile-bottom-nav{display:none}
html[dir="ltr"] .nav-item,html[dir="ltr"] .nav-group-title{text-align:left}
html[dir="ltr"] th,html[dir="ltr"] td{text-align:left}
html[dir="ltr"] .toast-host{left:auto;right:18px}

@media(max-width:1100px) and (min-width:861px){
  :root{--sidebar-width:252px}
  .sidebar{padding-inline:10px}.brand-sub{font-size:10px}.nav-item{font-size:13px}
}

@media(max-width:860px){
  .app-shell{display:block;min-height:100vh}
  .sidebar{position:fixed;top:0;bottom:0;height:100dvh;width:min(86vw,350px);padding:14px 13px max(18px,env(safe-area-inset-bottom));overflow-y:auto;z-index:80;transition:transform .24s ease,box-shadow .24s ease;display:flex;border:0}
  html[dir="rtl"] .sidebar{right:0;left:auto;transform:translateX(105%)}
  html[dir="ltr"] .sidebar{left:0;right:auto;transform:translateX(-105%)}
  html[dir="rtl"] body.sidebar-open .sidebar,html[dir="ltr"] body.sidebar-open .sidebar{transform:translateX(0);box-shadow:0 0 60px rgba(0,0,0,.45)}
  .sidebar-brand,.sidebar-user{display:flex}
  .sidebar-user{margin-top:auto}
  .nav-menu{display:flex;overflow:visible;gap:6px}
  .nav-item{width:100%;font-size:14px;padding:12px;white-space:normal;flex:0 0 auto}
  .nav-item:hover,.nav-item.active{box-shadow:inset -3px 0 0 var(--gold)}
  html[dir="ltr"] .nav-item:hover,html[dir="ltr"] .nav-item.active{box-shadow:inset 3px 0 0 var(--gold)}
  .sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(3,7,10,.52);z-index:70;backdrop-filter:blur(2px)}
  .sidebar-backdrop.hidden{display:none!important}
  .topbar{position:sticky;top:0;z-index:50;background:rgba(244,246,248,.96);backdrop-filter:blur(12px);padding:11px 14px;border-bottom:1px solid rgba(220,225,229,.8);align-items:center}
  .topbar-leading{display:block}.topbar h2{font-size:18px;margin-bottom:2px}.topbar #pageSubtitle{font-size:11px;max-width:48vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .topbar-actions{gap:5px;flex-wrap:nowrap}.topbar-actions .btn{padding:8px 9px;min-width:40px}.topbar-actions #connectionBadge,.topbar-actions #appVersionBadge,.topbar-actions #installPwaBtn{display:none!important}
  .page-root{padding:14px 12px calc(var(--mobile-nav-height) + 20px)}
  .main{padding-bottom:0}
  .mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:60;height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));padding:6px 6px max(6px,env(safe-area-inset-bottom));background:#090d10;border-top:1px solid #242b30;box-shadow:0 -8px 24px rgba(0,0,0,.18)}
  .mobile-nav-item{border:0;background:transparent;color:#808b92;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:10px;cursor:pointer;min-width:0}
  .mobile-nav-item>span{font-size:18px;line-height:1}.mobile-nav-item small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .mobile-nav-item.active{color:var(--gold2);background:#151b1f}
  .modal-backdrop{z-index:100;padding:5px}.modal-card,.pr-modal-card{width:100%;max-width:none;max-height:97dvh;border-radius:14px}
  .toast-host{top:70px;left:10px;right:10px}.toast{min-width:0;width:100%}
}

@media(max-width:520px){
  .topbar #pageSubtitle{display:none}.topbar-actions #refreshBtn{font-size:0}.topbar-actions #refreshBtn::after{content:'↻';font-size:18px}
  .topbar-actions{margin-inline-start:auto}.topbar-copy h2{font-size:17px}
  .page-root{padding-inline:9px}.panel{padding:13px;border-radius:13px}.kpi{padding:14px}
  .mobile-bottom-nav{padding-inline:2px}.mobile-nav-item small{font-size:9px}
}
.auth-card{position:relative}.auth-language-toggle{position:absolute;top:14px;inset-inline-end:14px;border:1px solid #d6dce1;background:#f4f6f8;border-radius:9px;padding:7px 10px;font-weight:800;cursor:pointer;color:#31383d}
.nav-item.search-hidden{display:none!important}


/* =====================================================================
   v1.4.1 — Professional receipt entry: fully visible fields / line cards
   ===================================================================== */
.receipt-modal-card{width:min(1580px,98.5vw);max-width:1580px;max-height:96vh}
.receipt-modal-card .modal-body{padding:20px 22px}
.receipt-modal-card .receipt-header-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:13px 15px}
.receipt-modal-card .receipt-header-grid .span-2{grid-column:span 2}
.receipt-modal-card label{font-size:12.5px;margin:0 0 7px;color:#424b52;line-height:1.35}
.receipt-modal-card .input,.receipt-modal-card select{min-height:46px;padding:11px 13px;font-size:14px;border-radius:11px}
.receipt-section-title{gap:14px;align-items:flex-end;margin-top:22px}.receipt-section-title h4{font-size:17px;margin-bottom:4px}
.receipt-lines-list{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}
.receipt-line-card{border:1px solid #dfe4e8;background:#fff;border-radius:16px;padding:15px 16px;box-shadow:0 5px 18px rgba(14,26,34,.045)}
.receipt-line-card:focus-within{border-color:#c7a146;box-shadow:0 0 0 3px rgba(199,161,70,.10),0 7px 22px rgba(14,26,34,.06)}
.receipt-line-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #edf0f2}
.receipt-line-identity{display:flex;align-items:center;gap:11px;min-width:0;flex:1}
.receipt-line-number{display:grid;place-items:center;min-width:44px;height:34px;border-radius:10px;background:#11171b;color:#fff;font-size:13px;flex:0 0 auto}
.receipt-selected-title{font-size:15px;font-weight:900;color:#172026;white-space:normal;overflow-wrap:anywhere;line-height:1.45}
.selected-item-meta{white-space:normal;line-height:1.4;margin-top:2px}
.receipt-item-block{margin-bottom:14px}
.receipt-item-select{font-weight:800;font-size:14px!important}
.receipt-selected-item{margin-top:7px;padding:9px 11px;border-radius:9px;background:#f6f8f9;border:1px solid #e6eaed;font-weight:800;color:#253039;white-space:normal;overflow-wrap:anywhere;line-height:1.45;min-height:39px}
.receipt-item-block .stock{margin-top:7px;white-space:normal;line-height:1.5;color:#65727b}
.receipt-fields-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
.receipt-field{grid-column:span 2;min-width:0}.receipt-ref-field{grid-column:span 3}.receipt-line-total-field{grid-column:span 2}.receipt-batch-field{grid-column:span 3}.receipt-expiry-field{grid-column:span 3}
.receipt-field .input{width:100%;min-width:0;text-align:center;font-weight:700}
.receipt-line-net{min-height:46px;border:1px solid #d7dde1;background:#f5f8f7;border-radius:11px;padding:11px 13px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;color:#12633b;white-space:nowrap}
.percent-input-wrap{position:relative}.percent-input-wrap .input{padding-inline-end:36px!important}.percent-input-wrap>span{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);font-weight:900;color:#6a737a;pointer-events:none}
.receipt-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.receipt-summary-grid .kpi{min-height:104px}.receipt-summary-grid .value{overflow-wrap:anywhere}
.receipt-modal-card .modal-footer{position:sticky;bottom:0;background:#fff;z-index:2}
@media(max-width:1280px){.receipt-modal-card .receipt-header-grid{grid-template-columns:repeat(3,minmax(170px,1fr))}.receipt-field{grid-column:span 3}.receipt-ref-field,.receipt-batch-field,.receipt-expiry-field{grid-column:span 4}.receipt-line-total-field{grid-column:span 3}}
@media(max-width:900px){.receipt-modal-card{width:100%;max-width:none}.receipt-modal-card .receipt-header-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.receipt-modal-card .receipt-header-grid .span-2{grid-column:span 2}.receipt-fields-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.receipt-field,.receipt-ref-field,.receipt-line-total-field,.receipt-batch-field,.receipt-expiry-field{grid-column:span 2}.receipt-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.receipt-modal-card .modal-body{padding:13px 11px}.receipt-modal-card .receipt-header-grid{grid-template-columns:1fr}.receipt-modal-card .receipt-header-grid .span-2{grid-column:span 1}.receipt-section-title{align-items:stretch;flex-direction:column}.receipt-section-title .btn{width:100%}.receipt-line-card{padding:12px 11px}.receipt-fields-grid{grid-template-columns:1fr}.receipt-field,.receipt-ref-field,.receipt-line-total-field,.receipt-batch-field,.receipt-expiry-field{grid-column:auto}.receipt-summary-grid{grid-template-columns:1fr 1fr}.receipt-selected-title{font-size:14px}}

/* v1.5.0 UAT traceability / stock-aware form cards */
.uat-lines{display:flex;flex-direction:column;gap:12px}.uat-line-card{border:1px solid #dce2e6;border-radius:14px;padding:14px;background:#fff}.uat-line-card:focus-within{border-color:#c9a448;box-shadow:0 0 0 3px rgba(201,164,72,.1)}
.uat-line-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;align-items:end}.uat-line-grid>div{grid-column:span 2;min-width:0}.uat-line-grid .span-2{grid-column:span 2}.uat-line-grid .span-3{grid-column:span 3}.uat-line-grid .span-4{grid-column:span 4}.uat-line-grid label{display:block;font-size:12px;margin-bottom:6px;color:#4b555c}.uat-line-grid select,.uat-line-grid .input{width:100%;min-height:44px}
.link-btn{border:0;background:none;padding:0;color:#0d5f9a;font-weight:800;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.link-btn:hover{color:#083f67}
@media(max-width:900px){.uat-line-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.uat-line-grid>div,.uat-line-grid .span-2,.uat-line-grid .span-3{grid-column:span 2}.uat-line-grid .span-4{grid-column:span 4}}
@media(max-width:620px){.uat-line-grid{grid-template-columns:1fr}.uat-line-grid>div,.uat-line-grid .span-2,.uat-line-grid .span-3,.uat-line-grid .span-4{grid-column:auto}}

.branch-context{margin:8px 0}.branch-chip{display:block;padding:7px 9px;border:1px solid #38444b;border-radius:9px;background:#11191e;color:#f6d878;font-size:12px}.branch-chip.danger{color:#fecaca;border-color:#7f1d1d}.branch-switch{display:block;font-size:11px;color:#aab5bc}.branch-switch select{width:100%;margin-top:4px;background:#11191e;color:#fff;border:1px solid #38444b;border-radius:8px;padding:6px}.perm-group{border:1px solid #e5e7eb;border-radius:12px;padding:12px;margin:10px 0}.perm-group h5{margin:0 0 10px}.perm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.perm-item{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid #eef0f2;border-radius:9px;padding:8px}.perm-item span{display:flex;flex-direction:column}.perm-item small{color:#7b8790}.perm-item select{min-width:110px}.report-filter-box{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr)) auto auto;gap:9px;align-items:end;padding:12px;margin:10px 0;border:1px solid #e5e7eb;border-radius:12px;background:#fafbfc}.report-filter-box label{display:block;font-size:12px;color:#667085;margin-bottom:4px}@media(max-width:1100px){.perm-grid{grid-template-columns:1fr}.report-filter-box{grid-template-columns:repeat(2,1fr)}}

/* =====================================================================
   v1.5.2 — Pre-final UX: light navigation, type-ahead, permission matrix
   ===================================================================== */
:root{--sidebar-light:#ffffff;--sidebar-ink:#182026;--sidebar-muted:#6d7880;--sidebar-line:#e7ebee;--sidebar-hover:#f5f7f8;--sidebar-active:#fff8e7}
.sidebar{background:var(--sidebar-light);color:var(--sidebar-ink);border-inline-start:1px solid var(--sidebar-line);box-shadow:-10px 0 28px rgba(15,23,42,.045)}
.sidebar-brand{border-bottom-color:var(--sidebar-line)}
.brand-sub{color:#77828a}.brand-name{color:#8e6d18}
.nav-search-wrap{background:#f6f8f9;border-color:#dde3e7;color:#879199}
.nav-search{color:#182026;font-size:14px}.nav-search::placeholder{color:#8a949b}
.language-toggle{background:#f6f8f9;border-color:#dde3e7;color:#273038}.language-toggle .lang-other{color:#7a858d}.lang-sep{color:#c3c9ce}
.nav-group{border-bottom-color:#edf0f2}
.nav-group-title{color:#6f7a82;font-size:12.5px;padding:10px 10px 7px}.nav-group-title:hover{color:#222b31}
.nav-item{color:#334047;font-size:15px;line-height:1.35;min-height:48px;padding:12px 12px;border:1px solid transparent}
.nav-item .nav-icon{background:#f1f4f5;color:#67737b;width:29px;height:29px;flex-basis:29px;font-size:15px}
.nav-item:hover{background:var(--sidebar-hover);color:#12191d;border-color:#edf0f2}
.nav-item.active{background:var(--sidebar-active);color:#171c20;border-color:#f0dfad;box-shadow:inset -4px 0 0 var(--gold);font-weight:900}
.nav-item:hover .nav-icon,.nav-item.active .nav-icon{background:#fff1c8;color:#886613}
.sidebar-user{border-top-color:var(--sidebar-line);color:#273038}.sidebar-user small{color:#7b858c}
.mobile-menu-btn{background:#fff;color:#222;border:1px solid #dfe4e8}

/* Universal searchable select that preserves the original select value/events. */
.typeahead-select{position:relative;min-width:0;width:100%}
.typeahead-source{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;inset-inline-start:0;bottom:0;padding:0!important;border:0!important}
.typeahead-input{padding-inline-end:38px!important;background-image:linear-gradient(45deg,transparent 50%,#68737b 50%),linear-gradient(135deg,#68737b 50%,transparent 50%);background-position:calc(18px) 50%,calc(13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
html[dir="ltr"] .typeahead-input{background-position:calc(100% - 13px) 50%,calc(100% - 18px) 50%}
.typeahead-list{position:absolute;z-index:160;top:calc(100% + 5px);right:0;left:0;max-height:310px;overflow:auto;background:#fff;border:1px solid #d8dee3;border-radius:12px;box-shadow:0 16px 44px rgba(15,23,42,.16);padding:5px}
.typeahead-option{display:block;width:100%;border:0;background:#fff;text-align:start;padding:10px 11px;border-radius:8px;cursor:pointer;font:inherit;font-size:13.5px;color:#1e272d}
.typeahead-option:hover,.typeahead-option.active{background:#f5f7f8;color:#111;font-weight:700}
.typeahead-empty{padding:14px;text-align:center;color:#7b858d;font-size:13px}

/* Users listed vertically, permissions horizontally with direct checkboxes. */
.permission-admin{padding:0;overflow:hidden}
.permission-admin-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid var(--line);background:#fff}
.permission-admin-head h3{margin:0 0 5px;font-size:20px}.permission-admin-head p{margin:0}
.user-settings-details{margin:16px 18px;border:1px solid var(--line);border-radius:13px;background:#fafbfc;overflow:hidden}
.user-settings-details summary{cursor:pointer;padding:14px 16px;font-weight:900;font-size:14px;background:#f7f9fa}
.user-settings-grid{display:grid;gap:10px;padding:12px}
.user-setting-card{display:grid;grid-template-columns:minmax(210px,1.2fr) minmax(180px,1fr) minmax(190px,1fr) auto;gap:12px;align-items:end;background:#fff;border:1px solid #e5e9ec;border-radius:12px;padding:12px}
.user-setting-card label{margin-top:0}.user-active{display:flex;align-items:center;gap:7px;min-height:44px;padding:0 8px}.user-active input{width:19px;height:19px}
.permission-matrix-section{margin:18px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.permission-matrix-title{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:#f8fafb;border-bottom:1px solid var(--line)}
.permission-matrix-title h4{margin:0;font-size:15px}.permission-matrix-title span{font-size:12px;color:var(--muted)}
.permission-matrix-wrap{overflow:auto;max-width:100%}
.permission-matrix{min-width:max-content;width:100%;border-collapse:separate;border-spacing:0}
.permission-matrix th,.permission-matrix td{min-width:116px;text-align:center;padding:10px;border-bottom:1px solid #edf0f2;border-inline-start:1px solid #f0f2f4;background:#fff}
.permission-matrix th{top:0;z-index:5;background:#fafbfc;vertical-align:bottom;font-size:12px;white-space:normal}
.permission-matrix th span{display:block;max-width:150px;line-height:1.3}.permission-matrix th small{display:block;color:#8a959c;font-size:9.5px;margin-top:4px;direction:ltr}
.permission-matrix .sticky-user{position:sticky;right:0;z-index:7;min-width:235px;text-align:right;background:#fff;box-shadow:-6px 0 10px rgba(15,23,42,.04)}
html[dir="ltr"] .permission-matrix .sticky-user{right:auto;left:0;text-align:left;box-shadow:6px 0 10px rgba(15,23,42,.04)}
.permission-matrix thead .sticky-user{z-index:9;background:#f6f8f9}
.perm-user-name{display:flex;flex-direction:column;gap:3px}.perm-user-name b{font-size:13.5px;color:#172026}.perm-user-name small{font-size:11px;color:#7a858c;direction:ltr;text-align:start}
.matrix-check{display:grid!important;place-items:center;margin:0!important;cursor:pointer}.matrix-check input{position:absolute;opacity:0;pointer-events:none}.matrix-check span{width:24px;height:24px;border:2px solid #c9d0d5;border-radius:7px;background:#fff;display:grid;place-items:center;transition:.15s}
.matrix-check input:checked+span{background:#19b56b;border-color:#19b56b}.matrix-check input:checked+span::after{content:'✓';color:#fff;font-weight:900;font-size:16px;line-height:1}
.matrix-check:hover span{border-color:#9da8af;transform:translateY(-1px)}
.branch-pair{display:flex;justify-content:center;gap:6px}.branch-pair label{display:flex;align-items:center;gap:4px;margin:0;padding:5px 7px;border-radius:7px;background:#f5f7f8;font-size:10px;white-space:nowrap}.branch-pair input{width:16px;height:16px;accent-color:#19b56b}

@media(max-width:1100px) and (min-width:861px){.nav-item{font-size:14.5px}.user-setting-card{grid-template-columns:1fr 1fr}}
@media(max-width:860px){
  .sidebar{background:#fff;border-inline-start:0}.sidebar-backdrop{background:rgba(15,23,42,.38)}
  .nav-item{font-size:15px}.nav-item.active{box-shadow:inset -4px 0 0 var(--gold)}
  .mobile-bottom-nav{background:#fff;border-top-color:#dfe4e8;box-shadow:0 -8px 24px rgba(15,23,42,.08)}
  .mobile-nav-item{color:#69757d}.mobile-nav-item.active{color:#7f6115;background:#fff6dc}
  .permission-admin-head{align-items:flex-start;flex-direction:column}.permission-admin-head .btn{width:100%}
  .user-setting-card{grid-template-columns:1fr}.permission-matrix-section{margin:12px 8px}.permission-matrix .sticky-user{min-width:190px}
}


/* v1.5.3 Global UI rule — all entry/details modals use the screen */
.modal-backdrop{padding:10px!important}
.modal-card,.pr-modal-card,.receipt-modal-card{width:calc(100vw - 20px)!important;max-width:none!important;height:calc(100vh - 20px)!important;max-height:calc(100vh - 20px)!important;border-radius:14px!important}
.modal-body{padding:20px 22px!important;overflow:auto!important;flex:1 1 auto}
.modal-head{padding:18px 22px!important;min-height:68px}.modal-head h3{font-size:20px!important}
.modal-footer{padding:14px 22px!important;position:sticky;bottom:0;background:#fff;z-index:4}
.modal-card table{min-width:980px}.modal-card th,.modal-card td{font-size:14px;padding:12px 13px}.modal-card th{font-size:13px}
.global-branch-banner{display:flex;align-items:center;gap:9px;margin-bottom:12px;padding:10px 14px;border:1px solid #e1c66e;background:#fff8df;border-radius:12px;font-size:13px}.global-branch-banner strong{font-size:15px}
.pos-var{color:#147946}.neg-var{color:#b42318}
.notice{padding:11px 13px;border-radius:10px;background:#f6f8f9;border:1px solid var(--line);margin:12px 0;color:#47515a}.hidden{display:none!important}
@media(max-width:760px){.modal-card,.pr-modal-card,.receipt-modal-card{width:100%!important;height:calc(100vh - 10px)!important;max-height:calc(100vh - 10px)!important}.modal-body{padding:14px 12px!important}.modal-card table{min-width:760px}}
.inline-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.inline-control .btn{white-space:nowrap}


/* v1.5.4 — UAT finalization */
/* All operational entry/detail dialogs use the available screen. */
.modal-backdrop{padding:2px!important;align-items:stretch!important}
.modal-card,.pr-modal-card,.receipt-modal-card{width:calc(100vw - 4px)!important;max-width:none!important;height:calc(100dvh - 4px)!important;max-height:calc(100dvh - 4px)!important;border-radius:10px!important}
.modal-header{padding:18px 24px!important}.modal-body{padding:20px 24px!important;flex:1 1 auto!important;min-height:0!important;overflow:auto!important}.modal-footer{padding:14px 24px!important}
.modal-card .form-grid{gap:16px!important}.modal-card .input,.modal-card select,.modal-card textarea{min-height:48px!important;font-size:15px!important}.modal-card label{font-size:14px!important}.modal-card table th,.modal-card table td{font-size:14px!important;padding:12px 14px!important}
.permission-matrix-wrap{overflow-anchor:none;scroll-behavior:auto}.permission-admin{overflow-anchor:none}.permission-matrix input{scroll-margin:0!important}
.permission-summary{display:flex;gap:10px;flex-wrap:wrap;padding:12px 18px 0}.permission-summary .badge-stat{background:#f6f8f9;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:13px}.permission-summary b{font-size:16px;margin-inline-start:6px}
.permission-user-search{min-width:300px;max-width:430px}
.permission-dirty{display:none;padding:8px 12px;border-radius:10px;background:#fff8df;border:1px solid #e6cb76;font-size:12px;font-weight:800}.permission-dirty.show{display:inline-flex}
@media(max-width:700px){.modal-backdrop{padding:0!important}.modal-card,.pr-modal-card,.receipt-modal-card{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}.permission-user-search{min-width:0;width:100%}}

/* v1.5.5 — Professional permission workflow */
.permission-center155{padding:0!important;overflow:hidden}.permission-center-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:22px 24px;border-bottom:1px solid var(--line)}.permission-center-head h3{margin:0 0 6px;font-size:22px}.permission-presets155{padding:20px 24px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfcfd)}.section-title155{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-bottom:14px}.section-title155 h4{margin:0 0 4px;font-size:16px}.section-title155 p{margin:0;color:var(--muted);font-size:12px}.role-preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.role-preset-card{border:1px solid #e3e7ea;background:#fff;border-radius:14px;padding:13px;text-align:start;display:flex;gap:11px;align-items:flex-start;cursor:pointer;transition:.15s;min-height:94px}.role-preset-card:hover,.role-preset-card.selected{border-color:#d5b653;background:#fffaf0;box-shadow:0 5px 18px rgba(15,23,42,.06)}.role-preset-card:disabled{cursor:default;opacity:.75}.role-preset-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fff4cf;color:#8a6610;font-size:18px;font-weight:900;flex:0 0 auto}.role-preset-icon.big{width:46px;height:46px;font-size:24px}.role-preset-card span:last-child{display:flex;flex-direction:column;gap:3px}.role-preset-card b{font-size:14px;color:#172026}.role-preset-card small{font-size:11px;color:#6f7a81;line-height:1.45}.role-preset-card em{font-size:10px;color:#8a6610;font-style:normal;font-weight:800}.permission-tools155{display:grid;grid-template-columns:auto minmax(230px,420px) auto minmax(360px,1fr);gap:12px;align-items:center;padding:16px 24px;background:#f8fafb;border-bottom:1px solid var(--line)}.permission-stats155{display:flex;gap:7px;flex-wrap:wrap}.permission-stats155 span{border:1px solid var(--line);background:#fff;padding:8px 10px;border-radius:9px;font-size:12px;white-space:nowrap}.permission-stats155 b{font-size:15px;margin-inline-start:4px}.select-visible155{display:flex;gap:6px;align-items:center;font-size:12px;white-space:nowrap}.select-visible155 input{width:17px;height:17px;accent-color:#19b56b}.bulk-role155{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:8px}.permission-user-list155{display:grid;gap:10px;padding:16px 24px 26px}.permission-user-card{display:grid;grid-template-columns:34px minmax(210px,1.05fr) minmax(260px,1.2fr) minmax(210px,.85fr) minmax(220px,.9fr);gap:14px;align-items:center;border:1px solid #e4e8eb;border-radius:14px;background:#fff;padding:14px 16px;transition:.15s}.permission-user-card:hover{border-color:#d9c16e;box-shadow:0 5px 16px rgba(15,23,42,.045)}.permission-user-select input{width:18px;height:18px;accent-color:#19b56b}.permission-user-identity{display:flex;gap:10px;align-items:center;min-width:0}.perm-avatar{width:42px;height:42px;border-radius:12px;background:#f1f4f6;border:1px solid #e1e5e8;display:grid;place-items:center;font-weight:900;font-size:17px}.permission-user-identity h4{margin:0;font-size:14px}.permission-user-identity p{margin:3px 0;color:var(--muted);font-size:11px;direction:ltr;text-align:start;overflow:hidden;text-overflow:ellipsis}.status-dot{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800}.status-dot:before{content:'';width:7px;height:7px;border-radius:50%;background:#9aa4aa}.status-dot.on{color:#157347}.status-dot.on:before{background:#20b26b}.status-dot.off{color:#8b959b}.permission-user-field{display:flex;flex-direction:column;gap:5px;min-width:0}.permission-user-field label{font-size:11px;font-weight:800;color:#525d64}.permission-user-field select{width:100%;min-height:42px}.permission-user-field small{font-size:10px;color:#889299;line-height:1.35;min-height:27px}.permission-user-actions{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}.permission-user-actions .pu-custom{grid-column:1/-1}.switch155{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800}.switch155 input{width:18px;height:18px;accent-color:#19b56b}.permission-user-summary{display:flex;gap:5px;justify-content:flex-end;flex-wrap:wrap}.permission-user-summary span{font-size:9.5px;padding:4px 6px;border-radius:7px;background:#f5f7f8;border:1px solid #edf0f2;white-space:nowrap}.permission-editor155{display:grid;gap:22px}.permission-editor-summary155{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px;border-radius:14px;background:#fffaf0;border:1px solid #ead38b}.permission-editor-summary155 h3{margin:0 0 4px}.permission-editor-summary155 p{margin:0;color:#6e7478;font-size:12px}.branch-access-grid155{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:9px}.branch-access-card155{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border:1px solid #e4e8eb;border-radius:12px;padding:11px;background:#fff}.branch-access-card155 div{display:flex;flex-direction:column}.branch-access-card155 small{font-size:10px;color:var(--muted)}.branch-access-card155 label{display:flex;gap:5px;align-items:center;font-size:11px}.branch-access-card155 input{width:17px;height:17px;accent-color:#19b56b}.advanced-perm-group155{border:1px solid #e4e8eb;border-radius:14px;overflow:hidden}.advanced-perm-head155{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;background:#f7f9fa;border-bottom:1px solid #e4e8eb}.advanced-perm-head155 h4{margin:0;font-size:14px}.advanced-perm-head155 span{font-size:10px;color:var(--muted)}.advanced-perm-grid155{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0}.advanced-perm-item155{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:flex-start;padding:12px;border-bottom:1px solid #f0f2f4;border-inline-start:1px solid #f0f2f4;cursor:pointer}.advanced-perm-item155.customized{background:#fff9e8}.advanced-perm-item155 input{width:19px;height:19px;accent-color:#19b56b;margin-top:2px}.advanced-perm-item155 span{display:flex;flex-direction:column;gap:2px}.advanced-perm-item155 b{font-size:12px}.advanced-perm-item155 small{font-size:9px;color:#8b959b;direction:ltr;text-align:start}.advanced-perm-item155 em{font-style:normal;font-size:9.5px;color:#7b692b}.permission-dirty.show{display:inline-flex}
@media(max-width:1200px){.permission-tools155{grid-template-columns:1fr 1fr}.permission-user-card{grid-template-columns:30px 1fr 1fr}.permission-user-actions{grid-column:2/-1}.permission-user-field:nth-of-type(2){grid-column:auto}}
@media(max-width:760px){.permission-center-head{padding:16px;flex-direction:column}.permission-presets155,.permission-tools155,.permission-user-list155{padding:14px}.permission-tools155{grid-template-columns:1fr}.bulk-role155{grid-template-columns:1fr}.permission-user-card{grid-template-columns:28px 1fr;padding:12px}.permission-user-field,.permission-user-actions{grid-column:1/-1}.permission-user-select{grid-row:1}.permission-user-identity{grid-column:2}.permission-editor-summary155{grid-template-columns:auto 1fr}.permission-editor-summary155 .btn{grid-column:1/-1}.advanced-perm-grid155{grid-template-columns:1fr}}

/* v1.5.6 UAT RC */
.variance-list{display:grid;gap:14px;margin-top:16px}
.variance-card{border:1px solid var(--border,#d9dee5);border-radius:14px;padding:14px;background:#fff}
.variance-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}
.decision-summary{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid var(--border,#e5e7eb)}
.qty-input-unit{display:flex;align-items:center;gap:8px}.qty-input-unit .input{min-width:120px}.qty-input-unit span{font-weight:700;white-space:nowrap}
.neg-var{color:#a11}.pos-var{color:#087a45}
.notice.danger{border-color:#c33;background:#fff2f2;color:#8c1d1d}
@media(max-width:800px){.variance-head{flex-direction:column}.decision-summary{align-items:stretch}}
/* v1.5.7 */
.reserve-box{padding:8px 10px;border:1px solid #e3c878;border-radius:10px;background:#fffaf0}.reserve-box.hidden{display:none!important}
#ip157Effective{margin-top:10px}.policy-warning{font-size:12px}.uat-line-grid .reserve-box{align-self:end}

/* v1.6.0 go-live RC */
.count-workflow160{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.count-workflow160 span{padding:8px 12px;border:1px solid #d9dee5;border-radius:999px;background:#f7f8fa;font-weight:700}.count-workflow160 span.active{border-color:#d6ad4c;background:#fff6dc}.variance-card{border:1px solid #d9dee5;border-radius:14px;padding:14px;background:#fff}.variance-list{display:grid;gap:14px;margin-top:16px}.variance-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.decision-summary{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin-top:12px}.qty-input-unit{display:flex;align-items:center;gap:8px}.qty-input-unit span{font-weight:700;white-space:nowrap}