/* Diamond Club — Manager (bilingual EN/AR, multi-module) */
[hidden]{display:none!important}
*{margin:0;padding:0;box-sizing:border-box}
:root{
--cream:#FAF7F2;--beige:#F0E9DC;--nude:#E8D8C4;--warm:#C9B89A;
--dark:#1C1410;--mid:#3A2C1E;--accent:#8B6F47;
--line:#E2D6C2;--ok:#5C7F4F;--err:#9A3B2C;--gold:#B8860B;
--side:240px;
}
html{scroll-behavior:smooth}
body{font-family:'Montserrat',sans-serif;background:var(--cream);color:var(--dark);min-height:100vh;font-weight:400}
body[dir="rtl"]{font-family:'Cairo','Montserrat',sans-serif}
a{text-decoration:none;color:inherit}
button{font-family:inherit;cursor:pointer}
input,select,textarea{font-family:inherit}
/* ===== Buttons ===== */
.btn-d{background:var(--dark);color:var(--cream);border:none;padding:10px 18px;font-size:9px;letter-spacing:2.5px;text-transform:uppercase;font-weight:500;transition:background .2s;white-space:nowrap}
.btn-d:hover{background:var(--accent)}
.btn-o{background:transparent;border:1px solid var(--dark);color:var(--dark);padding:10px 18px;font-size:9px;letter-spacing:2.5px;text-transform:uppercase;font-weight:500;transition:all .2s;display:inline-block;white-space:nowrap}
.btn-o:hover{background:var(--dark);color:var(--cream)}
.btn-g{background:var(--beige);border:none;color:var(--mid);padding:10px 14px;font-size:9px;letter-spacing:2.5px;text-transform:uppercase;font-weight:500;transition:all .2s;white-space:nowrap}
.btn-g:hover{background:var(--nude);color:var(--dark)}
.icon-btn{background:transparent;border:none;color:var(--mid);width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;transition:color .2s}
.icon-btn:hover{color:var(--accent)}
.link-btn{background:none;border:none;color:var(--accent);font-size:11px;letter-spacing:.5px;cursor:pointer;padding:4px 0;font-weight:500}
.link-btn:hover{color:var(--dark)}
body[dir="rtl"] .btn-d,body[dir="rtl"] .btn-o,body[dir="rtl"] .btn-g{letter-spacing:0;font-family:'Cairo',sans-serif;font-size:11px;text-transform:none;font-weight:500}
/* ===== LOGIN ===== */
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--beige);padding:30px;position:relative;overflow:hidden}
.login-wrap::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(200,180,154,.3) 0%,transparent 70%);pointer-events:none}
.login-card{position:relative;z-index:1;background:var(--cream);padding:48px 40px 36px;max-width:440px;width:100%;border:1px solid var(--line);text-align:center}
.login-logo{width:150px;margin:0 auto 20px;display:block}
.login-eye{font-size:9px;letter-spacing:5px;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-weight:500}
body[dir="rtl"] .login-eye{font-size:11px;letter-spacing:3px;text-transform:none}
.login-card h1{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:30px;color:var(--dark);margin-bottom:6px;line-height:1.2}
body[dir="rtl"] .login-card h1{font-family:'Cairo',sans-serif;font-style:normal;font-weight:400;font-size:24px}
.login-sub{font-size:11px;font-weight:300;color:var(--warm);letter-spacing:1px;margin-bottom:28px;text-transform:uppercase}
body[dir="rtl"] .login-sub{text-transform:none;letter-spacing:0;font-size:12px}
.login-card form{text-align:start}
.login-card .field{margin-bottom:18px}
.login-card label{display:block;font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--warm);margin-bottom:7px;font-weight:500}
body[dir="rtl"] .login-card label{font-size:11px;letter-spacing:0;text-transform:none}
.login-card input{width:100%;background:#fff;border:1px solid var(--line);padding:13px 14px;font-size:13px;color:var(--dark);transition:border-color .2s;letter-spacing:1px}
.login-card input:focus{outline:none;border-color:var(--accent)}
.login-card form button{width:100%;background:var(--dark);color:var(--cream);border:none;padding:14px;font-size:9px;letter-spacing:3px;text-transform:uppercase;font-weight:500;cursor:pointer;transition:background .2s;margin-top:6px}
body[dir="rtl"] .login-card form button{font-size:12px;letter-spacing:0;text-transform:none;font-family:'Cairo',sans-serif}
.login-card form button:hover{background:var(--accent)}
.login-err{color:var(--err);font-size:11px;margin-top:14px;min-height:14px;letter-spacing:.5px}
.login-foot{display:flex;justify-content:center;gap:8px;margin-top:24px;flex-wrap:wrap}
.lang-pill{background:transparent;border:1px solid var(--line);color:var(--mid);padding:6px 14px;font-size:10px;letter-spacing:1px;cursor:pointer;transition:all .2s}
.lang-pill:hover{border-color:var(--accent);color:var(--accent)}
.lang-pill.is-on{background:var(--dark);color:var(--cream);border-color:var(--dark)}
/* ===== LAYOUT ===== */
.layout{display:grid;grid-template-columns:var(--side) 1fr;min-height:100vh}
body[dir="rtl"] .layout{direction:rtl}
/* ===== SIDEBAR ===== */
.side{background:var(--dark);color:var(--cream);position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;padding:22px 0 18px}
.side-logo{display:flex;align-items:center;gap:12px;padding:0 20px 22px;border-bottom:1px solid rgba(255,255,255,.06)}
.side-logo img{height:34px;filter:brightness(0) invert(1);opacity:.95}
.side-title .side-eye{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:17px;font-weight:300;line-height:1.1}
body[dir="rtl"] .side-title .side-eye{font-family:'Cairo',sans-serif;font-style:normal;font-weight:600;font-size:15px}
.side-title .side-sub{font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--warm);font-weight:500;margin-top:3px}
body[dir="rtl"] .side-title .side-sub{font-size:10px;letter-spacing:0;text-transform:none}
.side-nav{display:flex;flex-direction:column;padding:14px 0 18px;flex:1}
.side-link{display:flex;align-items:center;gap:12px;padding:11px 20px;color:rgba(255,255,255,.55);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:500;cursor:pointer;transition:all .2s;border-inline-start:2px solid transparent;position:relative}
body[dir="rtl"] .side-link{font-size:13px;letter-spacing:0;text-transform:none}
.side-link svg{width:18px;height:18px;flex:0 0 18px;opacity:.7;transition:opacity .2s}
.side-link:hover{color:var(--cream);background:rgba(255,255,255,.04)}
.side-link:hover svg{opacity:1}
.side-link.is-on{color:var(--cream);background:rgba(139,111,71,.18);border-inline-start-color:var(--accent)}
.side-link.is-on svg{opacity:1;color:var(--accent)}
.side-divider{height:1px;background:rgba(255,255,255,.06);margin:10px 20px}
.badge-count{margin-inline-start:auto;background:rgba(255,255,255,.08);color:var(--cream);font-size:9px;font-weight:500;padding:2px 8px;border-radius:9px;min-width:22px;text-align:center;letter-spacing:0}
.side-link.is-on .badge-count{background:var(--accent)}
.side-logout{background:transparent;border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.55);padding:11px 18px;font-size:9px;letter-spacing:2.5px;text-transform:uppercase;font-weight:500;cursor:pointer;transition:all .2s;margin:0 20px;display:flex;align-items:center;justify-content:center;gap:10px}
body[dir="rtl"] .side-logout{font-size:11px;letter-spacing:0;text-transform:none;font-family:'Cairo',sans-serif}
.side-logout:hover{border-color:var(--accent);color:var(--cream)}
.side-logout svg{width:14px;height:14px}
/* ===== MAIN ===== */
.main{min-width:0;display:flex;flex-direction:column}
.topbar{background:rgba(250,247,242,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding:14px 24px;display:flex;align-items:center;gap:18px;position:sticky;top:0;z-index:50;flex-wrap:wrap}
.mobile-menu{display:none;background:transparent;border:1px solid var(--line);color:var(--mid);width:38px;height:38px;align-items:center;justify-content:center}
.branch-pick{display:flex;align-items:center;gap:8px}
.branch-pick label{font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--warm);font-weight:500}
body[dir="rtl"] .branch-pick label{font-size:11px;letter-spacing:0;text-transform:none}
.branch-pick select{min-width:170px;font-weight:500}
.topbar-gold{display:flex;align-items:center;gap:14px;padding:6px 14px;background:linear-gradient(180deg,var(--cream),var(--beige));border:1px solid var(--line)}
.gold-mini-l{font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-weight:600}
body[dir="rtl"] .gold-mini-l{font-size:10px;letter-spacing:0;text-transform:none}
.gold-mini-k{font-size:10.5px;color:var(--mid);font-weight:600;letter-spacing:.3px;white-space:nowrap}
.topbar-r{margin-inline-start:auto;display:flex;align-items:center;gap:8px}
.lang-toggle{display:inline-flex;border:1px solid var(--line);overflow:hidden}
.lang-btn{background:transparent;border:none;color:var(--mid);padding:8px 12px;font-size:10px;font-weight:500;cursor:pointer;transition:all .2s;min-width:36px}
.lang-btn.is-on{background:var(--dark);color:var(--cream)}
.lang-btn:not(.is-on):hover{background:var(--beige)}
/* ===== VIEW ===== */
.view{display:none;padding:24px 28px 40px}
.view.is-on{display:block;animation:fadeup .25s ease}
@keyframes fadeup{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.view-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:22px}
.view-head h1{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:34px;color:var(--dark);line-height:1.1}
body[dir="rtl"] .view-head h1{font-family:'Cairo',sans-serif;font-style:normal;font-weight:500;font-size:26px}
.view-sub{font-size:11px;color:var(--warm);letter-spacing:1px;text-transform:uppercase;font-weight:500;margin-top:6px}
body[dir="rtl"] .view-sub{font-size:13px;letter-spacing:0;text-transform:none}
.view-head-r{display:flex;gap:8px;flex-wrap:wrap}
/* ===== PANELS ===== */
.panel{background:#fff;border:1px solid var(--line);overflow:hidden}
.panel-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);gap:10px;background:var(--cream)}
.panel-head h3{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:20px;color:var(--dark)}
body[dir="rtl"] .panel-head h3{font-family:'Cairo',sans-serif;font-style:normal;font-weight:500;font-size:17px}
.panel-body{padding:18px 20px}
.cards-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.row-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
/* ===== KPIs ===== */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}
.kpi{background:#fff;border:1px solid var(--line);padding:18px 20px;position:relative;overflow:hidden}
.kpi-l{font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--warm);font-weight:500}
body[dir="rtl"] .kpi-l{font-size:11px;letter-spacing:0;text-transform:none}
.kpi-n{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:34px;color:var(--dark);line-height:1.1;margin-top:8px}
body[dir="rtl"] .kpi-n{font-family:'Cairo',sans-serif;font-style:normal;font-weight:600;font-size:26px}
.kpi-d{font-size:10px;color:var(--accent);font-weight:300;margin-top:6px;letter-spacing:.3px}
body[dir="rtl"] .kpi-d{font-size:12px}
.kpi-icon{position:absolute;top:14px;inset-inline-end:14px;color:var(--accent);opacity:.25}
.kpi-icon svg{width:36px;height:36px}
.kpi.is-alert{border-color:var(--err)}
.kpi.is-alert .kpi-n{color:var(--err)}
/* Inventory value KPI with breakdown */
.kpis{align-items:start}
.kpi-inv-full{background:#fff;border:1px solid var(--line);padding:18px 20px;grid-column:1/-1}
.kpi-top{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}
.kpi-top .kpi-icon{position:static;opacity:.3;flex:0 0 auto;margin-top:4px}
.kpi-top .kpi-icon svg{width:28px;height:28px}
.kpi-lbl{font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--warm);font-weight:500;margin-top:2px}
.kpi-inv-full .kpi-n{margin-top:4px;font-size:30px}
/* Breakdown bars */
.inv-breakdown{display:flex;flex-direction:column;gap:7px;padding-top:14px;border-top:1px solid var(--line)}
.inv-breakdown-row{display:grid;grid-template-columns:90px 1fr 110px 36px;align-items:center;gap:10px}
.inv-bd-cat{font-size:8px!important;letter-spacing:1.5px!important;white-space:nowrap}
.inv-bd-bar-wrap{height:4px;background:var(--beige);border-radius:2px;overflow:hidden}
.inv-bd-bar{height:100%;background:var(--accent);border-radius:2px;transition:width .5s ease}
.inv-bd-val{font-size:11px;font-weight:500;color:var(--dark);text-align:right;white-space:nowrap}
.inv-bd-ct{font-size:9px;color:var(--warm);text-align:right}
body[dir="rtl"] .inv-breakdown-row{direction:rtl}
@media(max-width:860px){
.kpi-inv-full{grid-column:1/-1}
.inv-breakdown-row{grid-template-columns:70px 1fr 90px 28px;gap:7px}
.inv-bd-val{font-size:10px}
}
@media(max-width:480px){
.inv-breakdown-row{grid-template-columns:60px 1fr 80px;gap:6px}
.inv-bd-ct{display:none}
}
/* ===== Gold bar (inventory) ===== */
.gold-bar{background:linear-gradient(180deg,#fff,var(--beige));border:1px solid var(--line);padding:18px 20px;margin-bottom:18px}
.gold-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.gold-eye{font-size:9px;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:5px;font-weight:600}
body[dir="rtl"] .gold-eye{font-size:11px;letter-spacing:0;text-transform:none}
.gold-title-sm{font-size:11px;color:var(--mid);font-weight:300;letter-spacing:.3px}
.gold-updated{font-size:10px;color:var(--warm);letter-spacing:1px}
.gold-updated strong{color:var(--mid);font-weight:500;margin-inline-start:6px}
.gold-grid{display:grid;grid-template-columns:repeat(4,1fr) 1.3fr 1fr auto;gap:8px;align-items:end}
.gold-grid-4{grid-template-columns:repeat(4,1fr);margin-bottom:10px}
.gold-subhead{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--warm);font-weight:600;margin:12px 0 6px}
body[dir="rtl"] .gold-subhead{font-size:12px;letter-spacing:0;text-transform:none}
.gold-input{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--line);padding:9px 12px;transition:border-color .2s}
.gold-input:focus-within{border-color:var(--gold)}
.gold-k{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:13px;color:var(--gold);font-weight:500}
body[dir="rtl"] .gold-k{font-family:'Cairo',sans-serif;font-style:normal;font-size:12px;font-weight:500}
.gold-input input{background:transparent;border:none;font-size:16px;font-weight:500;color:var(--dark);padding:1px 0;font-family:inherit;width:100%}
.gold-input input:focus{outline:none}
.gold-u{font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:var(--warm);font-weight:500}
body[dir="rtl"] .gold-u{font-size:10px;letter-spacing:0;text-transform:none}
.gold-making{background:var(--beige)}
.gold-apply{align-self:stretch;padding:11px 18px}
/* ===== TOOLBAR / FILTERS ===== */
.toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 0 16px;gap:12px;flex-wrap:wrap}
.tools-l{display:flex;gap:8px;flex-wrap:wrap;align-items:center;flex:1}
.select,.search{background:#fff;border:1px solid var(--line);padding:10px 13px;font-size:11px;color:var(--dark);letter-spacing:.5px;transition:border-color .2s;font-weight:400}
.select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-inline-end:32px;background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:right 12px center;min-width:150px}
body[dir="rtl"] .select{background-position:left 12px center}
.search{min-width:240px;flex:1;max-width:360px}
.select:focus,.search:focus{outline:none;border-color:var(--accent)}
/* ===== PRODUCT GRID ===== */
.grid{display:flex;flex-direction:column;gap:32px}
/* Category groups */
.inv-group{}
.inv-group-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.inv-group-label{font-family:'Cormorant Garamond',serif;font-size:18px;font-style:italic;color:var(--dark);letter-spacing:.5px}
.inv-group-count{font-size:9px!important;letter-spacing:1.5px!important;min-width:28px;text-align:center}
.inv-group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
/* Show more row */
.inv-show-more{grid-column:1/-1;display:flex;justify-content:center;padding:10px 0}
.btn-show-more{background:none;border:1px solid var(--line);color:var(--warm);font-size:9px;letter-spacing:2px;text-transform:uppercase;padding:8px 22px;cursor:pointer;transition:all .2s;font-family:inherit}
.btn-show-more:hover{border-color:var(--accent);color:var(--accent)}
.btn-show-less{border-style:dashed}
.show-more-ct{opacity:.6}
/* Truncate long codes */
.card-code{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card{background:#fff;border:1px solid var(--line);transition:all .25s;cursor:pointer;display:flex;flex-direction:column;position:relative}
.card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 12px 30px rgba(28,20,16,.08)}
.card-img{aspect-ratio:1;background:linear-gradient(135deg,var(--beige),var(--nude));position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.card-img img{width:100%;height:100%;object-fit:cover;display:block}
.card-no-photo{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:14px;color:var(--warm);letter-spacing:.5px;text-align:center;padding:14px}
body[dir="rtl"] .card-no-photo{font-family:'Cairo',sans-serif;font-style:normal}
/* Category placeholder */
.card-ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px}
.card-ph svg{width:62px;height:62px;opacity:.85}
.card-ph-cat{font-family:'Cormorant Garamond',serif;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--dark);font-style:italic;line-height:1}
.card-ph-sub{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--warm);line-height:1}
body[dir="rtl"] .card-ph-cat,.card-ph-sub{font-family:'Cairo',sans-serif;font-style:normal;letter-spacing:0}
.card-status{position:absolute;top:10px;inset-inline-start:10px;display:flex;flex-direction:column;gap:5px;z-index:2;align-items:flex-start}
.chip{font-size:8px;letter-spacing:2px;text-transform:uppercase;padding:3px 8px;font-weight:500;line-height:1.3;background:var(--dark);color:var(--cream)}
body[dir="rtl"] .chip{font-size:10px;letter-spacing:0;text-transform:none}
.chip-hidden{background:var(--err);color:#fff}
.chip-feat{background:var(--accent)}
.chip-draft{background:#fff;color:var(--mid);border:1px solid var(--line)}
.chip-branch{background:var(--mid);color:var(--cream)}
/* Category colour chips */
.chip-cat{background:#e8ddd0;color:var(--dark)}
.chip-cat-rings{background:#e8ddd0}
.chip-cat-necklaces{background:#d8e4e0;color:#2a4a3a}
.chip-cat-bracelets{background:#e0d4e8;color:#3a2a4a}
.chip-cat-earrings{background:#e8e0d0;color:#4a3a1a}
.card-badge{position:absolute;top:10px;inset-inline-end:10px;background:var(--accent);color:var(--cream);font-size:8px;letter-spacing:2px;text-transform:uppercase;padding:3px 8px;font-weight:500;z-index:2}
body[dir="rtl"] .card-badge{font-size:10px;letter-spacing:0;text-transform:none}
.card-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:3px;flex:1}
.card-code{font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:var(--warm);font-weight:500}
.card-partid{opacity:.6;font-weight:400;text-transform:none;letter-spacing:1px}
body[dir="rtl"] .card-code{font-size:11px;letter-spacing:0;text-transform:none}
.card-name{font-family:'Cormorant Garamond',serif;font-size:16px;color:var(--dark);line-height:1.25;font-style:italic;font-weight:400}
body[dir="rtl"] .card-name{font-family:'Cairo',sans-serif;font-style:normal;font-weight:500;font-size:15px}
.card-meta{font-size:10px;color:var(--accent);font-weight:300;letter-spacing:.3px;margin-top:2px}
body[dir="rtl"] .card-meta{font-size:11px}
.card-price{margin-top:auto;padding-top:8px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);gap:6px}
.card-p{font-size:12px;color:var(--mid);font-weight:600;letter-spacing:.3px}
.card-p.req{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:14px;color:var(--accent);font-weight:300;letter-spacing:0}
body[dir="rtl"] .card-p.req{font-family:'Cairo',sans-serif;font-style:normal;font-size:12px}
.card-karat{font-size:9px;color:var(--gold);font-weight:600;letter-spacing:.5px}
.empty{text-align:center;padding:60px 30px;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:18px;color:var(--accent);font-weight:300}
body[dir="rtl"] .empty{font-family:'Cairo',sans-serif;font-style:normal}
/* ===== TABLE ===== */
.table-wrap{background:#fff;border:1px solid var(--line);overflow-x:auto}
.tbl{width:100%;border-collapse:collapse;min-width:600px}
.tbl thead th{background:var(--beige);color:var(--mid);font-size:8px;letter-spacing:2.5px;text-transform:uppercase;font-weight:600;text-align:start;padding:12px 16px;border-bottom:1px solid var(--line)}
body[dir="rtl"] .tbl thead th{font-size:11px;letter-spacing:0;text-transform:none}
.tbl tbody td{padding:14px 16px;font-size:12px;color:var(--mid);border-bottom:1px solid var(--line)}
.tbl tbody tr{cursor:pointer;transition:background .15s}
.tbl tbody tr:hover{background:var(--cream)}
.tbl tbody tr:last-child td{border-bottom:none}
.tbl .t-strong{color:var(--dark);font-weight:600}
.tbl .t-meta{font-size:10px;color:var(--warm);font-weight:400;letter-spacing:.3px;margin-top:2px}
.tbl .t-money{font-weight:600;color:var(--dark);letter-spacing:.3px}
.tbl .pill{display:inline-block;padding:3px 8px;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;background:var(--beige);color:var(--mid)}
body[dir="rtl"] .tbl .pill{font-size:11px;letter-spacing:0;text-transform:none}
.pill.pill-ok{background:rgba(92,127,79,.12);color:var(--ok)}
.pill.pill-warn{background:rgba(154,59,44,.10);color:var(--err)}
.pill.pill-acc{background:rgba(139,111,71,.15);color:var(--accent)}
.empty-row{text-align:center;padding:50px 20px;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:16px;color:var(--accent)}
body[dir="rtl"] .empty-row{font-family:'Cairo',sans-serif;font-style:normal}
/* ===== Dashboard recent list ===== */
.dash-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);gap:12px}
.dash-row:last-child{border-bottom:none}
.dash-row-l{min-width:0;flex:1}
.dash-row-t{font-family:'Cormorant Garamond',serif;font-size:15px;font-style:italic;color:var(--dark);font-weight:400;line-height:1.2}
body[dir="rtl"] .dash-row-t{font-family:'Cairo',sans-serif;font-style:normal;font-weight:500;font-size:14px}
.dash-row-s{font-size:10px;color:var(--warm);letter-spacing:.3px;margin-top:3px}
.dash-row-r{text-align:end;flex:0 0 auto}
.dash-row-money{font-weight:600;color:var(--dark);font-size:13px}
/* ===== SALE MODAL ===== */
.modal-card-wide{max-width:820px}
.sale-add{display:flex;gap:8px;margin-bottom:14px}
.sale-add input{flex:1;background:#fff;border:1px solid var(--line);padding:11px 13px;font-size:13px;letter-spacing:1px}
.sale-add input:focus{outline:none;border-color:var(--accent)}
.sale-items{border:1px solid var(--line);min-height:80px;background:#fff;margin-bottom:14px}
.si{display:grid;grid-template-columns:40px 1fr 80px 100px 100px 32px;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);font-size:12px}
.si:last-child{border-bottom:none}
.si-thumb{width:40px;height:40px;background:linear-gradient(135deg,var(--beige),var(--nude));border:1px solid var(--line);overflow:hidden}
.si-thumb img{width:100%;height:100%;object-fit:cover}
.si-name{font-weight:500;color:var(--dark)}
.si-code{font-size:9px;color:var(--warm);letter-spacing:1px;margin-top:2px}
.si-qty{background:#fff;border:1px solid var(--line);padding:6px 8px;width:60px;font-size:12px;text-align:center}
.si-price{font-weight:600;color:var(--dark);text-align:end}
.si-line{font-weight:600;color:var(--dark);text-align:end}
.si-rm{background:none;border:none;color:var(--warm);cursor:pointer;font-size:16px;width:32px;height:32px;transition:color .2s}
.si-rm:hover{color:var(--err)}
.si-empty{padding:28px 14px;text-align:center;color:var(--warm);font-style:italic;font-family:'Cormorant Garamond',serif;font-size:14px}
body[dir="rtl"] .si-empty{font-family:'Cairo',sans-serif;font-style:normal}
.sale-totals{background:var(--beige);padding:14px 18px;margin-top:6px}
.st-row{display:flex;justify-content:space-between;font-size:12px;color:var(--mid);padding:5px 0;letter-spacing:.3px}
.st-row.st-grand{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:20px;font-weight:300;color:var(--dark);border-top:1px solid var(--line);margin-top:6px;padding-top:10px}
body[dir="rtl"] .st-row.st-grand{font-family:'Cairo',sans-serif;font-style:normal;font-weight:600;font-size:17px}
/* ===== MODAL base ===== */
.modal{position:fixed;inset:0;background:rgba(28,20,16,.55);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;animation:fade .2s ease}
@keyframes fade{from{opacity:0}to{opacity:1}}
.modal[hidden]{display:none}
.modal-card{background:var(--cream);max-width:680px;width:100%;max-height:92vh;overflow-y:auto;border:1px solid var(--line);animation:rise .25s ease}
@keyframes rise{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
.modal-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--cream);z-index:2}
.modal-head h2{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:24px;color:var(--dark)}
body[dir="rtl"] .modal-head h2{font-family:'Cairo',sans-serif;font-style:normal;font-weight:500;font-size:20px}
.modal-body{padding:22px 24px}
.modal-section{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:16px;color:var(--accent);letter-spacing:1px;margin:18px 0 12px;padding-bottom:6px;border-bottom:1px solid var(--line)}
body[dir="rtl"] .modal-section{font-family:'Cairo',sans-serif;font-style:normal;font-weight:600;font-size:14px}
.modal-section:first-of-type{margin-top:0}
.photo-block{display:grid;grid-template-columns:180px 1fr;gap:22px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.photo-preview{aspect-ratio:1;background:linear-gradient(135deg,var(--beige),var(--nude));border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.photo-preview img{width:100%;height:100%;object-fit:cover}
.photo-empty{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:13px;color:var(--warm);letter-spacing:.5px;text-align:center;padding:12px}
body[dir="rtl"] .photo-empty{font-family:'Cairo',sans-serif;font-style:normal}
.photo-actions{display:flex;flex-direction:column;gap:9px;align-items:flex-start;justify-content:center}
.photo-pick{display:inline-block;cursor:pointer;text-align:center}
.photo-note{font-size:10px;color:var(--warm);font-weight:300;line-height:1.6;letter-spacing:.3px;margin-top:6px}
/* Photo picker */
.photo-picker{border:1px solid var(--line);background:var(--beige);padding:14px;margin-bottom:18px;border-radius:2px}
.photo-picker-hint{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--warm);margin-bottom:12px}
.photo-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.pp-item{aspect-ratio:1;background:var(--nude);border:2px solid transparent;cursor:pointer;position:relative;overflow:hidden;transition:border-color .2s}
.pp-item:hover{border-color:var(--accent)}
.pp-item img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .4s}
.pp-item.pp-ready img{opacity:1}
.pp-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--warm);pointer-events:none;transition:opacity .4s}
.pp-item.pp-ready .pp-loading{opacity:0}
.pp-item.pp-err .pp-loading{opacity:1;color:var(--err)}
.row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.field{margin-bottom:12px}
.field label{display:block;font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--warm);margin-bottom:6px;font-weight:500}
body[dir="rtl"] .field label{font-size:11px;letter-spacing:0;text-transform:none}
.field input,.field select,.field textarea{width:100%;background:#fff;border:1px solid var(--line);padding:10px 12px;font-size:12px;color:var(--dark);transition:border-color .2s;letter-spacing:.3px}
.field select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-inline-end:32px;background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:right 12px center}
body[dir="rtl"] .field select{background-position:left 12px center}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent)}
.auto-price{background:var(--beige);padding:14px 16px;margin-bottom:14px;border-inline-start:3px solid var(--gold)}
.auto-price p{font-size:12px;color:var(--mid);line-height:1.5}
.auto-price strong{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:22px;color:var(--dark);font-weight:500;margin-inline-start:6px}
body[dir="rtl"] .auto-price strong{font-family:'Cairo',sans-serif;font-style:normal;font-weight:600;font-size:18px}
.auto-price-formula{font-size:10px !important;color:var(--warm) !important;margin-top:4px;letter-spacing:.3px;font-weight:300}
.toggles{display:flex;flex-direction:column;gap:10px}
.toggle{display:flex;gap:12px;align-items:flex-start;cursor:pointer;padding:12px 14px;border:1px solid var(--line);background:#fff;transition:border-color .2s}
.toggle:hover{border-color:var(--warm)}
.toggle input{margin-top:3px;accent-color:var(--accent);flex:0 0 16px}
.tt{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--mid);font-weight:300;line-height:1.5}
.tt strong{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:500;color:var(--dark)}
body[dir="rtl"] .tt strong{font-size:12px;letter-spacing:0;text-transform:none}
.modal-foot{display:flex;justify-content:space-between;align-items:center;padding-top:18px;margin-top:8px;border-top:1px solid var(--line);gap:10px;flex-wrap:wrap}
.modal-foot-l,.modal-foot-r{display:flex;gap:10px;flex-wrap:wrap}
.import-area{width:100%;min-height:240px;background:#fff;border:1px solid var(--line);padding:14px;font-family:'SF Mono',Menlo,monospace;font-size:11px;color:var(--dark);resize:vertical;margin:14px 0}
.muted{font-size:11px;color:var(--mid);font-weight:300;line-height:1.7;letter-spacing:.3px}
.muted code{background:var(--beige);padding:2px 6px;font-family:inherit;font-size:11px}
/* ===== SCAN MODAL ===== */
.scan-card{max-width:520px}
.scan-wrap{position:relative;background:#000;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--line)}
.scan-wrap video{width:100%;height:100%;object-fit:cover;display:block}
.scan-frame{position:absolute;inset:18%;border:2px solid var(--accent);box-shadow:0 0 0 9999px rgba(0,0,0,.35);pointer-events:none;animation:scan-pulse 1.6s ease-in-out infinite}
@keyframes scan-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
.scan-hint{position:absolute;left:0;right:0;bottom:14px;text-align:center;color:#fff;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.5);padding:0 12px;pointer-events:none}
body[dir="rtl"] .scan-hint{font-size:13px;letter-spacing:0;text-transform:none}
.scan-manual{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.scan-manual label{display:block;font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--warm);margin-bottom:8px;font-weight:500}
body[dir="rtl"] .scan-manual label{font-size:11px;letter-spacing:0;text-transform:none}
.scan-manual-row{display:flex;gap:8px}
.scan-manual-row input{flex:1;background:#fff;border:1px solid var(--line);padding:11px 13px;font-size:13px;color:var(--dark);letter-spacing:1px}
.scan-manual-row input:focus{outline:none;border-color:var(--accent)}
/* ===== REPORTS ===== */
.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.rep-card{background:#fff;border:1px solid var(--line);padding:22px;cursor:pointer;transition:all .2s}
.rep-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.rep-card-t{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:20px;color:var(--dark);margin-bottom:8px;line-height:1.2}
body[dir="rtl"] .rep-card-t{font-family:'Cairo',sans-serif;font-style:normal;font-weight:500;font-size:17px}
.rep-card-d{font-size:11px;color:var(--mid);line-height:1.6;font-weight:300;margin-bottom:12px}
.rep-card-n{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:28px;color:var(--accent);font-weight:300}
body[dir="rtl"] .rep-card-n{font-family:'Cairo',sans-serif;font-style:normal;font-weight:600;font-size:22px}
/* ===== HINT BANNER ===== */
.hint-banner{display:flex;gap:16px;align-items:flex-start;background:linear-gradient(135deg,#fff,var(--beige));border:1px solid var(--accent);border-inline-start:4px solid var(--accent);padding:18px 22px;margin-bottom:18px;position:relative;animation:rise .25s ease}
.hint-icon{flex:0 0 36px;width:36px;height:36px;background:var(--accent);color:var(--cream);border-radius:50%;display:flex;align-items:center;justify-content:center}
.hint-body{flex:1;min-width:0;padding-inline-end:30px}
.hint-title{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:20px;color:var(--dark);line-height:1.2;margin-bottom:6px}
body[dir="rtl"] .hint-title{font-family:'Cairo',sans-serif;font-style:normal;font-weight:600;font-size:17px}
.hint-text{font-size:11px;color:var(--mid);line-height:1.7;letter-spacing:.2px;font-weight:300}
body[dir="rtl"] .hint-text{font-size:13px}
.hint-text strong{color:var(--err);font-weight:600;background:rgba(154,59,44,.10);padding:1px 6px;border-radius:3px}
.hint-close{position:absolute;top:12px;inset-inline-end:14px;background:none;border:none;color:var(--warm);cursor:pointer;font-size:16px;width:24px;height:24px;line-height:1;transition:color .2s}
.hint-close:hover{color:var(--dark)}
/* ===== QUICK SEARCH ===== */
.quick-search-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);color:var(--mid);padding:8px 12px;font-size:11px;letter-spacing:.3px;cursor:pointer;transition:all .2s}
.quick-search-btn:hover{border-color:var(--accent);color:var(--accent)}
.quick-search-btn kbd{font-family:inherit;background:var(--beige);color:var(--mid);padding:2px 6px;font-size:9px;border-radius:3px;letter-spacing:.3px;margin-inline-start:4px}
body[dir="rtl"] .quick-search-btn{font-size:12px}
.qs-modal{align-items:flex-start;padding-top:14vh}
.qs-card{background:var(--cream);max-width:560px;width:100%;border:1px solid var(--line);overflow:hidden;box-shadow:0 24px 60px rgba(28,20,16,.25);animation:rise .25s ease}
.qs-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);background:#fff}
.qs-head svg{color:var(--accent);flex:0 0 18px}
.qs-head input{flex:1;background:transparent;border:none;font-size:15px;color:var(--dark);font-family:inherit;letter-spacing:.3px;padding:6px 0}
.qs-head input:focus{outline:none}
.qs-head kbd{font-family:inherit;background:var(--beige);color:var(--warm);padding:3px 8px;font-size:9px;letter-spacing:1px;border-radius:3px}
.qs-results{max-height:60vh;overflow-y:auto;background:var(--cream)}
.qs-empty{padding:34px 20px;text-align:center;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:16px;color:var(--warm)}
body[dir="rtl"] .qs-empty{font-family:'Cairo',sans-serif;font-style:normal}
.qs-item{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:10px 18px;cursor:pointer;border-bottom:1px solid var(--line);transition:background .15s}
.qs-item:hover,.qs-item.is-on{background:var(--beige)}
.qs-item:last-child{border-bottom:none}
.qs-thumb{width:48px;height:48px;background:linear-gradient(135deg,var(--beige),var(--nude));overflow:hidden;border:1px solid var(--line)}
.qs-thumb img{width:100%;height:100%;object-fit:cover}
.qs-info{min-width:0}
.qs-code{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--warm);font-weight:600}
.qs-name{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:15px;color:var(--dark);line-height:1.2;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[dir="rtl"] .qs-name{font-family:'Cairo',sans-serif;font-style:normal;font-weight:500}
.qs-meta{font-size:10px;color:var(--accent);margin-top:3px;font-weight:300}
.qs-price{font-size:12px;color:var(--dark);font-weight:600;text-align:end}
.qs-foot{padding:10px 18px;font-size:10px;color:var(--warm);background:var(--cream);border-top:1px solid var(--line);letter-spacing:.3px}
body[dir="rtl"] .qs-foot{font-size:11px}
/* ===== TOAST ===== */
.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--dark);color:var(--cream);padding:13px 26px;font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:500;z-index:200;box-shadow:0 14px 40px rgba(28,20,16,.25);animation:rise .25s ease}
body[dir="rtl"] .toast{font-size:13px;letter-spacing:0;text-transform:none;font-family:'Cairo',sans-serif}
.toast.err{background:var(--err)}
.toast.ok{background:var(--ok)}
/* ===== RESPONSIVE ===== */
@media(max-width:1100px){
.gold-grid{grid-template-columns:repeat(2,1fr) auto;gap:8px}
.gold-apply{grid-column:1/-1;padding:12px}
.kpis{grid-template-columns:repeat(2,1fr)}
.cards-2{grid-template-columns:1fr}
}
@media(max-width:860px){
:root{--side:0px}
.layout{grid-template-columns:1fr}
.side{position:fixed;top:0;inset-inline-start:0;width:260px;z-index:100;transform:translateX(-100%);transition:transform .25s ease}
body[dir="rtl"] .side{transform:translateX(100%)}
.side.is-open{transform:none}
.mobile-menu{display:inline-flex}
.topbar{padding:12px 16px;gap:10px}
.branch-pick label{display:none}
.topbar-gold{display:none}
.view{padding:18px 16px 40px}
.view-head{flex-direction:column;align-items:flex-start;gap:12px}
.view-head h1{font-size:22px}
.view-head-r{display:flex;flex-wrap:wrap;gap:8px}
.kpis{grid-template-columns:1fr 1fr;gap:10px}
.kpi{padding:14px}
.kpi-n{font-size:22px}
.kpi-lbl{font-size:8px}
.inv-group-grid{grid-template-columns:repeat(2,1fr);gap:8px}
.inv-group-label{font-size:15px}
.si{grid-template-columns:36px 1fr 60px 32px;gap:8px;padding:8px 10px}
.si-price,.si-line{display:none}
.modal-overlay{align-items:flex-end}
.modal-card{max-height:94vh;border-radius:0;width:100%;max-width:100%}
.modal-body{padding:16px}
.modal-head{padding:14px 16px}
.photo-block{grid-template-columns:140px 1fr;gap:12px}
.photo-preview{height:140px}
.row-2,.row-3{grid-template-columns:1fr}
.search{min-width:0;width:100%}
.toolbar{flex-wrap:wrap;gap:8px;padding:12px 16px}
.tools-l,.tools-r{flex-wrap:wrap;gap:6px}
.gold-grid{flex-wrap:wrap}
.cards-2{grid-template-columns:1fr}
.dash-split{grid-template-columns:1fr}
/* Login on mobile */
.login-card{padding:32px 22px 24px;margin:12px}
.login-logo{width:110px}
}
@media(max-width:480px){
.inv-group-grid{grid-template-columns:repeat(2,1fr);gap:6px}
.card-img{aspect-ratio:1}
.card-body{padding:8px 10px 10px}
.card-name{font-size:11px}
.card-code{font-size:8px}
.card-p{font-size:11px}
.kpis{grid-template-columns:1fr 1fr;gap:8px}
.kpi-n{font-size:18px}
.view{padding:12px 10px 32px}
.topbar{padding:10px 12px}
.login-card{padding:28px 18px 20px}
.login-card h1{font-size:24px}
.photo-block{grid-template-columns:1fr}
.photo-preview{height:180px}
}
/* ===== INVENTORY TYPE SECTIONS ===== */
.inv-type-section{margin-bottom:32px}
.inv-type-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;margin-bottom:12px;border-inline-start:4px solid var(--accent)}
.type-section-gold .inv-type-head{background:linear-gradient(90deg,#FFFBEB,var(--cream));border-color:#D4A017}
.type-section-diamond .inv-type-head{background:linear-gradient(90deg,#EBF5FB,var(--cream));border-color:#2E86C1}
.inv-type-label{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:20px;color:var(--dark);font-weight:300}
.inv-type-count{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--warm);font-weight:500}
.inv-cat-group{margin-bottom:4px}
.inv-cat-head{background:var(--beige);padding:8px 14px!important}
@media(max-width:480px){.inv-type-label{font-size:16px}}
/* ===== TYPE PICKER MODAL ===== */
.type-picker-card{background:var(--cream);border:1px solid var(--line);padding:40px 36px;max-width:420px;width:100%;text-align:center}
.type-picker-eye{font-size:8px;letter-spacing:4px;text-transform:uppercase;color:var(--accent);margin-bottom:10px}
.type-picker-title{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:28px;color:var(--dark);margin-bottom:28px}
.type-picker-btns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
.type-btn{background:var(--beige);border:2px solid var(--line);padding:24px 16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s;font-family:inherit}
.type-btn:hover{border-color:var(--accent);background:var(--cream);transform:translateY(-2px);box-shadow:0 8px 24px rgba(28,20,16,.10)}
.type-btn-icon{font-size:32px;line-height:1}
.type-btn-label{font-family:'Cormorant Garamond',serif;font-size:18px;font-style:italic;color:var(--dark)}
.type-btn-sub{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--warm)}
.type-picker-cancel{background:none;border:none;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--warm);cursor:pointer;padding:6px 0;font-family:inherit}
.type-picker-cancel:hover{color:var(--accent)}
/* ===== TYPE BADGE IN MODAL ===== */
.type-badge-modal{font-size:9px;letter-spacing:2px;text-transform:uppercase;padding:3px 10px;font-weight:600;margin-inline-start:10px;vertical-align:middle}
.tbm-gold{background:#FFF3CD;color:#856404;border:1px solid #FFD700}
.tbm-diamond{background:#EBF5FB;color:#1B4F72;border:1px solid #AED6F1}
/* ===== GOLD / DIAMOND CHIPS ===== */
.chip-gold{background:#FFF9E6;color:#7d6200;border:1px solid #FFD700;font-size:8px}
.chip-diamond{background:#EBF5FB;color:#1B4F72;border:1px solid #AED6F1;font-size:8px}
/* ===== CARD SPECS (karat · weight · making) ===== */
.card-specs{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:4px 0 6px}
.spec-karat{background:var(--dark);color:var(--cream);font-size:9px;font-weight:700;letter-spacing:1px;padding:2px 7px}
.spec-weight{font-size:9px;color:var(--mid);font-weight:500;letter-spacing:.5px}
.spec-making{font-size:8px;color:var(--warm);letter-spacing:.3px}
.spec-dot{color:var(--warm);font-size:9px}
/* ===== SUPPLIER LEDGER ===== */
.t-debit{color:#9A3B2C!important;font-weight:600}
.t-credit{color:var(--ok)!important;font-weight:600}
.td-actions{white-space:nowrap}
.td-actions .btn-d,.td-actions .btn-o{padding:6px 10px;font-size:8px;letter-spacing:1.5px}
/* ===== TOPBAR DATE & ROLE BADGE ===== */
.topbar-date{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--warm);white-space:nowrap;padding:6px 12px;border:1px solid var(--line);background:var(--cream)}
.role-badge{font-size:8px;letter-spacing:2px;text-transform:uppercase;font-weight:600;padding:4px 10px;white-space:nowrap}
.role-badge-mgr{background:var(--dark);color:var(--cream)}
.role-badge-staff{background:var(--accent);color:var(--cream)}
@media(max-width:860px){.topbar-date{display:none}}
/* ===== STAFF ROLE RESTRICTIONS ===== */
/* Hide manager-only nav items from staff — expenses NOW visible to staff */
#app.is-staff [data-view="suppliers"],
#app.is-staff [data-view="reports"],
#app.is-staff [data-view="settings"],
#app.is-staff [data-view="employees"] { display: none !important; }
/* Hide add product button for staff */
#app.is-staff #btn-new { display: none !important; }
/* Hide gold rate edit panel for staff */
#app.is-staff .gold-bar { display: none !important; }
/* Hide inventory action buttons staff shouldn't touch */
#app.is-staff #btn-export,
#app.is-staff #btn-import,
#app.is-staff #btn-backup { display: none !important; }
/* Staff sees expenses but not financial summary totals */
#app.is-staff .exp-summary { display: none !important; }
/* Manager-only dashboard panels hidden from staff */
#app.is-staff .manager-only { display: none !important; }
/* Subtle staff badge in sidebar */
#app.is-staff .side-sub {
background: var(--accent);
color: var(--cream);
padding: 2px 8px;
font-size: 8px;
letter-spacing: 2px;
text-transform: uppercase;
}
/* ===== NOTIFICATION BELL ===== */
.notif-btn{position:relative;background:none;border:1px solid var(--line);border-radius:6px;padding:6px 8px;cursor:pointer;color:var(--mid);display:flex;align-items:center;gap:4px;transition:border-color .2s}
.notif-btn:hover{border-color:var(--accent);color:var(--accent)}
.notif-badge{position:absolute;top:-6px;right:-6px;background:var(--err,#c0392b);color:#fff;border-radius:999px;font-size:10px;font-weight:600;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 4px}
/* ===== EXPENSE SUMMARY ===== */
.exp-summary{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.exp-sum-card{background:var(--cream);border:1px solid var(--line);border-radius:8px;padding:14px 18px;min-width:140px}
.exp-sum-label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--warm);margin-bottom:4px}
.exp-sum-val{font-size:20px;font-weight:600;color:var(--dark)}
.exp-sum-small{font-size:15px}
.exp-sum-cat{opacity:.8}
/* ===== ACTIVITY LOG ===== */
.act-row{cursor:default}
.act-time{font-size:11px;color:var(--warm);white-space:nowrap}
.act-new-chip{display:inline-block;background:var(--accent);color:var(--cream);font-size:9px;letter-spacing:1px;padding:1px 5px;border-radius:3px;margin-left:6px;vertical-align:middle}
/* ===== SUPPLIER LEDGER MODAL ===== */
.sup-bal-box{text-align:right}
.sup-bal-label{display:block;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--warm)}
.sup-ledger-bal{font-size:22px;font-weight:700;color:var(--dark)}
.sup-ledger-bal.t-debit{color:#c0392b}
.sup-ledger-bal.t-credit{color:#27ae60}
.modal-sub{font-size:12px;color:var(--warm);margin-top:2px}
.sup-tx-add-panel{background:var(--beige);border-radius:8px;padding:18px;margin-bottom:4px}
.sup-tx-add-panel .btn-d{margin-top:12px}
.tx-type-chip{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 8px;border-radius:999px}
.tx-buy{background:#fde8e8;color:#c0392b}
.tx-sell{background:#e8f5e9;color:#27ae60}
.row-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:700px){.row-4{grid-template-columns:1fr 1fr}}
.btn-xs{font-size:11px;padding:5px 10px}
/* ===== INV TYPE PICKER (3 buttons incl. Both) ===== */
.type-btn-both{border-color:var(--mid)}
.type-btn-both:hover{background:var(--mid);color:#fff}
.t-center{text-align:center}
/* ===== DIAMOND SPECS ===== */
.dia-sub-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mid);margin:10px 0 6px;padding-bottom:4px;border-bottom:1px dashed var(--border)}
.d-auto-val{background:var(--bg2,#f5f0e8)!important;font-weight:600;color:var(--accent)}
.gold-usd{border-left:2px solid #6bc5e3}
/* Diamond quick-edit fields */
.dia-quick-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px;padding:10px 12px;background:#f8f5fd;border:1px solid #ddd0f5;border-radius:10px}
.dia-field-lbl{font-size:11.5px;font-weight:600;color:#5b21b6;letter-spacing:.02em}
.dia-field-hint{font-size:10px;font-weight:400;color:var(--mid);margin-left:4px}
.dia-quick-fields input{border-color:#c4b0e8!important;background:#fff!important}
.dia-quick-fields input:focus{border-color:#7c3aed!important;box-shadow:0 0 0 3px rgba(124,58,237,.1)!important}
/* Diamond summary bar (inside product modal) */
#diamond-specs-summary{border-top:1px solid var(--border);padding-top:10px;margin-top:6px}
.dia-summary-bar{display:flex;align-items:flex-start;gap:10px;background:linear-gradient(135deg,#f6f0fd,#edf3fd);border:1.5px solid #d0bdf0;border-radius:12px;padding:12px 16px}
.dia-summary-icon{font-size:18px;flex-shrink:0;margin-top:3px}
.dia-summary-val{flex:1;font-size:12.5px;font-weight:500;color:var(--fg)}
.dia-summary-empty{color:var(--mid);font-style:italic;font-size:12.5px}
/* ── Rich diamond summary grid ── */
@keyframes dss-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.dss-grid{display:flex;flex-direction:column;gap:10px;width:100%;animation:dss-in .25s ease}
.dss-section{padding:8px 12px;border-radius:8px;background:rgba(255,255,255,.65);backdrop-filter:blur(4px)}
.dss-center{border-left:3px solid #7c3aed}
.dss-side{border-left:3px solid #2563eb}
.dss-badge{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 9px;border-radius:999px;margin-bottom:6px}
.dss-badge-center{background:#ede0fb;color:#5b21b6}
.dss-badge-side{background:#dbeafe;color:#1d4ed8}
.dss-row{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.dss-val{font-size:20px;font-weight:700;color:#1a1a2e;line-height:1}
.dss-big{font-size:24px}
.dss-unit{font-size:11px;font-weight:400;color:var(--mid);margin-left:2px}
.dss-chip{background:#ece5f8;color:#4a2580;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:6px}
.dss-pill{font-size:11.5px;padding:3px 10px;border-radius:6px;display:inline-flex;align-items:center;gap:3px;font-weight:500}
.dss-color{background:#fefce8;color:#78530a}
.dss-clarity{background:#dcfce7;color:#14532d}
.dss-missing{color:#b45309;font-size:10.5px;font-style:italic;margin-top:2px}
.dss-value{font-size:12px;color:#1a6b3a;font-weight:600;padding:4px 2px;margin-top:2px}
.dss-fixed{font-size:10px;color:var(--mid);font-style:italic;font-weight:400}
.dss-empty{color:var(--mid);font-style:italic}
.btn-sm{font-size:12px;padding:5px 12px;border-radius:6px;cursor:pointer;white-space:nowrap}
.btn-outline{background:transparent;border:1.5px solid var(--accent);color:var(--accent);font-weight:600}
.btn-outline:hover{background:var(--accent);color:#fff}
/* ===== COST PRICE — modal field ===== */
.field-cost-wrap{margin-top:10px;padding:12px;background:#fef9f0;border:1.5px dashed #d4a843;border-radius:8px}
.field-cost-wrap label{color:#7a5c1e;font-weight:600;font-size:12px;letter-spacing:.04em}
.cost-price-input{border-color:#d4a843!important;background:#fff9ee!important}
.cost-margin-hint{display:block;margin-top:5px;font-size:12px;font-weight:600;padding:4px 8px;border-radius:5px;background:#f0f0f0}
.cost-margin-hint.margin-ok{background:#e6f9ee;color:#1a7a3a}
.cost-margin-hint.margin-neg{background:#fde8e8;color:#c0392b}
/* ===== COMPACT GEM BAR — diamond card ===== */
.card-gems{margin-top:5px;padding:4px 8px;display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:11px;color:var(--mid);line-height:1.4}
.gem-main-chip{background:#ede0fb;color:#5b21b6;font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:5px;white-space:nowrap;display:inline-flex;align-items:center;gap:3px}
.gem-ct-main{font-size:13px;font-weight:700;color:#4a1580}
.gem-ct{font-size:13px;font-weight:700;color:#1a1a2e;background:#f0eafb;padding:1px 6px;border-radius:4px}
.gem-count{color:#555;font-size:10.5px}
.gem-unit{font-size:9px;font-weight:400;color:var(--mid);margin-left:1px}
.gem-side-txt{color:#444;font-size:10.5px;display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}
.gem-dot{color:#ccc;font-size:9px}
.gem-plus{color:#aaa;font-size:11px;font-weight:300}
.gem-sep{color:#ccc;font-size:10px;padding:0 1px}
/* ===== COST PRICE — product card ===== */
.card-cost{margin-top:5px;padding:4px 8px;background:#fef9f0;border-left:3px solid #d4a843;border-radius:0 4px 4px 0;font-size:11px;display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.cost-label{color:#7a5c1e;font-weight:600}
.cost-val{color:#3d2b00;font-weight:700}
.cost-sep{color:var(--mid)}
.cost-margin{font-weight:600}
.cost-margin.margin-ok{color:#1a7a3a}
.cost-margin.margin-neg{color:#c0392b}
/* ===== BRANCH TRANSFER ===== */
.btn-transfer{background:#eaf4fb;border:1.5px solid #93c5e8;color:#1a5c8a;font-size:12.5px;font-weight:600;padding:6px 14px;border-radius:8px;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}
.btn-transfer:hover{background:#cce4f6;border-color:#2563eb}
.modal-card-sm{max-width:480px}
.transfer-piece-card{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#f6f8fb;border:1px solid #dde4ee;border-radius:8px;padding:10px 14px;margin-bottom:12px}
.tc-code{font-size:13px;font-weight:700;color:#1a1a2e;background:#e8edf6;padding:2px 8px;border-radius:5px}
.tc-name{font-size:12.5px;color:#333;flex:1;min-width:100px}
.tc-branch{font-size:11.5px;color:var(--mid)}
.tc-branch strong{color:#1a1a2e}
/* Transfer history inside product modal */
.transfer-history-list{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.tx-transfer{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:11.5px;padding:7px 12px;background:#f0f6ff;border-left:3px solid #2563eb;border-radius:0 6px 6px 0}
.tx-date{color:var(--mid);font-size:10.5px;min-width:70px}
.tx-arrow{color:#93c5fd;font-weight:700}
.tx-branch-from{color:#64748b;font-weight:600}
.tx-branch-to{color:#1d4ed8;font-weight:700}
.tx-cost{margin-left:auto;font-weight:700;color:#1a6b3a;font-size:12px}
.tx-note{color:var(--mid);font-size:10.5px;font-style:italic;width:100%}
/* ===== REPORTS — branch header ===== */
.rep-branch-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:8px 14px;background:#f6f8fb;border:1px solid #dde4ee;border-radius:8px}
.rep-branch-pill{font-size:12px;font-weight:700;background:#1a1a2e;color:#fff;padding:4px 12px;border-radius:999px;letter-spacing:.03em}
.rep-branch-pill.all-branches{background:#4a5568}
.rep-month-label{font-size:12px;color:var(--mid);font-weight:500;margin-left:auto}
/* ===== REPORTS — card color variants ===== */
.rep-card-ok .rep-card-n{color:#1a7a3a}
.rep-card-neg .rep-card-n{color:#c0392b}
.rep-card-branch{border-left:3px solid #2563eb}
.rep-card-branch .rep-card-n{color:#1d4ed8}
/* ===== DIAMOND QUICK-EDIT FIELDS ===== */
.dia-quick-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px;padding:10px 12px;background:#f8f5fd;border:1px solid #ddd0f5;border-radius:10px}
.dia-field-lbl{font-size:11.5px;font-weight:600;color:#5b21b6;letter-spacing:.02em;display:block;margin-bottom:3px}
.dia-field-hint{font-size:10px;font-weight:400;color:var(--mid);margin-left:4px}
.dia-quick-fields input{border-color:#c4b0e8!important;background:#fff!important}
.dia-quick-fields input:focus{border-color:#7c3aed!important;box-shadow:0 0 0 3px rgba(124,58,237,.1)!important}
/* ===== CARD CENTER STONE ROW ===== */
.card-center-stone{
margin-top:6px;padding:6px 10px;
display:flex;flex-wrap:wrap;align-items:center;gap:6px;
background:linear-gradient(90deg,#f6efff 0%,#ede0fb 100%);
border:1px solid #d4bff0;border-radius:6px;
font-size:11.5px;line-height:1.4
}
.ctr-lbl{font-weight:700;color:#5b21b6;font-size:11px;letter-spacing:.04em}
.gem-ctr-ct{
font-size:14px;font-weight:800;color:#4a1580;
background:#fff;padding:2px 7px;border-radius:5px;
border:1.5px solid #b794e0
}
.gem-ctr-grade{font-size:11px;color:#5b21b6;font-weight:600;background:#fff;padding:1px 6px;border-radius:4px}
.ctr-empty{color:var(--mid);font-size:11px;font-style:italic}
/* ===== CARD TOTAL STONES ROW ===== */
.card-total-stones{
margin-top:4px;padding:4px 10px;
display:flex;flex-wrap:wrap;align-items:center;gap:6px;
font-size:11px;color:#444;line-height:1.4;
border-left:3px solid #ddd0f5
}
.tot-lbl{font-size:13px}
.gem-total-ct{
font-size:13px;font-weight:700;color:#1a1a2e;
background:#f0eafb;padding:1px 7px;border-radius:4px
}
.gem-stone-count{color:#555;font-size:11px;font-weight:600}
.gem-grade{color:#444;font-size:10.5px;background:#fafafa;padding:1px 5px;border-radius:3px;border:1px solid #eee}
/* ===== CARD PRICE ROW (sell · cost · margin) ===== */
.card-price-row{
margin-top:8px;padding:8px 10px;
display:grid;grid-template-columns:1fr 1fr auto;gap:8px;
background:#fafbfc;border:1px solid #e8ebf0;border-radius:8px
}
.pr-sell,.pr-cost,.pr-margin{display:flex;flex-direction:column;gap:1px}
.pr-lbl{font-size:9.5px;color:var(--mid);font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.pr-val{font-size:13px;font-weight:700;color:#1a1a2e}
.pr-sell .pr-val{color:#1d4ed8;font-size:14px}
.pr-cost .pr-val{color:#7a5c1e;background:#fef9f0;padding:1px 6px;border-radius:4px;border:1px solid #d4a843;display:inline-block;width:fit-content}
.pr-margin .pr-val{padding:1px 7px;border-radius:4px;font-size:12px;display:inline-block;width:fit-content}
.pr-margin.pr-ok .pr-val{background:#e6f9ee;color:#1a7a3a;border:1px solid #a7d8b5}
.pr-margin.pr-neg .pr-val{background:#fde8e8;color:#c0392b;border:1px solid #e8b4b4}
/* ===== STONE SUMMARY HEADER (total ct + count + shapes) ===== */
.card-stone-sum{
margin-top:7px;padding:6px 12px;
display:flex;align-items:center;gap:8px;flex-wrap:wrap;
background:linear-gradient(90deg,#fafbfc 0%,#f0eafb 100%);
border:1px solid #e0d4f0;border-radius:8px;
font-size:11.5px
}
.ssm-icon{font-size:14px}
.ssm-ct{
font-size:16px;font-weight:800;color:#1a1a2e;
letter-spacing:-.01em
}
.ssm-unit{font-size:10px;font-weight:500;color:var(--mid);margin-left:2px}
.ssm-count{color:#444;font-weight:600;font-size:11.5px}
.ssm-types{
color:#5b21b6;font-weight:700;font-size:11px;
background:#fff;padding:1px 7px;border-radius:4px;border:1px solid #d4bff0
}
.ssm-sep{color:#bbb;font-size:10px;margin:0 1px}
/* ===== CENTER STONE BAND ===== */
.card-center{
margin-top:5px;padding:7px 12px;
display:flex;align-items:center;gap:8px;flex-wrap:wrap;
background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 100%);
color:#fff;border-radius:8px;
font-size:11.5px;
box-shadow:0 2px 6px rgba(124,58,237,.25)
}
.ctr-icon{font-size:14px;color:#ffd700}
.ctr-lbl{
font-size:9.5px;font-weight:800;letter-spacing:.1em;
color:#e9d5ff
}
.card-center .ctr-ct{
font-size:15px;font-weight:800;color:#fff;
background:rgba(255,255,255,.18);
padding:1px 8px;border-radius:5px
}
.card-center .ssm-unit{color:#e9d5ff}
.ctr-grade{
font-size:11px;font-weight:600;color:#fff;
background:rgba(255,255,255,.15);
padding:1px 7px;border-radius:4px
}
/* ===== STONE GROUPS BREAKDOWN (each shape) ===== */
.card-stone-groups{
margin-top:5px;padding:5px 4px;
display:flex;flex-wrap:wrap;gap:5px
}
.sg-chip{
display:inline-flex;align-items:center;gap:4px;
padding:3px 9px;
background:#f8f9fb;border:1px solid #e0e4ec;border-radius:6px;
font-size:10.5px;line-height:1.3
}
.sg-shape{
font-weight:700;color:#1a1a2e;font-size:11px
}
.sg-ct{
color:#1d4ed8;font-weight:700;font-size:11px;
background:#eff4ff;padding:1px 5px;border-radius:3px
}
.sg-count{color:#666;font-size:10px;font-weight:600}
.sg-grade{color:#777;font-size:9.5px;font-weight:500}
/* ===== LOCKED BRANCH (Centrada-only system) ===== */
.branch-locked{display:flex;align-items:center;gap:8px;padding:6px 12px}
.branch-locked-lbl{font-size:10px;font-weight:700;color:var(--mid);letter-spacing:.1em;text-transform:uppercase}
.branch-locked-pill{
background:linear-gradient(135deg,#1a1a2e 0%,#2d2d5f 100%);
color:#fff;font-size:11.5px;font-weight:700;
padding:4px 12px;border-radius:999px;letter-spacing:.02em
}
/* ===== TRANSFERS VIEW ===== */
.xfer-tabs{display:flex;gap:4px;margin-bottom:14px;border-bottom:1px solid #e0e4ec}
.xfer-tab{
background:transparent;border:none;border-bottom:2px solid transparent;
padding:8px 18px;font-size:13px;font-weight:600;color:var(--mid);
cursor:pointer;transition:color .15s,border-color .15s
}
.xfer-tab:hover{color:#1a1a2e}
.xfer-tab.is-on{color:#1d4ed8;border-bottom-color:#1d4ed8}
.modal-note{font-size:12px;color:var(--mid);margin:0 0 14px 0;padding:8px 12px;background:#f6f8fb;border-left:3px solid #2563eb;border-radius:0 6px 6px 0}
/* Data table for transfers */
.data-tbl{width:100%;border-collapse:collapse;font-size:12px}
.data-tbl th{text-align:left;padding:8px 10px;background:#f6f8fb;border-bottom:1.5px solid #dde4ee;font-weight:700;color:#444;font-size:11px;letter-spacing:.04em;text-transform:uppercase}
.data-tbl td{padding:8px 10px;border-bottom:1px solid #eef1f5;color:#222}
.data-tbl tr:hover td{background:#fafbfc}
/* ===== WEBSITE EXPORT VIEW ===== */
.wexp-status{display:flex;gap:14px;margin-bottom:16px;flex-wrap:wrap}
.wexp-stat{background:#fff;border:1px solid #e0e4ec;border-radius:8px;padding:12px 18px;min-width:150px}
.wexp-stat-lbl{display:block;font-size:10.5px;color:#8a8f98;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}
.wexp-stat-val{display:block;font-size:16px;font-weight:700;color:#1a1a2e}
.wexp-stat-val.wexp-ok{color:#1a7a3a}
.wexp-stat-val.wexp-off{color:#c0392b}
.wexp-thumb{width:40px;height:40px;object-fit:cover;border-radius:6px;border:1px solid #e0e4ec;display:block}
.wexp-thumb-empty{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#c3c8d1;background:#f6f8fb;border-radius:6px;font-size:11px}
.badge-branch{display:inline-block;padding:2px 9px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:11px;font-weight:600}
.wexp-row{cursor:pointer}
.wexp-row:hover td{background:#fafbfc}