*{box-sizing:border-box;margin:0;padding:0}
:root{--accent:#3ddc84;--bg:#0b0e13;--surface:#0f1520;--text:#dde4ee;--muted:#7a8ea6;--border:#1e2d40;--card:#131820;--input-bg:#0b0e13;--input-border:#3a4f6a;--sidebar-bg:#0f1520;--font:'Vazirmatn','Segoe UI',Tahoma,Arial,sans-serif}
html,body{direction:rtl;font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh}
input,select,textarea,button{font-family:var(--font)}

/* === اینپوت‌ها — حاشیه مشخص و واضح === */
input:not([type="color"]):not([type="file"]):not([type="range"]),select,textarea{
  -webkit-appearance:none!important;
  appearance:none!important;
  border:2px solid #4a6580!important;
  background:#0b0e13!important;
  color:#dde4ee!important;
  transition:border-color .2s,box-shadow .2s;
}
input:not([type="color"]):not([type="file"]):not([type="range"]):focus,
select:focus,
textarea:focus{
  border-color:#3ddc84!important;
  box-shadow:0 0 0 3px rgba(61,220,132,.2)!important;
}

a{color:var(--accent);text-decoration:none}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--surface)}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes toastIn{from{opacity:0;transform:translateX(-50%) translateY(-12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}

/* === SIDEBAR === */
#sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9997;}
#sidebar-overlay.show{display:block;}
#sidebar{width:220px;min-width:220px;min-height:100vh;background:#0f1520;border-left:1px solid #1e2d40;padding:20px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;position:sticky;top:0;transition:right .3s ease,transform .3s ease;}
#open-sidebar{display:none;position:fixed;bottom:24px;left:24px;z-index:9996;background:var(--accent);color:#0b0e13;border:none;border-radius:50%;width:56px;height:56px;font-size:24px;cursor:pointer;box-shadow:0 4px 20px rgba(61,220,132,.5);align-items:center;justify-content:center;line-height:1;}
#close-sidebar{display:none;cursor:pointer;color:#7a8ea6;font-size:22px;line-height:1;background:none;border:none;padding:4px;}

/* === MOBILE === */
@media(max-width:768px){
  #sidebar{position:fixed;right:-280px;top:0;z-index:9999;height:100vh!important;width:260px;min-width:260px;box-shadow:-4px 0 24px rgba(0,0,0,.5);}
  #sidebar.open{right:0;}
  #sidebar-overlay.show{display:block;}
  #open-sidebar{display:flex!important;}
  #close-sidebar{display:block!important;}
  .app-layout{flex-direction:column!important;}
  .app-main{padding:16px!important;padding-bottom:90px!important;}
  #open-sidebar{bottom:20px;left:20px;width:52px;height:52px;font-size:22px;}
}
@media(max-width:520px){
  .app-main{padding:12px!important;padding-bottom:90px!important;}
}

/* === GRIDS ریسپانسیو === */
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.g4a{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:end;}
@media(max-width:768px){
  .g3{grid-template-columns:repeat(2,1fr);}
  .g4a{grid-template-columns:1fr 1fr;gap:10px;}
}
@media(max-width:520px){
  .g3{grid-template-columns:1fr;}
  .g2{grid-template-columns:1fr;}
  .g4a{grid-template-columns:1fr;gap:10px;}
}

/* === کارت‌های ادمین ریسپانسیو === */
.admin-card{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.admin-card>div{min-width:0;}

/* === ردیف ضایعات ریسپانسیو === */
.scrap-add-row{display:flex;gap:10px;align-items:end;}
.scrap-row{display:flex;align-items:center;padding:14px 18px;border-bottom:1px solid #1e2d40;gap:12px;}
.scrap-info{flex:1;min-width:0;}
.scrap-price{flex-shrink:0;}
.scrap-actions{display:flex;gap:6px;flex-shrink:0;}

/* حالت ویرایش ضایعات — ستونی کامل، بدون هم‌پوشانی */
.scrap-edit-row{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  padding:18px 20px!important;
  background:rgba(245,158,11,.04);
  border-bottom:1px solid #1e2d40;
  gap:0!important;
}
.scrap-edit-block{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.scrap-edit-input{
  width:100%!important;
  font-size:15px!important;
  padding:12px 14px!important;
  border:2px solid #f59e0b!important;
  border-radius:9px!important;
  background:#0b0e13!important;
  color:#dde4ee!important;
  outline:none!important;
  font-family:inherit!important;
  min-height:48px!important;
  box-sizing:border-box!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
.scrap-edit-btns{
  display:flex;
  gap:8px;
  width:100%;
}
.scrap-btn-save{
  flex:1;
  background:#3ddc84!important;
  color:#0b0e13!important;
  border:none!important;
  border-radius:9px!important;
  padding:12px 16px!important;
  font-size:14px!important;
  font-weight:700!important;
  cursor:pointer!important;
  font-family:inherit!important;
  min-height:44px!important;
}
.scrap-btn-cancel{
  flex:1;
  background:#1a2232!important;
  color:#7a8ea6!important;
  border:1px solid #263041!important;
  border-radius:9px!important;
  padding:12px 16px!important;
  font-size:14px!important;
  cursor:pointer!important;
  font-family:inherit!important;
  min-height:44px!important;
}

/* دکمه‌های ویرایش قیمت — اینپوت سبز */
.scrap-edit-block input[type="number"]{
  border-color:#3ddc84!important;
}

@media(max-width:768px){
  .scrap-add-row{flex-wrap:wrap;}
  .scrap-add-row>div{flex:1 1 100%!important;min-width:0!important;}
  .scrap-add-row>button{width:100%;padding:12px!important;}
  .scrap-row{flex-wrap:wrap;gap:10px;padding-right:20px!important;padding-left:18px!important;}
  .scrap-info{flex:1 1 100%;order:1;}
  .scrap-price{flex:1 1 100%;order:2;}
  .scrap-actions{width:100%;order:3;justify-content:flex-end;}
  .scrap-actions button{flex:1;max-width:120px;text-align:center;}
}

@media(max-width:520px){
  .admin-card{flex-direction:column;align-items:stretch!important;}
  .admin-card .card-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:6px;}
  .req-amount-col{text-align:right!important;width:100%!important;}
  .req-amount-col .req-amount-val{font-size:16px!important;}
  .scrap-row{padding:12px 20px 12px 14px!important;}
  .scrap-actions button{font-size:12px;padding:8px 10px!important;}
  /* حاشیه بیشتر در موبایل */
  .app-main{padding-right:14px!important;padding-left:10px!important;}
}