/* ═══════════════════════════════════════════════════════════════
   DEVICE INVENTORY MODULU (v4.56) — yalnız desktop (≥901px)
   Cihaz inventarizasiyası: dashboard, siyahı, profil, gözləyən
   dəyişimlər (GL Review) və Fleet. Mobilə təsir etmir.
   ═══════════════════════════════════════════════════════════════ */
@media (min-width: 901px) {

#deviceInventoryView{
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:14px; color:#1C2A3A; line-height:1.5;
}
#deviceInventoryView *{ box-sizing:border-box; }

/* ── HEADER ── */
.dinv-header{
  position:sticky; top:0; z-index:5;
  background:#FFFFFF; border-bottom:1px solid #E1E6EF;
  padding:12px 24px;
  display:flex; align-items:center; gap:20px;
  box-shadow:0 1px 4px rgba(16,35,70,.05);
}
/* v4.56 (#4): Home düyməsi — barın ən solunda */
.dinv-home{
  display:flex; align-items:center; gap:7px; cursor:pointer;
  background:#2F6FED; border:1px solid #2F6FED; border-radius:9px;
  padding:8px 15px; font-size:12.5px; font-weight:700; color:#fff;
  transition:all .15s; white-space:nowrap; flex-shrink:0;
}
.dinv-home:hover{ background:#2458D8; border-color:#2458D8; transform:translateY(-1px); box-shadow:0 3px 10px rgba(47,111,237,.3); }
.dinv-home:active{ transform:translateY(0); }
.dinv-title-box{ min-width:220px; }
.dinv-title{ font-size:17px; font-weight:700; letter-spacing:-.3px; color:#12233B; }
.dinv-subtitle{ font-size:11.5px; color:#7A8699; margin-top:1px; }
/* v4.56 (#10): pəncərə adları arasında daha geniş aralıq — vizual yaxşılaşdırma */
.dinv-tabs{
  flex:1; display:flex; gap:8px; background:#F1F4F9;
  border:1px solid #E1E6EF; border-radius:11px; padding:4px; width:fit-content;
}
.dinv-tab{
  padding:8px 18px; border-radius:8px; font-size:12.5px; font-weight:600;
  color:#5A6b85; background:transparent; cursor:pointer; transition:all .15s;
  white-space:nowrap; letter-spacing:.1px;
}
.dinv-tab:hover{ color:#12233B; }
.dinv-tab.active{ background:#FFFFFF; color:#2F6FED; box-shadow:0 1px 2px rgba(16,35,70,.08); }
.dinv-pending-badge{
  background:#E74C3C; color:#fff; border-radius:9px; font-size:10px;
  font-weight:700; padding:1px 6px; margin-left:4px; vertical-align:1px;
}
.dinv-close{
  display:flex; align-items:center; gap:6px; cursor:pointer;
  background:#F1F4F9; border:1px solid #E1E6EF; border-radius:8px;
  padding:7px 13px; font-size:12.5px; font-weight:600; color:#5A6b85;
  transition:all .15s;
}
.dinv-close:hover{ background:#FDECEC; color:#C0392B; border-color:#F5C6C6; }

/* ── BODY ── */
.dinv-body{ padding:22px 24px 40px; max-width:1500px; margin:0 auto; display:flex; flex-direction:column; gap:18px; }
.dinv-screen{ display:none; flex-direction:column; gap:16px; }
.dinv-screen.active{ display:flex; }

.dinv-page-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.dinv-page-title{ font-size:21px; font-weight:700; letter-spacing:-.4px; color:#12233B; }
.dinv-page-sub{ font-size:12.5px; color:#7A8699; margin-top:2px; }

/* ── BUTTONS ── */
.dinv-btn{
  display:inline-flex; align-items:center; gap:6px; cursor:pointer;
  background:#FFFFFF; border:1px solid #D6DDE8; border-radius:8px;
  padding:7px 13px; font-size:12.5px; font-weight:600; color:#33425C;
  transition:all .15s;
}
.dinv-btn:hover{ background:#F1F4F9; border-color:#B9C4D6; }
.dinv-btn-primary{ background:#2F6FED; border-color:#2F6FED; color:#fff; }
.dinv-btn-primary:hover{ background:#2458D8; }
.dinv-btn-green{ background:#0E9F6E; border-color:#0E9F6E; color:#fff; }
.dinv-btn-green:hover{ background:#0B8158; }

/* ── FILTER SEÇİM QUTULARI (v4.56 #3 — çiplər əvəzinə açılan siyahı) ── */
.dinv-filter-label{ font-size:11.5px; font-weight:700; color:#7A8699; text-transform:uppercase; letter-spacing:.3px; margin-bottom:4px; display:block; }
.dinv-dd-wrap{ display:flex; flex-direction:column; gap:0; }
.dinv-dd{ position:relative; }
.dinv-dd-trigger{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  min-width:172px; cursor:pointer;
  background:#fff; border:1.5px solid #D6DDE8; border-radius:9px;
  padding:8px 12px; font-size:12.5px; font-weight:600; color:#1C2A3A;
  transition:all .12s; font-family:'Inter',sans-serif;
}
.dinv-dd-trigger svg{ color:#8B95AF; transition:transform .15s; flex-shrink:0; }
.dinv-dd-trigger:hover{ border-color:#2F6FED; }
.dinv-dd.open .dinv-dd-trigger{ border-color:#2F6FED; box-shadow:0 0 0 3px rgba(47,111,237,.12); }
.dinv-dd.open .dinv-dd-trigger svg{ transform:rotate(180deg); }
.dinv-dd-menu{
  position:absolute; top:calc(100% + 5px); left:0; z-index:30;
  min-width:100%; width:max-content; max-width:300px;
  background:#fff; border:1px solid #E1E6EF; border-radius:10px;
  box-shadow:0 10px 30px rgba(16,27,45,.16);
  max-height:230px; overflow-y:auto; /* uzundursa scroll */
  padding:5px; display:none;
}
.dinv-dd-menu.open{ display:flex; flex-direction:column; gap:2px; animation:dinvDdIn .13s ease; }
@keyframes dinvDdIn{ from{ opacity:0; transform:translateY(-4px); } to{ opacity:1; transform:translateY(0); } }
.dinv-dd-opt{
  text-align:left; cursor:pointer; background:transparent; border:none; border-radius:7px;
  padding:8px 11px; font-size:12.5px; font-weight:600; color:#33425C;
  transition:all .1s; font-family:'Inter',sans-serif; white-space:nowrap;
}
.dinv-dd-opt:hover{ background:#F1F4F9; color:#12233B; }
.dinv-dd-opt.active{ background:#EBF0FE; color:#2F6FED; }

/* v4.66 (Faza 3): Cihaz İstifadə Sahəsi qutucuğu — digər filtrlərdən vizual fərqlənsin */
.dinv-area-dd .dinv-dd-trigger{
  min-width:200px;
  border-color:#C7D4F5;
  background:linear-gradient(180deg,#F8FAFF,#EEF2FC);
}
.dinv-area-dd .dinv-dd-trigger:hover{ border-color:#2F6FED; }
.dinv-area-dd .dinv-dd-trigger span{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dinv-area-dd .dinv-dd-opt.active{ background:#E7EDFE; color:#2F6FED; }
.dinv-dd-opt:first-child{ border-bottom:1px solid #EDF0F5; border-radius:7px 7px 0 0; margin-bottom:2px; }

/* v4.56 (#5): mərkəz spinner — dashboard yenilənməsi */
.dinv-loading{
  position:fixed; top:0; left:0; width:100%; height:100%; z-index:70;
  background:rgba(238,241,247,.55); backdrop-filter:blur(2px);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px;
}
.dinv-spinner{
  width:42px; height:42px; border-radius:50%;
  border:4px solid #D6DDE8; border-top-color:#2F6FED;
  animation:dinvSpin .8s linear infinite;
}
@keyframes dinvSpin{ to{ transform:rotate(360deg); } }
.dinv-loading-text{ font-size:13px; font-weight:600; color:#5A6b85; }

/* ── STAT CARDS ── */
.dinv-stat-grid{ display:grid; grid-template-columns:repeat(6,1fr); gap:10px; }
.dinv-stat{
  background:#fff; border:1.5px solid #E1E6EF; border-radius:11px;
  padding:14px 15px 12px; cursor:pointer; position:relative; overflow:hidden;
  transition:border-color .15s, box-shadow .15s, transform .1s;
}
.dinv-stat::before{ content:''; position:absolute; top:0; left:0; right:0; height:3px; }
.dinv-stat-total::before{ background:#2F6FED; }
.dinv-stat-installed::before{ background:#0E9F6E; }
.dinv-stat-warehouse::before{ background:#B45309; }
.dinv-stat-repair::before{ background:#C2410C; }
.dinv-stat-retired::before{ background:#4B5563; }
.dinv-stat-lost::before{ background:#B91C1C; }
.dinv-stat:hover{ box-shadow:0 2px 8px rgba(16,35,70,.08); transform:translateY(-1px); }
.dinv-stat.active-filter{ border-color:#2F6FED; box-shadow:0 0 0 3px rgba(47,111,237,.12); }
.dinv-stat-label{ font-size:10.5px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; color:#7A8699; }
.dinv-stat-value{ font-size:27px; font-weight:800; letter-spacing:-1px; margin-top:3px; font-variant-numeric:tabular-nums; }
.dinv-stat-total .dinv-stat-value{ color:#2F6FED; }
.dinv-stat-installed .dinv-stat-value{ color:#0E9F6E; }
.dinv-stat-warehouse .dinv-stat-value{ color:#B45309; }
.dinv-stat-repair .dinv-stat-value{ color:#C2410C; }
.dinv-stat-retired .dinv-stat-value{ color:#4B5563; }
.dinv-stat-lost .dinv-stat-value{ color:#B91C1C; }
.dinv-stat-change{ font-size:11px; color:#8B95AF; margin-top:2px; }

/* ── CARDS & TABLES ── */
.dinv-card{
  background:#fff; border:1px solid #E1E6EF; border-radius:11px;
  overflow:hidden; box-shadow:0 1px 3px rgba(16,35,70,.04);
}
.dinv-card-head{
  padding:12px 16px; border-bottom:1px solid #EDF0F5;
  display:flex; align-items:center; justify-content:space-between;
}
.dinv-card-title{ font-weight:700; font-size:14px; color:#12233B; }
.dinv-card-note{ font-size:11.5px; color:#8B95AF; }
.dinv-toolbar{
  padding:12px 14px; display:flex; align-items:center; gap:8px;
  border-bottom:1px solid #EDF0F5; flex-wrap:wrap;
}
.dinv-search-wrap{ position:relative; flex:1; min-width:220px; }
.dinv-search-wrap svg{ position:absolute; left:10px; top:50%; transform:translateY(-50%); color:#9AA5B8; }
.dinv-search-wrap input, .dinv-select{
  background:#F4F6FA; border:1px solid #E1E6EF; border-radius:8px;
  padding:7px 10px 7px 32px; font-size:13px; outline:none; width:100%;
  transition:border-color .15s; font-family:'Inter',sans-serif; color:#1C2A3A;
}
.dinv-search-wrap input:focus, .dinv-select:focus{ border-color:#2F6FED; }
.dinv-select{ width:auto; padding:7px 10px; cursor:pointer; }

.dinv-table-wrap{ overflow-x:auto; }
.dinv-table{ width:100%; border-collapse:collapse; font-size:13px; }
.dinv-table thead th{
  background:#F8FAFD; padding:9px 13px; text-align:left;
  font-size:10.5px; font-weight:700; letter-spacing:.4px; text-transform:uppercase;
  color:#7A8699; border-bottom:1px solid #E1E6EF; white-space:nowrap;
}
.dinv-table thead th[onclick]{ cursor:pointer; user-select:none; }
.dinv-table thead th[onclick]:hover{ color:#2F6FED; }
.dinv-table tbody tr{ border-bottom:1px solid #EDF0F5; transition:background .1s; }
.dinv-table tbody tr:last-child{ border-bottom:none; }
.dinv-table tbody tr:hover{ background:#F8FAFD; }
.dinv-table tbody td{ padding:10px 13px; vertical-align:middle; color:#1C2A3A; }
.dinv-sn{ font-family:'IBM Plex Mono',monospace; font-size:12.5px; font-weight:600; letter-spacing:.4px; color:#2F6FED; cursor:pointer; }
.dinv-sn:hover{ text-decoration:underline; }
.dinv-muted{ color:#8B95AF; }
.dinv-bus{ font-weight:600; font-variant-numeric:tabular-nums; }

.dinv-pill{
  display:inline-flex; align-items:center; gap:5px; border-radius:20px;
  padding:3px 9px; font-size:11px; font-weight:600; white-space:nowrap;
}
.dinv-pill::before{ content:''; width:6px; height:6px; border-radius:50%; background:currentColor; }
.dinv-pill.installed{ background:#E8F7F0; color:#0E9F6E; }
.dinv-pill.warehouse{ background:#FFF4E0; color:#B45309; }
.dinv-pill.repair{ background:#FDEBDD; color:#C2410C; }
.dinv-pill.retired{ background:#EFF1F4; color:#4B5563; }
.dinv-pill.lost{ background:#FDEBEB; color:#B91C1C; }

.dinv-row-btn{
  background:#F1F4F9; border:1px solid #D6DDE8; border-radius:7px;
  padding:4px 10px; font-size:12px; font-weight:600; color:#33425C;
  cursor:pointer; transition:all .12s;
}
.dinv-row-btn:hover{ background:#EBF0FE; color:#2F6FED; border-color:#2F6FED; }
.dinv-row-btn.danger:hover{ background:#FDECEC; color:#C0392B; border-color:#F5C6C6; }

.dinv-table-footer{
  padding:10px 14px; border-top:1px solid #EDF0F5;
  display:flex; align-items:center; justify-content:space-between;
  font-size:12px; color:#8B95AF;
}
.dinv-pagination{ display:flex; gap:4px; }
.dinv-page-btn{
  min-width:27px; height:27px; border-radius:7px; display:inline-flex;
  align-items:center; justify-content:center; font-size:12px; font-weight:600;
  color:#5A6b85; background:#F4F6FA; border:1px solid #E1E6EF; cursor:pointer;
  transition:all .12s; padding:0 5px;
}
.dinv-page-btn:hover{ border-color:#2F6FED; color:#2F6FED; }
.dinv-page-btn.active{ background:#2F6FED; color:#fff; border-color:#2F6FED; }
.dinv-page-btn:disabled{ opacity:.45; cursor:default; }

/* ── PROFILE ── */
.dinv-two-col{ display:grid; grid-template-columns:340px 1fr; gap:16px; align-items:start; }
.dinv-profile-head{ padding:18px 20px 14px; border-bottom:1px solid #EDF0F5; background:#F8FAFD; }
.dinv-profile-type{ font-size:10px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:#8B95AF; margin-bottom:5px; }
.dinv-profile-sn{ font-family:'IBM Plex Mono',monospace; font-size:21px; font-weight:700; letter-spacing:.8px; color:#2F6FED; }
.dinv-profile-status{ margin-top:7px; }
.dinv-profile-rows{ padding:6px 20px 16px; }
.dinv-profile-row{ display:flex; justify-content:space-between; align-items:center; padding:9px 0; border-bottom:1px solid #F2F4F8; }
.dinv-profile-row:last-child{ border-bottom:none; }
.dinv-profile-key{ font-size:12px; color:#8B95AF; font-weight:500; }
.dinv-profile-val{ font-size:13px; font-weight:600; color:#1C2A3A; }
.dinv-profile-val.mono{ font-family:'IBM Plex Mono',monospace; font-size:12px; }
.dinv-profile-val.ticket{ color:#2F6FED; cursor:pointer; }
.dinv-profile-val.ticket:hover{ text-decoration:underline; }

.dinv-timeline{ padding:6px 0 10px; }
.dinv-tl-item{ display:grid; grid-template-columns:66px 1fr; position:relative; }
.dinv-tl-time{ padding:13px 0 13px 18px; font-size:11px; color:#8B95AF; line-height:1.35; font-variant-numeric:tabular-nums; }
.dinv-tl-body{ padding:13px 18px; border-left:2px solid #E1E6EF; position:relative; }
.dinv-tl-body::before{
  content:''; position:absolute; left:-5px; top:18px; width:8px; height:8px;
  border-radius:50%; background:#C3CCDA; border:2px solid #fff;
}
.dinv-tl-item:first-child .dinv-tl-body::before{ background:#2F6FED; }
.dinv-tl-bus{ font-weight:700; font-size:13px; color:#12233B; }
/* v4.56 (#13): əməliyyatı icra edən hesab */
.dinv-tl-op{
  display:inline-flex; align-items:center; gap:5px; margin-top:4px;
  background:#EBF0FE; border:1px solid #C9D8F2; border-radius:14px;
  padding:2px 9px; font-size:11px; font-weight:600; color:#2F6FED;
}
.dinv-tl-meta{ font-size:12px; color:#7A8699; margin-top:2px; }
.dinv-tl-ticket{ font-family:'IBM Plex Mono',monospace; font-size:11px; color:#2F6FED; margin-top:4px; display:inline-block; }

/* ── GL REVIEW ── */
.dinv-review-overlay{ z-index:60; }
.dinv-review-modal{ max-width:760px !important; }
.dinv-review-sub{ font-size:12.5px; color:#5A6b85; margin-bottom:12px; font-weight:600; }
.dinv-review-banner{
  display:flex; align-items:center; gap:11px;
  background:#FDF3E7; border:1px solid #F2D9B8; border-radius:10px;
  padding:12px 15px; color:#A84300; font-size:13px; margin-bottom:14px;
}
.dinv-review-banner svg{ flex-shrink:0; }
.dinv-review-device{
  background:#F8FAFD; border:1px solid #E1E6EF; border-radius:9px; padding:12px 14px; margin-bottom:11px;
}
.dinv-review-device-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:9px; }
.dinv-review-device-type{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:#7A8699; }
.dinv-sn-pair{ display:flex; gap:9px; align-items:center; margin-bottom:9px; }
.dinv-sn-block{ flex:1; background:#fff; border:1px solid #E1E6EF; border-radius:7px; padding:7px 10px; }
.dinv-sn-block.new{ border-color:#9FD9BD; background:#EFFBF5; }
.dinv-sn-label{ font-size:10px; color:#8B95AF; font-weight:700; text-transform:uppercase; letter-spacing:.4px; }
.dinv-sn-val{ font-family:'IBM Plex Mono',monospace; font-size:13px; font-weight:700; color:#1C2A3A; margin-top:2px; }
.dinv-sn-block.new .dinv-sn-val{ color:#0E9F6E; }
.dinv-sn-arrow{ color:#9AA5B8; font-size:15px; }
.dinv-status-opts{ display:flex; gap:6px; flex-wrap:wrap; }
.dinv-status-opt{
  cursor:pointer; padding:4px 10px; border-radius:16px; font-size:12px; font-weight:600;
  border:1.5px solid #D6DDE8; color:#5A6b85; background:#fff; transition:all .12s;
}
.dinv-status-opt:hover{ border-color:currentColor; }
.dinv-status-opt.sel-warehouse{ border-color:#B45309; color:#B45309; background:#FFF4E0; }
.dinv-status-opt.sel-repair{ border-color:#C2410C; color:#C2410C; background:#FDEBDD; }
.dinv-status-opt.sel-retired{ border-color:#4B5563; color:#4B5563; background:#EFF1F4; }
.dinv-status-opt.sel-lost{ border-color:#B91C1C; color:#B91C1C; background:#FDEBEB; }
.dinv-repair-fields{ margin-top:8px; padding-top:8px; border-top:1px dashed #E1E6EF; display:none; flex-direction:column; gap:6px; }
.dinv-repair-fields.show{ display:flex; }
.dinv-repair-fields input{
  background:#fff; border:1px solid #E1E6EF; border-radius:7px; padding:7px 10px;
  font-size:13px; outline:none; width:100%; font-family:'Inter',sans-serif;
}
.dinv-repair-fields input:focus{ border-color:#2F6FED; }
.dinv-review-note{
  margin-top:12px; background:#EBF0FE; border:1px solid #C9D8F2; border-radius:9px;
  padding:11px 14px; font-size:12.5px; color:#33425C;
}
/* v4.57 (#2): cihaz dəyişimi əməliyyat qeydi (note) — tarixçədə görünür */
.dinv-review-note-field{ margin-top:14px; }
.dinv-review-note-field label{
  display:block; font-size:12px; font-weight:600; color:#8B95AF; margin-bottom:6px;
}
.dinv-review-note-field textarea{
  width:100%; min-height:56px; resize:vertical; box-sizing:border-box;
  border:1.5px solid #DCE6F5; border-radius:10px; padding:9px 11px;
  font-family:'Inter',sans-serif; font-size:13px; color:#12233B;
  background:#F8FAFE; outline:none;
}
.dinv-review-note-field textarea:focus{
  border-color:#2F6FED; background:#FFFFFF; box-shadow:0 0 0 3px rgba(47,111,237,.12);
}
/* v4.58: "Yenilə" düyməsində fırlanan kiçik vidjet ("Yenilənir..." vəziyyəti) */
.dinv-btn-spinner{
  width:12px; height:12px;
  border:2px solid rgba(47,111,237,.28); border-top-color:#2F6FED;
  border-radius:50%; display:inline-block; margin-right:6px; vertical-align:-2px;
  animation:dinvBtnSpin .7s linear infinite;
}
@keyframes dinvBtnSpin{ to{ transform:rotate(360deg); } }

/* ── MODALS ── */
.dinv-modal-overlay{
  position:fixed; top:0; left:0; width:100%; height:100%; z-index:55;
  background:rgba(16,27,45,.45); display:flex; align-items:center; justify-content:center;
}
.dinv-modal{
  background:#fff; border-radius:12px; width:440px; max-width:94vw;
  max-height:88vh; overflow-y:auto; box-shadow:0 12px 40px rgba(16,27,45,.22);
}
.dinv-modal-head{ padding:14px 18px; border-bottom:1px solid #EDF0F5; display:flex; align-items:center; justify-content:space-between; }
.dinv-modal-title{ font-size:15px; font-weight:700; color:#12233B; }
.dinv-modal-close{ background:none; border:none; font-size:15px; color:#8B95AF; cursor:pointer; padding:4px; }
.dinv-modal-close:hover{ color:#C0392B; }
.dinv-modal-body{ padding:16px 18px; }
.dinv-modal-foot{ padding:12px 18px; border-top:1px solid #EDF0F5; display:flex; gap:8px; justify-content:flex-end; }
.dinv-form-row{ margin-bottom:10px; }
.dinv-form-row label{ display:block; font-size:12px; font-weight:600; color:#5A6b85; margin-bottom:4px; }
.dinv-form-row input, .dinv-form-row select{
  width:100%; background:#F4F6FA; border:1px solid #E1E6EF; border-radius:8px;
  padding:8px 11px; font-size:13px; outline:none; transition:border-color .15s;
  font-family:'Inter',sans-serif; color:#1C2A3A;
}
.dinv-form-row input:focus, .dinv-form-row select:focus{ border-color:#2F6FED; }
.dinv-form-error{ background:#FDECEC; color:#C0392B; border:1px solid #F5C6C6; border-radius:8px; padding:8px 11px; font-size:12.5px; margin-bottom:10px; }

/* ── SÖZÜMÜZ ── */
.adm-empty{ padding:22px; text-align:center; color:#8B95AF; font-size:13px; }

}