/* =========================================================
   Z BILISIM V7.0 — APP STYLE OPERATIONS UI
   Mobile-first, dark workstation, consistent across modules
   ========================================================= */
:root{
  --v7-bg:#090b0f;
  --v7-surface:#15181d;
  --v7-surface-2:#1b1f25;
  --v7-surface-3:#22272f;
  --v7-line:#2c323b;
  --v7-line-soft:#242a31;
  --v7-text:#f6f7f9;
  --v7-muted:#949ca8;
  --v7-muted-2:#6f7885;
  --v7-green:#19c97d;
  --v7-green-soft:rgba(25,201,125,.14);
  --v7-red:#ff4055;
  --v7-red-soft:rgba(255,64,85,.14);
  --v7-blue:#4d9cff;
  --v7-blue-soft:rgba(77,156,255,.14);
  --v7-orange:#ff9f32;
  --v7-orange-soft:rgba(255,159,50,.14);
  --v7-purple:#a980ff;
  --v7-purple-soft:rgba(169,128,255,.14);
  --v7-shadow:0 18px 50px rgba(0,0,0,.28);
  --v7-radius:18px;
  --v7-radius-sm:13px;
}

html{background:var(--v7-bg)!important;color-scheme:dark}
body.v5-body{background:var(--v7-bg)!important;color:var(--v7-text)!important;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important}
body.v5-body a{text-decoration:none!important}
body.v5-body .app-shell{background:var(--v7-bg)!important}
body.v5-body .v5-main,body.v5-body .main-area{background:var(--v7-bg)!important;color:var(--v7-text)!important}

/* desktop sidebar */
body.v5-body .v5-sidebar{background:#0d1015!important;border-right:1px solid var(--v7-line-soft)!important;box-shadow:none!important}
body.v5-body .v5-sidebar .brand{background:#11151a!important;border:1px solid var(--v7-line-soft)!important;border-radius:16px!important;margin:0 10px 14px!important;padding:13px!important}
body.v5-body .v5-nav{gap:10px!important}
body.v5-body .v5-nav-group{background:transparent!important;border:0!important;padding:0 8px!important}
body.v5-body .v5-nav-label{color:#59626f!important;font-size:9px!important;letter-spacing:.11em!important;margin:4px 8px 7px!important}
body.v5-body .v5-nav a{color:#b9c0c9!important;border:1px solid transparent!important;border-radius:12px!important;min-height:43px!important;padding:9px 10px!important;gap:10px!important;transition:.16s ease!important}
body.v5-body .v5-nav a:hover{background:#171b21!important;color:#fff!important;border-color:#222933!important}
body.v5-body .v5-nav a.active{background:linear-gradient(135deg,rgba(25,201,125,.18),rgba(25,201,125,.08))!important;color:#fff!important;border-color:rgba(25,201,125,.30)!important;box-shadow:inset 3px 0 0 var(--v7-green)!important}
body.v5-body .v5-nav-icon{width:26px!important;height:26px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:#171b21!important;font-size:14px!important}
body.v5-body .v5-nav a.active .v5-nav-icon{background:var(--v7-green-soft)!important}
body.v5-body .v5-nav a em{background:var(--v7-red)!important;color:#fff!important;border-radius:999px!important;padding:2px 7px!important;font-size:9px!important;font-style:normal!important;margin-left:auto!important}
body.v5-body .v5-user-mini{background:#14181e!important;border:1px solid var(--v7-line-soft)!important;color:#fff!important;border-radius:14px!important}
body.v5-body .v5-user-mini small{color:var(--v7-muted)!important}
body.v5-body .v5-user-avatar{background:var(--v7-green)!important;color:#07120d!important}

/* common surfaces */
body.v5-body .panel,body.v5-body .unified-panel,body.v5-body .pro-card,body.v5-body .profile-card,body.v5-body .customer-directory,body.v5-body .service-directory-pro,body.v5-body .v5-reminder-card,body.v5-body .v5-attention-card,body.v5-body .account-party-card,body.v5-body .company-directory-card,body.v5-body .company-mobile-card,body.v5-body .maintenance-card,body.v5-body .field-card,body.v5-body .field-job-card{
  background:var(--v7-surface)!important;border:1px solid var(--v7-line-soft)!important;color:var(--v7-text)!important;box-shadow:none!important;border-radius:var(--v7-radius)!important
}
body.v5-body h1,body.v5-body h2,body.v5-body h3,body.v5-body h4,body.v5-body strong,body.v5-body b{color:var(--v7-text)!important}
body.v5-body p,body.v5-body small,body.v5-body .muted,body.v5-body .hint{color:var(--v7-muted)!important}
body.v5-body .section-kicker,body.v5-body .eyebrow,body.v5-body .v5-eyebrow{color:var(--v7-green)!important;font-weight:900!important;letter-spacing:.11em!important}
body.v5-body .topbar,body.v5-body .v5-desk-head,body.v5-body .field-dashboard-head,body.v5-body .corp-page-head{border-color:var(--v7-line-soft)!important}

/* controls */
body.v5-body input,body.v5-body select,body.v5-body textarea{background:#11151a!important;color:#f6f7f9!important;border:1px solid #303741!important;box-shadow:none!important;border-radius:12px!important}
body.v5-body input:focus,body.v5-body select:focus,body.v5-body textarea:focus{border-color:var(--v7-green)!important;box-shadow:0 0 0 3px rgba(25,201,125,.12)!important;outline:none!important}
body.v5-body input::placeholder,body.v5-body textarea::placeholder{color:#69727e!important}
body.v5-body .btn,body.v5-body button,body.v5-body .v5-primary,body.v5-body .v5-secondary{border-radius:12px!important;font-weight:800!important;box-shadow:none!important}
body.v5-body .btn-primary,body.v5-body .v5-primary{background:var(--v7-green)!important;border-color:var(--v7-green)!important;color:#07120d!important}
body.v5-body .btn-light,body.v5-body .v5-secondary{background:#1a1f26!important;border-color:#303741!important;color:#f5f7f9!important}
body.v5-body .btn-danger{background:var(--v7-red-soft)!important;border-color:rgba(255,64,85,.28)!important;color:#ff8290!important}
body.v5-body table{background:transparent!important;color:var(--v7-text)!important}
body.v5-body th{color:#747e8b!important;border-color:var(--v7-line-soft)!important}
body.v5-body td{border-color:var(--v7-line-soft)!important;color:#dce1e7!important}

/* V7 dashboard */
.v7-dashboard{max-width:1500px;margin:0 auto;padding-bottom:30px}
.v7-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:14px;padding:2px 0 14px;border-bottom:1px solid var(--v7-line-soft)}
.v7-hero h1{margin:5px 0 4px;font-size:29px;letter-spacing:-.04em}
.v7-hero p{margin:0;font-size:12px;color:var(--v7-muted);max-width:760px}
.v7-hero-actions{display:flex;gap:8px;flex-wrap:wrap}.v7-hero-actions a{display:flex;align-items:center;gap:7px;height:40px;padding:0 13px;border-radius:12px;font-size:11px;font-weight:900}.v7-hero-actions .primary{background:var(--v7-green);color:#07120d}.v7-hero-actions .secondary{background:var(--v7-surface);border:1px solid var(--v7-line);color:#fff}

.v7-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:9px}
.v7-kpi{position:relative;min-width:0;padding:11px 12px;background:var(--v7-surface);border:1px solid var(--v7-line-soft);border-radius:14px;color:#fff;overflow:hidden}
.v7-kpi:after{content:"";position:absolute;right:-18px;top:-20px;width:68px;height:68px;border-radius:50%;background:currentColor;opacity:.045}
.v7-kpi .ico{font-size:15px;display:block;margin-bottom:7px}.v7-kpi span{display:block;font-size:8px;font-weight:900;color:#737d89;text-transform:uppercase;letter-spacing:.08em}.v7-kpi b{display:block;font-size:22px;line-height:1;margin:5px 0 4px}.v7-kpi small{display:block;font-size:8px;line-height:1.3;white-space:normal}.v7-kpi.green{color:var(--v7-green)}.v7-kpi.blue{color:var(--v7-blue)}.v7-kpi.orange{color:var(--v7-orange)}.v7-kpi.red{color:var(--v7-red)}.v7-kpi.purple{color:var(--v7-purple)}

.v7-finance-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}.v7-finance-strip a{display:flex;align-items:center;gap:10px;padding:9px 11px;background:#11151a;border:1px solid var(--v7-line-soft);border-radius:13px;color:#fff;min-width:0}.v7-finance-strip i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;font-style:normal;background:#1c2229;font-size:16px}.v7-finance-strip div{min-width:0}.v7-finance-strip small{display:block;font-size:8px;color:#747e89;font-weight:900;text-transform:uppercase}.v7-finance-strip b{display:block;margin-top:2px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v7-finance-strip .positive i{background:var(--v7-green-soft)}.v7-finance-strip .danger i{background:var(--v7-red-soft)}.v7-finance-strip .blue i{background:var(--v7-blue-soft)}.v7-finance-strip .orange i{background:var(--v7-orange-soft)}

.v7-two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.v7-block{background:var(--v7-surface);border:1px solid var(--v7-line-soft);border-radius:17px;overflow:hidden}.v7-block-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px 10px;border-bottom:1px solid var(--v7-line-soft)}.v7-block-head h2{font-size:14px;margin:3px 0 0}.v7-block-head span{font-size:8px;color:var(--v7-green);font-weight:900;letter-spacing:.09em}.v7-block-head>a{font-size:9px;color:#9da5af}.v7-stage-row{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:8px;border-bottom:1px solid var(--v7-line-soft)}.v7-stage-row a{padding:7px 5px;border-radius:9px;text-align:center;background:#101419;color:#fff}.v7-stage-row span{display:block;font-size:7px;color:#7d8792}.v7-stage-row b{display:block;font-size:14px;margin-top:3px}.v7-stage-row .red{background:var(--v7-red-soft)}.v7-stage-row .orange{background:var(--v7-orange-soft)}.v7-stage-row .blue{background:var(--v7-blue-soft)}.v7-stage-row .green{background:var(--v7-green-soft)}.v7-stage-row .purple{background:var(--v7-purple-soft)}
.v7-list{padding:5px 8px 8px}.v7-list>a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 7px;border-bottom:1px solid var(--v7-line-soft);color:#fff}.v7-list>a:last-child{border-bottom:0}.v7-list .main{min-width:0}.v7-list .main b{display:block;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v7-list .main small{display:block;margin-top:3px;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v7-list .meta{text-align:right}.v7-list .meta em{display:inline-block;font-style:normal;font-size:7px;font-weight:900;border-radius:999px;padding:4px 7px;background:#20252c;color:#b8c0ca}.v7-list .meta strong{display:block;margin-top:4px;font-size:8.5px}.v7-list .status-green em{background:var(--v7-green-soft);color:#71e5ad}.v7-list .status-orange em{background:var(--v7-orange-soft);color:#ffc06f}.v7-list .status-blue em{background:var(--v7-blue-soft);color:#83baff}.v7-list .status-red em{background:var(--v7-red-soft);color:#ff8e99}.v7-empty{padding:22px 12px;color:#69727e;text-align:center;font-size:10px}

.v7-quick{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin-bottom:10px}.v7-quick a{display:grid;place-items:center;text-align:center;min-height:66px;padding:8px 5px;background:#11151a;border:1px solid var(--v7-line-soft);border-radius:13px;color:#cfd4da}.v7-quick i{font-style:normal;font-size:18px}.v7-quick b{font-size:8.5px;margin-top:4px}.v7-quick a:hover{border-color:rgba(25,201,125,.35);background:#151b1d}

.v7-bottom-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:10px}.v7-alerts{padding:6px 9px 10px}.v7-alerts>a{display:flex;align-items:center;gap:9px;padding:9px 4px;border-bottom:1px solid var(--v7-line-soft);color:#fff}.v7-alerts>a:last-child{border-bottom:0}.v7-alerts .dot{width:8px;height:8px;border-radius:50%;background:var(--v7-orange);box-shadow:0 0 0 4px rgba(255,159,50,.08)}.v7-alerts .dot.red{background:var(--v7-red)}.v7-alerts div{min-width:0;flex:1}.v7-alerts b{display:block;font-size:10px}.v7-alerts small{display:block;font-size:8px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* page headers / sections */
body.v5-body .topbar h1,body.v5-body .v5-desk-head h1,body.v5-body .field-dashboard-head h1,body.v5-body .corp-page-head h1{font-size:25px!important;letter-spacing:-.035em!important}
body.v5-body .panel-head,body.v5-body .premium-head,body.v5-body .v5-section-head{border-color:var(--v7-line-soft)!important}
body.v5-body .customer-card-pro,body.v5-body .company-mobile-card{background:var(--v7-surface)!important;border-color:var(--v7-line-soft)!important;color:#fff!important}
body.v5-body .customer-stats span,body.v5-body .company-dir-stats span,body.v5-body .account-split span{background:#11151a!important;border-color:var(--v7-line-soft)!important;color:#fff!important}
body.v5-body .account-avatar,body.v5-body .company-dir-avatar{background:#22272f!important;color:#fff!important}
body.v5-body .account-total strong{color:#ff8290!important}
body.v5-body .service-ops-row:not(.service-ops-head),body.v5-body .history-device-row{background:var(--v7-surface)!important;border-color:var(--v7-line-soft)!important;color:#fff!important}

/* modal / sheet */
body.v5-body .modal,body.v5-body .modal-card,body.v5-body .mobile-create-sheet>section{background:var(--v7-surface)!important;border:1px solid var(--v7-line)!important;color:#fff!important}
body.v5-body .mobile-create-sheet header{border-color:var(--v7-line-soft)!important}.mobile-create-sheet header h3{color:#fff!important}.mobile-create-sheet header small{color:var(--v7-green)!important}.mobile-create-sheet header p{color:var(--v7-muted)!important}.mobile-create-actions a{background:#11151a!important;border-color:var(--v7-line-soft)!important;color:#fff!important}.mobile-create-actions a span{color:var(--v7-muted)!important}

/* Mobile app shell */
@media(max-width:980px){
  html,body{background:#05070a!important}
  body.v5-body{padding-top:58px!important;padding-bottom:82px!important}
  body.v5-body .v5-main{padding:13px 10px 100px!important;background:#05070a!important}
  .mobile-headbar{display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px!important;height:58px!important;padding:7px 10px!important;background:rgba(9,11,15,.96)!important;border-bottom:1px solid #1d2229!important;backdrop-filter:blur(18px)!important;box-shadow:none!important}
  .mobile-headbar button,.mobile-headbar a{background:#15191f!important;border-color:#272d35!important;color:#fff!important;border-radius:13px!important;width:42px!important;height:42px!important}
  .mobile-headbar .mobile-home-link{background:transparent!important;border:0!important;width:auto!important;height:auto!important;font-size:14px!important;font-weight:900!important;color:#fff!important}
  .mobile-headbar .mobile-page-title small{color:#68717d!important;font-size:8px!important;text-transform:uppercase!important;letter-spacing:.08em!important}
  .mobile-headbar .mobile-add{background:#15191f!important;border-color:#272d35!important;color:#fff!important}
  .mobile-bottom-nav{display:grid!important;grid-template-columns:1fr 1fr 62px 1fr 1fr!important;left:0!important;right:0!important;bottom:0!important;height:70px!important;border-radius:0!important;border:0!important;border-top:1px solid #20252c!important;background:rgba(10,12,16,.98)!important;padding:5px 7px calc(5px + env(safe-area-inset-bottom))!important;box-shadow:0 -12px 30px rgba(0,0,0,.32)!important}
  .mobile-bottom-nav a,.mobile-bottom-nav button{height:55px!important;color:#717a86!important;font-size:8px!important;font-weight:800!important}.mobile-bottom-nav i{font-size:19px!important}.mobile-bottom-nav .active{color:#fff!important}.mobile-bottom-nav .active i{filter:none!important}.mobile-bottom-nav .mobile-new-service{width:54px!important;height:54px!important;border-radius:17px!important;background:var(--v7-green)!important;color:#07120d!important;margin-top:-11px!important;box-shadow:0 8px 24px rgba(25,201,125,.24)!important}
  body.v5-body .v5-sidebar{background:#0b0e12!important;width:min(88vw,330px)!important;padding:14px 10px 92px!important}.mobile-nav-scrim{background:rgba(0,0,0,.74)!important}
  body.v5-body .v5-sidebar .brand{margin:0 5px 12px!important}
  body.v5-body .v5-nav-group{padding:0 4px!important}.v5-nav a{min-height:45px!important}
  body.v5-body .topbar h1,body.v5-body .v5-desk-head h1,body.v5-body .field-dashboard-head h1,body.v5-body .corp-page-head h1{font-size:21px!important}
  body.v5-body .topbar-copy p,body.v5-body .v5-desk-head p,body.v5-body .field-dashboard-head p,body.v5-body .corp-page-head p{display:block!important;font-size:9px!important;line-height:1.4!important;color:#747e89!important;margin-top:4px!important}
  .v7-dashboard{padding:0}.v7-hero{display:none}.v7-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:7px}.v7-kpi{min-height:82px;padding:10px;border-radius:14px}.v7-kpi .ico{font-size:17px;margin-bottom:5px}.v7-kpi span{font-size:7px}.v7-kpi b{font-size:22px}.v7-kpi small{font-size:7.7px}
  .v7-finance-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:8px}.v7-finance-strip a{padding:8px 9px;border-radius:12px}.v7-finance-strip i{width:31px;height:31px}.v7-finance-strip small{font-size:7px}.v7-finance-strip b{font-size:11px}
  .v7-quick{display:flex;overflow-x:auto;gap:6px;margin:0 -10px 8px;padding:0 10px 3px;scrollbar-width:none}.v7-quick::-webkit-scrollbar{display:none}.v7-quick a{flex:0 0 74px;min-height:66px;border-radius:13px}.v7-quick i{font-size:19px}.v7-quick b{font-size:8px}
  .v7-two,.v7-bottom-grid{grid-template-columns:1fr;gap:8px;margin-bottom:8px}.v7-block{border-radius:15px}.v7-block-head{padding:10px 11px 9px}.v7-block-head h2{font-size:13px}.v7-stage-row{overflow-x:auto;grid-template-columns:repeat(5,minmax(62px,1fr));padding:6px;gap:4px}.v7-stage-row a{padding:6px 4px}.v7-stage-row span{font-size:6.8px}.v7-stage-row b{font-size:14px}.v7-list{padding:4px 6px 6px}.v7-list>a{padding:8px 5px}.v7-list .main b{font-size:10px}.v7-list .main small{font-size:7.5px}.v7-list .meta em{font-size:6.8px}.v7-list .meta strong{font-size:8px}
  body.v5-body .panel,body.v5-body .unified-panel,body.v5-body .pro-card,body.v5-body .profile-card,body.v5-body .customer-directory,body.v5-body .service-directory-pro,body.v5-body .v5-reminder-card,body.v5-body .v5-attention-card{border-radius:15px!important}
  body.v5-body .top-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;width:100%!important}.top-actions .btn{width:100%!important}
  body.v5-body .service-mobile-dock,body.v5-body .field-mobile-command{bottom:76px!important;background:rgba(10,12,16,.96)!important;border-color:#242a31!important}
  body.v5-body .toast{bottom:145px!important}
  body.v5-body .modal,body.v5-body .mobile-create-sheet>section{border-radius:22px 22px 0 0!important;background:#15181d!important}
  body.v5-body .mobile-create-actions{gap:7px!important}.mobile-create-actions a{min-height:62px!important;border-radius:14px!important}
}
@media(max-width:390px){.v7-kpis{grid-template-columns:1fr 1fr}.v7-finance-strip{grid-template-columns:1fr 1fr}}

/* print stays clean */
@media print{.mobile-headbar,.mobile-bottom-nav,.v5-sidebar,.mobile-nav-scrim{display:none!important}body.v5-body,body.v5-body .v5-main{background:#fff!important;color:#111!important}.v7-dashboard{display:none!important}}

/* Detailed operational pages: service / field / forms */
body.v5-body .ops-file-row,body.v5-body .ops-card,body.v5-body .ops-next-card,body.v5-body .ops-tabs,body.v5-body .ops-status-head,body.v5-body .ops-work-main,body.v5-body .ops-side>section,
body.v5-body .service-hero,body.v5-body .customer-hero,body.v5-body .device-hero,body.v5-body .field-job-hero,body.v5-body .company-hero,
body.v5-body .service-section,body.v5-body .service-card,body.v5-body .detail-card,body.v5-body .timeline-card,
body.v5-body .service-tabs,body.v5-body .customer-tabs,body.v5-body .profile-tabs,body.v5-body .field-flow,
body.v5-body .field-money-summary>div,body.v5-body .field-promise-form,body.v5-body .field-checkin-proof{
  background:var(--v7-surface)!important;border-color:var(--v7-line-soft)!important;color:var(--v7-text)!important;box-shadow:none!important
}
body.v5-body .ops-file-title strong,body.v5-body .ops-file-sub b{color:#fff!important}
body.v5-body .ops-back,body.v5-body .ops-file-sub{color:var(--v7-muted)!important}
body.v5-body .ops-header-actions>a,body.v5-body .field-contact-actions a{background:#11151a!important;border-color:#2b323b!important;color:#d9dee4!important}
body.v5-body .ops-tabs .service-tab,body.v5-body .service-tabs button,body.v5-body .customer-tabs button,body.v5-body .profile-tabs a{color:#8e98a4!important;background:transparent!important}
body.v5-body .ops-tabs .service-tab.active,body.v5-body .service-tabs .active,body.v5-body .customer-tabs .active,body.v5-body .profile-tabs .active{background:#252b33!important;color:#fff!important}
body.v5-body .field-customer-avatar{background:#252b33!important;color:#fff!important}
body.v5-body .field-customer-main p,body.v5-body .field-hero-status small{color:var(--v7-muted)!important}
body.v5-body .field-flow button{background:#11151a!important;border-color:#2c333c!important;color:#9aa3ae!important}
body.v5-body .field-flow button.active{background:var(--v7-green)!important;border-color:var(--v7-green)!important;color:#07120d!important}
body.v5-body .field-money-summary span,body.v5-body .field-payment-form small,body.v5-body .payment-history small,body.v5-body .field-log-list small{color:#7b8490!important}
body.v5-body .field-money-summary .remaining{background:var(--v7-red-soft)!important;border-color:rgba(255,64,85,.25)!important}
body.v5-body .field-money-summary .remaining b{color:#ff8290!important}
body.v5-body .payment-history,body.v5-body .field-log-list article,body.v5-body .field-savebar{border-color:var(--v7-line-soft)!important}
body.v5-body .field-mobile-command button{border:1px solid var(--v7-line-soft)!important;color:#fff!important}.field-mobile-command .cmd-road{background:var(--v7-purple-soft)!important}.field-mobile-command .cmd-arrive{background:var(--v7-green-soft)!important}.field-mobile-command .cmd-work{background:var(--v7-orange-soft)!important}.field-mobile-command .cmd-done{background:var(--v7-blue-soft)!important}
body.v5-body .field-promise-form{background:#171510!important}

/* Search/filter/table shells */
body.v5-body .filters,body.v5-body .service-pro-filter,body.v5-body .customer-searchbar,body.v5-body .device-pro-filter,body.v5-body .history-filter,body.v5-body .warranty-filter,body.v5-body .corp-search,body.v5-body .field-filter,body.v5-body .collection-filter{background:#11151a!important;border:1px solid var(--v7-line-soft)!important}
body.v5-body .record-count,body.v5-body .badge{background:#20262e!important;color:#dbe0e5!important;border-color:#303741!important}
body.v5-body .empty-state{background:#101419!important;border-color:var(--v7-line-soft)!important;color:#69727e!important}

/* Keep status colors vivid on dark */
body.v5-body .status-ready,body.v5-body .field-done,body.v5-body .field-closed{--status-accent:var(--v7-green)}
body.v5-body .status-waiting,body.v5-body .field-work{--status-accent:var(--v7-orange)}
body.v5-body .status-approval,body.v5-body .field-planned{--status-accent:var(--v7-blue)}

@media(max-width:760px){
  body.v5-body .ops-file-row{padding:9px!important;border-radius:14px!important}.ops-file-title strong{font-size:18px!important}.ops-file-sub{font-size:8.5px!important}.ops-header-actions{gap:5px!important}.ops-header-actions>a{height:38px!important;border-radius:10px!important}
  body.v5-body .field-job-hero{padding:10px!important;border-radius:14px!important}.field-customer-main h2{font-size:15px!important}.field-contact-actions a{padding:6px 8px!important}
  body.v5-body .field-flow{padding:8px!important}.field-flow button{height:34px!important}
  body.v5-body .field-mobile-command{position:sticky!important;bottom:76px!important;z-index:24!important;grid-template-columns:repeat(2,1fr)!important;padding:6px!important;border-radius:14px!important;box-shadow:0 14px 34px rgba(0,0,0,.35)!important}
}


/* =========================================================
   V7.0.1 — Dark form + app menu hardening
   Attığı örnekteki gibi tüm formları ve menüyü koyu uygulama diline çeker
   ========================================================= */
body.v5-body{
  --form-bg:#12161c;
  --form-bg-2:#0f1318;
  --form-line:#2a313a;
  --form-line-2:#222933;
  --menu-chip:#171c23;
  --menu-chip-2:#0f1318;
}

/* universal form shells */
body.v5-body .modal,
body.v5-body .comm-dialog,
body.v5-body .mobile-create-sheet>section,
body.v5-body .v5-intake,
body.v5-body .v5-intake-card,
body.v5-body .field-edit-form,
body.v5-body .form-grid,
body.v5-body .field-form-grid,
body.v5-body .service-item-row,
body.v5-body .service-item-add,
body.v5-body .lookup-work-grid>div,
body.v5-body .lookup-finance,
body.v5-body .lookup-item-list>div,
body.v5-body .lookup-payment-summary>div,
body.v5-body .promise-mini-list article,
body.v5-body .service-collection-items>div,
body.v5-body .service-collection-buckets>div,
body.v5-body .field-item-list article,
body.v5-body .field-finance-split>div,
body.v5-body .field-payment-breakdown,
body.v5-body .contract-usage-grid article,
body.v5-body .company-mobile-card,
body.v5-body .quick-action,
body.v5-body .quick-card,
body.v5-body .activity-card,
body.v5-body .status-summary{
  background:var(--v7-surface)!important;
  color:var(--v7-text)!important;
  border-color:var(--v7-line-soft)!important;
  box-shadow:none!important;
}
body.v5-body .modal-brandbar,
body.v5-body .modal-head,
body.v5-body .modal-actions,
body.v5-body .comm-dialog h2,
body.v5-body .comm-dialog .section-kicker,
body.v5-body .v5-intake-head,
body.v5-body .v5-card-head,
body.v5-body .panel-head,
body.v5-body .ops-card-head{
  background:transparent!important;
  border-color:var(--v7-line-soft)!important;
  color:var(--v7-text)!important;
}
body.v5-body .modal,
body.v5-body .comm-dialog,
body.v5-body .mobile-create-sheet>section{
  background:linear-gradient(180deg,#171b22 0%,#12161c 100%)!important;
  color:var(--v7-text)!important;
}
body.v5-body label,
body.v5-body .form-grid label,
body.v5-body .field-form-grid label,
body.v5-body .service-item-head,
body.v5-body .v5-inline-note,
body.v5-body .v5-intake small,
body.v5-body .v5-intake p,
body.v5-body .pro-hint,
body.v5-body .service-row small,
body.v5-body .field-payment-form small,
body.v5-body .lookup-section-head span,
body.v5-body .lookup-item-list span,
body.v5-body .lookup-payment-events span,
body.v5-body .lookup-payment-events small,
body.v5-body .promise-copy small,
body.v5-body .promise-mini-list article>div span,
body.v5-body .activity-item p,
body.v5-body .activity-item small,
body.v5-body .status-line span{
  color:var(--v7-muted)!important;
}
body.v5-body label span,
body.v5-body .form-grid label span,
body.v5-body .field-form-grid label span,
body.v5-body .promise-entry label span,
body.v5-body .field-item-form label span,
body.v5-body .service-item-head,
body.v5-body .v5-card-head small,
body.v5-body .topbar p strong,
body.v5-body .lookup-heading p strong{
  color:#d8dee6!important;
}

/* force all inputs/selects/textarea dark */
body.v5-body input,
body.v5-body select,
body.v5-body textarea,
body.v5-body .service-item-row input,
body.v5-body .service-item-row select,
body.v5-body .service-item-add input,
body.v5-body .service-item-add select,
body.v5-body .field-item-form input,
body.v5-body .field-item-form select,
body.v5-body .promise-entry input,
body.v5-body .quick-customer input,
body.v5-body .v5-smart-search input,
body.v5-body .field-payment-form input,
body.v5-body .field-payment-form select,
body.v5-body .lookup-card input,
body.v5-body .lookup-card select,
body.v5-body .lookup-card textarea,
body.v5-body .comm-dialog input,
body.v5-body .comm-dialog select,
body.v5-body .comm-dialog textarea,
body.v5-body .filters input,
body.v5-body .filters select,
body.v5-body .service-pro-filter input,
body.v5-body .service-pro-filter select,
body.v5-body .customer-searchbar input,
body.v5-body .device-pro-filter input,
body.v5-body .device-pro-filter select,
body.v5-body .history-filter input,
body.v5-body .history-filter select,
body.v5-body .warranty-filter input,
body.v5-body .warranty-filter select,
body.v5-body .corp-search input,
body.v5-body .corp-search select,
body.v5-body .field-filter input,
body.v5-body .field-filter select,
body.v5-body .collection-filter input,
body.v5-body .collection-filter select{
  background:linear-gradient(180deg,var(--form-bg) 0%,var(--form-bg-2) 100%)!important;
  color:var(--v7-text)!important;
  border:1px solid var(--form-line)!important;
  border-radius:14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}
body.v5-body input::placeholder,
body.v5-body textarea::placeholder{color:#6f7885!important;opacity:1!important}
body.v5-body input:focus,
body.v5-body select:focus,
body.v5-body textarea:focus{
  border-color:var(--v7-green)!important;
  box-shadow:0 0 0 3px rgba(25,201,125,.12)!important;
}
body.v5-body option{background:#12161c!important;color:#f6f7f9!important}

/* buttons in forms */
body.v5-body .btn-light,
body.v5-body .open-btn,
body.v5-body .quick-action,
body.v5-body .service-item-presets button,
body.v5-body .field-flow button,
body.v5-body .modal-head button,
body.v5-body .comm-close,
body.v5-body .v5-link-btn,
body.v5-body .v5-text-action,
body.v5-body .mini-action,
body.v5-body .mobile-recent-customers button,
body.v5-body .v5-device-types button,
body.v5-body .v5-quick-issues button{
  background:#171c23!important;
  color:#eef2f7!important;
  border:1px solid var(--form-line)!important;
}
body.v5-body .btn-dark,
body.v5-body .btn-primary,
body.v5-body .btn-primary-pro,
body.v5-body .v5-primary,
body.v5-body .quick-action.primary-quick,
body.v5-body .service-item-row .item-save{
  background:linear-gradient(135deg,#1fd485 0%,#17b66f 100%)!important;
  border:1px solid #21cf83!important;
  color:#05110a!important;
}
body.v5-body .btn-danger,
body.v5-body .service-item-row .item-delete{background:rgba(255,64,85,.15)!important;color:#ff8b97!important;border-color:rgba(255,64,85,.28)!important}

/* intake/new service specific */
body.v5-body .v5-intake{background:transparent!important;color:#fff!important}
body.v5-body .v5-intake-card{
  background:linear-gradient(180deg,#171c23 0%,#11161c 100%)!important;
  border:1px solid var(--form-line)!important;
  border-radius:24px!important;
}
body.v5-body .v5-card-no{
  background:rgba(255,255,255,.05)!important;
  color:#7c8794!important;
}
body.v5-body .v5-smart-search,
body.v5-body .selected-customer,
body.v5-body .v5-quick-customer,
body.v5-body .v5-new-device,
body.v5-body .device-history,
body.v5-body .device-mode-bar,
body.v5-body .v5-intake-footer,
body.v5-body .mobile-recent-customers>div button,
body.v5-body .history-placeholder,
body.v5-body .smart-results,
body.v5-body .v5-smart-results,
body.v5-body .repeat-device-notice{
  background:#11161c!important;
  border:1px solid var(--form-line)!important;
  color:#f6f7f9!important;
}
body.v5-body .smart-results button,
body.v5-body .v5-smart-results button,
body.v5-body .device-history-card,
body.v5-body .mobile-recent-customers button{
  background:#151b22!important;
  border-color:#272f39!important;
  color:#f6f7f9!important;
}
body.v5-body .device-history-card.active,
body.v5-body .mobile-recent-customers button.active,
body.v5-body .v5-device-types button.active,
body.v5-body .v5-quick-issues button.active{
  background:rgba(25,201,125,.16)!important;
  border-color:rgba(25,201,125,.34)!important;
  color:#fff!important;
}
body.v5-body .v5-ready-check i{background:var(--v7-green)!important}
body.v5-body .v5-ready-check small{color:var(--v7-muted)!important}

/* communications modal */
body.v5-body .comm-modal{background:rgba(6,8,11,.74)!important;backdrop-filter:blur(10px)!important}
body.v5-body .comm-dialog{border:1px solid var(--form-line)!important;border-radius:24px!important}
body.v5-body .comm-customer-results,
body.v5-body .comm-customer-results button{background:#11161c!important;border-color:#28303a!important;color:#f6f7f9!important}

/* tables, rows, list items */
body.v5-body .service-row:not(.service-row-head):hover,
body.v5-body .collection-job-list>a:hover,
body.v5-body .account-master-timeline>a:hover,
body.v5-body .v7-list>a:hover{background:#11161c!important}
body.v5-body .service-row-head,
body.v5-body .collection-customer header,
body.v5-body .service-collection-items span,
body.v5-body .lookup-payment-events>div,
body.v5-body .promise-mini-list article,
body.v5-body .activity-item,
body.v5-body .status-line{border-color:var(--v7-line-soft)!important}

/* stronger app-style sidebar/menu */
body.v5-body .v5-sidebar{
  background:linear-gradient(180deg,#0b0e13 0%,#090c10 100%)!important;
  border-right:1px solid #171d25!important;
}
body.v5-body .v5-sidebar .brand{
  background:linear-gradient(180deg,#151a22 0%,#10151c 100%)!important;
  border:1px solid #212935!important;
  border-radius:22px!important;
  box-shadow:0 10px 24px rgba(0,0,0,.22)!important;
}
body.v5-body .v5-nav{gap:12px!important}
body.v5-body .v5-nav-group{
  background:#10141a!important;
  border:1px solid #1c232d!important;
  border-radius:20px!important;
  padding:10px 8px!important;
}
body.v5-body .v5-nav-label{
  color:#6d7784!important;
  margin:2px 8px 10px!important;
}
body.v5-body .v5-nav a{
  background:transparent!important;
  border:1px solid transparent!important;
  border-radius:14px!important;
  min-height:48px!important;
  padding:10px 12px!important;
}
body.v5-body .v5-nav-icon{
  width:30px!important;height:30px!important;
  border-radius:10px!important;
  background:#171d25!important;
  border:1px solid #222a35!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
body.v5-body .v5-nav a:hover{
  background:#151a21!important;
  border-color:#222a35!important;
  transform:translateX(2px)!important;
}
body.v5-body .v5-nav a.active{
  background:linear-gradient(135deg,rgba(25,201,125,.22) 0%,rgba(25,201,125,.09) 100%)!important;
  border-color:rgba(25,201,125,.30)!important;
  box-shadow:inset 3px 0 0 var(--v7-green), 0 6px 18px rgba(0,0,0,.16)!important;
}
body.v5-body .v5-nav a.active .v5-nav-icon{
  background:rgba(25,201,125,.18)!important;
  border-color:rgba(25,201,125,.22)!important;
}
body.v5-body .v5-user-mini{background:#10141a!important;border-color:#1c232d!important;border-radius:18px!important}
body.v5-body .v5-user-mini a{background:#171d25!important;border:1px solid #232b36!important;border-radius:12px!important;color:#fff!important;width:36px;height:36px;display:grid;place-items:center}

/* mobile app-like sheet/forms */
@media(max-width:760px){
  body.v5-body .v5-intake{padding-bottom:120px!important}
  body.v5-body .v5-intake-head{padding:10px 0 14px!important}
  body.v5-body .v5-intake-head h1{font-size:28px!important;letter-spacing:-.04em!important}
  body.v5-body .v5-intake-grid{gap:12px!important}
  body.v5-body .v5-intake-card{padding:14px!important;border-radius:22px!important}
  body.v5-body .v5-smart-search,
  body.v5-body .selected-customer,
  body.v5-body .v5-quick-customer,
  body.v5-body .v5-new-device,
  body.v5-body .device-history,
  body.v5-body .v5-intake-footer{border-radius:18px!important}
  body.v5-body .modal,
  body.v5-body .comm-dialog,
  body.v5-body .mobile-create-sheet>section{
    width:100%!important;max-width:none!important;margin:0!important;border-radius:26px 26px 0 0!important;
  }
  body.v5-body .mobile-headbar{background:rgba(9,11,15,.97)!important}
  body.v5-body .mobile-bottom-nav{background:rgba(8,10,14,.98)!important}
  body.v5-body .v5-sidebar{
    width:min(88vw,340px)!important;
    border-right:1px solid #1e2530!important;
    box-shadow:18px 0 36px rgba(0,0,0,.38)!important;
  }
  body.v5-body .v5-nav-group{border-radius:18px!important;padding:8px 7px!important}
}


/* =========================================================
   V7.0.2 — Full dark UI pass + compact icon menu
   ========================================================= */
body.v5-body{
  --app-bg:#080b10;
  --app-surface:#10151b;
  --app-surface-2:#151b22;
  --app-surface-3:#0f1318;
  --app-line:#212933;
  --app-line-soft:#1a212a;
  --app-text:#f5f7fa;
  --app-muted:#7d8793;
  --app-green:#22d37f;
  --app-red:#ff4b57;
  --app-blue:#3d8bff;
  --app-orange:#ffad35;
}
html,body.v5-body{background:var(--app-bg)!important;color:var(--app-text)!important}
body.v5-body .v5-main{background:transparent!important}
body.v5-body .topbar,body.v5-body .topbar h1,body.v5-body .topbar-copy,body.v5-body .topbar-copy *{color:var(--app-text)!important}
body.v5-body .topbar p,body.v5-body .topbar small,body.v5-body .topbar .sub{color:var(--app-muted)!important}

/* universal dark page cards */
body.v5-body .panel,
body.v5-body .unified-panel,
body.v5-body .ops-board,
body.v5-body .ops-live-panel,
body.v5-body .quick-card,
body.v5-body .activity-card,
body.v5-body .status-summary,
body.v5-body .workspace-side > *,
body.v5-body .service-directory-pro,
body.v5-body .customer-directory,
body.v5-body .profile-card,
body.v5-body .pro-card,
body.v5-body .field-card,
body.v5-body .account-party-card,
body.v5-body .maintenance-card,
body.v5-body .company-directory-card,
body.v5-body .v57-services-summary a,
body.v5-body .ops-board-row,
body.v5-body .ops-board-toolbar,
body.v5-body .ops-board-filterchips a,
body.v5-body .ops-status-strip>a,
body.v5-body .ops-live-list>a,
body.v5-body .v7-kpi,
body.v5-body .v7-finance-strip a,
body.v5-body .v7-block,
body.v5-body .v7-list>a,
body.v5-body .metric-card,
body.v5-body .workspace-grid > section,
body.v5-body .workspace-grid > aside > *{
  background:linear-gradient(180deg,var(--app-surface) 0%,var(--app-surface-3) 100%)!important;
  color:var(--app-text)!important;
  border:1px solid var(--app-line)!important;
  box-shadow:none!important;
}
body.v5-body .v57-services-summary a{min-height:92px!important}
body.v5-body .v57-services-summary a small,
body.v5-body .v57-services-summary a span,
body.v5-body .ops-board-head,
body.v5-body .ops-board-service small,
body.v5-body .ops-age,
body.v5-body .no-reminder,
body.v5-body .customer-live-name em,
body.v5-body .customer-live-complaint,
body.v5-body .ops-live-list div small,
body.v5-body .ops-live-list em,
body.v5-body .record-count,
body.v5-body .quick-action small,
body.v5-body .activity-item p,
body.v5-body .activity-item small,
body.v5-body .status-line span,
body.v5-body .metric-card small,
body.v5-body .metric-head,
body.v5-body .panel-head p,
body.v5-body .premium-head p,
body.v5-body .empty-state,
body.v5-body .empty-state span{
  color:var(--app-muted)!important;
}
body.v5-body .v57-services-summary a strong,
body.v5-body .ops-board-service b,
body.v5-body .customer-live-name b,
body.v5-body .panel-head h2,
body.v5-body .premium-head h2,
body.v5-body .quick-action b,
body.v5-body .activity-item b,
body.v5-body .status-line b,
body.v5-body .empty-state b,
body.v5-body .metric-card strong,
body.v5-body .ops-live-list div b{
  color:var(--app-text)!important;
}
body.v5-body .ops-board-mainlink:hover + .ops-board-service,
body.v5-body .ops-board-row:hover,
body.v5-body .ops-live-list>a:hover,
body.v5-body .v7-list>a:hover,
body.v5-body .quick-action:hover{
  background:linear-gradient(180deg,#141b22 0%,#10161d 100%)!important;
}
body.v5-body .ops-board-head,
body.v5-body .service-list,
body.v5-body .ops-board-row,
body.v5-body .ops-live-head,
body.v5-body .ops-live-foot,
body.v5-body .ops-status-strip,
body.v5-body .status-line,
body.v5-body .activity-item,
body.v5-body .panel-head,
body.v5-body .premium-head{
  border-color:var(--app-line-soft)!important;
}

/* service page search/filter */
body.v5-body .ops-board-toolbar,
body.v5-body .filters,
body.v5-body .service-pro-filter,
body.v5-body .customer-searchbar,
body.v5-body .device-pro-filter,
body.v5-body .history-filter,
body.v5-body .warranty-filter,
body.v5-body .corp-search,
body.v5-body .field-filter,
body.v5-body .collection-filter,
body.v5-body .unified-searchbar{
  background:rgba(255,255,255,.02)!important;
  border:1px solid var(--app-line)!important;
  border-radius:20px!important;
}
body.v5-body .search-box{background:transparent!important}
body.v5-body .search-icon{color:#6e7885!important}
body.v5-body .search-box input,
body.v5-body .filters input,
body.v5-body .filters select,
body.v5-body .form-grid input,
body.v5-body .form-grid select,
body.v5-body .form-grid textarea,
body.v5-body .ops-board-search input,
body.v5-body .ops-board-search select,
body.v5-body .ops-status-line select,
body.v5-body .customer-live-card input,
body.v5-body .customer-live-card select,
body.v5-body .service-row input,
body.v5-body .service-row select,
body.v5-body .service-row textarea,
body.v5-body .field-form-grid input,
body.v5-body .field-form-grid select,
body.v5-body .field-form-grid textarea,
body.v5-body .service-item-row input,
body.v5-body .service-item-row select,
body.v5-body .service-item-add input,
body.v5-body .service-item-add select,
body.v5-body .quick-form input,
body.v5-body .quick-form select,
body.v5-body .quick-form textarea,
body.v5-body .modal input,
body.v5-body .modal select,
body.v5-body .modal textarea,
body.v5-body .comm-dialog input,
body.v5-body .comm-dialog select,
body.v5-body .comm-dialog textarea,
body.v5-body .lookup-card input,
body.v5-body .lookup-card select,
body.v5-body .lookup-card textarea,
body.v5-body .promise-entry input,
body.v5-body .field-item-form input,
body.v5-body .field-item-form select,
body.v5-body .field-payment-form input,
body.v5-body .field-payment-form select{
  background:linear-gradient(180deg,#151b22 0%,#10161c 100%)!important;
  color:var(--app-text)!important;
  border:1px solid #27303a!important;
  border-radius:14px!important;
}
body.v5-body input::placeholder,body.v5-body textarea::placeholder{color:#77818d!important;opacity:1!important}
body.v5-body input:focus,body.v5-body select:focus,body.v5-body textarea:focus{border-color:var(--app-green)!important;box-shadow:0 0 0 3px rgba(34,211,127,.11)!important}
body.v5-body option{background:#11161c!important;color:#fff!important}
body.v5-body .btn-light,
body.v5-body .open-btn,
body.v5-body .ops-board-filterchips a,
body.v5-body .record-count,
body.v5-body .v57-services-summary a,
body.v5-body .quick-action,
body.v5-body .ops-action-buttons>a,
body.v5-body .quick-deliver-link,
body.v5-body .ops-action-buttons>button,
body.v5-body .service-row .open-btn{
  background:#151b22!important;
  color:#f4f7fb!important;
  border:1px solid #252e39!important;
}
body.v5-body .btn-dark,
body.v5-body .btn-primary,
body.v5-body .v5-primary,
body.v5-body .primary-quick,
body.v5-body .ops-action-buttons .wa,
body.v5-body .ops-board-search button.btn-dark,
body.v5-body .mobile-bottom-nav .mobile-new-service{
  background:linear-gradient(135deg,#24db86 0%,#18bf73 100%)!important;
  color:#08120d!important;
  border-color:#24db86!important;
}
body.v5-body .ops-action-buttons .wa{font-weight:900!important}

/* service rows with colored live chips */
body.v5-body .customer-live-card{background:transparent!important;border:0!important}
body.v5-body .live-chip{
  background:#171d25!important;
  border:1px solid #27303a!important;
  color:#d9e1ea!important;
  border-radius:999px!important;
}
body.v5-body .phone-chip{background:rgba(34,211,127,.12)!important;border-color:rgba(34,211,127,.24)!important;color:#7bf0b5!important}
body.v5-body .device-chip{background:rgba(61,139,255,.12)!important;border-color:rgba(61,139,255,.22)!important;color:#90bbff!important}
body.v5-body .serial-chip{background:rgba(189,155,255,.13)!important;border-color:rgba(189,155,255,.22)!important;color:#cdb1ff!important}
body.v5-body .customer-live-complaint{background:#12171d!important;border:1px solid #222b35!important;border-radius:12px!important;padding:10px 11px!important}
body.v5-body .reminder-pill{background:#151b22!important;border:1px solid #29313c!important;color:#fff!important}
body.v5-body .reminder-pill.due{background:rgba(255,173,53,.13)!important;border-color:rgba(255,173,53,.28)!important;color:#ffd089!important}
body.v5-body .attention-note{background:#141a21!important;border:1px solid #232c36!important;color:#dfe6ee!important;border-radius:999px!important;padding:5px 8px!important}
body.v5-body .attention-note.approved{background:rgba(34,211,127,.12)!important;border-color:rgba(34,211,127,.24)!important;color:#86efbb!important}
body.v5-body .attention-note.rejected{background:rgba(255,75,87,.12)!important;border-color:rgba(255,75,87,.24)!important;color:#ff9aa2!important}
body.v5-body .attention-note.approval{background:rgba(61,139,255,.12)!important;border-color:rgba(61,139,255,.24)!important;color:#95bfff!important}
body.v5-body .attention-note.waiting{background:rgba(255,173,53,.12)!important;border-color:rgba(255,173,53,.24)!important;color:#ffd089!important}
body.v5-body .attention-note.ready{background:rgba(34,211,127,.12)!important;border-color:rgba(34,211,127,.24)!important;color:#86efbb!important}
body.v5-body .service-closed-chip{background:rgba(255,255,255,.06)!important;color:#a1acb9!important;border:1px solid #2a323d!important}
body.v5-body .ops-status-line select[disabled],body.v5-body .ops-action-buttons button[disabled]{opacity:.55!important;filter:saturate(.7)!important}

/* intake/forms hard dark */
body.v5-body .v5-intake,
body.v5-body .v5-intake-card,
body.v5-body .selected-customer,
body.v5-body .v5-quick-customer,
body.v5-body .v5-new-device,
body.v5-body .device-history,
body.v5-body .device-mode-bar,
body.v5-body .v5-intake-footer,
body.v5-body .smart-results,
body.v5-body .v5-smart-results,
body.v5-body .history-placeholder,
body.v5-body .mobile-recent-customers button,
body.v5-body .device-history-card,
body.v5-body .service-tab-panel,
body.v5-body .service-panel,
body.v5-body .service-form-card,
body.v5-body .service-card,
body.v5-body .reminder-card,
body.v5-body .lookup-work-grid>div,
body.v5-body .lookup-finance,
body.v5-body .lookup-item-list>div,
body.v5-body .lookup-payment-summary>div,
body.v5-body .promise-mini-list article,
body.v5-body .service-collection-items>div,
body.v5-body .service-collection-buckets>div,
body.v5-body .field-item-list article,
body.v5-body .field-finance-split>div,
body.v5-body .field-payment-breakdown,
body.v5-body .company-mobile-card{
  background:linear-gradient(180deg,var(--app-surface-2) 0%,var(--app-surface-3) 100%)!important;
  color:var(--app-text)!important;
  border:1px solid var(--app-line)!important;
}
body.v5-body .modal,
body.v5-body .modal-card,
body.v5-body .comm-dialog,
body.v5-body .mobile-create-sheet>section{
  background:linear-gradient(180deg,#171c23 0%,#11161c 100%)!important;
  border:1px solid var(--app-line)!important;
  color:var(--app-text)!important;
}
body.v5-body .modal-brandbar,body.v5-body .modal-head,body.v5-body .modal-actions,body.v5-body .comm-modal header,body.v5-body .mobile-create-sheet header{background:transparent!important;border-color:var(--app-line-soft)!important;color:#fff!important}

/* compact menu - closer to provided reference */
body.v5-body .v5-sidebar{
  width:248px!important;
  padding:12px 10px 14px!important;
  gap:10px!important;
  background:linear-gradient(180deg,#090c11 0%,#07090d 100%)!important;
  border-right:1px solid #171d25!important;
}
body.v5-body .v5-sidebar .brand{
  margin:0 0 4px!important;
  height:78px!important;
  border-radius:22px!important;
  padding:12px 14px!important;
  background:linear-gradient(180deg,#121720 0%,#0f141b 100%)!important;
  border:1px solid #1f2731!important;
  box-shadow:none!important;
}
body.v5-body .v5-sidebar .brand-logo{max-height:52px!important;max-width:168px!important}
body.v5-body .v5-nav{gap:8px!important}
body.v5-body .v5-nav-group{
  display:grid!important;
  gap:3px!important;
  background:#10141a!important;
  border:1px solid #1a212b!important;
  border-radius:22px!important;
  padding:8px 7px!important;
}
body.v5-body .v5-nav-label{
  font-size:9px!important;
  letter-spacing:.16em!important;
  color:#5f6a77!important;
  margin:3px 8px 6px!important;
  padding:0!important;
}
body.v5-body .v5-nav a{
  min-height:48px!important;
  padding:8px 10px!important;
  border-radius:16px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 14px!important;
  gap:10px!important;
  align-items:center!important;
  color:#eef2f7!important;
  border:1px solid transparent!important;
  background:transparent!important;
}
body.v5-body .v5-nav-icon{
  width:34px!important;height:34px!important;
  border-radius:12px!important;
  display:grid!important;place-items:center!important;
  background:#161c24!important;
  border:1px solid #242d38!important;
  font-size:16px!important;
  color:#fff!important;
}
body.v5-body .v5-nav a b{
  font-size:13px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:left!important;
}
body.v5-body .v5-nav-arrow{
  display:block!important;
  font-style:normal!important;
  font-size:18px!important;
  color:#707987!important;
  line-height:1!important;
}
body.v5-body .v5-nav a em{
  position:absolute!important;
  right:32px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  min-width:20px!important;height:20px!important;
  background:var(--app-red)!important;
  color:#fff!important;
  font-size:10px!important;
  border:2px solid #10141a!important;
}
body.v5-body .v5-nav a:hover,
body.v5-body .v5-nav a.active{
  background:linear-gradient(135deg,rgba(34,211,127,.18) 0%,rgba(34,211,127,.07) 100%)!important;
  border-color:rgba(34,211,127,.24)!important;
  transform:none!important;
  box-shadow:none!important;
}
body.v5-body .v5-nav a:hover .v5-nav-icon,
body.v5-body .v5-nav a.active .v5-nav-icon{
  background:rgba(34,211,127,.18)!important;
  border-color:rgba(34,211,127,.28)!important;
  color:#dff8ea!important;
}
body.v5-body .v5-nav a:hover .v5-nav-arrow,
body.v5-body .v5-nav a.active .v5-nav-arrow{color:#dff8ea!important}
body.v5-body .v5-user-mini{
  margin-top:2px!important;
  padding:8px!important;
  border:1px solid #1a212b!important;
  border-radius:20px!important;
  background:#10141a!important;
}
body.v5-body .v5-user-avatar{background:#1be08c!important;color:#07120d!important}
body.v5-body .v5-user-copy span{color:#fff!important}.v5-user-copy small{color:var(--app-muted)!important}
body.v5-body .v5-user-mini>a{width:34px!important;height:34px!important;border-radius:12px!important;background:#161c24!important;border:1px solid #242d38!important;color:#fff!important}

/* mobile menu / app feel */
@media(max-width:760px){
  body.v5-body .v5-sidebar{width:min(88vw,340px)!important;padding:12px 10px 96px!important}
  body.v5-body .v5-sidebar .brand{height:72px!important}
  body.v5-body .v5-nav-group{border-radius:20px!important;padding:7px 6px!important}
  body.v5-body .v5-nav a{min-height:46px!important;grid-template-columns:32px minmax(0,1fr) 14px!important;padding:8px 9px!important}
  body.v5-body .v5-nav-icon{width:32px!important;height:32px!important;border-radius:11px!important}
  body.v5-body .mobile-headbar{background:rgba(8,10,14,.98)!important;border-color:#1a2028!important}
  body.v5-body .mobile-headbar button,body.v5-body .mobile-headbar a{background:#141a21!important;border-color:#242d38!important;color:#fff!important}
  body.v5-body .mobile-bottom-nav{background:rgba(8,10,14,.98)!important;border-top:1px solid #1c232d!important}
}

/* tablet collapsed sidebar still readable */
@media(max-width:1180px){
  body.v5-body .v5-sidebar{width:92px!important;padding:12px 8px!important;align-items:center!important}
  body.v5-body .v5-sidebar .brand{width:64px!important;height:64px!important;padding:8px!important}
  body.v5-body .v5-nav-group{padding:6px 5px!important;border-radius:18px!important}
  body.v5-body .v5-nav-label{display:none!important}
  body.v5-body .v5-nav a{grid-template-columns:1fr!important;justify-items:center!important;padding:8px 4px!important;min-height:58px!important}
  body.v5-body .v5-nav a b{font-size:8px!important;text-align:center!important;max-width:64px!important}
  body.v5-body .v5-nav-arrow{display:none!important}
  body.v5-body .v5-nav a em{right:8px!important;top:8px!important;transform:none!important}
  body.v5-body .v5-user-mini{grid-template-columns:1fr!important;justify-items:center!important;padding:8px 2px!important}
  body.v5-body .v5-user-copy,body.v5-body .v5-user-mini>a{display:none!important}
}

/* =========================================================
   V7.1 — Unified App UI: all pages, forms, topbar, lists, nav
   ========================================================= */
:root{
  --app-bg:#080b10;--app-surface:#10151b;--app-surface-2:#151b22;--app-surface-3:#0c1117;
  --app-line:#222a34;--app-line-soft:#1a212a;--app-text:#f4f7fb;--app-muted:#7f8995;
  --app-green:#22d37f;--app-red:#ff4f5e;--app-blue:#4c92ff;--app-orange:#ffad35;--app-purple:#aa8cff;
}
html{background:var(--app-bg)!important;color-scheme:dark!important}
body.v5-body{background:var(--app-bg)!important;color:var(--app-text)!important}
body.v5-body .v5-shell{grid-template-columns:248px minmax(0,1fr)!important;background:var(--app-bg)!important}
body.v5-body .v5-main{background:var(--app-bg)!important;padding:24px 28px 56px!important}
body.v5-body .unified-page,body.v5-body .profile-main-area,body.v5-body .field-program-page{max-width:1540px!important;margin:0 auto!important;width:100%!important}

/* top bar */
body.v5-body .topbar,body.v5-body .v5-desk-head,body.v5-body .field-dashboard-head,body.v5-body .corp-page-head{
  min-height:68px!important;margin:0 0 14px!important;padding:4px 0 13px!important;align-items:center!important;border-bottom:1px solid var(--app-line-soft)!important;
}
body.v5-body .topbar h1,body.v5-body .v5-desk-head h1,body.v5-body .field-dashboard-head h1,body.v5-body .corp-page-head h1{font-size:25px!important;line-height:1.08!important;color:#fff!important;letter-spacing:-.035em!important}
body.v5-body .eyebrow,body.v5-body .section-kicker,body.v5-body .v5-eyebrow{font-size:8.5px!important;color:var(--app-green)!important;letter-spacing:.13em!important;margin-bottom:5px!important}
body.v5-body .topbar p,body.v5-body .v5-desk-head p,body.v5-body .field-dashboard-head p,body.v5-body .corp-page-head p{font-size:10px!important;color:var(--app-muted)!important;margin:4px 0 0!important;line-height:1.4!important}
body.v5-body .top-actions{gap:7px!important}.top-actions .btn{height:40px!important;padding:0 13px!important;font-size:10px!important}

/* all structural surfaces: kill legacy white */
body.v5-body .panel,body.v5-body .unified-panel,body.v5-body [class*="-card"],body.v5-body [class*="-panel"],body.v5-body [class*="-box"],body.v5-body [class*="-summary"],body.v5-body [class*="-toolbar"],body.v5-body [class*="-directory"],body.v5-body [class*="-sheet"]>section{
  background:linear-gradient(180deg,var(--app-surface) 0%,var(--app-surface-3) 100%)!important;
  border-color:var(--app-line)!important;color:var(--app-text)!important;box-shadow:none!important;
}
body.v5-body .panel,body.v5-body .unified-panel,body.v5-body [class*="-card"],body.v5-body [class*="-panel"]{border-radius:16px!important}
body.v5-body [class*="-head"],body.v5-body [class*="-footer"]{border-color:var(--app-line-soft)!important}
body.v5-body h1,body.v5-body h2,body.v5-body h3,body.v5-body h4,body.v5-body h5,body.v5-body b,body.v5-body strong{color:var(--app-text)!important}
body.v5-body p,body.v5-body small,body.v5-body .muted,body.v5-body .hint{color:var(--app-muted)!important}

/* all forms */
body.v5-body form{color:var(--app-text)!important}
body.v5-body input:not([type="checkbox"]):not([type="radio"]),body.v5-body select,body.v5-body textarea{
  background:linear-gradient(180deg,#151b22 0%,#10161c 100%)!important;color:#f5f7fb!important;
  border:1px solid #28313c!important;border-radius:13px!important;box-shadow:none!important;
}
body.v5-body input:not([type="checkbox"]):not([type="radio"]){min-height:42px!important}
body.v5-body select{min-height:42px!important}body.v5-body textarea{min-height:88px!important;line-height:1.45!important}
body.v5-body input::placeholder,body.v5-body textarea::placeholder{color:#6f7a87!important;opacity:1!important}
body.v5-body input:focus,body.v5-body select:focus,body.v5-body textarea:focus{outline:none!important;border-color:var(--app-green)!important;box-shadow:0 0 0 3px rgba(34,211,127,.12)!important}
body.v5-body option{background:#11161c!important;color:#fff!important}
body.v5-body label,body.v5-body label span{color:#dfe5ec!important}
body.v5-body .form-grid,body.v5-body .field-form-grid,body.v5-body .comm-form-grid{background:transparent!important;border:0!important}
body.v5-body .modal,body.v5-body dialog.modal,body.v5-body .comm-dialog,body.v5-body .mobile-create-sheet>section{
  background:linear-gradient(180deg,#171c23 0%,#10151b 100%)!important;color:#fff!important;border:1px solid #29313c!important;border-radius:22px!important;
}
body.v5-body .modal::backdrop,body.v5-body dialog::backdrop{background:rgba(2,4,7,.78)!important;backdrop-filter:blur(8px)!important}
body.v5-body .modal-head,body.v5-body .modal-brandbar,body.v5-body .modal-actions,body.v5-body .comm-dialog header{background:transparent!important;border-color:var(--app-line-soft)!important}

/* buttons */
body.v5-body .btn,body.v5-body button,body.v5-body .v5-primary,body.v5-body .v5-secondary{border-radius:12px!important;box-shadow:none!important}
body.v5-body .btn-light,body.v5-body .v5-secondary,body.v5-body .open-btn{background:#151b22!important;color:#f4f7fb!important;border:1px solid #29323d!important}
body.v5-body .btn-dark,body.v5-body .btn-primary,body.v5-body .btn-primary-pro,body.v5-body .v5-primary{background:linear-gradient(135deg,#25db87,#19bf73)!important;color:#06110a!important;border:1px solid #26db88!important}
body.v5-body .btn-danger{background:rgba(255,79,94,.14)!important;color:#ff9ba4!important;border-color:rgba(255,79,94,.25)!important}

/* desktop sidebar - compact reference style */
body.v5-body .v5-sidebar{width:248px!important;padding:12px 10px 14px!important;gap:9px!important;background:#080b10!important;border-right:1px solid #171e27!important;overflow-y:auto!important}
body.v5-body .v5-sidebar .brand{height:74px!important;margin:0!important;padding:10px 13px!important;border-radius:20px!important;background:#10151b!important;border:1px solid #202834!important;box-shadow:none!important}
body.v5-body .v5-sidebar .brand-logo{max-width:168px!important;max-height:52px!important}
body.v5-body .v5-nav{display:grid!important;gap:8px!important;width:100%!important}
body.v5-body .v5-nav-group{display:grid!important;gap:2px!important;padding:8px 7px!important;background:#0f141a!important;border:1px solid #1c242e!important;border-radius:20px!important}
body.v5-body .v5-nav-label{display:block!important;padding:1px 8px 6px!important;margin:0!important;font-size:8px!important;letter-spacing:.15em!important;color:#606b78!important}
body.v5-body .v5-nav a{position:relative!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 14px!important;align-items:center!important;gap:10px!important;min-height:46px!important;padding:6px 9px!important;border-radius:14px!important;color:#eef2f7!important;background:transparent!important;border:1px solid transparent!important;box-shadow:none!important}
body.v5-body .v5-nav-icon{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:11px!important;background:#161c23!important;border:1px solid #232c37!important;color:#e9eef5!important}
body.v5-body .v5-nav-icon svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.v5-body .v5-nav a b{font-size:12px!important;font-weight:750!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.v5-body .v5-nav-arrow{display:block!important;font-style:normal!important;color:#6c7683!important;font-size:18px!important;line-height:1!important}
body.v5-body .v5-nav a:hover,body.v5-body .v5-nav a.active{background:linear-gradient(135deg,rgba(34,211,127,.17),rgba(34,211,127,.06))!important;border-color:rgba(34,211,127,.24)!important;color:#fff!important;transform:none!important}
body.v5-body .v5-nav a.active .v5-nav-icon{background:rgba(34,211,127,.16)!important;border-color:rgba(34,211,127,.25)!important;color:#9cf1c4!important}
body.v5-body .v5-nav a.active .v5-nav-arrow{color:#9cf1c4!important}
body.v5-body .v5-nav a em{position:absolute!important;right:27px!important;top:50%!important;transform:translateY(-50%)!important;min-width:20px!important;height:20px!important;padding:0 5px!important;border-radius:999px!important;background:var(--app-red)!important;color:#fff!important;border:2px solid #0f141a!important;font-size:9px!important;display:grid!important;place-items:center!important}
body.v5-body .v5-user-mini{margin-top:0!important;padding:8px!important;border:1px solid #1c242e!important;border-radius:18px!important;background:#0f141a!important}
body.v5-body .v5-user-avatar{background:var(--app-green)!important;color:#06110a!important}.v5-user-copy span{color:#fff!important}.v5-user-copy small{color:var(--app-muted)!important}

/* service list */
body.v5-body .v57-services-summary{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;margin-bottom:10px!important}
body.v5-body .v57-services-summary a{min-height:86px!important;padding:11px 12px!important;border-radius:14px!important;background:var(--app-surface)!important;border:1px solid var(--app-line)!important;color:#fff!important}
body.v5-body .v57-services-summary a strong{font-size:22px!important;color:#fff!important}.v57-services-summary a span{color:#aab3bf!important}.v57-services-summary a small{color:#6f7a87!important}
body.v5-body .ops-board{overflow:hidden!important;background:var(--app-surface)!important;border:1px solid var(--app-line)!important}
body.v5-body .ops-board-toolbar{padding:10px!important;background:#0e1319!important;border-bottom:1px solid var(--app-line-soft)!important}
body.v5-body .ops-board-filterchips{gap:5px!important;padding-top:8px!important}.ops-board-filterchips a{min-height:31px!important;padding:0 10px!important;border-radius:10px!important;background:#151b22!important;border:1px solid #242d38!important;color:#aeb8c4!important}
body.v5-body .ops-board-filterchips a.active{background:#f4f7fb!important;color:#0b0f14!important;border-color:#f4f7fb!important}
body.v5-body .ops-board-head{background:#0c1117!important;color:#65717e!important;border-color:var(--app-line-soft)!important}
body.v5-body .ops-board-row{background:#10151b!important;border-color:var(--app-line-soft)!important;color:#fff!important}.ops-board-row:hover{background:#131a21!important}
body.v5-body .customer-live-card{background:transparent!important;border:0!important}.customer-live-name b{color:#fff!important}.customer-live-name em{color:#8b95a1!important}
body.v5-body .customer-live-complaint{background:#0d1218!important;border:1px solid #1f2832!important;color:#aab4bf!important}
body.v5-body .live-chip{background:#151b22!important;border-color:#27313c!important;color:#dce3eb!important}.phone-chip{color:#8ff0be!important}.device-chip{color:#9fc2ff!important}.serial-chip{color:#d1baff!important}
body.v5-body .ops-status-line select{background:#141a21!important;color:#fff!important;border-color:#28313c!important}.ops-action-buttons button,.ops-action-buttons a{background:#151b22!important;color:#fff!important;border:1px solid #28313c!important}.ops-action-buttons .wa{background:rgba(34,211,127,.15)!important;color:#8df0bd!important;border-color:rgba(34,211,127,.25)!important}

/* dashboard */
body.v5-body .v7-dashboard{max-width:1500px!important}.v7-kpis{gap:7px!important}.v7-kpi{min-height:88px!important;background:#10151b!important;border-color:#202833!important}.v7-finance-strip{gap:7px!important}.v7-finance-strip a{background:#0f141a!important;border-color:#202833!important}.v7-quick{gap:7px!important}.v7-quick a{background:#10151b!important;border:1px solid #202833!important;color:#fff!important}.v7-quick a i{background:#171d25!important;border:1px solid #252f3a!important}.v7-block{background:#10151b!important;border-color:#202833!important}.v7-block-head{border-color:#1b232d!important}.v7-stage-row{background:#0d1218!important;border-color:#1b232d!important}.v7-stage-row a{background:#151b22!important}.v7-list>a{background:transparent!important;border-color:#1b232d!important}.v7-alerts>a{border-color:#1b232d!important}.v7-empty{color:#727d89!important}

/* tables */
body.v5-body table{background:#10151b!important;color:#fff!important;border-color:#202833!important}.v5-body thead,.v5-body th{background:#0d1218!important;color:#7f8a97!important;border-color:#202833!important}.v5-body td{background:#10151b!important;color:#dce3ea!important;border-color:#1b232d!important}.v5-body tr:hover td{background:#131a21!important}

/* login */
body.login-pro{background:radial-gradient(circle at 50% -10%,#16211c 0%,#080b10 46%,#05070a 100%)!important;color:#fff!important}.login-pro .login-card{background:#10151b!important;border:1px solid #222b35!important;border-radius:24px!important;box-shadow:0 28px 70px rgba(0,0,0,.38)!important}.login-pro .login-card input{background:#151b22!important;color:#fff!important;border:1px solid #29333e!important;border-radius:13px!important}.login-pro .login-card button{background:linear-gradient(135deg,#25db87,#19bf73)!important;color:#06110a!important;border-radius:13px!important}

/* mobile */
@media(max-width:1180px) and (min-width:761px){body.v5-body .v5-shell{grid-template-columns:92px minmax(0,1fr)!important}.v5-sidebar{width:92px!important}.v5-nav-label,.v5-nav-arrow{display:none!important}.v5-nav a{grid-template-columns:1fr!important;justify-items:center!important;min-height:58px!important}.v5-nav a b{font-size:8px!important;text-align:center!important;max-width:66px!important}.v5-nav a em{right:7px!important;top:7px!important;transform:none!important}}
@media(max-width:760px){
  body.v5-body .v5-shell{display:block!important}.v5-main{padding:66px 10px 92px!important}
  .mobile-headbar{height:56px!important;padding:6px 10px!important;background:rgba(8,10,14,.98)!important;border-bottom:1px solid #1b232d!important}
  .mobile-headbar button,.mobile-headbar a{width:40px!important;height:40px!important;border-radius:12px!important;background:#141a21!important;border:1px solid #252f3a!important;color:#fff!important}
  .mobile-headbar svg,.mobile-bottom-nav svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  .mobile-headbar .mobile-home-link{width:auto!important;height:auto!important;background:transparent!important;border:0!important;color:#fff!important;font-size:14px!important}.mobile-page-title small{font-size:7.5px!important;color:#6f7a87!important}
  .mobile-bottom-nav{left:0!important;right:0!important;bottom:0!important;height:68px!important;border-radius:0!important;background:rgba(8,10,14,.98)!important;border:0!important;border-top:1px solid #1b232d!important;padding:5px 8px calc(5px + env(safe-area-inset-bottom))!important;grid-template-columns:1fr 1fr 62px 1fr 1fr!important}
  .mobile-bottom-nav a,.mobile-bottom-nav button{height:54px!important;color:#727d89!important;font-size:8px!important}.mobile-bottom-nav i{width:24px!important;height:24px!important;display:grid!important;place-items:center!important}.mobile-bottom-nav .active{color:#fff!important}.mobile-bottom-nav .mobile-new-service{width:54px!important;height:54px!important;margin-top:-12px!important;border-radius:18px!important;background:var(--app-green)!important;color:#07120d!important;box-shadow:0 10px 28px rgba(34,211,127,.25)!important}
  body.v5-body .v5-sidebar{width:min(88vw,336px)!important;padding:10px 9px 90px!important;background:#080b10!important}.v5-sidebar .brand{height:68px!important;border-radius:18px!important}.v5-nav-group{border-radius:18px!important;padding:7px 6px!important}.v5-nav a{grid-template-columns:32px minmax(0,1fr) 14px!important;min-height:44px!important;padding:5px 8px!important}.v5-nav-icon{width:32px!important;height:32px!important;border-radius:10px!important}.v5-nav a b{font-size:11.5px!important}.v5-nav-label{font-size:7.5px!important}.v5-nav a em{right:25px!important}
  .v57-services-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.v57-services-summary a{min-height:72px!important;padding:9px 10px!important}.v57-services-summary a strong{font-size:20px!important}.v57-services-summary a:last-child{grid-column:1/-1!important}
  .ops-board-toolbar{padding:7px!important}.ops-board-search{grid-template-columns:1fr!important}.ops-board-search select,.ops-board-search button,.ops-board-search a{width:100%!important}.ops-board-filterchips{display:flex!important;overflow-x:auto!important;padding-bottom:3px!important;scrollbar-width:none!important}.ops-board-filterchips::-webkit-scrollbar{display:none}.ops-board-filterchips a{white-space:nowrap!important;flex:0 0 auto!important}
  .ops-board-head{display:none!important}.ops-board-row{display:block!important;padding:10px!important;border-radius:14px!important;margin:6px!important}.ops-board-row>div{margin-bottom:8px!important}.ops-board-actions{display:grid!important;gap:6px!important}.ops-status-line{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:6px!important}.ops-action-buttons{display:grid!important;grid-template-columns:42px 42px 1fr!important;gap:6px!important}.ops-action-buttons>*{height:39px!important}
  .v7-kpis{grid-template-columns:1fr 1fr!important}.v7-finance-strip{grid-template-columns:1fr 1fr!important}.v7-two,.v7-bottom-grid{grid-template-columns:1fr!important}.v7-quick{margin:0 -10px 8px!important;padding:0 10px 3px!important;overflow-x:auto!important}.v7-quick a{flex:0 0 78px!important}
  .modal,.comm-dialog,.mobile-create-sheet>section{width:100%!important;max-width:none!important;border-radius:24px 24px 0 0!important}
}
@media(max-width:390px){.v57-services-summary{grid-template-columns:1fr 1fr!important}.v7-kpis,.v7-finance-strip{grid-template-columns:1fr 1fr!important}}


/* =========================================================
   V7.7.2 — Mobile service detail usability polish
   ========================================================= */
@media(max-width:760px){
  body.v5-body .ops-header-actions{grid-template-columns:1fr 1fr!important;gap:6px!important}
  body.v5-body .ops-header-actions>a{
    width:100%!important;height:44px!important;padding:0 10px!important;
    justify-content:flex-start!important;gap:8px!important;border-radius:12px!important;
    font-size:11px!important
  }
  body.v5-body .ops-header-actions>a span{display:inline!important;font-size:10px!important;line-height:1.05!important}
  body.v5-body .ops-header-actions>a,.ops-header-actions .reminder-bell{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

  body.v5-body .service-items-card{margin-top:10px!important}
  body.v5-body .service-items-card>.ops-card-head{align-items:flex-start!important;gap:8px!important}
  body.v5-body .service-items-card>.ops-card-head strong{font-size:15px!important}
  body.v5-body .service-item-list{gap:6px!important}
  body.v5-body .service-item-row{
    grid-template-columns:88px minmax(0,1fr)!important;
    gap:6px!important;padding:8px!important;border-radius:12px!important
  }
  body.v5-body .service-item-row select{grid-column:1/2!important}
  body.v5-body .service-item-row input[name=title]{grid-column:2/3!important}
  body.v5-body .service-item-row input[name=qty]{grid-column:1/2!important}
  body.v5-body .service-item-row input[name=unit_price]{grid-column:2/3!important}
  body.v5-body .service-item-row strong{
    grid-column:1/2!important;display:grid!important;gap:2px!important;
    align-content:center!important;justify-items:start!important;
    padding:8px 10px!important;border-radius:11px!important;
    background:rgba(34,211,127,.10)!important;border:1px solid rgba(34,211,127,.18)!important;
    text-align:left!important;font-size:14px!important;white-space:nowrap!important
  }
  body.v5-body .service-item-row strong small{
    display:block!important;font-size:9px!important;letter-spacing:.08em!important;
    text-transform:uppercase!important;color:#93a0ad!important;font-weight:800!important
  }
  body.v5-body .service-item-row .item-delete,
  body.v5-body .service-item-row .item-save{
    width:100%!important;min-height:40px!important;border-radius:12px!important;
    font-size:11px!important;padding:0 8px!important
  }
  body.v5-body .service-item-row .item-delete{grid-column:1/2!important}
  body.v5-body .service-item-row .item-save{grid-column:2/3!important}

  body.v5-body .service-item-add{
    grid-template-columns:88px minmax(0,1fr)!important;
    gap:6px!important;margin-top:8px!important;padding-top:8px!important
  }
  body.v5-body .service-item-add input[name=title]{grid-column:2/3!important}
  body.v5-body .service-item-add input[name=qty]{grid-column:1/2!important}
  body.v5-body .service-item-add input[name=unit_price]{grid-column:2/3!important}
  body.v5-body .service-item-add .btn{grid-column:1/-1!important;min-height:40px!important}
  body.v5-body .service-item-presets{gap:5px!important;margin-top:7px!important}
  body.v5-body .service-item-presets button{padding:6px 9px!important;font-size:11px!important}
}
@media(max-width:420px){
  body.v5-body .service-item-row,
  body.v5-body .service-item-add{grid-template-columns:84px minmax(0,1fr)!important}
  body.v5-body .ops-header-actions>a{font-size:10.5px!important;padding:0 8px!important}
}


/* =========================================================
   V7.7.3 — Mobile sidebar menu width / text fit fix
   ========================================================= */
@media(max-width:760px){
  body.v5-body .v5-sidebar{
    width:min(80vw,312px)!important;
    padding:9px 8px 90px!important;
  }
  body.v5-body .v5-sidebar .brand{
    height:62px!important;
    padding:8px 10px!important;
    border-radius:17px!important;
  }
  body.v5-body .v5-sidebar .brand-logo{
    max-width:150px!important;
    max-height:42px!important;
  }
  body.v5-body .v5-nav-group{
    padding:6px 5px!important;
    gap:1px!important;
  }
  body.v5-body .v5-nav-label{
    padding:1px 6px 5px!important;
  }
  body.v5-body .v5-nav a{
    grid-template-columns:30px minmax(0,1fr) 10px!important;
    gap:8px!important;
    min-height:42px!important;
    padding:5px 7px!important;
    border-radius:13px!important;
    align-items:center!important;
  }
  body.v5-body .v5-nav-icon{
    width:30px!important;
    height:30px!important;
    border-radius:10px!important;
  }
  body.v5-body .v5-nav-icon svg{
    width:16px!important;
    height:16px!important;
  }
  body.v5-body .v5-nav a b{
    font-size:10.8px!important;
    line-height:1.15!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    display:block!important;
    max-width:none!important;
    word-break:break-word!important;
    padding-right:2px!important;
  }
  body.v5-body .v5-nav-arrow{
    font-size:15px!important;
    justify-self:end!important;
  }
  body.v5-body .v5-nav a em{
    right:19px!important;
    min-width:18px!important;
    height:18px!important;
    font-size:8px!important;
  }
  body.v5-body .v5-user-mini{
    padding:7px!important;
    border-radius:16px!important;
  }
}
@media(max-width:390px){
  body.v5-body .v5-sidebar{width:min(82vw,296px)!important}
  body.v5-body .v5-nav a{grid-template-columns:28px minmax(0,1fr) 10px!important;gap:7px!important;padding:5px 6px!important}
  body.v5-body .v5-nav-icon{width:28px!important;height:28px!important}
  body.v5-body .v5-nav a b{font-size:10.2px!important}
}


/* =========================================================
   V7.7.6 — Mobile service header + workflow cleanup
   Desktop intentionally untouched
   ========================================================= */
@media(max-width:760px){
  /* service identity: compact, readable, no visual pile-up */
  body.v5-body .ops-file-header{margin:0 0 7px!important;padding:0!important;background:transparent!important;border:0!important}
  body.v5-body .ops-file-row{display:block!important;padding:10px!important;border-radius:14px!important}
  body.v5-body .ops-back{font-size:10px!important;margin-bottom:6px!important}
  body.v5-body .ops-file-title{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
  body.v5-body .ops-file-title strong{font-size:20px!important;line-height:1.05!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  body.v5-body .ops-file-title .badge{flex:0 0 auto!important;font-size:8.5px!important;padding:5px 7px!important;border-radius:999px!important}
  body.v5-body .ops-file-sub{display:grid!important;grid-template-columns:1fr!important;gap:2px!important;margin-top:7px!important;font-size:10px!important}
  body.v5-body .ops-file-sub b{font-size:11px!important;color:#f3f6fa!important}
  body.v5-body .ops-file-sub span{font-size:9.5px!important;color:#8b96a3!important}
  body.v5-body .ops-file-sub span+span:before,body.v5-body .ops-file-sub b+span:before{display:none!important}

  /* four explicit actions, labels always visible */
  body.v5-body .ops-header-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;margin-top:9px!important;overflow:visible!important}
  body.v5-body .ops-header-actions>a{width:100%!important;height:42px!important;padding:0 4px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:2px!important;border-radius:11px!important;font-size:13px!important;line-height:1!important;min-width:0!important}
  body.v5-body .ops-header-actions>a span{display:block!important;max-width:100%!important;font-size:8.5px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

  /* workflow: remove duplicated quick buttons, show compact 3x2 progress tiles */
  body.v5-body .ops-status-zone{border-radius:14px!important;overflow:hidden!important}
  body.v5-body .ops-status-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:9px 10px!important;border-bottom:1px solid #202832!important}
  body.v5-body .ops-status-head>div:first-child{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;gap:8px!important}
  body.v5-body .ops-status-head>div:first-child span{font-size:8px!important;letter-spacing:.12em!important}
  body.v5-body .ops-status-head>div:first-child b{font-size:11px!important;padding:5px 8px!important;border-radius:999px!important;background:rgba(76,146,255,.12)!important;border:1px solid rgba(76,146,255,.22)!important}
  body.v5-body .ops-quick-status{display:none!important}
  body.v5-body .ops-flow{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;padding:8px!important;overflow:visible!important;background:transparent!important}
  body.v5-body .ops-flow .flow-step{min-width:0!important;display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;gap:5px!important;align-items:center!important;padding:7px!important;border-radius:10px!important;background:#11171e!important;border:1px solid #232c36!important}
  body.v5-body .ops-flow .flow-step:before,body.v5-body .ops-flow .flow-step:after{display:none!important}
  body.v5-body .ops-flow .flow-step>span{width:24px!important;height:24px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:#1a222c!important;border:1px solid #2a3541!important;font-size:9px!important;font-weight:900!important;color:#91a0af!important}
  body.v5-body .ops-flow .flow-step>small{font-size:8.5px!important;line-height:1.15!important;color:#8e99a6!important;white-space:normal!important;text-align:left!important}
  body.v5-body .ops-flow .flow-step.done{background:rgba(34,211,127,.07)!important;border-color:rgba(34,211,127,.16)!important}
  body.v5-body .ops-flow .flow-step.done>span{background:rgba(34,211,127,.16)!important;border-color:rgba(34,211,127,.26)!important;color:#8cf0bb!important}
  body.v5-body .ops-flow .flow-step.active{background:rgba(76,146,255,.10)!important;border-color:rgba(76,146,255,.28)!important}
  body.v5-body .ops-flow .flow-step.active>span{background:#4c92ff!important;border-color:#4c92ff!important;color:#fff!important}
  body.v5-body .ops-flow .flow-step.active>small{color:#fff!important;font-weight:800!important}

  /* line items: visible add action and compact rows */
  body.v5-body .service-items-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important}
  body.v5-body .service-items-head-actions{display:grid!important;justify-items:end!important;gap:5px!important;flex:0 0 auto!important}
  body.v5-body .service-items-head-actions>strong{font-size:14px!important;white-space:nowrap!important}
  body.v5-body .service-item-new-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:30px!important;padding:0 9px!important;border-radius:9px!important;background:rgba(34,211,127,.14)!important;border:1px solid rgba(34,211,127,.24)!important;color:#89efba!important;font-size:9px!important;font-weight:900!important}
  body.v5-body .service-item-add{scroll-margin:150px!important}
  body.v5-body .service-item-add.is-highlight{outline:2px solid rgba(34,211,127,.55)!important;outline-offset:4px!important;border-radius:12px!important}
}
@media(max-width:380px){
  body.v5-body .ops-file-title strong{font-size:18px!important}
  body.v5-body .ops-header-actions>a span{font-size:8px!important}
  body.v5-body .ops-flow{gap:5px!important}
  body.v5-body .ops-flow .flow-step{padding:6px!important;grid-template-columns:22px minmax(0,1fr)!important}
  body.v5-body .ops-flow .flow-step>span{width:22px!important;height:22px!important}
  body.v5-body .ops-flow .flow-step>small{font-size:8px!important}
}
/* V7.8 finance + ready customer form */
.ready-share-card{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:14px 0;padding:16px;border:1px solid rgba(47,214,135,.28);border-radius:16px;background:rgba(28,42,35,.68)}.ready-share-card>div:first-child{display:grid;gap:4px}.ready-share-card span{font-size:11px;font-weight:800;letter-spacing:.08em;color:#65d9a0}.ready-share-card b{font-size:15px}.ready-share-card small{opacity:.75}.ready-share-card>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.ready-share-card a{display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;border-radius:10px;border:1px solid var(--line,#2d353d);text-decoration:none;font-weight:800}.ready-share-wa{background:#27d78a;color:#07140d}.ready-share-open{background:#171c21;color:#fff}
.today-collection-panel,.service-due-card,.management-work-card,.report-finance-card{border:1px solid var(--zline,#2d343b);border-radius:16px;background:var(--zsurface,#15191e)}.today-collection-list{display:grid;gap:8px}.today-collection-row{display:grid;grid-template-columns:110px minmax(180px,1.2fr) minmax(180px,1fr) 140px 120px;gap:12px;align-items:center;padding:12px 14px;border-top:1px solid var(--zline,#2d343b);text-decoration:none;color:inherit}.today-collection-row:first-child{border-top:0}.today-collection-row .source{font-size:11px;font-weight:800}.today-collection-row strong{text-align:right}.today-collection-row small{display:block}.today-collection-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}.today-collection-kpis>div{padding:13px 15px;border:1px solid var(--zline,#2d343b);border-radius:14px;background:var(--zsurface,#15191e)}.today-collection-kpis span,.today-collection-kpis small{display:block}.today-collection-kpis b{font-size:20px}.service-due-list{display:grid;gap:10px}.service-due-row{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(150px,1fr) 120px 120px auto;gap:12px;align-items:center;padding:13px;border-top:1px solid var(--zline,#2d343b);color:inherit;text-decoration:none}.service-due-row:first-child{border-top:0}.service-due-row strong{text-align:right}.management-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.management-work-card{display:flex;justify-content:space-between;align-items:center;padding:18px;text-decoration:none;color:inherit}.management-work-card b{font-size:22px}.management-work-card em{font-style:normal;font-weight:800}.report-finance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.report-finance-card{padding:15px}.report-finance-card span,.report-finance-card small{display:block}.report-finance-card b{font-size:21px}.report-customer-table{display:grid}.report-customer-row{display:grid;grid-template-columns:minmax(180px,1fr) 110px 110px 130px;gap:10px;padding:11px 14px;border-top:1px solid var(--zline,#2d343b)}
@media(max-width:820px){.ready-share-card{display:block}.ready-share-card>div:last-child{margin-top:12px}.today-collection-kpis,.report-finance-grid,.management-work-grid{grid-template-columns:1fr 1fr}.today-collection-row,.service-due-row,.report-customer-row{grid-template-columns:1fr}.today-collection-row strong,.service-due-row strong{text-align:left}}
@media(max-width:520px){.today-collection-kpis,.report-finance-grid,.management-work-grid{grid-template-columns:1fr}}


/* =========================================================
   V7.9.0 — Professional operations layout / tables / mobile
   ========================================================= */
:root{--op-green:#26cf82;--op-blue:#4b8dff;--op-amber:#f0ad45;--op-red:#ef6670;--op-purple:#9b7cff;--op-cyan:#3cc8d8}
body.v5-body .v5-main{min-width:0!important;overflow-x:hidden!important}
body.v5-body .v5-main>*{min-width:0}
body.v5-body :where(.panel,.unified-panel,.ops-board,.scale-list-panel,.collection-customer,.service-due-card,.today-collection-panel){min-width:0;max-width:100%;box-sizing:border-box}
body.v5-body :where(.unified-searchbar,.scale-toolbar,.ops-board-search){min-width:0;align-items:center}
body.v5-body :where(.unified-searchbar,.scale-toolbar,.ops-board-search) .search-box{min-width:180px;flex:1 1 260px}
body.v5-body :where(.unified-searchbar,.scale-toolbar,.ops-board-search) select{max-width:220px}

/* Sidebar: fewer items, clearer grouping */
body.v5-body .v5-nav-group{padding:8px 7px!important}
body.v5-body .v5-nav a{min-height:43px!important}
body.v5-body .v5-nav-label{letter-spacing:.13em!important}

/* Service operations board: colored columns and stronger scanning hierarchy */
body.v5-body .ops-board-head{grid-template-columns:150px minmax(300px,1.45fr) minmax(170px,.75fr) minmax(230px,1fr)!important;gap:0!important;overflow:hidden;border-radius:12px 12px 0 0}
body.v5-body .ops-board-head>span{height:100%;padding:11px 13px!important;display:flex;align-items:center;border-right:1px solid rgba(255,255,255,.035)}
body.v5-body .ops-board-head>span:nth-child(1){background:rgba(75,141,255,.08);color:#9fbeff!important}
body.v5-body .ops-board-head>span:nth-child(2){background:rgba(155,124,255,.07);color:#c0afff!important}
body.v5-body .ops-board-head>span:nth-child(3){background:rgba(240,173,69,.07);color:#f4c575!important}
body.v5-body .ops-board-head>span:nth-child(4){background:rgba(38,207,130,.07);color:#86e8b8!important;border-right:0}
body.v5-body .ops-board-row{grid-template-columns:150px minmax(300px,1.45fr) minmax(170px,.75fr) minmax(230px,1fr)!important;gap:0!important;overflow:hidden}
body.v5-body .ops-board-row>div{padding:13px!important;align-self:stretch;border-right:1px solid rgba(255,255,255,.035)}
body.v5-body .ops-board-row>div:nth-of-type(1){background:rgba(75,141,255,.025)}
body.v5-body .ops-board-row>div:nth-of-type(2){background:rgba(155,124,255,.018)}
body.v5-body .ops-board-row>div:nth-of-type(3){background:rgba(240,173,69,.018)}
body.v5-body .ops-board-row>div:nth-of-type(4){background:rgba(38,207,130,.018);border-right:0}
body.v5-body .ops-board-row:hover>div{filter:brightness(1.08)}
body.v5-body .ops-status-line{gap:7px;flex-wrap:wrap}
body.v5-body .ops-action-buttons{gap:6px;flex-wrap:wrap}

/* Cari and finance rows: consistent professional table language */
body.v5-body :where(.scale-table-head,.service-due-row,.today-collection-row,.report-customer-row){border-radius:0}
body.v5-body .scale-table-head{overflow:hidden}
body.v5-body .scale-table-head>span{padding:11px 12px!important;border-right:1px solid rgba(255,255,255,.03)}
body.v5-body .scale-table-head>span:nth-child(1){background:rgba(75,141,255,.07)}
body.v5-body .scale-table-head>span:nth-child(2){background:rgba(155,124,255,.06)}
body.v5-body .scale-table-head>span:nth-child(3){background:rgba(60,200,216,.06)}
body.v5-body .scale-table-head>span:nth-child(4){background:rgba(240,173,69,.06)}
body.v5-body .scale-table-head>span:nth-child(5){background:rgba(239,102,112,.06)}
body.v5-body .scale-table-row{overflow:hidden;transition:background .16s ease,transform .16s ease}
body.v5-body .scale-table-row:hover{transform:translateY(-1px)}
body.v5-body .scale-table-row>div{padding:11px 12px!important;border-right:1px solid rgba(255,255,255,.03)}
body.v5-body .scale-table-row>div:last-child{border-right:0}
body.v5-body .service-due-row{transition:transform .16s ease,background .16s ease}
body.v5-body .service-due-row:hover{transform:translateY(-1px);background:rgba(255,255,255,.018)}
body.v5-body .service-due-row>div:nth-child(3){color:#79b7ff}
body.v5-body .service-due-row>div:nth-child(4){color:#72d9aa}
body.v5-body .service-due-row>strong{color:#ff8a92;font-size:15px}

/* Saha alacakları: customer cards with colored financial strip */
body.v5-body .collection-customer{overflow:hidden;border-radius:15px!important}
body.v5-body .collection-customer>header{background:linear-gradient(90deg,rgba(75,141,255,.055),rgba(38,207,130,.025));border-bottom:1px solid rgba(255,255,255,.045)}
body.v5-body .collection-customer-total{padding:8px 11px;border-radius:11px;background:rgba(239,102,112,.075);border:1px solid rgba(239,102,112,.14)}
body.v5-body .collection-job-list>a{transition:background .15s ease}
body.v5-body .collection-job-list>a:hover{background:rgba(75,141,255,.035)}
body.v5-body .collection-amount b{color:#ff858e!important}

/* Status rows get a clear left rail */
body.v5-body .ops-board-row{border-left:3px solid transparent!important}
body.v5-body .ops-board-row.status-row-new{border-left-color:#75808d!important}
body.v5-body .ops-board-row.status-row-diagnosis{border-left-color:var(--op-blue)!important}
body.v5-body .ops-board-row.status-row-approval{border-left-color:var(--op-amber)!important}
body.v5-body .ops-board-row.status-row-repair{border-left-color:var(--op-purple)!important}
body.v5-body .ops-board-row.status-row-waiting{border-left-color:#e8813e!important}
body.v5-body .ops-board-row.status-row-ready{border-left-color:var(--op-green)!important}
body.v5-body .ops-board-row.status-row-delivered{border-left-color:var(--op-cyan)!important}
body.v5-body .ops-board-row.status-row-cancelled{border-left-color:var(--op-red)!important}

/* Light theme counterparts */
html[data-theme="light"] body.v5-body .ops-board-head>span:nth-child(1){background:#edf4ff!important;color:#315f9f!important}
html[data-theme="light"] body.v5-body .ops-board-head>span:nth-child(2){background:#f3efff!important;color:#654c9c!important}
html[data-theme="light"] body.v5-body .ops-board-head>span:nth-child(3){background:#fff7e8!important;color:#8b611e!important}
html[data-theme="light"] body.v5-body .ops-board-head>span:nth-child(4){background:#ebf9f2!important;color:#26724e!important}
html[data-theme="light"] body.v5-body .ops-board-row>div{border-color:#edf0f3!important;background:#fff!important}
html[data-theme="light"] body.v5-body .scale-table-head>span{border-color:#e8edf2!important;color:#596573!important}
html[data-theme="light"] body.v5-body .scale-table-row>div{border-color:#edf0f3!important}
html[data-theme="light"] body.v5-body .collection-customer>header{background:linear-gradient(90deg,#f4f8ff,#f3fbf7)!important;border-color:#e6ebef!important}
html[data-theme="light"] body.v5-body .collection-customer-total{background:#fff2f3!important;border-color:#f3d8db!important}
html[data-theme="light"] body.v5-body .service-due-row>strong,html[data-theme="light"] body.v5-body .collection-amount b{color:#bd3c48!important}

/* Tablet: prevent the historical 900–1200px drift */
@media(max-width:1180px) and (min-width:761px){
  body.v5-body .ops-board-head,body.v5-body .ops-board-row{grid-template-columns:130px minmax(250px,1.35fr) minmax(150px,.8fr) minmax(205px,1fr)!important}
  body.v5-body :where(.unified-searchbar,.scale-toolbar,.ops-board-search){display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  body.v5-body :where(.unified-searchbar,.scale-toolbar,.ops-board-search) select{flex:1 1 150px;max-width:none!important}
}

/* Mobile: rows become purpose-built app cards rather than squeezed desktop tables */
@media(max-width:760px){
  body.v5-body .v5-main{padding-left:9px!important;padding-right:9px!important}
  body.v5-body :where(.panel,.unified-panel,.ops-board){border-radius:14px!important}
  body.v5-body :where(.unified-searchbar,.scale-toolbar,.ops-board-search){display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  body.v5-body :where(.unified-searchbar,.scale-toolbar,.ops-board-search) .search-box{grid-column:1/-1!important;min-width:0!important}
  body.v5-body :where(.unified-searchbar,.scale-toolbar,.ops-board-search) select{width:100%!important;max-width:none!important;min-width:0!important}
  body.v5-body :where(.unified-searchbar,.scale-toolbar,.ops-board-search) .btn{width:100%!important;min-width:0!important}

  body.v5-body .ops-board-head{display:none!important}
  body.v5-body .ops-board-list{display:grid!important;gap:9px!important;background:transparent!important}
  body.v5-body .ops-board-row{display:grid!important;grid-template-columns:1fr!important;gap:0!important;border:1px solid #202934!important;border-left-width:4px!important;border-radius:14px!important;background:#0f141a!important;box-shadow:0 8px 22px rgba(0,0,0,.13)!important}
  body.v5-body .ops-board-row>div{padding:10px 11px!important;border-right:0!important;border-bottom:1px solid #1c2530!important;background:transparent!important}
  body.v5-body .ops-board-row>div:last-child{border-bottom:0!important}
  body.v5-body .ops-board-service{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important}
  body.v5-body .ops-board-service:before{content:'SERVİS';font-size:7.5px;font-weight:900;letter-spacing:.12em;color:#667383;position:absolute;margin-top:-27px}
  body.v5-body .ops-board-person{padding-top:12px!important}
  body.v5-body .customer-live-meta{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:2px!important;scrollbar-width:none}
  body.v5-body .customer-live-meta::-webkit-scrollbar{display:none}
  body.v5-body .live-chip{flex:0 0 auto!important}
  body.v5-body .customer-live-complaint{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  body.v5-body .ops-board-follow{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:43px!important}
  body.v5-body .ops-board-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  body.v5-body .ops-status-line{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important}
  body.v5-body .ops-status-line select{width:100%!important;min-width:0!important}
  body.v5-body .ops-action-buttons{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
  body.v5-body .ops-action-buttons>*{min-width:0!important;width:100%!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 5px!important;font-size:9px!important}

  body.v5-body .scale-table-head{display:none!important}
  body.v5-body .scale-table{display:grid!important;gap:8px!important;background:transparent!important}
  body.v5-body .scale-table-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;border:1px solid #202934!important;border-radius:13px!important;background:#0f141a!important;overflow:hidden!important}
  body.v5-body .scale-table-row>div{padding:10px!important;border-right:0!important;border-bottom:1px solid #1c2530!important}
  body.v5-body .scale-table-row>.scale-main{grid-column:1/-1!important;background:rgba(75,141,255,.045)!important}
  body.v5-body .scale-table-row>.scale-contact{grid-column:1/-1!important}
  body.v5-body .scale-table-row>.scale-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;border-bottom:0!important}
  body.v5-body .scale-table-row>.scale-actions .btn{width:100%!important}
  body.v5-body .scale-money{position:relative;padding-top:20px!important}
  body.v5-body .scale-money:before{position:absolute;left:10px;top:7px;font-size:7.5px;font-weight:900;letter-spacing:.08em;color:#6f7b88}
  body.v5-body .scale-table-row>.scale-money:nth-of-type(3):before{content:'SAHA'}
  body.v5-body .scale-table-row>.scale-money:nth-of-type(4):before{content:'SERVİS'}
  body.v5-body .scale-table-row>.scale-money:nth-of-type(5):before{content:'AÇIK BAKİYE'}

  body.v5-body .service-due-list{gap:8px!important}
  body.v5-body .service-due-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;padding:0!important;border:1px solid #202934!important;border-radius:13px!important;overflow:hidden;background:#0f141a!important}
  body.v5-body .service-due-row>div,body.v5-body .service-due-row>strong{padding:10px!important;border-bottom:1px solid #1c2530!important}
  body.v5-body .service-due-row>div:first-child{grid-column:1/-1!important;background:rgba(75,141,255,.045)!important}
  body.v5-body .service-due-row>div:nth-child(2){grid-column:1/-1!important}
  body.v5-body .service-due-row>strong{grid-column:1/-1!important;border-bottom:0!important;background:rgba(239,102,112,.055)!important;font-size:17px!important}

  body.v5-body .collection-customer>header{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;padding:11px!important}
  body.v5-body .collection-customer-total{grid-column:3!important;grid-row:1!important}
  body.v5-body .collection-bulk-btn{grid-column:1/-1!important;width:100%!important;margin-top:2px!important}
  body.v5-body .collection-job-list>a{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;padding:10px 11px!important}
  body.v5-body .collection-job-list>a>div:first-child{grid-column:1/-1!important}
  body.v5-body .collection-amount{grid-column:1/-1!important;display:flex!important;justify-content:space-between!important;align-items:center!important;padding-top:5px!important}
  body.v5-body .collection-job-list>a>i{display:none!important}
}

html[data-theme="light"] body.v5-body .ops-board-row,
html[data-theme="light"] body.v5-body .scale-table-row,
html[data-theme="light"] body.v5-body .service-due-row{background:#fff!important;border-color:#dfe5ea!important;box-shadow:0 6px 18px rgba(15,23,42,.045)!important}
html[data-theme="light"] body.v5-body .ops-board-row>div,
html[data-theme="light"] body.v5-body .scale-table-row>div,
html[data-theme="light"] body.v5-body .service-due-row>div,
html[data-theme="light"] body.v5-body .service-due-row>strong{border-color:#edf0f3!important}

/* === V8.0 OPERASYON / CRM KATMANI === */
.v5-nav-search{margin:10px 12px 14px;display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(255,255,255,.055)}
.v5-nav-search span{opacity:.7;font-size:17px}.v5-nav-search input{min-width:0;flex:1;border:0!important;outline:0;background:transparent!important;color:inherit!important;font-size:12px;padding:0!important;box-shadow:none!important}.v5-nav-search input::placeholder{color:rgba(255,255,255,.48)}.v5-nav-search button{width:28px;height:28px;border:0;border-radius:8px;background:#fff;color:#111;font-weight:800;cursor:pointer}
[data-theme="light"] .v5-nav-search{border-color:#d8dde3;background:#f6f7f8}[data-theme="light"] .v5-nav-search input{color:#1a1d22!important}[data-theme="light"] .v5-nav-search input::placeholder{color:#7a838d}[data-theme="light"] .v5-nav-search button{background:#17191d;color:#fff}
.v5-service-category{margin-bottom:12px}.v5-service-category label{display:grid;gap:6px;font-weight:700}.v5-service-category select{width:100%}.service-category-chip{display:inline-flex;width:max-content;max-width:100%;margin-top:7px;padding:4px 8px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ops-global-search-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;margin:0 0 18px;padding:12px;border-radius:16px;background:var(--panel,#fff);border:1px solid var(--border,#dfe4e8);box-shadow:0 8px 24px rgba(20,30,40,.05)}.ops-global-search-main>span{font-size:24px;opacity:.55}.ops-global-search-main input{width:100%;border:0!important;background:transparent!important;outline:0;font-size:17px;padding:10px!important;color:inherit!important;box-shadow:none!important}.ops-search-count{margin:8px 0 15px;color:#69727c}.ops-search-count b{font-size:20px;color:inherit}.ops-search-count span{font-weight:700}.ops-search-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ops-search-results{display:grid}.ops-search-results>a{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 2px;border-bottom:1px solid var(--border,#e7eaee);text-decoration:none;color:inherit}.ops-search-results>a:last-child{border-bottom:0}.ops-search-results>a:hover{background:rgba(127,127,127,.05)}.ops-search-results a>div{min-width:0}.ops-search-results a b,.ops-search-results a small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-search-results a small{color:#747d87;margin-top:3px}.ops-search-results a em{font-style:normal;font-size:11px;font-weight:800;color:#69727c;text-align:right}.ops-result-avatar,.ops-result-device,.ops-result-field{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eef2f5;color:#222;font-style:normal;font-weight:900}.ops-result-field{background:#e0f2fe;color:#075985}.ops-result-status{width:9px;height:34px;border-radius:8px;background:#9ca3af}.ops-result-status.ready{background:#16a34a}.ops-result-status.repair{background:#2563eb}.ops-result-status.approval{background:#f59e0b}.ops-search-empty-hero{min-height:260px;display:grid;place-content:center;text-align:center;gap:7px;border:1px dashed var(--border,#d8dde2);border-radius:18px}.ops-search-empty-hero b{font-size:21px}.ops-search-empty-hero span{color:#707983}
@media(max-width:900px){.ops-search-grid{grid-template-columns:1fr}.v5-nav-search{margin:8px 10px 12px}}
@media(max-width:640px){.ops-global-search-main{grid-template-columns:auto minmax(0,1fr);position:sticky;top:8px;z-index:8}.ops-global-search-main button{grid-column:1/-1;width:100%}.ops-global-search-main input{font-size:16px}.ops-search-results>a{grid-template-columns:34px minmax(0,1fr)}.ops-search-results a em{grid-column:2;text-align:left;margin-top:-4px}.service-category-chip{white-space:normal}}
.ops-mix-list{display:grid}.ops-mix-list>a,.ops-mix-static{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid var(--border,#e7eaee);color:inherit;text-decoration:none}.ops-mix-list>a:last-child,.ops-mix-static:last-child{border-bottom:0}.ops-mix-list b{display:block}.ops-mix-list small{display:block;color:#7a838d;margin-top:2px}.ops-mix-list strong{font-size:13px;white-space:nowrap}


/* =========================================================
   V8.1.2 — ÜST ARAÇLAR + KOMPAKT SOL ARAMA
   Tema / kullanıcı / çıkış sol menüden sağ üste taşındı.
   ========================================================= */
body.v5-body .v5-global-actions{
  position:fixed;top:12px;right:18px;z-index:9500;
  display:flex;align-items:center;gap:7px;
  min-height:42px;padding:5px;
  background:rgba(15,18,23,.96);border:1px solid #252b34;border-radius:14px;
  box-shadow:0 10px 28px rgba(0,0,0,.16);backdrop-filter:blur(12px);
}
body.v5-body .v5-global-theme,
body.v5-body .v5-global-logout{
  height:32px;border:0;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:0 10px;background:#1b2028;color:#e8ecf2;text-decoration:none;cursor:pointer;font:inherit;
}
body.v5-body .v5-global-theme:hover,body.v5-body .v5-global-logout:hover{background:#252c36;color:#fff}
body.v5-body .v5-global-action-icon{font-size:14px;line-height:1}
body.v5-body .v5-global-action-label,body.v5-body .v5-global-logout span{font-size:10px;font-weight:850;white-space:nowrap}
body.v5-body .v5-global-logout svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.v5-body .v5-global-user{height:32px;display:flex;align-items:center;gap:7px;padding:0 8px 0 4px;border-left:1px solid #2b313b;border-right:1px solid #2b313b}
body.v5-body .v5-global-avatar{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#2b313b;color:#fff;font-size:10px;font-weight:900}
body.v5-body .v5-global-user-copy{display:grid;line-height:1.05;max-width:145px}
body.v5-body .v5-global-user-copy b{font-size:9.5px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v5-body .v5-global-user-copy small{font-size:7.5px;color:#8f98a6;text-transform:uppercase;margin-top:2px}

/* Arama artık menünün yüksekliğini yemesin. */
body.v5-body .v5-nav-search.v5-nav-search-compact{
  margin:2px 5px 5px!important;min-height:34px!important;height:34px!important;padding:3px 5px 3px 8px!important;
  border-radius:10px!important;gap:5px!important;flex:0 0 auto!important;
}
body.v5-body .v5-nav-search.v5-nav-search-compact>span{font-size:14px!important}
body.v5-body .v5-nav-search.v5-nav-search-compact input{font-size:10.5px!important;line-height:1!important}
body.v5-body .v5-nav-search.v5-nav-search-compact button{width:25px!important;height:25px!important;border-radius:7px!important;font-size:11px!important;flex:0 0 25px!important}
body.v5-body .v5-sidebar>.v5-nav{margin-top:0!important}

/* Sağ üst araçlar sayfa başlığının butonlarını ezmesin. */
@media(min-width:1181px){
  body.v5-body .v5-main>.topbar{padding-right:330px!important}
}
@media(min-width:761px) and (max-width:1180px){
  body.v5-body .v5-global-actions{right:12px;top:10px}
  body.v5-body .v5-global-user-copy{display:none}
  body.v5-body .v5-global-user{padding:0 4px}
  body.v5-body .v5-global-action-label,body.v5-body .v5-global-logout span{display:none}
  body.v5-body .v5-global-theme,body.v5-body .v5-global-logout{width:32px;padding:0}
  body.v5-body .v5-main>.topbar{padding-right:132px!important}
  body.v5-body .v5-nav-search.v5-nav-search-compact{margin:2px 4px 6px!important;padding:3px!important}
  body.v5-body .v5-nav-search.v5-nav-search-compact input{display:none}
  body.v5-body .v5-nav-search.v5-nav-search-compact>span{margin:auto}
  body.v5-body .v5-nav-search.v5-nav-search-compact button{display:none}
}
@media(max-width:760px){
  body.v5-body .v5-global-actions{
    top:8px;right:54px;z-index:10020;min-height:38px;height:38px;padding:3px;gap:3px;
    background:rgba(13,16,21,.92);border-radius:11px;box-shadow:none;
  }
  body.v5-body .v5-global-user{display:none}
  body.v5-body .v5-global-action-label,body.v5-body .v5-global-logout span{display:none}
  body.v5-body .v5-global-theme,body.v5-body .v5-global-logout{width:30px;height:30px;padding:0;border-radius:8px}
  body.v5-body .v5-global-logout svg{width:14px;height:14px}
  body.v5-body .v5-nav-search.v5-nav-search-compact{height:32px!important;min-height:32px!important;margin:2px 5px 7px!important}
}

/* Açık tema */
html[data-theme=\"light\"] body.v5-body .v5-global-actions{background:rgba(255,255,255,.96);border-color:#dfe4ea;box-shadow:0 10px 28px rgba(15,23,42,.10)}
html[data-theme=\"light\"] body.v5-body .v5-global-theme,
html[data-theme=\"light\"] body.v5-body .v5-global-logout{background:#f3f5f7;color:#20252c}
html[data-theme=\"light\"] body.v5-body .v5-global-theme:hover,
html[data-theme=\"light\"] body.v5-body .v5-global-logout:hover{background:#e8ebef;color:#111}
html[data-theme=\"light\"] body.v5-body .v5-global-user{border-color:#e3e7ec}
html[data-theme=\"light\"] body.v5-body .v5-global-avatar{background:#171b21;color:#fff}
html[data-theme=\"light\"] body.v5-body .v5-global-user-copy b{color:#20252c}
html[data-theme=\"light\"] body.v5-body .v5-global-user-copy small{color:#737d89}

/* =========================================================
   V8.1.3 — GLOBAL MOBİL KABUK DÜZELTMESİ
   Masaüstü sağ üst araç çubuğu korunur. Mobilde çakışan sabit
   araçlar drawer içine alınır ve tüm sayfalar aynı viewport
   kurallarına bağlanır.
   ========================================================= */
body.v5-body .v5-mobile-actions{display:none}

@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  body.v5-body{width:100%;min-width:0;overflow-x:hidden}
  body.v5-body .v5-shell{width:100%;min-width:0;max-width:100%;overflow:visible}
  body.v5-body .v5-main{
    width:100%!important;min-width:0!important;max-width:100%!important;
    margin:0!important;padding:68px 10px 88px!important;overflow-x:hidden!important;
  }

  /* Masaüstü için eklenen sabit sağ üst blok mobil header'a binmesin. */
  body.v5-body>.v5-global-actions,
  body.v5-body .v5-global-actions{display:none!important}

  /* Telefon başlığı tekrar tek ve güvenli üç kolon. */
  body.v5-body .mobile-headbar{
    display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px!important;
    align-items:center!important;gap:8px!important;
    left:0!important;right:0!important;top:0!important;width:100%!important;max-width:100vw!important;
    height:58px!important;padding:7px 10px!important;z-index:10010!important;
  }
  body.v5-body .mobile-page-title{min-width:0!important;overflow:hidden!important;text-align:left!important}
  body.v5-body .mobile-page-title .mobile-home-link,
  body.v5-body .mobile-page-title small{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  body.v5-body .mobile-menu-toggle,body.v5-body .mobile-add{width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;margin:0!important;padding:0!important}

  /* Tema ve çıkış telefonda drawer içinde: sabit başlığı daraltmaz. */
  body.v5-body .v5-mobile-actions{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;
    margin:0 5px 7px!important;padding:0!important;flex:0 0 auto!important;
  }
  body.v5-body .v5-mobile-actions button,body.v5-body .v5-mobile-actions a{
    min-width:0!important;height:34px!important;padding:0 9px!important;border-radius:9px!important;
    border:1px solid #252d37!important;background:#141a21!important;color:#e8edf3!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
    text-decoration:none!important;font:inherit!important;cursor:pointer!important;
  }
  body.v5-body .v5-mobile-actions b{font-size:9px!important;font-weight:850!important;white-space:nowrap!important}
  body.v5-body .v5-mobile-actions svg{width:14px!important;height:14px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}

  /* Ortak içerikler viewport'u zorlamasın. */
  body.v5-body .panel,body.v5-body .unified-panel,body.v5-body .pro-card,
  body.v5-body .customer-directory,body.v5-body .service-directory-pro,
  body.v5-body .workspace-grid,body.v5-body .report-main-grid,
  body.v5-body form,body.v5-body fieldset{min-width:0!important;max-width:100%!important}
  body.v5-body img,body.v5-body video,body.v5-body canvas,body.v5-body svg{max-width:100%}
  body.v5-body table{max-width:none}
  body.v5-body .table-wrap,body.v5-body .report-table,body.v5-body .responsive-table{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  body.v5-body input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  body.v5-body select,body.v5-body textarea{max-width:100%!important;min-width:0!important}

  /* Menü açıldığında arka sayfa kaymasın. */
  html.mobile-nav-open,body.mobile-nav-open{overflow:hidden!important;touch-action:none}
  body.v5-body .mobile-nav-scrim{z-index:9990!important}
  body.v5-body .v5-sidebar{z-index:10000!important}
}

@media(max-width:380px){
  body.v5-body .v5-main{padding-left:7px!important;padding-right:7px!important}
  body.v5-body .mobile-headbar{padding-left:7px!important;padding-right:7px!important;gap:6px!important}
  body.v5-body .v5-sidebar{width:min(88vw,305px)!important}
}

html[data-theme="light"] body.v5-body .v5-mobile-actions button,
html[data-theme="light"] body.v5-body .v5-mobile-actions a{background:#f5f7f9!important;border-color:#dde3e9!important;color:#20262d!important}

/* =========================================================
   V8.1.5 — HEADER / TEK ARAMA / HIZLI AKSIYON DÜZENİ
   ========================================================= */
body.v5-body .v5-shell{position:relative!important}

/* Sağ üst araçlar artık viewport'a yapışık değil; sayfa kabuğunun parçası. */
body.v5-body .v5-global-actions{
  position:absolute!important;
  top:12px!important;
  right:18px!important;
  z-index:120!important;
  box-shadow:none!important;
}

/* Kullanıcı adı + rol tekrarsız, daha doğal header bileşeni. */
body.v5-body .v5-global-user-copy{max-width:155px!important}
body.v5-body .v5-global-user-copy b{font-size:10px!important}
body.v5-body .v5-global-user-copy small{font-size:8px!important}

/* Sol menü: yalnızca tek tam genişlik arama alanı. */
body.v5-body .v5-nav-search.v5-nav-search-compact{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  margin:4px 8px 8px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.v5-body .v5-nav-search.v5-nav-search-compact input{
  display:block!important;
  width:100%!important;
  height:32px!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:0 10px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.055)!important;
  color:#eef2f6!important;
  font-size:10.5px!important;
  line-height:32px!important;
}
body.v5-body .v5-nav-search.v5-nav-search-compact input::placeholder{color:#838d99!important}
html[data-theme="light"] body.v5-body .v5-nav-search.v5-nav-search-compact input{
  background:#f5f7f9!important;
  border-color:#dce2e8!important;
  color:#171b20!important;
}
html[data-theme="light"] body.v5-body .v5-nav-search.v5-nav-search-compact input::placeholder{color:#78828d!important}

/* Ana ekran üç ana aksiyon: aynı çizgi, aynı yükseklik, taşma yok. */
body.dashboard-index-page .v7-hero-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(118px,1fr))!important;
  gap:8px!important;
  align-items:stretch!important;
  align-self:center!important;
  min-width:390px!important;
}
body.dashboard-index-page .v7-hero-actions>a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  height:40px!important;
  margin:0!important;
  padding:0 12px!important;
  border-radius:10px!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}

@media(min-width:1181px){
  body.v5-body .v5-main>.topbar{padding-right:330px!important}
}
@media(min-width:761px) and (max-width:1180px){
  body.v5-body .v5-global-actions{top:10px!important;right:12px!important}
  body.v5-body .v5-main>.topbar{padding-right:132px!important}
  body.v5-body .v5-nav-search.v5-nav-search-compact{margin:4px 6px 8px!important}
  body.v5-body .v5-nav-search.v5-nav-search-compact input{display:block!important;width:100%!important;height:31px!important;padding:0 8px!important}
  body.dashboard-index-page .v7-hero-actions{min-width:330px!important;grid-template-columns:repeat(3,minmax(100px,1fr))!important}
}
@media(max-width:760px){
  /* Mobilde global masaüstü header bileşeni yok; tema/çıkış drawer içinde. */
  body.v5-body>.v5-global-actions,body.v5-body .v5-global-actions{display:none!important}
  body.v5-body .v5-nav-search.v5-nav-search-compact{margin:4px 7px 8px!important}
  body.v5-body .v5-nav-search.v5-nav-search-compact input{height:34px!important;font-size:11px!important;padding:0 10px!important}
  body.dashboard-index-page .v7-hero-actions{
    width:100%!important;min-width:0!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  body.dashboard-index-page .v7-hero-actions>a{
    min-width:0!important;height:38px!important;min-height:38px!important;
    padding:0 6px!important;font-size:10px!important;white-space:nowrap!important;
  }
}
@media(max-width:380px){
  body.dashboard-index-page .v7-hero-actions{grid-template-columns:1fr!important}
  body.dashboard-index-page .v7-hero-actions>a{width:100%!important}
}

/* =========================================================
   V8.1.7 — HEADER YERLESIM + MOBIL NAV ETKILESIM FIX
   ========================================================= */
@media (min-width:761px){
  /* Global araçlar ayrı bir üst satırda dursun; dashboard aksiyonlarına binmesin. */
  body.v5-body .v5-global-actions{
    position:absolute!important;
    top:10px!important;
    right:18px!important;
    height:42px!important;
    min-height:42px!important;
    z-index:300!important;
    margin:0!important;
  }
  body.v5-body .v5-main{
    padding-top:64px!important;
  }
  body.dashboard-index-page .v7-dashboard{position:relative!important}
  body.dashboard-index-page .v7-hero{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
    min-height:86px!important;
    padding:14px 16px!important;
  }
  body.dashboard-index-page .v7-hero>div:first-child{min-width:0!important;flex:1 1 auto!important}
  body.dashboard-index-page .v7-hero-actions{
    position:static!important;
    inset:auto!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(112px,1fr))!important;
    gap:8px!important;
    width:auto!important;
    min-width:370px!important;
    max-width:440px!important;
    flex:0 0 auto!important;
    margin:0!important;
    transform:none!important;
  }
  body.dashboard-index-page .v7-hero-actions>a{
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
  }
}

@media (min-width:761px) and (max-width:1180px){
  body.v5-body .v5-main{padding-top:58px!important}
  body.dashboard-index-page .v7-hero{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}
  body.dashboard-index-page .v7-hero-actions{min-width:0!important;width:100%!important;max-width:520px!important}
}

@media (max-width:760px){
  /* Mobil alt menü her zaman aktif dokunma katmanında. */
  body.v5-body .mobile-bottom-nav{
    display:grid!important;
    position:fixed!important;
    left:0!important;right:0!important;bottom:0!important;
    width:100%!important;
    min-width:0!important;
    height:70px!important;
    z-index:30050!important;
    pointer-events:auto!important;
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
    transform:none!important;
    isolation:isolate!important;
    touch-action:manipulation!important;
  }
  body.v5-body .mobile-bottom-nav a,
  body.v5-body .mobile-bottom-nav button{
    position:relative!important;
    z-index:2!important;
    pointer-events:auto!important;
    opacity:1!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  body.v5-body .mobile-bottom-nav a{color:#aab4c0!important}
  body.v5-body .mobile-bottom-nav .active{color:#fff!important}
  body.v5-body .mobile-nav-scrim{z-index:29900!important}
  body.v5-body .v5-sidebar{z-index:30100!important}
  body.v5-body .mobile-headbar{z-index:30200!important}
  body:not(.mobile-nav-open) .mobile-nav-scrim{pointer-events:none!important;opacity:0!important}
}

html[data-theme="light"] body.v5-body .mobile-bottom-nav a,
html[data-theme="light"] body.v5-body .mobile-bottom-nav button{color:#56616d!important}
html[data-theme="light"] body.v5-body .mobile-bottom-nav .active{color:#111820!important}

/* =========================================================
   V8.1.8 — MOBIL SOL CEKMECE / TIKLAMA KATMANI KESIN DUZELTME
   Drawer kendi dokunma katmaninda, scrim yalniz drawer disinda kalir.
   ========================================================= */
@media (max-width:760px){
  :root{--zb-mobile-drawer-w:min(86vw,320px)}

  /* Drawer'i herhangi bir eski stacking/opacity kuralindan izole et. */
  html body.v5-body .v5-shell{
    position:static!important;
    z-index:auto!important;
    transform:none!important;
    filter:none!important;
    isolation:auto!important;
  }
  html body.v5-body .v5-sidebar,
  html body.v5-body aside.sidebar.v5-sidebar{
    display:flex!important;
    position:fixed!important;
    top:0!important;
    left:0!important;
    bottom:0!important;
    right:auto!important;
    width:var(--zb-mobile-drawer-w)!important;
    min-width:0!important;
    max-width:var(--zb-mobile-drawer-w)!important;
    height:100dvh!important;
    z-index:2147483000!important;
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
    pointer-events:auto!important;
    touch-action:pan-y!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    background:#080b10!important;
    box-shadow:22px 0 55px rgba(0,0,0,.42)!important;
    transform:translate3d(-105%,0,0)!important;
    transition:transform .20s ease!important;
  }
  html body.v5-body.mobile-nav-open .v5-sidebar,
  html.mobile-nav-open body.v5-body .v5-sidebar{
    transform:translate3d(0,0,0)!important;
  }

  /* Scrim drawer'in UZERINE hic gelmesin. */
  html body.v5-body .mobile-nav-scrim{
    display:block!important;
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:var(--zb-mobile-drawer-w)!important;
    width:auto!important;
    height:100dvh!important;
    z-index:2147482000!important;
    background:rgba(2,5,9,.62)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    touch-action:manipulation!important;
  }
  html body.v5-body.mobile-nav-open .mobile-nav-scrim,
  html.mobile-nav-open body.v5-body .mobile-nav-scrim{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  /* Acikken drawer icindeki tum kontroller kesin tiklanabilir. */
  html body.v5-body .v5-sidebar *,
  html body.v5-body .v5-sidebar a,
  html body.v5-body .v5-sidebar button,
  html body.v5-body .v5-sidebar input{
    pointer-events:auto!important;
  }
  html body.v5-body .v5-sidebar a,
  html body.v5-body .v5-sidebar button{
    touch-action:manipulation!important;
  }
  html body.v5-body .v5-sidebar .v5-nav{
    position:relative!important;
    z-index:2!important;
    opacity:1!important;
    filter:none!important;
  }
  html body.v5-body .v5-sidebar .v5-nav a{
    opacity:1!important;
    visibility:visible!important;
  }

  /* Drawer acikken yalniz sayfa kaymasin; tap/click davranisini oldurme. */
  html.mobile-nav-open,
  html body.v5-body.mobile-nav-open{
    overflow:hidden!important;
    touch-action:auto!important;
  }

  /* Mobil ust/alt bar drawer'in altinda kalsin. */
  html body.v5-body .mobile-headbar{z-index:2147481000!important}
  html body.v5-body .mobile-bottom-nav{z-index:2147481000!important}
}

html[data-theme="light"] body.v5-body .v5-sidebar{
  background:#f7f9fb!important;
}