/* =====================================================================
   FIXER SERVIS — UNIFIED UI v7
   Final override loaded after all legacy/page CSS.
   Goal: one layout, muted burgundy identity, neutral content, no orange/green theme leakage.
   ===================================================================== */
:root{
  --fx-sidebar-w:220px;
  --fx-burgundy:#6f303a;
  --fx-burgundy-dark:#52242c;
  --fx-burgundy-deep:#3d1b22;
  --fx-burgundy-soft:#f5edef;
  --fx-accent:#83505a;
  --fx-bg:#f4f5f6;
  --fx-surface:#ffffff;
  --fx-surface-soft:#f8f9fa;
  --fx-border:#e2e5e9;
  --fx-border-strong:#d4d8de;
  --fx-text:#252b33;
  --fx-muted:#6e7783;
  --fx-shadow:0 8px 24px rgba(25,31,40,.055);
  --fx-radius:12px;
}

*{box-sizing:border-box}
html,body{margin:0!important;min-height:100%!important;background:var(--fx-bg)!important;color:var(--fx-text)!important;font-family:Inter,"Segoe UI",Arial,Helvetica,sans-serif!important}
body{overflow-x:hidden!important}

/* ---------- ONE TRUE LAYOUT ---------- */
html body .layout{
  display:flex!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:none!important;
  min-height:100vh!important;
  background:var(--fx-bg)!important;
}
html body .sidebar,
html body .sidebar.et-theme-sidebar,
html body aside.sidebar,
html body .et-theme-sidebar{
  position:sticky!important;
  top:0!important;
  left:auto!important;
  bottom:auto!important;
  flex:0 0 var(--fx-sidebar-w)!important;
  width:var(--fx-sidebar-w)!important;
  min-width:var(--fx-sidebar-w)!important;
  height:100vh!important;
  padding:12px 10px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,var(--fx-burgundy-deep) 0%,var(--fx-burgundy-dark) 50%,#32161c 100%)!important;
  border-right:1px solid rgba(255,255,255,.07)!important;
  box-shadow:5px 0 20px rgba(40,12,18,.10)!important;
  z-index:900!important;
}
html body .fixer-shell{
  position:relative!important;
  flex:1 1 auto!important;
  width:calc(100% - var(--fx-sidebar-w))!important;
  min-width:0!important;
  min-height:100vh!important;
  padding:52px 16px 18px!important;
  background:var(--fx-bg)!important;
  overflow:hidden!important;
}
/* Every old page container now lives INSIDE fixer-shell; it must not offset for sidebar again. */
html body .fixer-shell > .content,
html body .fixer-shell .content,
html body .fixer-shell > main,
html body .fixer-shell main.content,
html body .fixer-shell .et-page,
html body .fixer-shell .erke-service-page,
html body .fixer-shell .services-page,
html body .fixer-shell .pe-wrap,
html body .fixer-shell .crm-page,
html body .fixer-shell .cal-page,
html body .fixer-shell .company-dash,
html body .fixer-shell .ap-wrap,
html body .fixer-shell .ap-detail-wrap,
html body .fixer-shell .stock-page,
html body .fixer-shell .erke-users-page,
html body .fixer-shell .erke-tech-page,
html body .fixer-shell .sf-page,
html body .fixer-shell .erke-perf,
html body .fixer-shell .bank-wrap{
  position:relative!important;
  margin-left:0!important;
  margin-right:0!important;
  margin-top:0!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:0!important;
  background:transparent!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
html body .fixer-shell > .content,
html body .fixer-shell > main.content{padding-top:0!important;padding-bottom:0!important}

/* ---------- FIXED TOP USER BAR ---------- */
html body .et-user-chip{
  position:fixed!important;
  left:var(--fx-sidebar-w)!important;
  right:0!important;
  top:0!important;
  z-index:1200!important;
  height:42px!important;
  min-height:42px!important;
  padding:4px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid var(--fx-border)!important;
  box-shadow:0 4px 14px rgba(20,25,33,.045)!important;
  backdrop-filter:blur(10px)!important;
}
html body .et-user-chip:before{content:"Fixer Servis Yönetim Paneli"!important;margin-right:auto!important;color:#4d3036!important;font-size:12px!important;font-weight:800!important;letter-spacing:.15px!important}
html body .et-user-chip .et-avatar{width:30px!important;height:30px!important;background:var(--fx-burgundy)!important;box-shadow:none!important}
html body .et-user-chip .et-user-text small{color:var(--fx-muted)!important}
html body .et-user-chip .et-user-text b{color:var(--fx-text)!important}
html body .et-user-chip a{background:var(--fx-burgundy)!important;border:1px solid var(--fx-burgundy)!important;color:#fff!important;box-shadow:none!important;padding:6px 10px!important}
html body .et-user-chip a:hover{background:var(--fx-burgundy-dark)!important;border-color:var(--fx-burgundy-dark)!important}

/* ---------- SIDEBAR ---------- */
html body .et-side-brand{margin-bottom:8px!important}
html body .et-logo,
html body .sidebar .logo,
html body .sidebar .brand-icon,
html body .logo{background:#75404a!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;box-shadow:none!important}
html body .et-brand-name b{color:#fff!important;font-size:15px!important}
html body .et-brand-name small{color:#cdbfc2!important;font-size:10px!important}
html body .et-menu-btn{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:none!important}
html body .et-menu-btn:hover{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.16)!important}
html body .et-side-nav a,
html body .et-side-bottom a,
html body .et-menu-group summary,
html body .sidebar nav a,
html body .sidebar a{color:#eee7e9!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important;text-shadow:none!important}
html body .et-side-nav a span,
html body .et-side-bottom a span,
html body .et-menu-group summary span{color:#d9c9cd!important}
html body .et-side-nav a:hover,
html body .et-menu-group summary:hover,
html body .sidebar nav a:hover,
html body .sidebar a:hover{background:rgba(255,255,255,.075)!important;color:#fff!important;border-color:rgba(255,255,255,.06)!important;box-shadow:none!important}
html body .et-side-nav a.active,
html body .sidebar nav a.active,
html body .sidebar a.active,
html body .et-menu-group[open] summary{background:rgba(255,255,255,.13)!important;color:#fff!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:none!important}
html body .et-menu-group a{background:rgba(255,255,255,.025)!important;border-left:2px solid rgba(255,255,255,.08)!important}
html body .et-menu-group a.active,
html body .et-menu-group a:hover{background:rgba(255,255,255,.11)!important;border-left-color:#c7a5ac!important;color:#fff!important}
html body .et-side-bottom a{color:#dbc8cc!important}

/* ---------- GLOBAL SURFACES ---------- */
html body .card,
html body .stat,
html body .et-card,
html body .et-panel,
html body .et-studio-card,
html body .es-card,
html body .pe-card,
html body .pe-box,
html body .crm-panel,
html body .crm-card,
html body .ap-card,
html body .bank-card,
html body .stock-box,
html body .sf-card,
html body .cal-card,
html body .eu-card,
html body .services-card,
html body .wo-edit,
html body .et-mini-kpi,
html body .et-insight,
html body .et-service-month{
  background:var(--fx-surface)!important;
  border-color:var(--fx-border)!important;
  box-shadow:var(--fx-shadow)!important;
  border-radius:var(--fx-radius)!important;
}
html body .et-page,
html body .erke-service-page,
html body .services-page,
html body .pe-wrap,
html body .crm-page,
html body .cal-page,
html body .company-dash,
html body .stock-page,
html body .sf-page,
html body .erke-users-page,
html body .erke-tech-page,
html body .erke-perf,
html body .bank-wrap{color:var(--fx-text)!important}

/* Headers / hero bars: muted, no loud gradients */
html body .es-hero,
html body .et-pro-crm-strip,
html body .et-pro-schema-head,
html body .et-dashboard-hero,
html body .et-big-note,
html body .pe-head,
html body .crm-hero,
html body .services-hero,
html body .ap-head,
html body .stock-top,
html body .eu-hero,
html body .pro-top,
html body .company-hero,
html body .cal-hero{
  background:linear-gradient(110deg,#49353a 0%,#63434a 100%)!important;
  border-color:#705159!important;
  color:#fff!important;
  box-shadow:none!important;
}
html body .es-hero *,html body .et-pro-crm-strip *,html body .et-pro-schema-head *,html body .et-dashboard-hero *,html body .et-big-note *,html body .pe-head *,html body .crm-hero *,html body .services-hero *,html body .stock-top *,html body .eu-hero *{color:#fff!important;text-shadow:none!important}

/* ---------- FORM / NEW SERVICE: aligned & readable ---------- */
html body .erke-service-page{padding:0!important}
html body .erke-service-page .es-hero{margin:0 0 10px!important;padding:12px 16px!important;min-height:58px!important;border-radius:12px!important}
html body .erke-service-page .es-hero h1{font-size:19px!important;line-height:1.15!important;margin:0 0 3px!important}
html body .erke-service-page .es-hero p{font-size:11px!important;opacity:.88!important;margin:0!important}
html body .erke-service-page .es-pro-flow{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;margin:0 0 10px!important;background:transparent!important;border:0!important;padding:0!important}
html body .erke-service-page .es-pro-flow>div{background:#fff!important;border:1px solid var(--fx-border)!important;border-radius:10px!important;padding:8px 10px!important;min-width:0!important;box-shadow:none!important}
html body .erke-service-page .es-pro-flow b{background:#76505a!important;color:#fff!important;border:0!important}
html body .erke-service-page .es-pro-flow span{color:#34383f!important}
html body .erke-service-page .es-pro-flow small{color:var(--fx-muted)!important}
html body .erke-service-page .es-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 250px!important;gap:10px!important;align-items:start!important;width:100%!important}
html body .erke-service-page .es-layout>div{min-width:0!important}
html body .erke-service-page .es-card{margin:0 0 10px!important;overflow:hidden!important}
html body .erke-service-page .es-head,
html body .erke-service-page .es-summary-head{background:#f4f1f2!important;border-bottom:1px solid var(--fx-border)!important;padding:9px 12px!important}
html body .erke-service-page .es-head h2,
html body .erke-service-page .es-summary-head b{color:#49343a!important;font-size:12px!important}
html body .erke-service-page .es-dot{background:#8b626b!important}
html body .erke-service-page .es-body,
html body .erke-service-page .es-summary-body{background:#fff!important;padding:8px 12px!important}
html body .erke-service-page .es-grid,
html body .erke-service-page .es-grid.three{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:12px!important;row-gap:0!important}
html body .erke-service-page .es-field{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;min-width:0!important;padding:5px 0!important;border-bottom:1px solid #f0f1f3!important;background:transparent!important;border-radius:0!important}
html body .erke-service-page .es-field.full{grid-column:1/-1!important}
html body .erke-service-page .es-field label{margin:0!important;color:#4a4f57!important;font-size:10px!important;font-weight:800!important;line-height:1.2!important}
html body .erke-service-page .es-field input,
html body .erke-service-page .es-field select,
html body .erke-service-page .es-field textarea{width:100%!important;min-width:0!important;min-height:31px!important;height:31px!important;padding:5px 8px!important;border:0!important;border-bottom:1px solid #cfd4da!important;border-radius:0!important;background:#fff!important;color:#252b33!important;box-shadow:none!important;font-size:11px!important}
html body .erke-service-page .es-field textarea{height:54px!important;min-height:54px!important;resize:vertical!important}
html body .erke-service-page .es-field input:focus,
html body .erke-service-page .es-field select:focus,
html body .erke-service-page .es-field textarea:focus{border-bottom-color:#855864!important;box-shadow:0 1px 0 #855864!important;outline:none!important}
html body .erke-service-page .es-field.required:before{background:#8a626b!important}
html body .erke-service-page .req{color:#8a4a58!important}
html body .erke-service-page .es-help{grid-column:2!important;color:#8a9199!important;font-size:9px!important;margin-top:-2px!important}
html body .erke-service-page .es-v230-box,
html body .erke-service-page .es-accessory-wrap,
html body .erke-service-page #warrantyBox{grid-column:1/-1!important;background:#fafafa!important;border:1px solid var(--fx-border)!important;border-radius:10px!important;padding:10px!important;margin:8px 0!important}
html body .erke-service-page .es-check{background:#fff!important;border:1px solid var(--fx-border)!important;color:#444b54!important;border-radius:8px!important}
html body .erke-service-page .es-filebox{background:#fafafa!important;border:1px dashed #c9ced5!important;border-radius:9px!important}
html body .erke-service-page .es-sticky-summary{position:sticky!important;top:54px!important}
html body .erke-service-page .es-savebar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin:10px 0 0!important;padding:9px 10px!important;background:#fff!important;border:1px solid var(--fx-border)!important;border-radius:10px!important;box-shadow:var(--fx-shadow)!important}
html body .erke-service-page .es-savebar p{margin:0!important;color:var(--fx-muted)!important;font-size:9px!important}
html body .erke-service-page .es-submit{background:#75404a!important;border:1px solid #75404a!important;color:#fff!important;border-radius:9px!important;padding:9px 16px!important;box-shadow:none!important}
html body .erke-service-page .es-submit:hover{background:#5f333c!important}

/* ---------- BUTTONS / INPUTS GLOBAL ---------- */
html body .btn:not(.gray):not(.danger),
html body .mini-btn.edit,
html body .top-btn.dark,
html body .stock-btn.dark,
html body .crm-btn,
html body .eu-btn.primary,
html body button[type="submit"]:not(.danger):not(.gray):not(.cal-btn){background:#75404a!important;border-color:#75404a!important;color:#fff!important;box-shadow:none!important}
html body .btn:not(.gray):not(.danger):hover,
html body button[type="submit"]:not(.danger):not(.gray):hover{background:#5f333c!important;border-color:#5f333c!important}
html body input:focus,html body select:focus,html body textarea:focus{border-color:#9c737c!important;box-shadow:0 0 0 3px rgba(111,48,58,.08)!important;outline:none!important}

/* ---------- KILL OLD THEME ORANGE/GREEN DECORATIVE LEAKS ---------- */
html body .et-kpi,
html body .et-stat{border-top-color:#bda8ad!important}
html body .et-stat:before{background:#8a626b!important}
html body .et-kpi b,
html body .et-stat b,
html body .et-mini-kpi b,
html body .et-panel-head h2,
html body .et-studio-head h2,
html body .et-section-title{color:#363b42!important}
html body .et-profile-link,
html body .et-studio-head a,
html body .et-panel-head a{color:#70444e!important;background:#f5edef!important;border-color:#e2ced3!important}
html body .kpi-ico:not(.status-pill),
html body .et-chip:not(.green):not(.blue):not(.orange):not(.red):not(.purple),
html body .et-break-count,
html body .et-soft-chipline span{background:#f3f1f2!important;border-color:#e4dcde!important;color:#614149!important}
/* semantic states remain semantic but muted */
html body .status-pill.b-new{background:#60758b!important}
html body .status-pill.b-done{background:#557466!important}
html body .status-pill.b-wait,html body .status-pill.b-part{background:#9a7651!important}
html body .status-pill.b-repair{background:#756887!important}
html body .status-pill.b-cancel{background:#8b5057!important}

/* ---------- TABLES / TYPOGRAPHY ---------- */
html body table{max-width:100%!important}
html body th{background:#f5f6f7!important;color:#4e555e!important;border-color:var(--fx-border)!important}
html body td{border-color:#eceef1!important;color:#333941!important}
html body .table-wrap,html body .et-table-wrap,html body .cd-table-wrap{max-width:100%!important;overflow-x:auto!important}
html body h1,html body h2,html body h3{letter-spacing:0!important}

/* ---------- SOFTWARE CREDIT: always centered under page ---------- */
html body .fixer-software-credit{
  clear:both!important;
  width:100%!important;
  max-width:none!important;
  margin:18px auto 0!important;
  padding:12px 8px 2px!important;
  text-align:center!important;
  color:#9298a0!important;
  font-size:10px!important;
  font-weight:600!important;
  letter-spacing:.01em!important;
  transform:none!important;
  position:relative!important;
  left:auto!important;right:auto!important;bottom:auto!important;
}
html body .fixer-software-credit span{color:#b7bbc0!important;margin:0 5px!important}
html body .fixer-software-credit b{color:#656b73!important}

/* ---------- DESKTOP WIDTHS ---------- */
@media(min-width:1200px){
  html body .fixer-shell{padding-left:18px!important;padding-right:18px!important}
}
@media(max-width:1150px){
  html body .erke-service-page .es-layout{grid-template-columns:1fr!important}
  html body .erke-service-page .es-sticky-summary{position:static!important}
}

/* ---------- MOBILE ---------- */
@media(max-width:850px){
  html body .layout{display:block!important}
  html body .sidebar,html body .sidebar.et-theme-sidebar{position:sticky!important;top:0!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;padding:8px 10px!important;overflow:visible!important}
  html body .fixer-shell{width:100%!important;padding:12px 10px 82px!important;overflow:visible!important}
  html body .et-user-chip{display:none!important}
  html body .erke-service-page .es-pro-flow{grid-template-columns:1fr!important}
  html body .erke-service-page .es-layout{grid-template-columns:1fr!important}
  html body .erke-service-page .es-grid,html body .erke-service-page .es-grid.three{grid-template-columns:1fr!important}
  html body .erke-service-page .es-field{grid-template-columns:1fr!important;gap:3px!important;padding:7px 0!important}
  html body .erke-service-page .es-help{grid-column:1!important}
  html body .erke-service-page .es-field input,html body .erke-service-page .es-field select{height:42px!important;min-height:42px!important;font-size:16px!important}
  html body .erke-service-page .es-field textarea{min-height:76px!important;height:76px!important;font-size:16px!important}
  html body .erke-service-page .es-savebar{display:block!important}
  html body .erke-service-page .es-submit{width:100%!important;margin-top:9px!important}
  html body .fixer-software-credit{margin-bottom:70px!important}
  html body .et-mobile-bottom-nav{background:rgba(61,27,34,.97)!important;border-top-color:rgba(255,255,255,.10)!important}
  html body .et-mobile-bottom-nav .et-mobile-add{background:#75404a!important;box-shadow:none!important;transform:translateY(-8px)!important}
}