*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#08090f;
  --card:rgba(28,24,20,0.7);
  --card-solid:#1c1814;
  --border:rgba(255,255,255,0.07);
  --border-hover:rgba(255,255,255,0.15);
  --text:#e8ebf5;
  --text-2:#b4bac9;
  --muted:#7a7a86;
  --accent:#f59e0b;
  --accent-2:#f97316;
  --ok:#22c55e;
  --warn:#f59e0b;
  --danger:#ef4444;
  --radius:16px;
  --radius-sm:10px;
  --shadow:0 20px 60px rgba(0,0,0,0.4);
  --shadow-sm:0 8px 24px rgba(0,0,0,0.25);
}
html,body{overflow-x:hidden;max-width:100vw}
body{font-family:"Vazirmatn","Segoe UI",system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;min-height:100vh;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 15% 15%, rgba(245,158,11,0.10), transparent 40%),radial-gradient(circle at 85% 85%, rgba(249,115,22,0.08), transparent 40%);z-index:-1;animation:bgShift 20s ease-in-out infinite}
@keyframes bgShift{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.7;transform:scale(1.1)}}
::selection{background:rgba(245,158,11,0.35)}
a{color:inherit;text-decoration:none}
button{font-family:inherit}

/* LOGIN */
.login-body{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;position:relative;overflow:hidden}
.login-orb{position:fixed;border-radius:50%;filter:blur(80px);opacity:0.4;z-index:0;pointer-events:none}
.login-orb-1{width:400px;height:400px;background:var(--accent);top:-100px;left:-100px;animation:float1 15s ease-in-out infinite}
.login-orb-2{width:350px;height:350px;background:var(--accent-2);bottom:-100px;right:-100px;animation:float2 18s ease-in-out infinite}
@keyframes float1{0%,100%{transform:translate(0,0)}50%{transform:translate(60px,60px)}}
@keyframes float2{0%,100%{transform:translate(0,0)}50%{transform:translate(-60px,-60px)}}
.login-card{position:relative;z-index:1;background:var(--card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:24px;padding:44px 36px 36px;max-width:420px;width:100%;text-align:center;box-shadow:var(--shadow);animation:cardIn 0.6s cubic-bezier(0.4,0,0.2,1)}
@keyframes cardIn{from{opacity:0;transform:translateY(30px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}
.login-icon{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;margin:0 auto 22px;box-shadow:0 12px 36px rgba(245,158,11,0.4);animation:iconPulse 2.5s ease-in-out infinite}
@keyframes iconPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.login-title{font-size:24px;font-weight:900;margin-bottom:8px}
.login-sub{font-size:13.5px;color:var(--muted);margin-bottom:26px}
.login-err{background:rgba(239,68,68,0.1);color:#fca5a5;border:1px solid rgba(239,68,68,0.25);padding:11px 16px;border-radius:12px;font-size:13px;margin-bottom:16px;display:flex;align-items:center;gap:8px;justify-content:center}
.login-field{position:relative;margin-bottom:14px}
.login-field-icon{position:absolute;top:50%;right:16px;transform:translateY(-50%);color:var(--muted);font-size:14px;pointer-events:none}
.login-input{width:100%;padding:14px 44px 14px 16px;background:rgba(0,0,0,0.4);border:1px solid var(--border);border-radius:var(--radius-sm);color:#fff;font-size:14px;outline:none;transition:all 0.2s;font-family:inherit}
.login-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(245,158,11,0.15)}
.login-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:none;border-radius:var(--radius-sm);font-size:14.5px;font-weight:800;cursor:pointer;transition:all 0.2s;box-shadow:0 8px 24px rgba(245,158,11,0.35);display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}
.login-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(245,158,11,0.5);filter:brightness(1.1)}

/* HEADER */
.app-header{position:fixed;top:0;right:0;left:0;z-index:9999;background:rgba(8,9,15,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
.header-inner{max-width:1280px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;gap:16px}
.brand{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.brand-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0;box-shadow:0 8px 24px rgba(245,158,11,0.35);animation:iconFloat 4s ease-in-out infinite}
@keyframes iconFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-3px) rotate(5deg)}}
.brand-info{min-width:0;flex:1}
.brand-title{font-size:16px;font-weight:900;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-sub{font-size:11.5px;color:var(--muted);font-weight:600;margin-top:3px}
.header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}

/* BTN */
.btn{padding:9px 16px;background:rgba(255,255,255,0.04);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:12.5px;font-weight:700;cursor:pointer;transition:all 0.2s;white-space:nowrap;display:inline-flex;align-items:center;gap:7px;font-family:inherit}
.btn i{font-size:13px}
.btn:hover{background:rgba(255,255,255,0.08);border-color:var(--border-hover);transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;color:#fff;box-shadow:0 4px 16px rgba(245,158,11,0.3)}
.btn-primary:hover{box-shadow:0 8px 24px rgba(245,158,11,0.5);filter:brightness(1.1);transform:translateY(-2px)}
.btn-icon-only{width:38px;height:38px;padding:0;justify-content:center}
.btn-danger{background:rgba(239,68,68,0.1);border-color:rgba(239,68,68,0.3);color:#fca5a5}
.btn-danger:hover{background:rgba(239,68,68,0.18)}
.btn-ok{background:rgba(34,197,94,0.1);border-color:rgba(34,197,94,0.3);color:#86efac}
.btn-ok:hover{background:rgba(34,197,94,0.18)}
.btn-sm{padding:6px 11px;font-size:11.5px}

/* TOOLBAR */
.toolbar{max-width:1280px;margin:0 auto;padding:0 24px 14px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;max-height:200px;opacity:1;overflow:hidden;transition:max-height 0.35s cubic-bezier(0.4,0,0.2,1),opacity 0.25s ease,padding-bottom 0.35s cubic-bezier(0.4,0,0.2,1)}
.toolbar.toolbar-hidden{max-height:0;opacity:0;padding-bottom:0}
.search-wrap{position:relative;flex:1;min-width:220px;max-width:420px}
.search-icon{position:absolute;top:50%;right:14px;transform:translateY(-50%);color:var(--muted);font-size:13px;pointer-events:none}
.search-input{width:100%;padding:11px 42px 11px 42px;background:rgba(0,0,0,0.35);border:1px solid var(--border);border-radius:var(--radius-sm);color:#fff;font-size:13px;outline:none;transition:all 0.2s;font-family:inherit}
.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(245,158,11,0.1)}
.search-clear{position:absolute;top:50%;left:10px;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,0.06);border:none;color:var(--muted);cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center}
.search-clear:hover{background:rgba(239,68,68,0.2);color:#fca5a5}
.filter-pills{display:flex;flex-wrap:wrap;gap:8px;width:100%;max-width:600px}
.filter-pills .pill{flex:0 1 auto}
.pill{padding:7px 14px;background:rgba(255,255,255,0.03);border:1px solid var(--border);border-radius:100px;color:var(--text-2);font-size:11.5px;font-weight:700;cursor:pointer;transition:all 0.2s;display:inline-flex;align-items:center;gap:6px;font-family:inherit;white-space:nowrap}
.pill i{font-size:11px;opacity:0.8}
.pill:hover{background:rgba(255,255,255,0.06);color:#fff;transform:translateY(-1px)}
.pill.active{background:rgba(245,158,11,0.15);border-color:rgba(245,158,11,0.5);color:#fff}
.pill .pill-count{font-family:"SF Mono",monospace;font-size:10px;padding:1px 7px;background:rgba(255,255,255,0.06);border-radius:100px}
.pill.active .pill-count{background:rgba(255,255,255,0.15)}

/* MAIN */
.app-main{max-width:1280px;margin:0 auto;padding:80px 24px 80px;transition:padding-top 0.35s cubic-bezier(0.4,0,0.2,1)}

/* STATS */
.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:24px}
.stat-card{background:var(--card);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;align-items:center;gap:12px;transition:all 0.2s}
.stat-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}
.stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.stat-icon.warn{background:rgba(245,158,11,0.12);color:#fbbf24}
.stat-icon.ok{background:rgba(34,197,94,0.12);color:#86efac}
.stat-icon.info{background:rgba(99,102,241,0.12);color:#a5b4fc}
.stat-icon.danger{background:rgba(239,68,68,0.12);color:#fca5a5}
.stat-body{flex:1;min-width:0}
.stat-label{font-size:11.5px;color:var(--muted);font-weight:700;margin-bottom:3px}
.stat-value{font-size:17px;font-weight:900;font-family:"SF Mono",monospace;direction:ltr;text-align:right;color:#fff}

/* INVOICES */
.invoices-container{display:flex;flex-direction:column;gap:12px}
.invoice-card{background:var(--card);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:all 0.25s;animation:fadeUp 0.4s ease both;position:relative;overflow:hidden}
.invoice-card::before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:var(--inv-color,#f59e0b);opacity:0.8}
.invoice-card.paid::before{background:var(--ok)}
.invoice-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
@keyframes fadeUp{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
.inv-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.inv-date{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
.inv-date-icon{width:36px;height:36px;border-radius:10px;background:rgba(245,158,11,0.12);color:#fbbf24;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.inv-date-info{min-width:0}
.inv-date-main{font-size:13.5px;font-weight:800;color:#fff}
.inv-date-sub{font-size:10.5px;color:var(--muted);font-family:"SF Mono",monospace;direction:ltr;text-align:right}
.inv-badge{padding:4px 11px;border-radius:100px;font-size:10.5px;font-weight:800;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.inv-badge.paid{background:rgba(34,197,94,0.12);color:#86efac}
.inv-badge.unpaid{background:rgba(245,158,11,0.12);color:#fbbf24}
.inv-badge i{font-size:10px}
.inv-actions{display:flex;gap:3px;opacity:0;transition:opacity 0.2s}
.invoice-card:hover .inv-actions{opacity:1}
.icon-btn{width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,0.05);border:none;color:var(--muted);cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all 0.15s;flex-shrink:0}
.icon-btn:hover{background:rgba(255,255,255,0.1);color:#fff;transform:scale(1.1)}
.icon-btn.danger:hover{background:rgba(239,68,68,0.15);color:#fca5a5}
.icon-btn.ok:hover{background:rgba(34,197,94,0.15);color:#86efac}
.icon-btn.warn:hover{background:rgba(245,158,11,0.15);color:#fbbf24}
.inv-items{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.inv-item{display:flex;align-items:center;gap:10px;font-size:12.5px;padding:6px 10px;background:rgba(0,0,0,0.15);border-radius:8px}
.inv-item-name{flex:1;color:var(--text-2);font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inv-item-qty{color:var(--muted);font-family:"SF Mono",monospace;font-size:11px;direction:ltr}
.inv-item-price{font-family:"SF Mono",monospace;font-size:11.5px;color:#fbbf24;direction:ltr;text-align:right;min-width:80px}
.inv-total{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border)}
.inv-total-label{font-size:12px;color:var(--muted);font-weight:700}
.inv-total-value{font-size:16px;font-weight:900;font-family:"SF Mono",monospace;color:#fbbf24;direction:ltr}
.invoice-card.paid .inv-total-value{color:#86efac}
.inv-note{margin-top:10px;padding:8px 12px;background:rgba(0,0,0,0.2);border-radius:8px;font-size:11.5px;color:var(--text-2);border-right:3px solid var(--accent)}

/* EMPTY */
.empty-state{text-align:center;padding:100px 20px;color:var(--muted)}
.empty-icon{font-size:72px;margin-bottom:20px;opacity:0.3;color:var(--accent)}
.empty-title{font-size:18px;font-weight:800;color:var(--text-2);margin-bottom:8px}
.empty-sub{font-size:13.5px;color:var(--muted)}

/* MODAL */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100000;display:none;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity 0.3s ease}
.modal-overlay.show{display:flex;opacity:1}

.modal-overlay.show{display:flex;opacity:1}
.modal-box{background:var(--card-solid);border:1px solid var(--border);border-radius:20px;max-width:640px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 30px 80px rgba(0,0,0,0.6);overflow:hidden}
.modal-overlay.show .modal-box{animation:cmModalIn 0.5s cubic-bezier(0.34,1.56,0.64,1)}
@keyframes cmModalIn{
    0%{opacity:0;transform:scale(0.7) translateY(50px)}
    60%{opacity:1;transform:scale(1.02) translateY(-5px)}
    100%{opacity:1;transform:scale(1) translateY(0)}
}

/* overlay */
.modal-overlay.show{animation:cmOverlayIn 0.3s ease}
@keyframes cmOverlayIn{
    from{opacity:0}
    to{opacity:1}
}

.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border);background:rgba(0,0,0,0.15)}
.modal-title-wrap{display:flex;align-items:center;gap:11px}
.modal-icon{width:34px;height:34px;border-radius:9px;background:rgba(245,158,11,0.12);color:#fbbf24;display:flex;align-items:center;justify-content:center;font-size:14px}
.modal-head h2{font-size:15.5px;font-weight:900}
.modal-x{width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,0.04);border:none;color:var(--muted);cursor:pointer;font-size:14px;transition:all 0.15s;display:flex;align-items:center;justify-content:center}
.modal-x:hover{background:rgba(239,68,68,0.15);color:#fca5a5;transform:rotate(90deg)}
.modal-body{padding:22px;overflow-y:auto;flex:1}
.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px;border-top:1px solid var(--border);background:rgba(0,0,0,0.15)}

/* FORM */
.field{margin-bottom:16px}
.field:last-child{margin-bottom:0}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.label{display:block;font-size:12px;color:var(--text-2);font-weight:700;margin-bottom:7px;display:flex;align-items:center;gap:6px}
.label i{color:var(--accent);font-size:11px}
.input,.select{width:100%;padding:11px 14px;background:rgba(0,0,0,0.35);border:1px solid var(--border);border-radius:var(--radius-sm);color:#fff;font-size:13.5px;outline:none;transition:all 0.2s;font-family:inherit}
.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(245,158,11,0.1)}
.input.num{direction:ltr;text-align:left;font-family:"SF Mono",monospace;font-size:13px}
.hint{font-size:11px;color:var(--muted);margin-top:6px;display:flex;align-items:center;gap:5px}

/* ITEMS EDITOR */
.items-editor{display:flex;flex-direction:column;gap:8px}
.item-row{display:grid;grid-template-columns:2fr 50px 95px 28px;gap:5px;align-items:center;padding:7px;background:rgba(0,0,0,0.2);border-radius:10px;border:1px solid transparent;transition:border 0.15s}
.item-row:focus-within{border-color:rgba(245,158,11,0.3);background:rgba(245,158,11,0.03)}
.item-row:focus-within{border-color:rgba(245,158,11,0.3);background:rgba(245,158,11,0.03)}
.item-row:focus-within{border-color:rgba(245,158,11,0.3)}
.item-row .input{padding:8px 10px;font-size:12.5px}
.item-del{width:32px;height:32px;border-radius:8px;background:rgba(239,68,68,0.1);border:none;color:#fca5a5;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}
.item-del:hover{background:rgba(239,68,68,0.2)}
.items-summary{display:flex;justify-content:space-between;padding:12px 16px;background:rgba(245,158,11,0.08);border:1px solid rgba(245,158,11,0.2);border-radius:10px;font-weight:800;font-size:14px;margin-top:8px}
.items-summary span:last-child{font-family:"SF Mono",monospace;color:#fbbf24;direction:ltr}

/* TOAST */
.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--card-solid);color:#fff;padding:13px 22px;border-radius:100px;font-size:13px;font-weight:700;z-index:9999;opacity:0;pointer-events:none;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:var(--shadow);display:flex;align-items:center;gap:9px;border:1px solid var(--border);max-width:90vw}
.toast.show{transform:translateX(-50%) translateY(0);opacity:1}
.toast.ok{border-color:rgba(34,197,94,0.4)}
.toast.err{border-color:rgba(239,68,68,0.4)}
.toast i{font-size:14px}
.toast.ok i{color:#86efac}
.toast.err i{color:#fca5a5}

/* RESPONSIVE */
@media(max-width:768px){
  .header-inner{padding:12px 16px;gap:10px}
  .brand-icon{width:40px;height:40px;font-size:18px}
  .brand-title{font-size:14.5px}
  .header-actions .btn span{display:none}
  .header-actions .btn{padding:9px 12px}
.toolbar{max-width:1280px;margin:0 auto;padding:0 24px 14px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;max-height:200px;opacity:1;overflow:hidden;transition:max-height 0.35s cubic-bezier(0.4,0,0.2,1),opacity 0.25s ease,padding-bottom 0.35s cubic-bezier(0.4,0,0.2,1)}
  .search-wrap{max-width:none}
.app-main{max-width:1280px;margin:0 auto;padding:80px 24px 80px;transition:padding-top 0.35s cubic-bezier(0.4,0,0.2,1)}
  .stats-row{grid-template-columns:1fr 1fr;gap:8px}
  .stat-card{padding:12px;gap:10px}
  .stat-icon{width:38px;height:38px;font-size:16px}
  .stat-value{font-size:14.5px}
  .inv-actions{opacity:1}
  .inv-head{gap:8px}
  .inv-date-icon{width:32px;height:32px;font-size:13px}
  .inv-item-price{min-width:70px;font-size:11px}
  .item-row{grid-template-columns:1fr 55px 55px 80px 28px;gap:4px;padding:6px}
  .item-row .input{padding:7px 8px;font-size:11.5px}
  .field-row{grid-template-columns:1fr}
  .modal-box{border-radius:16px}
  .modal-head,.modal-body,.modal-foot{padding-left:16px;padding-right:16px}
}
.app-main.toolbar-hidden{padding-top:80px}
@media(max-width:768px){
.app-main.toolbar-hidden{padding-top:80px}
}

@media(max-width:768px){
.app-main.toolbar-hidden{padding-top:80px}
}

@media(max-width:768px){
  .app-main{padding:90px 14px 60px}
  .app-main.toolbar-hidden{padding-top:100px}
  .toolbar.toolbar-hidden{padding-bottom:0}
}
/* CM_MOBILE_3_COLS */
@media(max-width:768px){
  .filter-pills{display:grid !important;grid-template-columns:repeat(3,auto) !important;justify-content:flex-start !important;gap:6px !important}
  .filter-pills .pill{padding:6px 10px !important;font-size:10.5px !important}
  .filter-pills .pill .pill-count{font-size:9px !important;padding:0 4px !important}
}

/* CM_AUTOCOMPLETE */
.ac-wrap{position:relative}
.ac-dropdown{position:absolute;top:calc(100% + 4px);right:0;left:0;background:#1c1814;border:1px solid var(--border);border-radius:10px;max-height:min(320px,60vh);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;z-index:1000;display:none;box-shadow:0 10px 30px rgba(0,0,0,0.5);padding-bottom:4px}
.ac-dropdown.show{display:block}
.ac-item{padding:10px 14px;cursor:pointer;transition:background 0.12s;border-bottom:1px solid var(--border)}
.ac-item:last-child{border-bottom:none}
.ac-item:hover,.ac-item:active{background:rgba(245,158,11,0.12)}
.ac-name{font-size:13px;font-weight:700;color:#fff}
.ac-meta{font-size:10.5px;color:var(--muted);font-family:"SF Mono",monospace;margin-top:2px;direction:ltr;text-align:right}


/* CM_AC_MOBILE_FIX */
.it-name{touch-action:manipulation;caret-color:transparent;cursor:pointer !important;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.ac-dropdown{-webkit-overflow-scrolling:touch;touch-action:pan-y}
.ac-item{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
@media(max-width:768px){
  .ac-dropdown{position:absolute;left:0;right:0;top:calc(100% + 4px);max-height:min(280px,50vh)}
  .ac-item{padding:12px 14px}
  .ac-name{font-size:14px}
  .ac-meta{font-size:11px}
}


.prod-row{grid-template-columns:2fr 55px 55px 85px 28px !important;gap:5px !important}
.prod-row .p-name{grid-column:span 1 !important}
.prod-row .p-unit{grid-column:span 1 !important}
.prod-row .p-price{grid-column:span 1 !important}
@media(max-width:640px){
  .prod-row{grid-template-columns:2fr 50px 50px 75px 26px !important}
}
@media(max-width:380px){
  .prod-row{grid-template-columns:2fr 45px 45px 65px 24px !important}
}

@media(max-width:640px){
  .item-row{grid-template-columns:2fr 45px 85px 26px;gap:4px;padding:6px}
  .item-row .input{padding:6px 7px;font-size:11.5px}
}
@media(max-width:380px){
  .item-row{grid-template-columns:2fr 38px 45px 70px 24px;gap:3px}
  .item-row .input{padding:5px 5px;font-size:11px}
}
/* فلش‌های چپ و راست */
.datepicker-plot-area .datepicker-navigator .pwt-btn-next,
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev{
    color:#ffffff !important;
    opacity:1 !important;
    background:rgba(255,255,255,0.08) !important;
    border-radius:8px !important;
    width:30px !important;
    height:30px !important;
    line-height:30px !important;
    display:inline-block !important;
    text-align:center !important;
}
.datepicker-plot-area .datepicker-navigator .pwt-btn-next:hover,
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev:hover{
    background:rgba(245,158,11,0.3) !important;
    color:#ffffff !important;
}
/* روزهای هفته */
.datepicker-plot-area .datepicker-day-view .month-grid-box .header .header-row-cell,
.datepicker-plot-area .datepicker-day-view .month-grid-box .header-row-cell{
    color:#ffffff !important;
    font-weight:800 !important;
    opacity:1 !important;
}


/* ═══════ PICKER — تمیز ═══════ */
.datepicker-plot-area{
    background:#1c1814 !important;
    border:1px solid rgba(255,255,255,0.1) !important;
    border-radius:14px !important;
    font-family:'Vazirmatn',sans-serif !important;
    box-shadow:0 20px 50px rgba(0,0,0,0.7) !important;
    padding:12px !important;
    z-index:99999 !important;
    direction:rtl !important;
}

/* ماه/سال (ناوبری) */
.datepicker-plot-area .datepicker-navigator .pwt-btn-switch{
    color:#ffffff !important;
    font-weight:900 !important;
    font-size:14px !important;
    padding:4px 12px !important;
}
.datepicker-plot-area .datepicker-navigator .pwt-btn-next,
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev{
    color:#ffffff !important;
    background:rgba(255,255,255,0.08) !important;
    border-radius:8px !important;
    width:30px !important;
    height:30px !important;
    line-height:30px !important;
    text-align:center !important;
    cursor:pointer !important;
}
.datepicker-plot-area .datepicker-navigator .pwt-btn-next:hover,
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev:hover{
    background:rgba(245,158,11,0.3) !important;
}

/* روزهای هفته (ش ی د س چ پ ج) */
.datepicker-plot-area .header-row-cell{
    color:#b4bac9 !important;
    font-weight:800 !important;
    font-size:11.5px !important;
    background:transparent !important;
    padding:8px 0 !important;
}

/* سلول‌های روز */
.datepicker-plot-area .table-days td{
    background:transparent !important;
    border:none !important;
    padding:2px !important;
}
.datepicker-plot-area .table-days td span{
    color:#e8ebf5 !important;
    background:transparent !important;
    font-weight:600 !important;
    font-size:13px !important;
    display:block !important;
    width:34px !important;
    height:34px !important;
    line-height:34px !important;
    text-align:center !important;
    margin:0 auto !important;
    border-radius:9px !important;
    transition:all 0.12s !important;
}
.datepicker-plot-area .table-days td span:hover{
    background:rgba(245,158,11,0.2) !important;
    color:#ffffff !important;
    cursor:pointer !important;
}

/* روزهای ماه قبل/بعد (خاکستری محو) */
.datepicker-plot-area .table-days td span.other-month{
    color:#4a4a55 !important;
    opacity:0.6 !important;
}
.datepicker-plot-area .table-days td span.empty{
    color:#2a2a35 !important;
}

/* روز انتخاب‌شده */
.datepicker-plot-area .table-days td.selected span,
.datepicker-plot-area .table-days td span.selected{
    background:linear-gradient(135deg,#f59e0b,#f97316) !important;
    color:#ffffff !important;
    font-weight:900 !important;
    box-shadow:0 4px 12px rgba(245,158,11,0.5) !important;
}

/* امروز */
.datepicker-plot-area .table-days td.today span{
    color:#f59e0b !important;
    border:2px solid #f59e0b !important;
    font-weight:900 !important;
}
.datepicker-plot-area .table-days td.today.selected span{
    color:#ffffff !important;
    border-color:transparent !important;
}

/* دکمه امروز */
.datepicker-plot-area .toolbox .btn-today{
    background:rgba(245,158,11,0.15) !important;
    color:#f59e0b !important;
    border-radius:8px !important;
    font-weight:800 !important;
    font-size:12px !important;
    padding:6px 16px !important;
    cursor:pointer !important;
}
.datepicker-plot-area .toolbox .btn-today:hover{
    background:linear-gradient(135deg,#f59e0b,#f97316) !important;
    color:#ffffff !important;
}


/* ═══════ PICKER MOBILE ═══════ */
@media(max-width:640px){
  .datepicker-plot-area{
    position:fixed !important;
    top:50% !important;
    left:50% !important;
    transform:translate(-50%,-50%) !important;
    right:auto !important;
    bottom:auto !important;
    width:min(340px,90vw) !important;
    max-width:90vw !important;
    max-height:80vh !important;
    overflow-y:auto !important;
    padding:14px !important;
  }
  .datepicker-plot-area .datepicker-navigator{
    padding:6px 0 !important;
  }
  .datepicker-plot-area .table-days td span{
    width:30px !important;
    height:30px !important;
    line-height:30px !important;
    font-size:12px !important;
  }
  .datepicker-plot-area .header-row-cell{
    font-size:10.5px !important;
    padding:6px 0 !important;
  }
  .datepicker-plot-area .toolbox .btn-today{
    font-size:11.5px !important;
    padding:5px 14px !important;
  }
}

/* بک‌دراپ پشت picker (فقط موبایل) */
@media(max-width:640px){
  body.picker-open::before{
    content:'';
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.6);
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
    z-index:99998;
    animation:fadeIn 0.2s ease;
  }
}
@keyframes fadeIn{
  from{opacity:0}
  to{opacity:1}
}


/* PICKER — حذف فضای اضافی */
.datepicker-plot-area .datepicker-day-view .month-grid-box .header .title{
    display:none !important;
    height:0 !important;
    padding:0 !important;
    margin:0 !important;
}
.datepicker-plot-area .datepicker-day-view .month-grid-box{
    padding:0 !important;
    margin:0 !important;
}
.datepicker-plot-area .datepicker-day-view{
    padding:0 !important;
    margin:0 !important;
}
.datepicker-plot-area .datepicker-grid-view{
    padding:0 !important;
    margin:0 !important;
}
.datepicker-plot-area .datepicker-day-view .month-grid-box .header{
    margin-bottom:4px !important;
    padding-bottom:4px !important;
}
.datepicker-plot-area .datepicker-day-view .table-days tr{
    height:auto !important;
}
.datepicker-plot-area .datepicker-day-view .table-days td{
    height:auto !important;
    padding:1px !important;
}

/* موبایل */
@media(max-width:640px){
  .datepicker-plot-area{
    width:min(320px,88vw) !important;
    max-height:none !important;
    height:auto !important;
    padding:12px !important;
  }
  .datepicker-plot-area .datepicker-navigator{
    margin:0 0 8px 0 !important;
    padding:0 !important;
    height:auto !important;
  }
  .datepicker-plot-area .toolbox{
    margin-top:8px !important;
    padding-top:8px !important;
  }
}


/* PICKER TOOLBOX — دکمه‌های پایین */
.datepicker-plot-area .toolbox{
    display:block !important;
    background:transparent !important;
    border-top:1px solid rgba(255,255,255,0.08) !important;
    margin-top:8px !important;
    padding:10px 4px 4px !important;
    height:auto !important;
    min-height:40px !important;
    text-align:center !important;
}
.datepicker-plot-area .toolbox *{
    display:inline-block !important;
    visibility:visible !important;
    opacity:1 !important;
}
.datepicker-plot-area .toolbox .btn-today,
.datepicker-plot-area .toolbox button,
.datepicker-plot-area .toolbox .pwt-btn{
    display:inline-block !important;
    background:rgba(245,158,11,0.15) !important;
    color:#f59e0b !important;
    border:1px solid rgba(245,158,11,0.3) !important;
    border-radius:8px !important;
    font-family:'Vazirmatn',sans-serif !important;
    font-weight:800 !important;
    font-size:12.5px !important;
    padding:7px 18px !important;
    cursor:pointer !important;
    line-height:1.4 !important;
    width:auto !important;
    height:auto !important;
    min-width:80px !important;
    box-sizing:border-box !important;
}
.datepicker-plot-area .toolbox .btn-today:hover,
.datepicker-plot-area .toolbox button:hover{
    background:linear-gradient(135deg,#f59e0b,#f97316) !important;
    color:#ffffff !important;
}


/* PICKER TOOLBOX — FORCE ORANGE */
.datepicker-plot-area .toolbox .btn-today,
.datepicker-plot-area .toolbox .btn-today span,
.datepicker-plot-area .toolbox button,
.datepicker-plot-area .toolbox button *,
.datepicker-plot-area .toolbox .pwt-btn,
.datepicker-plot-area .toolbox .pwt-btn *,
.datepicker-plot-area .toolbox > div,
.datepicker-plot-area .toolbox > div > *,
.datepicker-plot-area .toolbox > span,
.datepicker-plot-area .toolbox > a{
    background:rgba(245,158,11,0.18) !important;
    color:#f59e0b !important;
    border:1px solid rgba(245,158,11,0.4) !important;
    border-radius:9px !important;
    font-family:'Vazirmatn',sans-serif !important;
    font-weight:800 !important;
    font-size:12.5px !important;
    padding:7px 18px !important;
    cursor:pointer !important;
    display:inline-block !important;
    opacity:1 !important;
    visibility:visible !important;
    text-shadow:none !important;
    transition:all 0.15s !important;
}
.datepicker-plot-area .toolbox .btn-today:hover,
.datepicker-plot-area .toolbox button:hover,
.datepicker-plot-area .toolbox .pwt-btn:hover{
    background:linear-gradient(135deg,#f59e0b,#f97316) !important;
    color:#ffffff !important;
    border-color:#f97316 !important;
    transform:translateY(-1px) !important;
    box-shadow:0 4px 12px rgba(245,158,11,0.4) !important;
}
/* حذف style خاکستری پیش‌فرض picker */
.datepicker-plot-area .toolbox *{
    background-color:transparent !important;
}
.datepicker-plot-area .toolbox .btn-today{
    background:rgba(245,158,11,0.18) !important;
}


/* PICKER BACKDROP — کلیک از روش رد بشه */
@media(max-width:640px){
  body.picker-open::before{
    pointer-events:none !important;
  }
}


/* CM_AC_ACTIVE — هایلایت فیلد باز */
.it-name.ac-active,
.it-name.ac-active:hover{
    border-color:#f59e0b !important;
    box-shadow:0 0 0 4px rgba(245,158,11,0.15) !important;
    background:rgba(245,158,11,0.04) !important;
}


.cm-picker-close{
    position:absolute;
    top:8px;
    left:8px;
    width:30px;
    height:30px;
    border-radius:50%;
    background:rgba(239,68,68,0.15);
    border:1px solid rgba(239,68,68,0.3);
    color:#fca5a5;
    font-size:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    z-index:10;
    transition:all 0.15s;
    font-family:inherit;
}
.cm-picker-close:hover{
    background:rgba(239,68,68,0.3);
    color:#ffffff;
    transform:rotate(90deg) scale(1.1);
}
.datepicker-plot-area{
    position:relative !important;
}


/* CM_PICKER_CLOSE_BTN_V2 */
.datepicker-plot-area{
    position:relative !important;
}
.datepicker-plot-area .cm-picker-close{
    position:absolute !important;
    top:10px !important;
    right:10px !important;
    left:auto !important;
    width:32px !important;
    height:32px !important;
    border-radius:50% !important;
    background:linear-gradient(135deg,#ef4444,#dc2626) !important;
    border:none !important;
    color:#ffffff !important;
    font-size:16px !important;
    font-weight:900 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    cursor:pointer !important;
    z-index:100 !important;
    padding:0 !important;
    line-height:1 !important;
    box-shadow:0 4px 12px rgba(239,68,68,0.4) !important;
    transition:transform 0.15s !important;
    font-family:'Vazirmatn',sans-serif !important;
}
.datepicker-plot-area .cm-picker-close:hover{
    transform:rotate(90deg) scale(1.1) !important;
    background:linear-gradient(135deg,#dc2626,#b91c1c) !important;
}


/* CM_NAV_FIX — navigator روی دکمه نباشه */
.datepicker-plot-area .datepicker-navigator{
    position:relative !important;
    z-index:1 !important;
}
.datepicker-plot-area .cm-picker-close{
    position:absolute !important;
    top:8px !important;
    right:8px !important;
    left:auto !important;
    z-index:99999 !important;
}


/* CM_SELECTION_PADDING — فضای پایین موقع انتخاب */
body.selecting .app-main{
    padding-bottom:140px !important;
}
@media(max-width:640px){
    body.selecting .app-main{
        padding-bottom:180px !important;
    }
}


/* CM_SELECTION_PADDING_V2 */
body.selecting .app-main{
    padding-bottom:200px !important;
}
body.selecting .invoices-container{
    padding-bottom:60px !important;
}
@media(max-width:640px){
    body.selecting .app-main{
        padding-bottom:250px !important;
    }
    body.selecting .invoices-container{
        padding-bottom:100px !important;
    }
}

/* نوار انتخاب روی محتوا نباشه - sticky نباشه */
.selection-bar{
    position:fixed !important;
    bottom:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:500 !important;
}


/* CM_SELECT_HIDE_ACTIONS — actions در حالت انتخاب مخفی */
body.selecting .invoice-card .inv-actions{
    display:none !important;
}
body.selecting .invoice-card{
    cursor:pointer !important;
}


/* ═══════ Selection Mode — قوی ═══════ */
.invoice-card.selectable{cursor:pointer;user-select:none;transition:all 0.25s cubic-bezier(0.4,0,0.2,1)}

/* حالت انتخاب — border نارنجی درخشان + پس‌زمینه */
.invoice-card.selected{
    border-color:#f59e0b !important;
    background:linear-gradient(135deg, #f59e0b, #f97316) !important;
    box-shadow:0 8px 30px rgba(245,158,11,0.5), var(--shadow-sm) !important;
    transform:translateY(-2px) !important;
}

/* متن‌های داخل کارت انتخاب‌شده سفید */
.invoice-card.selected .inv-date-main,
.invoice-card.selected .inv-date-sub,
.invoice-card.selected .inv-item,
.invoice-card.selected .inv-item-name,
.invoice-card.selected .inv-item-qty,
.invoice-card.selected .inv-item-price,
.invoice-card.selected .inv-total-label,
.invoice-card.selected .inv-total-value,
.invoice-card.selected .inv-note{
    color:#ffffff !important;
}
.invoice-card.selected .inv-date-icon{
    background:rgba(255,255,255,0.25) !important;
    color:#ffffff !important;
}
.invoice-card.selected .inv-badge{
    background:rgba(255,255,255,0.25) !important;
    color:#ffffff !important;
}
.invoice-card.selected .inv-item{
    background:rgba(255,255,255,0.12) !important;
}
.invoice-card.selected .inv-head{
    border-bottom-color:rgba(255,255,255,0.25) !important;
}
.invoice-card.selected .inv-total{
    border-top-color:rgba(255,255,255,0.25) !important;
}
.invoice-card.selected .inv-note{
    background:rgba(255,255,255,0.15) !important;
    border-right-color:#ffffff !important;
}
.invoice-card.selected::before{
    background:#ffffff !important;
}
.invoice-card.selected::before{
    background:#f59e0b !important;
    width:6px !important;
    opacity:1 !important;
}

/* تیک بزرگ گوشه */
.invoice-card.selected::after{
    content:"✓";
    position:absolute;
    top:12px;
    left:12px;
    width:36px;
    height:36px;
    background:linear-gradient(135deg,#f59e0b,#f97316);
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    font-weight:900;
    z-index:10;
    box-shadow:0 4px 16px rgba(245,158,11,0.6);
    animation:checkPop 0.35s cubic-bezier(0.34,1.56,0.64,1);
    border:2px solid #fff;
}
@keyframes checkPop{
    from{transform:scale(0) rotate(-180deg);opacity:0}
    to{transform:scale(1) rotate(0deg);opacity:1}
}

/* checkbox خالی برای کارت‌های selectable */
.invoice-card.selectable:not(.selected)::after{
    content:"";
    position:absolute;
    top:12px;
    left:12px;
    width:36px;
    height:36px;
    border-radius:50%;
    border:2px dashed rgba(255,255,255,0.25);
    z-index:10;
    transition:all 0.2s;
    box-sizing:border-box;
}
.invoice-card.selectable:not(.selected):hover::after{
    border-color:rgba(245,158,11,0.6);
    border-style:solid;
    background:rgba(245,158,11,0.08);
}

/* موبایل */
@media(max-width:640px){
    .invoice-card.selected::after,
    .invoice-card.selectable:not(.selected)::after{
        width:32px;
        height:32px;
        top:10px;
        left:10px;
        font-size:18px;
    }
}


/* CM_SELECT_ALL */
#selAll{
    transition:all 0.2s;
    font-weight:800;
}
#selAll.btn-ok{
    background:rgba(34,197,94,0.1);
    border-color:rgba(34,197,94,0.3);
    color:#86efac;
}
#selAll.btn-ok:hover{
    background:rgba(34,197,94,0.2);
}
#selAll.btn-danger{
    background:rgba(239,68,68,0.1);
    border-color:rgba(239,68,68,0.3);
    color:#fca5a5;
}
#selAll.btn-danger:hover{
    background:rgba(239,68,68,0.2);
}
@media(max-width:640px){
    #selAll span{font-size:11px}
}


/* CM_HR_BTN — دکمه هارد رفرش در تنظیمات */
#modal .modal-head .modal-title-wrap{
    display:flex;
    align-items:center;
    gap:10px;
}
.cm-hr-btn{
    width:34px !important;
    height:34px !important;
    padding:0 !important;
    background:rgba(245,158,11,0.12) !important;
    border:1px solid rgba(245,158,11,0.3) !important;
    color:#fbbf24 !important;
    border-radius:9px !important;
    transition:all 0.15s !important;
    cursor:pointer !important;
    font-size:14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin-right:auto !important;
}
.cm-hr-btn:hover{
    background:rgba(245,158,11,0.25) !important;
    color:#f59e0b !important;
    transform:rotate(90deg) !important;
}


/* CM_PAID_GREEN — همه‌چیز سبز در پرداخت‌شده */

/* آیکن تاریخ */
.invoice-card.paid .inv-date-icon{
    background:rgba(34,197,94,0.15) !important;
    color:#86efac !important;
}

/* نوار کنار کارت */
.invoice-card.paid::before{
    background:linear-gradient(180deg, #22c55e, #16a34a) !important;
    opacity:1 !important;
    width:4px !important;
}

/* badge */
.invoice-card.paid .inv-badge.paid{
    background:rgba(34,197,94,0.18) !important;
    color:#86efac !important;
}

/* جمع کل */
.invoice-card.paid .inv-total-value{
    color:#86efac !important;
}
.invoice-card.paid .inv-total{
    border-top-color:rgba(34,197,94,0.2) !important;
}

/* hover state سبز */
.invoice-card.paid:hover{
    border-color:rgba(34,197,94,0.4) !important;
    box-shadow:0 8px 24px rgba(34,197,94,0.15) !important;
}

/* ═══ حالت انتخاب — پرداخت‌شده سبز ═══ */
.invoice-card.paid.selected{
    border-color:#22c55e !important;
    background:linear-gradient(135deg, #22c55e, #16a34a) !important;
    box-shadow:0 8px 30px rgba(34,197,94,0.5), var(--shadow-sm) !important;
}
.invoice-card.paid.selected .inv-date-icon{
    background:rgba(255,255,255,0.25) !important;
    color:#ffffff !important;
}
.invoice-card.paid.selected .inv-badge{
    background:rgba(255,255,255,0.25) !important;
    color:#ffffff !important;
}
.invoice-card.paid.selected .inv-item{
    background:rgba(255,255,255,0.12) !important;
}
.invoice-card.paid.selected .inv-total{
    border-top-color:rgba(255,255,255,0.25) !important;
}
.invoice-card.paid.selected .inv-total-value{
    color:#ffffff !important;
}
.invoice-card.paid.selected .inv-date-main,
.invoice-card.paid.selected .inv-date-sub,
.invoice-card.paid.selected .inv-item-name,
.invoice-card.paid.selected .inv-item-qty,
.invoice-card.paid.selected .inv-item-price,
.invoice-card.paid.selected .inv-total-label{
    color:#ffffff !important;
}
.invoice-card.paid.selected::before{
    background:#ffffff !important;
}


/* CM_PAID_PRICES_GREEN — قیمت‌ها سبز در پرداخت‌شده */
.invoice-card.paid .inv-item-price{
    color:#86efac !important;
}
.invoice-card.paid .inv-total-value{
    color:#86efac !important;
}
.invoice-card.paid .inv-item{
    background:rgba(34,197,94,0.06) !important;
}

/* حتی اگه کلاس selected هم داشته */
.invoice-card.paid .inv-item-price,
.invoice-card.paid .inv-total-value{
    color:#86efac !important;
}


/* ═══════ BATCHES PAGE ═══════ */
.batches-main{padding-top:120px !important}
.batches-list{display:flex;flex-direction:column;gap:14px}

.batch-card{
    background:var(--card);
    backdrop-filter:blur(10px);
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:16px 18px;
    transition:all 0.25s;
    position:relative;
    overflow:hidden;

}
.batch-card::before{
    content:'';
    position:absolute;
    top:0;right:0;width:4px;height:100%;
    background:#f59e0b;
    opacity:0.7;
}
.batch-card.is-default{
    border-color:rgba(245,158,11,0.4);
    box-shadow:0 0 0 1px rgba(245,158,11,0.15), var(--shadow-sm);
}
.batch-card.is-default::before{
    background:linear-gradient(180deg,#f59e0b,#f97316);
    opacity:1;
}
.batch-card.paid::before{
    background:linear-gradient(180deg,#22c55e,#16a34a);
    opacity:1;
}
.batch-card:hover{
    border-color:var(--border-hover);
    transform:translateY(-2px);
    box-shadow:var(--shadow-sm);
}

.batch-head{display:flex;align-items:center;gap:14px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--border)}
.batch-icon{
    width:48px;height:48px;
    border-radius:13px;
    background:rgba(245,158,11,0.12);
    color:#fbbf24;
    display:flex;align-items:center;justify-content:center;
    font-size:20px;flex-shrink:0;
    transition:all 0.2s;
}
.batch-card.paid .batch-icon{background:rgba(34,197,94,0.15);color:#86efac}
.batch-card:hover .batch-icon{transform:scale(1.05)}
.batch-info{flex:1;min-width:0}
.batch-name{
    font-size:15px;
    font-weight:900;
    color:#fff;
    margin-bottom:6px;
    display:flex;align-items:center;gap:8px;flex-wrap:wrap;
}
.batch-default-badge{
    font-size:10px;
    padding:2px 9px;
    background:linear-gradient(135deg,#f59e0b,#f97316);
    color:#fff;
    border-radius:100px;
    font-weight:800;
    display:inline-flex;align-items:center;gap:4px;
}
.batch-default-badge i{font-size:9px}
.batch-meta{
    font-size:11.5px;
    color:var(--muted);
    display:flex;align-items:center;gap:6px;flex-wrap:wrap;
}
.batch-meta i{font-size:10px;color:var(--accent)}
.batch-meta .sep{opacity:0.4}
.batch-paid-badge{
    font-size:11px;
    padding:5px 12px;
    background:rgba(34,197,94,0.15);
    color:#86efac;
    border:1px solid rgba(34,197,94,0.3);
    border-radius:100px;
    font-weight:800;
    display:inline-flex;align-items:center;gap:5px;
}
.batch-actions{display:flex;gap:6px;flex-wrap:wrap}
.batch-actions .btn{font-size:11.5px;padding:7px 12px}
.batch-actions .btn:disabled{opacity:0.4;cursor:not-allowed}
.btn-warn{
    background:rgba(245,158,11,0.1);
    border-color:rgba(245,158,11,0.3);
    color:#fbbf24;
}
.btn-warn:hover{background:rgba(245,158,11,0.2)}

.brand-back{
    width:38px;height:38px;
    border-radius:var(--radius-sm);
    background:rgba(255,255,255,0.04);
    border:1px solid var(--border);
    color:var(--text);
    display:flex;align-items:center;justify-content:center;
    font-size:14px;
    transition:all 0.2s;
    flex-shrink:0;
}
.brand-back:hover{
    background:rgba(255,255,255,0.08);
    border-color:var(--border-hover);
    color:#fff;
    transform:translateX(3px);
}


@media(max-width:640px){
    .batches-main{padding-top:100px !important}
    .batch-card{padding:14px}
    .batch-head{gap:10px;flex-wrap:wrap}
    .batch-icon{width:42px;height:42px;font-size:18px}
    .batch-name{font-size:14px}
    .batch-meta{font-size:11px;gap:5px}
    .batch-actions{width:100%}
    .batch-actions .btn{flex:1;justify-content:center;min-width:0}
    .batch-actions .btn-icon-only{flex:0 0 auto;width:36px}
}


/* CM_BATCH_BAR — نوار دسته بالای صفحه */
.current-batch-bar{
    display:flex;
    align-items:center;
    gap:14px;
    background:linear-gradient(135deg, rgba(245,158,11,0.08), rgba(249,115,22,0.04));
    border:1px solid rgba(245,158,11,0.25);
    border-radius:16px;
    padding:14px 18px;
    margin-bottom:20px;
    backdrop-filter:blur(10px);
    flex-wrap:wrap;
}
.cbb-icon{
    width:44px;height:44px;
    border-radius:12px;
    background:linear-gradient(135deg,#f59e0b,#f97316);
    color:#fff;
    display:flex;align-items:center;justify-content:center;
    font-size:18px;flex-shrink:0;
    box-shadow:0 6px 18px rgba(245,158,11,0.35);
}
.cbb-info{flex:1;min-width:200px}
.cbb-name{
    font-size:14.5px;font-weight:900;color:#fff;margin-bottom:4px;
    display:flex;align-items:center;gap:8px;flex-wrap:wrap;
}
.cbb-paid{
    font-size:10px;padding:3px 9px;
    background:rgba(34,197,94,0.2);color:#86efac;
    border-radius:100px;font-weight:800;
    display:inline-flex;align-items:center;gap:4px;
}
.cbb-meta{
    font-size:11.5px;color:var(--muted);
    display:flex;align-items:center;gap:6px;flex-wrap:wrap;
}
.cbb-meta i{color:#fbbf24;font-size:10px}
.cbb-meta .sep{opacity:0.4}
.cbb-actions{display:flex;gap:6px;flex-wrap:wrap}
@media(max-width:640px){
    .current-batch-bar{padding:12px 14px;gap:10px}
    .cbb-icon{width:40px;height:40px;font-size:16px}
    .cbb-info{width:100%;order:1}
    .cbb-actions{width:100%;order:2}
    .cbb-actions .btn{flex:1;justify-content:center;font-size:11.5px;padding:7px 10px}
    .cbb-actions .btn-icon-only{flex:0 0 auto;width:36px}
}


/* CM_INV_LOCKED — فاکتورهای قفل‌شده */
.inv-actions.inv-locked{
    display:flex !important;
    opacity:1 !important;
    transform:none !important;
}
.inv-locked i{
    width:32px;height:32px;
    border-radius:9px;
    background:rgba(34,197,94,0.12);
    color:#86efac;
    display:flex;align-items:center;justify-content:center;
    font-size:12px;
}
.invoice-card.paid .icon-btn:disabled,
.invoice-card.paid .inv-actions .icon-btn{
    pointer-events:none;
    opacity:0.5;
}


/* CM_INV_COMPACT — نمایش فشرده آیتم‌ها */
.inv-items{
    display:flex;
    flex-direction:column;
    gap:0;
    margin:0 -4px 12px;
    padding:0;
}
.inv-item{
    display:flex;
    align-items:center;
    gap:10px;
    padding:8px 12px;
    background:transparent;
    border-radius:0;
    border-bottom:1px dashed rgba(255,255,255,0.06);
    font-size:12.5px;
    transition:background 0.15s;
}
.inv-item:last-child{border-bottom:none}
.inv-item:hover{background:rgba(255,255,255,0.02)}
.inv-item-name{
    flex:1;
    color:#e8ebf5;
    font-weight:700;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.inv-item-formula{
    display:flex;
    align-items:center;
    gap:6px;
    font-family:'SF Mono','Monaco',monospace;
    font-size:11px;
    color:#9ca3af;
    direction:ltr;
    flex-shrink:0;
}
.inv-item-formula .f-qty{
    background:rgba(245,158,11,0.12);
    color:#fbbf24;
    padding:2px 8px;
    border-radius:6px;
    font-weight:800;
    min-width:30px;
    text-align:center;
}
.inv-item-formula .f-x{
    opacity:0.5;
    font-size:10px;
}
.inv-item-formula .f-price{
    color:#9ca3af;
}
.inv-item-total{
    font-family:'SF Mono','Monaco',monospace;
    font-size:12.5px;
    font-weight:900;
    color:#fbbf24;
    direction:ltr;
    min-width:90px;
    text-align:right;
    flex-shrink:0;
}
.invoice-card.paid .inv-item-total{color:#86efac}

/* جمع کل — قوی‌تر */
.inv-total{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-top:12px;
    margin-top:4px;
    border-top:1px solid var(--border);
}
.inv-total-label{
    font-size:12.5px;
    font-weight:800;
    color:var(--text-2);
}
.inv-total-value{
    font-size:16px;
    font-weight:900;
    font-family:'SF Mono','Monaco',monospace;
    color:#fbbf24;
    direction:ltr;
}
.invoice-card.paid .inv-total-value{color:#86efac}

/* حالت انتخاب پرداخت‌شده */
.invoice-card.selected .inv-item{
    border-bottom-color:rgba(255,255,255,0.2) !important;
}
.invoice-card.selected .inv-item-total{
    color:#ffffff !important;
}
.invoice-card.selected .inv-item-formula .f-qty{
    background:rgba(255,255,255,0.25) !important;
    color:#ffffff !important;
}

/* موبایل */
@media(max-width:640px){
    .inv-item{
        padding:7px 8px;
        gap:8px;
        font-size:12px;
    }
    .inv-item-formula{font-size:10.5px;gap:4px}
    .inv-item-formula .f-qty{padding:1px 6px;min-width:26px}
    .inv-item-total{font-size:12px;min-width:75px}
    .inv-total-value{font-size:15px}
}


/* CM_INV_ACCORDION — کارت جمع‌وجور با expand */
.invoice-card{
    padding:0 !important;
    overflow:hidden;
}

/* ─── حالت جمع‌وجور ─── */
.inv-compact{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 16px;
    cursor:pointer;
    transition:background 0.15s;
    user-select:none;
}
.inv-compact:hover{background:rgba(255,255,255,0.02)}
.inv-compact-date{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:13.5px;
    font-weight:800;
    color:#fff;
    flex:1;
    min-width:0;
}
.inv-compact-date i{color:#fbbf24;font-size:12px}
.inv-compact-meta{
    display:flex;
    align-items:center;
    gap:8px;
    flex-shrink:0;
}
.inv-compact-count{
    font-size:11px;
    color:var(--muted);
    background:rgba(255,255,255,0.04);
    padding:3px 10px;
    border-radius:100px;
    font-weight:700;
    white-space:nowrap;
}
.inv-compact-total{
    font-size:14.5px;
    font-weight:900;
    font-family:'SF Mono','Monaco',monospace;
    color:#fbbf24;
    direction:ltr;
    white-space:nowrap;
    flex-shrink:0;
}
.invoice-card.paid .inv-compact-total{color:#86efac}
.inv-compact-expand{
    width:28px;height:28px;
    border-radius:50%;
    background:rgba(255,255,255,0.04);
    color:var(--muted);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:11px;
    transition:all 0.25s;
    flex-shrink:0;
}
.inv-compact:hover .inv-compact-expand{
    background:rgba(245,158,11,0.15);
    color:#fbbf24;
}
.invoice-card.expanded .inv-compact-expand{
    transform:rotate(180deg);
    background:rgba(245,158,11,0.2);
    color:#fbbf24;
}

/* ─── جزئیات (مخفی) ─── */
.inv-details{
    max-height:0;
    overflow:hidden;
    opacity:0;
    transition:max-height 0.35s cubic-bezier(0.4,0,0.2,1), opacity 0.25s, padding 0.35s;
    padding:0 16px;
    border-top:1px dashed rgba(255,255,255,0.08);
    background:rgba(0,0,0,0.15);
}
.invoice-card.expanded .inv-details{
    max-height:800px;
    opacity:1;
    padding:14px 16px;
}

/* آیتم‌ها */
.inv-items{
    display:flex;
    flex-direction:column;
    gap:0;
    margin:0 -4px 12px;
}
.inv-item{
    display:flex;
    align-items:center;
    gap:10px;
    padding:8px 12px;
    background:transparent;
    border-radius:0;
    border-bottom:1px dashed rgba(255,255,255,0.06);
    font-size:12.5px;
}
.inv-item:last-child{border-bottom:none}
.inv-item-name{
    flex:1;
    color:#e8ebf5;
    font-weight:700;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.inv-item-formula{
    display:flex;
    align-items:center;
    gap:6px;
    font-family:'SF Mono','Monaco',monospace;
    font-size:11px;
    color:#9ca3af;
    direction:ltr;
    flex-shrink:0;
}
.inv-item-formula .f-qty{
    background:rgba(245,158,11,0.12);
    color:#fbbf24;
    padding:2px 8px;
    border-radius:6px;
    font-weight:800;
    min-width:30px;
    text-align:center;
}
.inv-item-formula .f-x{opacity:0.5;font-size:10px}
.inv-item-total{
    font-family:'SF Mono','Monaco',monospace;
    font-size:12.5px;
    font-weight:900;
    color:#fbbf24;
    direction:ltr;
    min-width:90px;
    text-align:right;
    flex-shrink:0;
}
.invoice-card.paid .inv-item-total{color:#86efac}

/* یادداشت */
.inv-note{
    margin:8px 0;
    padding:8px 12px;
    background:rgba(245,158,11,0.06);
    border-radius:8px;
    font-size:11.5px;
    color:var(--text-2);
    border-right:3px solid var(--accent);
}

/* actions */
.inv-details .inv-actions{
    display:flex;
    gap:6px;
    opacity:1;
    transform:none;
    margin-top:8px;
    padding-top:12px;
    border-top:1px solid var(--border);
    justify-content:flex-end;
}
.inv-details .icon-btn{
    width:36px;height:36px;
    font-size:13px;
}

/* موبایل */
@media(max-width:640px){
    .inv-compact{padding:12px 14px;gap:8px}
    .inv-compact-date{font-size:13px;gap:6px}
    .inv-compact-date i{font-size:11px}
    .inv-compact-count{font-size:10px;padding:2px 8px}
    .inv-compact-total{font-size:13.5px}
    .inv-compact-expand{width:26px;height:26px;font-size:10px}
    .inv-details{padding-left:14px;padding-right:14px}
    .invoice-card.expanded .inv-details{padding:12px 14px}
    .inv-item{padding:7px 8px;gap:8px;font-size:12px}
    .inv-item-total{font-size:12px;min-width:75px}
}


/* CM_MOVE_MODAL — لیست دسته‌ها برای انتقال */
.move-batch-list{display:flex;flex-direction:column;gap:6px;max-height:400px;overflow-y:auto}
.move-batch-item{
    display:flex;align-items:center;gap:12px;
    padding:12px 14px;
    background:rgba(0,0,0,0.2);
    border:1px solid var(--border);
    border-radius:10px;
    cursor:pointer;
    transition:all 0.15s;
}
.move-batch-item:hover{
    background:rgba(245,158,11,0.08);
    border-color:rgba(245,158,11,0.35);
    transform:translateY(-1px);
}
.move-batch-icon{
    width:38px;height:38px;border-radius:10px;
    background:rgba(245,158,11,0.12);color:#fbbf24;
    display:flex;align-items:center;justify-content:center;
    font-size:15px;flex-shrink:0;
}
.move-batch-info{flex:1;min-width:0}
.move-batch-name{font-size:13px;font-weight:800;color:#fff;margin-bottom:3px}
.move-batch-meta{font-size:10.5px;color:var(--muted)}
.move-batch-arrow{color:var(--muted);font-size:13px;transition:all 0.15s}
.move-batch-item:hover .move-batch-arrow{color:#fbbf24;transform:translateX(-4px)}


/* ═══════════════════════════════════════════ */
/* CM_LIGHT_THEME — تم روشن */
/* ═══════════════════════════════════════════ */
body.light-theme{
    --bg:#f5f5f8;
    --bg-2:#eceef2;
    --card:rgba(255,255,255,0.85);
    --card-solid:#ffffff;
    --border:rgba(0,0,0,0.08);
    --border-hover:rgba(0,0,0,0.15);
    --text:#1a1c24;
    --text-2:#4a4d59;
    --muted:#8a8d99;
    --shadow:0 20px 60px rgba(0,0,0,0.12);
    --shadow-sm:0 8px 24px rgba(0,0,0,0.08);
}

body.light-theme{
    background:#f5f5f8;
    color:#1a1c24;
}
body.light-theme::before{
    background:
        radial-gradient(circle at 15% 15%, rgba(245,158,11,0.08), transparent 40%),
        radial-gradient(circle at 85% 85%, rgba(249,115,22,0.06), transparent 40%);
}

/* هدر */
body.light-theme .app-header{
    background:rgba(255,255,255,0.9) !important;
    border-bottom-color:rgba(0,0,0,0.08) !important;
}
body.light-theme .brand-title{color:#1a1c24}
body.light-theme .btn{
    background:rgba(0,0,0,0.04);
    border-color:rgba(0,0,0,0.1);
    color:#1a1c24;
}
body.light-theme .btn:hover{background:rgba(0,0,0,0.08)}
body.light-theme .search-input{
    background:rgba(0,0,0,0.03) !important;
    color:#1a1c24 !important;
}
body.light-theme .pill{
    background:rgba(0,0,0,0.03) !important;
    color:#4a4d59 !important;
}

/* کارت‌ها */
body.light-theme .invoice-card,
body.light-theme .batch-card,
body.light-theme .current-batch-bar{
    background:rgba(255,255,255,0.9) !important;
    border-color:rgba(0,0,0,0.08) !important;
}
body.light-theme .inv-compact-date{color:#1a1c24}
body.light-theme .batch-name{color:#1a1c24}
body.light-theme .cbb-name{color:#1a1c24}
body.light-theme .inv-item-name{color:#1a1c24 !important}
body.light-theme .inv-compact-count{
    background:rgba(0,0,0,0.05) !important;
    color:#4a4d59 !important;
}

/* مودال */
body.light-theme .modal-box{background:#ffffff !important}
body.light-theme .modal-head,
body.light-theme .modal-foot{background:rgba(0,0,0,0.02) !important}
body.light-theme .modal-head h2{color:#1a1c24}
body.light-theme .input,
body.light-theme .select{
    background:rgba(0,0,0,0.03) !important;
    color:#1a1c24 !important;
    border-color:rgba(0,0,0,0.12) !important;
}
body.light-theme .label{color:#4a4d59}
body.light-theme .hint{color:#8a8d99}

/* تنظیمات */
body.light-theme .prod-row .input{
    background:rgba(0,0,0,0.03) !important;
    color:#1a1c24 !important;
}

/* تاریخ‌پی‌کر */
body.light-theme .datepicker-plot-area{
    background:#ffffff !important;
    border-color:rgba(0,0,0,0.1) !important;
}
body.light-theme .datepicker-plot-area *{
    color:#1a1c24 !important;
}
body.light-theme .datepicker-plot-area .table-days td span{
    color:#1a1c24 !important;
}
body.light-theme .datepicker-plot-area .table-days td span:hover{
    background:rgba(245,158,11,0.15) !important;
}
body.light-theme .datepicker-plot-area .table-days td.selected span{
    color:#ffffff !important;
}

/* توست */
body.light-theme .toast{
    background:#1a1c24;
    color:#ffffff;
}

/* selection bar */
body.light-theme .selection-bar{
    background:rgba(255,255,255,0.98) !important;
    border-top-color:rgba(0,0,0,0.1) !important;
}
body.light-theme .selection-count{color:#1a1c24}

/* transition نرم برای تغییر تم */
body, .app-header, .invoice-card, .batch-card, .modal-box, .btn, .input, .select, .pill,
.current-batch-bar, .toast, .selection-bar{
    transition:background 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
}


/* ═══════════════════════════════════════════ */
/* CM_LIGHT_V2 — اصلاحات تم روشن */
/* ═══════════════════════════════════════════ */

/* ─── inputs ─── */
body.light-theme .input,
body.light-theme .select,
body.light-theme .search-input,
body.light-theme .login-input{
    background:#ffffff !important;
    color:#1a1c24 !important;
    border-color:rgba(0,0,0,0.12) !important;
}
body.light-theme .input::placeholder,
body.light-theme .search-input::placeholder{
    color:#a0a3ae !important;
}
body.light-theme .input:focus,
body.light-theme .select:focus{
    background:#ffffff !important;
    border-color:#f59e0b !important;
    box-shadow:0 0 0 4px rgba(245,158,11,0.15) !important;
}

/* ─── آیتم‌های فاکتور ─── */
body.light-theme .inv-details{
    background:rgba(0,0,0,0.02) !important;
    border-top-color:rgba(0,0,0,0.06) !important;
}
body.light-theme .inv-item{
    border-bottom-color:rgba(0,0,0,0.05) !important;
}
body.light-theme .inv-item:hover{
    background:rgba(0,0,0,0.02) !important;
}
body.light-theme .inv-item-name{color:#1a1c24 !important}
body.light-theme .inv-item-formula{color:#6b6e7a !important}
body.light-theme .inv-item-total{color:#d97706 !important}
body.light-theme .invoice-card.paid .inv-item-total{color:#16a34a !important}

/* ─── badge paid ─── */
body.light-theme .inv-badge.paid{
    background:rgba(34,197,94,0.15) !important;
    color:#16a34a !important;
}
body.light-theme .inv-badge.unpaid{
    background:rgba(245,158,11,0.15) !important;
    color:#d97706 !important;
}

/* ─── کارت‌ها hover ─── */
body.light-theme .invoice-card:hover,
body.light-theme .batch-card:hover{
    box-shadow:0 8px 24px rgba(0,0,0,0.08) !important;
}

/* ─── actions buttons ─── */
body.light-theme .icon-btn{
    background:rgba(0,0,0,0.04) !important;
    color:#6b6e7a !important;
}
body.light-theme .icon-btn:hover{
    background:rgba(0,0,0,0.08) !important;
    color:#1a1c24 !important;
}

/* ─── جمع کل کارت ─── */
body.light-theme .inv-compact-total{color:#d97706 !important}
body.light-theme .invoice-card.paid .inv-compact-total{color:#16a34a !important}
body.light-theme .inv-total-value{color:#d97706 !important}
body.light-theme .inv-total-label{color:#4a4d59 !important}
body.light-theme .inv-total{
    border-top-color:rgba(0,0,0,0.08) !important;
}

/* ─── current-batch-bar ─── */
body.light-theme .current-batch-bar{
    background:linear-gradient(135deg, rgba(245,158,11,0.08), rgba(249,115,22,0.04)) !important;
    border-color:rgba(245,158,11,0.3) !important;
}
body.light-theme .cbb-name{color:#1a1c24 !important}
body.light-theme .cbb-meta{color:#6b6e7a !important}
body.light-theme .cbb-paid{
    background:rgba(34,197,94,0.15) !important;
    color:#16a34a !important;
}

/* ─── batch card ─── */
body.light-theme .batch-meta{color:#6b6e7a !important}
body.light-theme .batch-icon{
    background:rgba(245,158,11,0.15) !important;
    color:#d97706 !important;
}
body.light-theme .batch-paid-badge{
    background:rgba(34,197,94,0.15) !important;
    color:#16a34a !important;
    border-color:rgba(34,197,94,0.3) !important;
}
body.light-theme .batch-default-badge{
    color:#ffffff !important;
}

/* ─── icon-picker, emoji ─── */
body.light-theme .icon-picker{
    background:rgba(0,0,0,0.03) !important;
}
body.light-theme .icon-picker-btn{
    background:rgba(0,0,0,0.03) !important;
    color:#6b6e7a !important;
}
body.light-theme .icon-picker-btn:hover{
    background:rgba(245,158,11,0.12) !important;
    color:#d97706 !important;
}
body.light-theme .icon-picker-btn.active{
    background:rgba(245,158,11,0.2) !important;
    color:#d97706 !important;
    border-color:#f59e0b !important;
}

/* ─── اتوکامپلیت (محصولات) ─── */
body.light-theme .ac-dropdown{
    background:#ffffff !important;
    border-color:rgba(0,0,0,0.1) !important;
    box-shadow:0 10px 30px rgba(0,0,0,0.15) !important;
}
body.light-theme .ac-item{
    border-bottom-color:rgba(0,0,0,0.05) !important;
}
body.light-theme .ac-item:hover{
    background:rgba(245,158,11,0.1) !important;
}
body.light-theme .ac-name{color:#1a1c24 !important}
body.light-theme .ac-meta{color:#8a8d99 !important}
body.light-theme .it-name.ac-active{
    background:rgba(245,158,11,0.08) !important;
    border-color:#f59e0b !important;
}

/* ─── item-row (فاکتور) ─── */
body.light-theme .item-row{
    background:rgba(0,0,0,0.03) !important;
}
body.light-theme .items-summary{
    background:rgba(245,158,11,0.08) !important;
    border-color:rgba(245,158,11,0.3) !important;
    color:#1a1c24 !important;
}
body.light-theme .items-summary span:last-child{color:#d97706 !important}

/* ─── move batch modal ─── */
body.light-theme .move-batch-item{
    background:rgba(0,0,0,0.03) !important;
    border-color:rgba(0,0,0,0.08) !important;
}
body.light-theme .move-batch-item:hover{
    background:rgba(245,158,11,0.08) !important;
}
body.light-theme .move-batch-name{color:#1a1c24 !important}

/* ─── labels و hints ─── */
body.light-theme .label{color:#4a4d59 !important}
body.light-theme .label i{color:#d97706 !important}
body.light-theme .hint{color:#8a8d99 !important}

/* ─── login page ─── */
body.light-theme .login-card{
    background:rgba(255,255,255,0.9) !important;
    border-color:rgba(0,0,0,0.08) !important;
}
body.light-theme .login-title{color:#1a1c24 !important}
body.light-theme .login-sub{color:#6b6e7a !important}
body.light-theme .login-input{
    background:#f5f5f8 !important;
    color:#1a1c24 !important;
    border-color:rgba(0,0,0,0.12) !important;
}

/* ─── empty state ─── */
body.light-theme .empty-title{color:#4a4d59 !important}
body.light-theme .empty-sub{color:#8a8d99 !important}

/* ─── brand-back ─── */
body.light-theme .brand-back{
    background:rgba(0,0,0,0.04) !important;
    border-color:rgba(0,0,0,0.1) !important;
    color:#6b6e7a !important;
}
body.light-theme .brand-back:hover{
    background:rgba(245,158,11,0.12) !important;
    color:#d97706 !important;
}

/* ─── toast در روشن ─── */
body.light-theme .toast{
    background:#1a1c24 !important;
    color:#ffffff !important;
}


/* CM_LIGHT_PICKER_FIX — هدر picker در تم روشن */
body.light-theme .datepicker-plot-area .datepicker-navigator .pwt-btn-switch,
body.light-theme .datepicker-plot-area .datepicker-navigator .pwt-btn-switch *,
body.light-theme .datepicker-plot-area .pwt-btn-switch{
    color:#1a1c24 !important;
    background:transparent !important;
    font-weight:900 !important;
}

/* فلش‌ها */
body.light-theme .datepicker-plot-area .pwt-btn-next,
body.light-theme .datepicker-plot-area .pwt-btn-prev{
    color:#4a4d59 !important;
    background:rgba(0,0,0,0.05) !important;
}
body.light-theme .datepicker-plot-area .pwt-btn-next:hover,
body.light-theme .datepicker-plot-area .pwt-btn-prev:hover{
    color:#1a1c24 !important;
    background:rgba(245,158,11,0.2) !important;
}

/* روزهای هفته */
body.light-theme .datepicker-plot-area .header-row-cell{
    color:#4a4d59 !important;
    font-weight:800 !important;
}

/* روزهای ماه قبل/بعد */
body.light-theme .datepicker-plot-area .table-days td span.other-month{
    color:#b0b3be !important;
}

/* toolbox (دکمه امروز) */
body.light-theme .datepicker-plot-area .toolbox{
    border-top-color:rgba(0,0,0,0.08) !important;
}
body.light-theme .datepicker-plot-area .toolbox .btn-today{
    background:rgba(245,158,11,0.15) !important;
    color:#d97706 !important;
}
body.light-theme .datepicker-plot-area .toolbox .btn-today:hover{
    background:linear-gradient(135deg,#f59e0b,#f97316) !important;
    color:#ffffff !important;
}

/* انتخاب‌شده و امروز — به همون شکل */
body.light-theme .datepicker-plot-area .table-days td.selected span,
body.light-theme .datepicker-plot-area .table-days td span.selected{
    color:#ffffff !important;
    background:linear-gradient(135deg,#f59e0b,#f97316) !important;
}
body.light-theme .datepicker-plot-area .table-days td.today span{
    color:#d97706 !important;
    border-color:#f59e0b !important;
}
body.light-theme .datepicker-plot-area .table-days td.today.selected span{
    color:#ffffff !important;
}



}


/* ═══════ AC DROPDOWN — Fixed ═══════ */
.ac-dropdown{
    background:#1c1814;
    border:1px solid rgba(255,255,255,0.1);
    border-radius:10px;
    overflow-y:auto;
    overflow-x:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,0.7);
    display:none;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding:4px;
    box-sizing:border-box;
    animation:acFadeIn 0.15s ease;
}
.ac-dropdown.show{display:block}
@keyframes acFadeIn{
    from{opacity:0;transform:translateY(-4px)}
    to{opacity:1;transform:translateY(0)}
}

.ac-item{
    padding:10px 12px;
    cursor:pointer;
    border-radius:7px;
    transition:background 0.12s;
    touch-action:manipulation;
}
.ac-item:hover,.ac-item:active{
    background:rgba(245,158,11,0.15);
}
.ac-name{
    font-size:13px;
    font-weight:700;
    color:#ffffff;
    margin-bottom:2px;
}
.ac-meta{
    font-size:10.5px;
    color:#8a8d99;
    font-family:'SF Mono',monospace;
    direction:ltr;
    text-align:right;
}
.ac-empty{
    text-align:center;
    color:#8a8d99;
    cursor:default;
    font-size:12px;
}
.ac-empty:hover{background:transparent}

.ac-dropdown::-webkit-scrollbar{width:6px}
.ac-dropdown::-webkit-scrollbar-track{background:transparent}
.ac-dropdown::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border-radius:3px}
.ac-dropdown::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.3)}

/* تم روشن */
body.light-theme .ac-dropdown{
    background:#ffffff;
    border-color:rgba(0,0,0,0.1);
    box-shadow:0 15px 40px rgba(0,0,0,0.2);
}
body.light-theme .ac-item:hover{background:rgba(245,158,11,0.12)}
body.light-theme .ac-name{color:#1a1c24}
body.light-theme .ac-meta{color:#8a8d99}
body.light-theme .ac-dropdown::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.15)}


/* CM_BIG_STAR — ستاره بزرگ گوشه کارت */
.batch-card.is-default::after{
    content:'\f005';
    font-family:'Font Awesome 6 Free','Font Awesome 6 Pro';
    font-weight:900;
    position:absolute;
    top:14px;
    left:16px;
    font-size:32px;
    color:#fbbf24;
    text-shadow:0 4px 16px rgba(245,158,11,0.5);
    animation:starFloat 3s ease-in-out infinite;
    z-index:2;
    pointer-events:none;
    line-height:1;
}

/* وقتی پرداخت شده هم هست — سبز */
.batch-card.is-default.paid::after{
    color:#86efac;
    text-shadow:0 4px 16px rgba(34,197,94,0.5);
}

@keyframes starFloat{
    0%,100%{transform:translateY(0) rotate(-5deg);opacity:0.9}
    50%{transform:translateY(-3px) rotate(5deg);opacity:1}
}

/* badge نام رو حذف کن (ستاره بزرگ جاش رو گرفته) */
.batch-default-badge{
    display:none !important;
}

/* موبایل — ستاره کوچیک‌تر */
@media(max-width:640px){
    .batch-card.is-default::after{
        top:12px;
        left:14px;
        font-size:26px;
    }
}


/* CM_NO_ANIM — بدون انیمیشن موقع re-render */
.batches-list.no-anim .batch-card{
    animation:none !important;
}
.batches-list.no-anim .batch-card.is-default::after{
    animation:none !important;
}


/* CM_SWITCH_BATCH — مودال تغییر دسته */
.switch-batch-list{display:flex;flex-direction:column;gap:6px;max-height:400px;overflow-y:auto}
.switch-batch-item{
    display:flex;align-items:center;gap:12px;
    padding:12px 14px;
    background:rgba(0,0,0,0.2);
    border:1px solid var(--border);
    border-radius:10px;
    cursor:pointer;
    transition:all 0.15s;
}
.switch-batch-item:hover{
    background:rgba(245,158,11,0.08);
    border-color:rgba(245,158,11,0.35);
    transform:translateY(-1px);
}
.switch-batch-item.current{
    background:rgba(245,158,11,0.12);
    border-color:rgba(245,158,11,0.5);
    cursor:default;
}
.switch-batch-item.current:hover{transform:none}
.switch-batch-icon{
    width:38px;height:38px;border-radius:10px;
    background:rgba(245,158,11,0.12);color:#fbbf24;
    display:flex;align-items:center;justify-content:center;
    font-size:15px;flex-shrink:0;
}
.switch-batch-item.current .switch-batch-icon{
    background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;
}
.switch-batch-info{flex:1;min-width:0}
.switch-batch-name{font-size:13px;font-weight:800;color:#fff;margin-bottom:3px}
.switch-batch-meta{font-size:10.5px;color:var(--muted)}
.switch-batch-check{color:#86efac;font-size:14px}

/* تم روشن */
body.light-theme .switch-batch-item{
    background:rgba(0,0,0,0.03);
    border-color:rgba(0,0,0,0.08);
}
body.light-theme .switch-batch-name{color:#1a1c24}

/* animation opacity برای تغییر */
.invoices-container{transition:opacity 0.15s}


/* CM_SWITCH_BATCH_V2 */
.switch-batch-item{
    display:flex;align-items:center;gap:10px;
    padding:12px 14px;
    background:rgba(0,0,0,0.2);
    border:1px solid var(--border);
    border-radius:10px;
    cursor:pointer;
    transition:all 0.15s;
}
.switch-batch-item:hover{
    background:rgba(245,158,11,0.08);
    border-color:rgba(245,158,11,0.35);
}
.switch-batch-item.selected{
    background:rgba(245,158,11,0.12);
    border-color:rgba(245,158,11,0.5);
    box-shadow:0 0 0 2px rgba(245,158,11,0.15);
}
.switch-batch-radio{
    color:#8a8d99;
    font-size:16px;
    flex-shrink:0;
    transition:color 0.15s;
}
.switch-batch-item.selected .switch-batch-radio{
    color:#f59e0b;
}
.switch-batch-icon{
    width:36px;height:36px;border-radius:10px;
    background:rgba(245,158,11,0.12);color:#fbbf24;
    display:flex;align-items:center;justify-content:center;
    font-size:14px;flex-shrink:0;
}
.switch-batch-item.selected .switch-batch-icon{
    background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;
}
.switch-batch-info{flex:1;min-width:0}
.switch-batch-name{font-size:13px;font-weight:800;color:#fff;margin-bottom:3px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.switch-current-tag{
    font-size:9.5px;padding:2px 7px;
    background:rgba(34,197,94,0.15);color:#86efac;
    border-radius:100px;font-weight:800;
}
.switch-batch-meta{font-size:10.5px;color:var(--muted)}
.switch-batch-edit{
    width:34px;height:34px;border-radius:9px;
    background:rgba(255,255,255,0.04);
    border:1px solid var(--border);color:var(--muted);
    cursor:pointer;font-size:12px;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;
    transition:all 0.15s;
    font-family:inherit;
}
.switch-batch-edit:hover{
    background:rgba(245,158,11,0.15);color:#fbbf24;
    border-color:rgba(245,158,11,0.3);
}
body.light-theme .switch-batch-item{background:rgba(0,0,0,0.03)}
body.light-theme .switch-batch-name{color:#1a1c24}
body.light-theme .switch-batch-edit{background:rgba(0,0,0,0.04)}


/* CM_BATCH_STAR_BTN — ستاره کلیک‌پذیر */

/* حذف ستاره CSS قدیمی */
.batch-card.is-default::after{display:none !important}

.batch-star{
    position:absolute;
    top:14px;
    left:16px;
    width:40px;height:40px;
    border-radius:50%;
    background:rgba(0,0,0,0.15);
    border:1px solid rgba(255,255,255,0.06);
    color:#5a5a65;
    font-size:18px;
    cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    transition:all 0.2s cubic-bezier(0.34,1.56,0.64,1);
    z-index:5;
    padding:0;
    font-family:inherit;
}
.batch-star:hover{
    background:rgba(245,158,11,0.15);
    border-color:rgba(245,158,11,0.4);
    color:#fbbf24;
    transform:scale(1.15) rotate(-10deg);
    box-shadow:0 4px 16px rgba(245,158,11,0.3);
}
.batch-star.active{
    background:linear-gradient(135deg, #f59e0b, #f97316);
    border-color:transparent;
    color:#ffffff;
    cursor:default;
    box-shadow:0 6px 20px rgba(245,158,11,0.5);
    animation:starPulse 3s ease-in-out infinite;
}
.batch-star.active:hover{
    transform:scale(1.05);
}
.batch-card.paid .batch-star.active{
    background:linear-gradient(135deg, #22c55e, #16a34a);
    box-shadow:0 6px 20px rgba(34,197,94,0.5);
}
@keyframes starPulse{
    0%,100%{transform:scale(1);box-shadow:0 6px 20px rgba(245,158,11,0.5)}
    50%{transform:scale(1.05);box-shadow:0 6px 24px rgba(245,158,11,0.7)}
}

/* موبایل */
@media(max-width:640px){
    .batch-star{top:12px;left:14px;width:36px;height:36px;font-size:16px}
}

/* تم روشن */
body.light-theme .batch-star{
    background:rgba(0,0,0,0.04);
    border-color:rgba(0,0,0,0.08);
    color:#a0a3ae;
}
body.light-theme .batch-star:hover{
    background:rgba(245,158,11,0.15);
    color:#d97706;
}
body.light-theme .batch-star.active{
    color:#ffffff;
}

/* پدینگ هدر کارت برای جا دادن ستاره */
.batch-card .batch-head{
    padding-right:0;
    padding-left:60px;
}
@media(max-width:640px){
    .batch-card .batch-head{padding-left:54px}
}


/* CM_TOOLBAR_COMPACT — toolbar کوتاه‌تر برای index */
.toolbar{
    padding:0 24px 10px !important;
    min-height:0 !important;
}

/* batches-main padding */
.batches-main{
    padding-top:130px !important;
}

/* toolbar توی batches — فقط filter */
#batchesToolbar{
    padding:0 24px 14px !important;
}

@media(max-width:640px){
    .toolbar{padding:0 14px 8px !important}
    .batches-main{padding-top:120px !important}
    #batchesToolbar{padding:0 14px 12px !important}
}


/* CM_PAID_BATCH_BORDER — قاب سبز برای پرداخت‌شده */
.batch-card.paid{
    border-color:rgba(34,197,94,0.35) !important;
    box-shadow:0 0 0 1px rgba(34,197,94,0.15), var(--shadow-sm) !important;
}
.batch-card.paid:hover{
    border-color:rgba(34,197,94,0.5) !important;
    box-shadow:0 8px 24px rgba(34,197,94,0.15) !important;
}

/* اگه پرداخت‌شده و پیش‌فرض هم هست — سبز غالب */
.batch-card.paid.is-default{
    border-color:rgba(34,197,94,0.5) !important;
    box-shadow:0 0 0 1px rgba(34,197,94,0.25), 0 8px 30px rgba(34,197,94,0.15) !important;
}

/* نوار کنار کارت — سبز */
.batch-card.paid::before{
    background:linear-gradient(180deg, #22c55e, #16a34a) !important;
    opacity:1 !important;
}


/* CM_SWITCH_SECTIONS — بخش‌بندی پرداخت‌نشده/شده */
.switch-section-head{
    display:flex;align-items:center;gap:8px;
    padding:12px 4px 6px;
    font-size:11.5px;font-weight:800;
    color:#fbbf24;
    text-transform:uppercase;
    letter-spacing:0.5px;
}
.switch-section-head i{font-size:11px}
.switch-section-head.paid{
    color:#86efac;
    margin-top:6px;
    border-top:1px dashed rgba(255,255,255,0.08);
    padding-top:14px;
}

/* کارت پرداخت‌شده در مودال */
.switch-batch-item.is-paid{
    background:rgba(34,197,94,0.04);
    border-color:rgba(34,197,94,0.15);
}
.switch-batch-item.is-paid:hover{
    background:rgba(34,197,94,0.1);
    border-color:rgba(34,197,94,0.35);
}
.switch-batch-item.is-paid.selected{
    background:rgba(34,197,94,0.12);
    border-color:rgba(34,197,94,0.5);
    box-shadow:0 0 0 2px rgba(34,197,94,0.15);
}
.switch-batch-item.is-paid .switch-batch-radio{color:#22c55e}
.switch-batch-item.is-paid .switch-batch-icon{
    background:rgba(34,197,94,0.15);color:#86efac;
}
.switch-batch-item.is-paid.selected .switch-batch-icon{
    background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;
}

/* تم روشن */
body.light-theme .switch-section-head.paid{
    border-top-color:rgba(0,0,0,0.08);
}
body.light-theme .switch-batch-item.is-paid{
    background:rgba(34,197,94,0.05);
}


/* CM_PAID_NO_STAR — پرداخت‌شده بدون ستاره — بدون padding اضافی */
.batch-card.paid:not(.is-default) .batch-head{
    padding-left:0 !important;
}
@media(max-width:640px){
    .batch-card.paid:not(.is-default) .batch-head{padding-left:0 !important}
}


/* CM_BATCH_BAR_VIVID — نوار batch پررنگ‌تر */
.current-batch-bar{
    background:linear-gradient(135deg, rgba(245,158,11,0.18) 0%, rgba(249,115,22,0.10) 100%) !important;
    border:1px solid rgba(245,158,11,0.5) !important;
    box-shadow:0 4px 20px rgba(245,158,11,0.15), inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

/* اگه پرداخت‌شده — سبز */
.current-batch-bar.cbb-paid{
    background:linear-gradient(135deg, rgba(34,197,94,0.18) 0%, rgba(22,163,74,0.10) 100%) !important;
    border-color:rgba(34,197,94,0.5) !important;
    box-shadow:0 4px 20px rgba(34,197,94,0.15), inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

/* آیکن — پررنگ‌تر */
.current-batch-bar .cbb-icon{
    background:linear-gradient(135deg, #f59e0b, #f97316) !important;
    box-shadow:0 6px 20px rgba(245,158,11,0.5) !important;
    transform:scale(1.05);
}
.current-batch-bar.cbb-paid .cbb-icon{
    background:linear-gradient(135deg, #22c55e, #16a34a) !important;
    box-shadow:0 6px 20px rgba(34,197,94,0.5) !important;
}

/* نام دسته — پررنگ‌تر */
.current-batch-bar .cbb-name{
    font-size:15px !important;
    font-weight:900 !important;
    color:#ffffff !important;
    text-shadow:0 1px 2px rgba(0,0,0,0.3);
}

/* متا — روشن‌تر */
.current-batch-bar .cbb-meta{
    color:#d1d5db !important;
    font-size:12px !important;
}
.current-batch-bar .cbb-meta i{color:#fbbf24 !important}
.current-batch-bar.cbb-paid .cbb-meta i{color:#86efac !important}

/* badge پرداخت‌شده */
.current-batch-bar .cbb-paid{
    background:rgba(34,197,94,0.25) !important;
    color:#86efac !important;
    border:1px solid rgba(34,197,94,0.4);
    padding:2px 10px !important;
    font-size:10.5px !important;
}

/* دکمه‌ها */
.current-batch-bar .btn{
    background:rgba(255,255,255,0.1) !important;
    border-color:rgba(255,255,255,0.15) !important;
}
.current-batch-bar .btn:hover{
    background:rgba(255,255,255,0.18) !important;
    border-color:rgba(255,255,255,0.25) !important;
}

/* تم روشن */
body.light-theme .current-batch-bar{
    background:linear-gradient(135deg, rgba(245,158,11,0.15) 0%, rgba(249,115,22,0.08) 100%) !important;
    border-color:rgba(245,158,11,0.45) !important;
}
body.light-theme .current-batch-bar .cbb-name{
    color:#1a1c24 !important;
    text-shadow:none;
}
body.light-theme .current-batch-bar .cbb-meta{color:#4a4d59 !important}
body.light-theme .current-batch-bar .btn{
    background:rgba(0,0,0,0.04) !important;
    border-color:rgba(0,0,0,0.1) !important;
    color:#1a1c24 !important;
}
body.light-theme .current-batch-bar .btn:hover{
    background:rgba(0,0,0,0.08) !important;
}


/* CM_BATCH_BAR_RADIUS — radius کمتر */
.current-batch-bar{
    border-radius:10px !important;
}
.current-batch-bar .cbb-icon{
    border-radius:9px !important;
}
.current-batch-bar .cbb-paid{
    border-radius:100px !important;
}


/* CM_GOTO_BATCHES — دکمه مدیریت دسته (خاکستری) */
.cm-goto-batches{
    background:rgba(255,255,255,0.04) !important;
    border-color:rgba(255,255,255,0.1) !important;
    color:#c9d1d9 !important;
    font-weight:800 !important;
}
.cm-goto-batches:hover{
    background:rgba(255,255,255,0.1) !important;
    border-color:rgba(255,255,255,0.2) !important;
    color:#ffffff !important;
    transform:translateY(-1px) !important;
}

#modal .modal-foot{
    display:flex !important;
    gap:8px !important;
    align-items:center !important;
}

body.light-theme .cm-goto-batches{
    background:rgba(0,0,0,0.04) !important;
    border-color:rgba(0,0,0,0.1) !important;
    color:#4a4d59 !important;
}
body.light-theme .cm-goto-batches:hover{
    background:rgba(0,0,0,0.08) !important;
    color:#1a1c24 !important;
}


/* CM_NO_ANIM_STRICT — بدون انیمیشن در batches */
.batches-list.no-anim .batch-card,
.batches-list.no-anim .batch-card *{
    animation:none !important;
    transition:none !important;
}


/* CM_INITIAL_ANIM — انیمیشن فقط موقع لود اولیه */
body.initial-load .batch-card{
    animation:fadeUp 0.4s ease both;
}


/* CM_INV_ITEM_V2 — چیدمان ۴ ستونی آیتم */
.inv-item{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    padding:10px 12px !important;
    border-bottom:1px dashed rgba(255,255,255,0.06) !important;
    font-size:13px !important;
}
.inv-item-math{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    direction:ltr !important;
    flex-shrink:0 !important;
    order:1 !important;
}
.inv-item:last-child{border-bottom:none !important}
.inv-item-name{
    flex:unset !important;
    color:#e8ebf5 !important;
    font-weight:700 !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    order:2 !important;
}
.inv-item-qty{
    font-family:'SF Mono','Monaco',monospace !important;
    font-size:12px !important;
    font-weight:800 !important;
    color:#fbbf24 !important;
    text-align:center !important;
    min-width:36px !important;
    display:inline-block !important;
}
.inv-item-price{
    font-family:'SF Mono','Monaco',monospace !important;
    font-size:12px !important;
    color:#9ca3af !important;
    min-width:60px !important;
    display:inline-block !important;
}
.inv-item-total{
    font-family:'SF Mono','Monaco',monospace !important;
    font-size:13px !important;
    font-weight:900 !important;
    color:#fbbf24 !important;
    background:rgba(245,158,11,0.12) !important;
    padding:4px 12px !important;
    border-radius:8px !important;
    text-align:center !important;
    min-width:90px !important;
    display:inline-block !important;
}

/* پرداخت‌شده */
.invoice-card.paid .inv-item-total{
    color:#86efac !important;
    background:rgba(34,197,94,0.12) !important;
}
.invoice-card.paid .inv-item-qty{color:#86efac !important}

/* موبایل */
@media(max-width:640px){
    .inv-item{
        gap:6px !important;
        padding:8px 8px !important;
        font-size:12px !important;
    }
    .inv-item-qty{font-size:11px !important;padding:2px 6px !important}
    .inv-item-price{font-size:11px !important}
    .inv-item-total{font-size:12px !important}
}


/* CM_INV_ITEM_X — علامت ضرب */
.inv-item-x{
    font-family:'SF Mono','Monaco',monospace;
    font-size:12px;
    color:#5a5a65;
    font-weight:700;
    opacity:0.6;
    width:14px;
    text-align:center;
}


/* CM_INV_ITEM_EQ — علامت مساوی */
.inv-item-eq{
    font-family:'SF Mono','Monaco',monospace;
    font-size:12px;
    color:#5a5a65;
    font-weight:700;
    opacity:0.6;
    width:14px;
    text-align:center;
}


/* CM_FAB_ADD — دکمه شناور فاکتور جدید */
.fab-add{
    position:fixed;
    bottom:24px;
    right:24px;
    width:60px;
    height:60px;
    border-radius:16px;
    background:linear-gradient(135deg, #f59e0b, #f97316);
    border:none;
    color:#fff;
    font-size:26px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 30px rgba(245,158,11,0.5), 0 4px 12px rgba(245,158,11,0.3);
    z-index:500;
    transition:all 0.25s cubic-bezier(0.34,1.56,0.64,1);
    font-family:inherit;
    padding:0;
}
.fab-add:hover{
    transform:scale(1.1) rotate(90deg);
    box-shadow:0 14px 40px rgba(245,158,11,0.65), 0 6px 16px rgba(245,158,11,0.4);
}
.fab-add:active{
    transform:scale(0.95);
}
.fab-add:disabled{
    opacity:0.4;
    cursor:not-allowed;
    box-shadow:none;
}
.fab-add i{font-size:24px}

/* موبایل */
@media(max-width:640px){
    .fab-add{
        bottom:20px;
        right:16px;
        width:56px;
        height:56px;
        font-size:24px;
    }
    .fab-add i{font-size:22px}
}


/* CM_PRODS_ACCORDION — آکاردئون محصولات */
.prods-toggle{
    width:100%;
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 14px;
    background:rgba(255,255,255,0.03);
    border:1px solid var(--border);
    border-radius:10px;
    color:var(--text-2);
    font-family:inherit;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
    transition:all 0.2s;
    text-align:right;
}
.prods-toggle:hover{
    background:rgba(255,255,255,0.06);
    border-color:var(--border-hover);
    color:#fff;
}
.prods-toggle i:first-child{color:#fbbf24}
.prods-toggle .prods-count{
    background:rgba(245,158,11,0.15);
    color:#fbbf24;
    padding:2px 9px;
    border-radius:100px;
    font-size:11px;
    font-weight:800;
    font-family:'SF Mono',monospace;
}
.prods-toggle .prods-arrow{
    margin-right:auto;
    color:var(--muted);
    font-size:12px;
    transition:transform 0.25s;
}
.prods-toggle.open{
    background:rgba(245,158,11,0.08);
    border-color:rgba(245,158,11,0.3);
    color:#fff;
}
.prods-toggle.open .prods-arrow{
    transform:rotate(180deg);
    color:#fbbf24;
}

body.light-theme .prods-toggle{
    background:rgba(0,0,0,0.03);
}
body.light-theme .prods-toggle:hover{
    background:rgba(0,0,0,0.06);
}