/* ============================================================
   Hasta Yönlendirme — Uzmanses siyah–altın (CRM dark)
   Scope: #app.theme-dashboard-pro.view-pref + body-mounted .pref-*
   ============================================================ */

/* Beat global light #content (#f5f7fb / #162033) for this page only */
#app.theme-dashboard-pro.view-pref #content{
  overflow:hidden !important;
  padding:10px 16px 12px !important;
  background:#0a0a0a !important;
  display:flex !important;
  flex-direction:column;
  min-height:0;
  color:#f5f5f5 !important;
  border-radius:14px;
}

.pref-page{
  --pref-bg:var(--pro-bg,#0a0a0a);
  --pref-card:var(--pro-card,#141414);
  --pref-card2:var(--pro-card2,#1a1a1a);
  --pref-border:var(--pro-line,#ffffff12);
  --pref-gold:var(--pro-gold,#D4AF37);
  --pref-gold-soft:var(--pro-gold-soft,rgba(212,175,55,.12));
  --pref-gold-border:var(--pro-gold-border,rgba(212,175,55,.32));
  --pref-text:var(--pro-text,#f5f5f5);
  --pref-muted:var(--pro-muted,#9ca3af);
  --pref-empty:#6b7280;
  --pref-head:linear-gradient(180deg,#1c1a12,#100f0c);
  --pref-neg:#E45D5D;
  --pref-neg-bg:rgba(228,93,93,.14);
  --pref-pos:#62D26F;
  --pref-pos-bg:rgba(98,210,111,.14);
  --pref-warn:#E8B84A;
  --pref-warn-bg:rgba(232,184,74,.14);
  --pref-info:#5B9BD5;
  --pref-info-bg:rgba(91,155,213,.14);
  --pref-danger:#8B1E2D;
  --pref-danger-hover:#A52436;
  --pref-input-bg:var(--pro-input-bg,rgba(8,8,8,.55));
  --pref-select-bg:var(--pro-select-bg,#1a1812);
  --pref-shadow:0 8px 24px #00000066;
  color:var(--pref-text);
  display:flex;
  flex-direction:column;
  gap:8px;
  flex:1 1 0%;
  min-height:0;
  min-width:0;
  width:100%;
  max-width:100%;
  overflow:hidden;
  box-sizing:border-box;
}
.pref-page *,
.pref-page *::before,
.pref-page *::after{box-sizing:border-box}

.pref-page h1,.pref-page h2,.pref-page h3,.pref-page p,
.pref-page span,.pref-page div,.pref-page label,.pref-page td,
.pref-page th,.pref-page small,.pref-page a,.pref-page button,
.pref-page input,.pref-page select,.pref-page textarea{color:inherit}

/* ---- Head ---- */
.pref-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex:0 0 auto;
  min-height:54px;
  max-height:64px;
}
.pref-title{
  margin:0;
  font-size:16px;
  font-weight:800;
  letter-spacing:.02em;
  color:var(--pref-text);
  text-transform:uppercase;
  line-height:1.2;
}
.pref-sub{
  margin:2px 0 0;
  font-size:11px;
  color:var(--pref-muted);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.pref-head-actions{display:flex;gap:8px;align-items:center;flex:0 0 auto}

/* ---- Buttons ---- */
.pref-btn{
  height:36px;
  padding:0 12px;
  border-radius:8px;
  border:1px solid var(--pref-border);
  background:var(--pref-card2);
  color:var(--pref-text);
  font-size:12px;
  font-weight:600;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  white-space:nowrap;
}
.pref-btn:hover{
  background:#222018;
  border-color:var(--pref-gold-border);
}
.pref-btn:disabled{
  opacity:.5;
  cursor:not-allowed;
}
.pref-btn-primary{
  border-color:transparent;
  background:linear-gradient(135deg,#E2C36A,#D4AF37 55%,#C9A23F);
  color:#0a0a0a;
  font-weight:700;
}
.pref-btn-primary:hover{
  filter:brightness(1.06);
  border-color:transparent;
  background:linear-gradient(135deg,#E2C36A,#D4AF37 55%,#C9A23F);
}
.pref-btn-outline{
  border:1px solid var(--pref-gold-border);
  color:var(--pref-gold);
  background:transparent;
}
.pref-btn-outline:hover{
  background:var(--pref-gold-soft);
  border-color:var(--pref-gold);
}
.pref-btn-danger{
  border:1px solid #8B1E2D;
  color:#F5A8B0;
  background:rgba(139,30,45,.18);
}
.pref-btn-danger:hover{
  border-color:#C42B3F;
  color:#fff;
  background:rgba(164,36,54,.35);
}
.pref-btn-danger-solid{
  border:1px solid #8B1E2D;
  background:linear-gradient(135deg,#A52436,#8B1E2D);
  color:#fff;
  font-weight:700;
}
.pref-btn-danger-solid:hover{
  background:linear-gradient(135deg,#C42B3F,#A52436);
  border-color:#C42B3F;
}
.pref-btn-sm{
  height:30px;
  padding:0 8px;
  font-size:11px;
}
.pref-btn-icon{
  width:30px;
  height:30px;
  padding:0;
  border-radius:8px;
  border:1px solid var(--pref-border);
  background:var(--pref-card2);
  color:var(--pref-muted);
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.pref-btn-icon:hover{
  color:var(--pref-gold);
  border-color:var(--pref-gold-border);
  background:#222018;
}
.pref-btn-icon:disabled{opacity:.45;cursor:not-allowed}
.pref-btn-block{width:100%}

/* ---- KPI compact ---- */
.pref-kpi{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
  flex:0 0 auto;
}
.pref-kpi-card{
  background:var(--pref-card);
  border:1px solid var(--pref-border);
  border-radius:10px;
  box-shadow:none;
  padding:8px 10px;
  min-height:72px;
  max-height:82px;
  display:grid;
  grid-template-columns:28px 1fr;
  gap:8px;
  align-items:center;
}
.pref-kpi-card:hover{
  border-color:var(--pref-gold-border);
}
.pref-kpi-icon{
  width:28px;
  height:28px;
  border-radius:8px;
  background:var(--pref-gold-soft);
  color:var(--pref-gold);
  border:1px solid var(--pref-gold-border);
  display:flex;
  align-items:center;
  justify-content:center;
}
.pref-kpi-icon svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8}
.pref-kpi-label{
  font-size:10px;
  color:var(--pref-muted);
  font-weight:600;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.pref-kpi-value{
  margin-top:2px;
  font-size:18px;
  font-weight:800;
  color:var(--pref-text);
  line-height:1.1;
}

/* ---- Filter toolbar ---- */
.pref-filter-bar{
  position:relative;
  flex:0 0 auto;
  background:var(--pref-card);
  border:1px solid var(--pref-border);
  border-radius:10px;
  box-shadow:none;
  padding:8px 10px;
  display:grid;
  grid-template-columns:minmax(280px,1.7fr) minmax(120px,1fr) minmax(120px,1fr) minmax(120px,1fr) minmax(140px,1.2fr) auto auto auto;
  gap:8px;
  align-items:end;
  min-width:0;
}
.pref-field{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.pref-field-dates{min-width:0}
.pref-field > label{
  font-size:10px;
  font-weight:600;
  color:var(--pref-muted);
  margin:0;
  line-height:1.2;
}
.pref-field .val{
  font-size:13px;
  color:var(--pref-text);
  font-weight:600;
  line-height:1.35;
  word-break:break-word;
}
.pref-field .val.is-empty{color:var(--pref-empty);font-weight:500}
.pref-dates{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  gap:6px;
  align-items:center;
  min-width:0;
  width:100%;
}
.pref-dates-sep{
  color:var(--pref-muted);
  font-size:12px;
  font-weight:700;
  line-height:1;
  user-select:none;
}
.pref-dates input[type="date"]{
  min-width:0;
  width:100%;
  max-width:100%;
}
.pref-page input[type="date"],
.pref-page input[type="time"],
.pref-page input[type="datetime-local"],
.pref-page input[type="text"],
.pref-page input:not([type]),
.pref-page select,
.pref-page textarea{
  width:100%;
  height:36px;
  border:1px solid var(--pref-border);
  border-radius:8px;
  background:var(--pref-input-bg);
  color:var(--pref-text);
  padding:0 10px;
  font-size:12px;
  outline:none;
}
.pref-page select{
  background:var(--pref-select-bg);
  color:var(--pref-text);
}
.pref-page select option{
  background:#1a1812;
  color:#f5f5f5;
}
.pref-page textarea{
  height:auto;
  min-height:72px;
  padding:8px 10px;
  resize:vertical;
}
.pref-page input::placeholder,
.pref-page textarea::placeholder{
  color:#6b7280;
}
.pref-page input:focus,
.pref-page select:focus,
.pref-page textarea:focus{
  border-color:var(--pref-gold);
  box-shadow:0 0 0 3px rgba(212,175,55,.13);
}
.pref-filter-actions{
  display:flex;
  gap:6px;
  align-items:center;
}
.pref-adv-wrap{position:relative}
.pref-adv-pop{
  display:none;
  position:absolute;
  top:calc(100% + 6px);
  right:0;
  z-index:30;
  width:min(520px,92vw);
  background:var(--pref-card);
  border:1px solid var(--pref-gold-border);
  border-radius:10px;
  box-shadow:var(--pref-shadow);
  padding:12px;
}
.pref-adv-pop.is-open{display:block}
.pref-adv-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.pref-adv-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:10px;
}

/* ---- Tabs ---- */
.pref-tabs{
  display:flex;
  flex-wrap:nowrap;
  gap:6px;
  flex:0 0 auto;
  overflow-x:auto;
  overflow-y:hidden;
  padding-bottom:2px;
  scrollbar-width:thin;
  scrollbar-color:#D4AF3748 #0a0a0a;
}
.pref-tab{
  height:34px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid var(--pref-border);
  background:var(--pref-card);
  color:var(--pref-muted);
  font-size:11px;
  font-weight:600;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
  white-space:nowrap;
}
.pref-tab:hover{
  border-color:var(--pref-gold-border);
  color:var(--pref-text);
}
.pref-tab .pref-tab-count{
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  background:#ffffff12;
  color:var(--pref-muted);
  font-size:10px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.pref-tab.is-active{
  background:var(--pref-gold-soft);
  border-color:var(--pref-gold);
  color:var(--pref-gold);
  box-shadow:inset 0 -2px 0 var(--pref-gold);
}
.pref-tab.is-active .pref-tab-count{
  background:rgba(212,175,55,.22);
  color:var(--pref-gold);
}

/* ---- Table card ---- */
.pref-table-card{
  background:#141414 !important;
  border:1px solid var(--pref-border);
  border-radius:10px;
  box-shadow:none;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  flex:1 1 0%;
  min-height:0;
  min-width:0;
}
.pref-table-scroll{
  overflow-x:hidden;
  overflow-y:auto;
  flex:1 1 0%;
  min-height:0;
  background:#0a0a0a !important;
  scrollbar-width:thin;
  scrollbar-color:#D4AF3755 #0a0a0a;
}
.pref-table-scroll::-webkit-scrollbar{width:8px}
.pref-table-scroll::-webkit-scrollbar-track{
  background:#0a0a0a;
  border-radius:999px;
}
.pref-table-scroll::-webkit-scrollbar-thumb{
  background:#D4AF3755;
  border-radius:999px;
  border:2px solid #0a0a0a;
}
.pref-table-scroll::-webkit-scrollbar-thumb:hover{
  background:#D4AF3788;
}
/* Override global `table{background:#fff}` from index.html inline styles */
#app.theme-dashboard-pro.view-pref .pref-table,
#app.theme-dashboard-pro.view-pref table.pref-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  table-layout:fixed;
  background:#0a0a0a !important;
  color:#f5f5f5 !important;
}
#app.theme-dashboard-pro.view-pref .pref-table thead th{
  position:sticky;
  top:0;
  z-index:2;
  background:linear-gradient(180deg,#1c1a12,#100f0c) !important;
  color:#D4AF37 !important;
  font-size:11px;
  font-weight:700;
  text-align:left;
  padding:9px 10px;
  border-bottom:1px solid rgba(212,175,55,.32) !important;
  white-space:nowrap;
}
/* Opaque cell fills — never translucent over white table */
#app.theme-dashboard-pro.view-pref .pref-table tbody td{
  padding:8px 10px;
  border-bottom:1px solid #ffffff0a !important;
  vertical-align:middle;
  background:#0a0a0a !important;
  height:54px;
  color:#f5f5f5 !important;
  font-size:12px !important;
  opacity:1 !important;
}
#app.theme-dashboard-pro.view-pref .pref-table tbody tr:nth-child(even) td{
  background:#121212 !important;
}
#app.theme-dashboard-pro.view-pref .pref-table tbody tr{cursor:pointer}
#app.theme-dashboard-pro.view-pref .pref-table tbody tr:hover td{
  background:#1a170e !important;
  color:#f5f5f5 !important;
}
#app.theme-dashboard-pro.view-pref .pref-table tbody tr.is-selected td{
  background:#1c1810 !important;
  color:#f5f5f5 !important;
}
#app.theme-dashboard-pro.view-pref .pref-table tbody tr.is-selected:hover td{
  background:#221c10 !important;
}
#app.theme-dashboard-pro.view-pref .pref-table tbody tr.is-selected td:first-child{
  box-shadow:inset 3px 0 0 #D4AF37;
}

.pref-col-rec{width:118px}
.pref-col-src{width:16%}
.pref-col-pat{width:15%}
.pref-col-call{width:110px}
.pref-col-appt{width:20%}
.pref-col-sale{width:110px}
.pref-col-act{width:210px}

#app.theme-dashboard-pro.view-pref .pref-table .pref-line-strong{
  color:#f5f5f5 !important;
  font-weight:700;
  font-size:12px;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  opacity:1 !important;
}
#app.theme-dashboard-pro.view-pref .pref-table .pref-line-muted{
  display:block;
  margin-top:2px;
  color:#c4c9d2 !important;
  font-size:11px;
  font-weight:500;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  opacity:1 !important;
}
#app.theme-dashboard-pro.view-pref .pref-table .pref-line-id{
  color:#f5f5f5 !important;
  font-weight:700;
  font-size:11px;
  opacity:1 !important;
}
#app.theme-dashboard-pro.view-pref .pref-table .pref-cell-empty{
  color:#9ca3af !important;
  font-weight:500;
}
/* Fallback for cells outside .pref-line-* wrappers */
.pref-line-strong{
  color:#f5f5f5;
  font-weight:700;
  font-size:12px;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.pref-line-muted{
  display:block;
  margin-top:2px;
  color:#c4c9d2;
  font-size:11px;
  font-weight:500;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.pref-line-id{
  color:#f5f5f5;
  font-weight:700;
  font-size:11px;
}
.pref-cell-empty{color:#9ca3af;font-weight:500}
.pref-stack{min-width:0}
.pref-act-row{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  align-items:center;
  justify-content:flex-start;
}
/* Keep action buttons readable — do not inherit row text color */
#app.theme-dashboard-pro.view-pref .pref-table .pref-btn{
  color:#f5f5f5 !important;
  background:#1a1a1a !important;
  border-color:#ffffff18 !important;
}
#app.theme-dashboard-pro.view-pref .pref-table .pref-btn-primary{
  color:#0a0a0a !important;
  background:linear-gradient(135deg,#E2C36A,#D4AF37 55%,#C9A23F) !important;
  border-color:transparent !important;
}
#app.theme-dashboard-pro.view-pref .pref-table .pref-btn-danger{
  color:#F5A8B0 !important;
  background:rgba(139,30,45,.18) !important;
  border-color:#8B1E2D !important;
}

.pref-badge{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  height:22px;
  padding:0 8px;
  border-radius:999px;
  font-size:10px;
  font-weight:700;
  border:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  background:#2a2f3a;
  color:#d1d5db;
}
#app.theme-dashboard-pro.view-pref .pref-table .pref-badge{
  background:#2a2f3a !important;
  color:#d1d5db !important;
}
#app.theme-dashboard-pro.view-pref .pref-table .pref-badge.ok{
  background:rgba(98,210,111,.18) !important;
  color:#62D26F !important;
}
#app.theme-dashboard-pro.view-pref .pref-table .pref-badge.warn{
  background:rgba(232,184,74,.18) !important;
  color:#E8B84A !important;
}
#app.theme-dashboard-pro.view-pref .pref-table .pref-badge.bad{
  background:rgba(228,93,93,.18) !important;
  color:#E45D5D !important;
}
#app.theme-dashboard-pro.view-pref .pref-table .pref-badge.info{
  background:rgba(91,155,213,.2) !important;
  color:#7EB6E8 !important;
}
#app.theme-dashboard-pro.view-pref .pref-table .pref-badge.neutral{
  background:#2a2f3a !important;
  color:#d1d5db !important;
}

.pref-table-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 10px;
  border-top:1px solid var(--pref-border);
  background:#141414 !important;
  color:#9ca3af !important;
  font-size:12px;
  flex:0 0 auto;
}
.pref-pager{display:flex;align-items:center;gap:4px}
.pref-pager-btn{
  min-width:28px;
  height:28px;
  border-radius:7px;
  border:1px solid var(--pref-border);
  background:var(--pref-card2);
  color:var(--pref-text);
  font-size:12px;
  cursor:pointer;
}
.pref-pager-btn.is-active{
  background:var(--pref-gold-soft);
  border-color:var(--pref-gold);
  color:var(--pref-gold);
}
.pref-pager-btn:disabled{opacity:.45;cursor:default}

.pref-empty{
  padding:28px 16px;
  text-align:center;
  color:var(--pref-muted);
  font-size:13px;
}

/* ---- Drawer / overlay tokens (body-mounted) ---- */
.pref-modal-backdrop,
.pref-overlay,
.pref-drawer{
  --pref-bg:#0a0a0a;
  --pref-card:#141414;
  --pref-card2:#1a1a1a;
  --pref-border:#ffffff12;
  --pref-gold:#D4AF37;
  --pref-gold-soft:rgba(212,175,55,.12);
  --pref-gold-border:rgba(212,175,55,.32);
  --pref-text:#f5f5f5;
  --pref-muted:#9ca3af;
  --pref-empty:#6b7280;
  --pref-neg:#E45D5D;
  --pref-neg-bg:rgba(228,93,93,.14);
  --pref-pos:#62D26F;
  --pref-pos-bg:rgba(98,210,111,.14);
  --pref-warn:#E8B84A;
  --pref-warn-bg:rgba(232,184,74,.14);
  --pref-info:#5B9BD5;
  --pref-info-bg:rgba(91,155,213,.14);
  --pref-input-bg:rgba(8,8,8,.55);
  --pref-select-bg:#1a1812;
  --pref-shadow:0 20px 55px #00000080;
  color:var(--pref-text);
}

.pref-overlay{
  position:fixed;
  inset:0;
  background:rgba(5,5,5,.72);
  z-index:70;
}
.pref-drawer{
  position:fixed;
  top:0;
  right:0;
  width:min(420px,92vw);
  height:100vh;
  background:var(--pref-card);
  border-left:1px solid var(--pref-gold-border);
  box-shadow:-12px 0 40px #00000090;
  z-index:71;
  display:flex;
  flex-direction:column;
  color:var(--pref-text);
}
.pref-drawer-head{
  padding:12px 14px;
  border-bottom:1px solid var(--pref-border);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
  flex:0 0 auto;
}
.pref-drawer-kicker{
  font-size:11px;
  font-weight:700;
  color:var(--pref-muted);
  text-transform:uppercase;
  letter-spacing:.04em;
}
.pref-drawer-id{
  margin-top:2px;
  font-size:16px;
  font-weight:800;
  color:var(--pref-gold);
}
.pref-drawer-tabs{
  display:flex;
  border-bottom:1px solid var(--pref-border);
  padding:0 8px;
  flex:0 0 auto;
  background:#100f0c;
}
.pref-drawer-tab{
  flex:1;
  height:38px;
  border:0;
  background:transparent;
  color:var(--pref-muted);
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  border-bottom:2px solid transparent;
}
.pref-drawer-tab.is-active{
  color:var(--pref-gold);
  border-bottom-color:var(--pref-gold);
}
.pref-drawer-body{
  padding:12px 14px;
  overflow:auto;
  flex:1 1 auto;
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:12px;
  background:var(--pref-bg);
  scrollbar-width:thin;
  scrollbar-color:#D4AF3755 #0a0a0a;
}
.pref-drawer-foot{
  padding:10px 14px;
  border-top:1px solid var(--pref-border);
  flex:0 0 auto;
  background:var(--pref-card);
}
.pref-section-title{
  margin:0 0 6px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--pref-gold);
}
.pref-field-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px 10px;
}
.pref-history-item{
  border:1px solid var(--pref-border);
  border-radius:8px;
  padding:8px 10px;
  background:var(--pref-card2);
}
.pref-history-top{
  display:flex;
  justify-content:space-between;
  gap:8px;
  font-size:11px;
  color:var(--pref-muted);
  margin-bottom:4px;
}
.pref-history-note{font-size:12px;color:var(--pref-text)}

/* ---- Modals ---- */
.pref-modal-backdrop{
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  background:rgba(5,5,5,.78);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:80;
  padding:16px;
  box-sizing:border-box;
}
.pref-modal{
  width:min(560px,calc(100vw - 32px));
  max-height:calc(100vh - 32px);
  overflow:auto;
  background:var(--pref-card);
  border:1px solid var(--pref-gold-border);
  border-radius:12px;
  box-shadow:var(--pref-shadow);
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:10px;
  color:var(--pref-text);
  margin:0;
  flex:0 1 auto;
  scrollbar-width:thin;
  scrollbar-color:#D4AF3755 #0a0a0a;
}
.pref-modal.pref-modal-lg{
  width:min(1220px,calc(100vw - 32px));
  max-height:calc(100vh - 32px);
}
.pref-modal.pref-modal-danger{
  border-color:rgba(139,30,45,.55);
}
.pref-modal-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  flex:0 0 auto;
}
.pref-modal h3{
  margin:0;
  font-size:16px;
  font-weight:800;
  color:var(--pref-text);
}
.pref-modal .pref-sub{color:var(--pref-muted)}
.pref-modal-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:4px;
  flex:0 0 auto;
}
.pref-modal .pref-btn{
  border:1px solid var(--pref-border);
  background:var(--pref-card2);
  color:var(--pref-text);
}
.pref-modal .pref-btn:hover{
  border-color:var(--pref-gold-border);
  background:#222018;
}
.pref-modal .pref-btn-primary{
  border-color:transparent;
  background:linear-gradient(135deg,#E2C36A,#D4AF37 55%,#C9A23F);
  color:#0a0a0a;
}
.pref-modal .pref-btn-danger,
.pref-modal .pref-btn-danger-solid{
  border:1px solid #8B1E2D;
}
.pref-modal .pref-btn-danger-solid{
  background:linear-gradient(135deg,#A52436,#8B1E2D);
  color:#fff;
}
.pref-modal .pref-btn-icon{
  border:1px solid var(--pref-border);
  background:var(--pref-card2);
  color:var(--pref-muted);
}
.pref-modal input[type="date"],
.pref-modal input[type="time"],
.pref-modal input[type="datetime-local"],
.pref-modal input[type="text"],
.pref-modal input:not([type]),
.pref-modal select,
.pref-modal textarea{
  width:100%;
  height:36px;
  border:1px solid var(--pref-border);
  border-radius:8px;
  background:var(--pref-input-bg);
  color:var(--pref-text);
  padding:0 10px;
  font-size:12px;
  outline:none;
  box-sizing:border-box;
}
.pref-modal select{
  background:var(--pref-select-bg);
  color:var(--pref-text);
}
.pref-modal select option{
  background:#1a1812;
  color:#f5f5f5;
}
.pref-modal textarea,
.pref-modal #prefNewDesc{
  height:auto;
  min-height:72px;
  padding:8px 10px;
  resize:vertical;
  background:var(--pref-input-bg);
  color:var(--pref-text);
  border:1px solid var(--pref-border);
  border-radius:8px;
}
.pref-modal textarea::placeholder,
.pref-modal #prefNewDesc::placeholder,
.pref-modal input::placeholder{
  color:#6b7280;
}
.pref-modal textarea:hover,
.pref-modal #prefNewDesc:hover,
.pref-modal input:hover,
.pref-modal select:hover{
  border-color:var(--pref-gold-border);
}
.pref-modal textarea:focus,
.pref-modal #prefNewDesc:focus,
.pref-modal input:focus,
.pref-modal select:focus{
  border-color:var(--pref-gold);
  box-shadow:0 0 0 3px rgba(212,175,55,.13);
  background:var(--pref-input-bg);
  color:var(--pref-text);
}
.pref-modal textarea:disabled,
.pref-modal #prefNewDesc:disabled{
  background:#111;
  color:#6b7280;
  cursor:not-allowed;
}

.pref-delete-box{
  border:1px solid rgba(139,30,45,.4);
  background:rgba(139,30,45,.1);
  border-radius:10px;
  padding:12px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.pref-delete-warn{
  margin:0;
  font-size:12px;
  line-height:1.45;
  color:#F5A8B0;
}

.pref-ops-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.pref-mt{margin-top:6px}
.pref-steps{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.pref-step{
  display:inline-flex;
  align-items:center;
  gap:6px;
  height:28px;
  padding:0 10px;
  border-radius:999px;
  background:#ffffff10;
  color:var(--pref-muted);
  font-size:11px;
  font-weight:700;
}
.pref-step.is-active{
  background:var(--pref-gold-soft);
  color:var(--pref-gold);
  border:1px solid var(--pref-gold-border);
}
.pref-step-num{
  width:16px;
  height:16px;
  border-radius:50%;
  background:#0a0a0a;
  color:var(--pref-gold);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
}
.pref-ops-grid{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:14px;
  min-height:0;
  flex:1 1 auto;
  overflow:auto;
}
.pref-call-list{display:flex;flex-direction:column;gap:6px}
.pref-call-option{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:6px 10px;
  border:1px solid var(--pref-border);
  border-radius:8px;
  background:var(--pref-card2);
  color:var(--pref-text);
  font-size:12px;
  font-weight:600;
  cursor:pointer;
}
.pref-call-option:hover{
  border-color:var(--pref-gold-border);
}
.pref-call-option.is-active{
  border-color:var(--pref-gold);
  background:var(--pref-gold-soft);
  color:var(--pref-gold);
}
.pref-call-option input{accent-color:var(--pref-gold)}
.pref-ops-fields{display:flex;flex-direction:column;gap:10px;min-width:0}
.pref-ops-fields-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.pref-ops-fields-row.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pref-capacity{
  border-radius:8px;
  border:1px solid rgba(98,210,111,.35);
  background:var(--pref-pos-bg);
  color:var(--pref-pos);
  font-size:12px;
  padding:10px 12px;
  line-height:1.4;
}

@media (max-width:1366px){
  #app.theme-dashboard-pro.view-pref #content{padding:8px 12px 10px !important}
  .pref-kpi-card{min-height:68px;max-height:76px;padding:6px 8px}
  .pref-kpi-value{font-size:16px}
  .pref-filter-bar{
    grid-template-columns:minmax(260px,1.6fr) minmax(110px,1fr) minmax(110px,1fr) minmax(110px,1fr) minmax(130px,1.1fr) auto auto auto;
    gap:6px;
  }
  .pref-col-act{width:196px}
  .pref-ops-grid{grid-template-columns:180px minmax(0,1fr)}
  .pref-ops-fields-row.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:1280px){
  .pref-filter-bar{
    grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
    align-items:end;
  }
  .pref-filter-bar > .pref-field-dates{
    grid-column:1 / span 2;
  }
  .pref-filter-bar > .pref-btn,
  .pref-filter-bar > .pref-adv-wrap{
    align-self:end;
  }
  .pref-filter-actions{grid-column:1 / -1;justify-content:flex-end}
}

@media (max-width:1100px){
  .pref-filter-bar{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .pref-filter-bar > .pref-field-dates{
    grid-column:1 / -1;
  }
  .pref-kpi{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}