@import url('product-ux.css');
.ops-page{background:#eef3f7;min-height:100vh}.ops-shell{max-width:1600px;margin:0 auto;padding:28px 24px 70px}.ops-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.ops-head h1{margin:2px 0 7px;font-size:2rem}.ops-head-actions{display:flex;gap:10px;flex-wrap:wrap}.ops-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}.ops-kpi{padding:15px 16px;border-left:4px solid var(--cyan)}.ops-kpi.danger{border-left-color:var(--ds-danger)}.ops-kpi.warning{border-left-color:var(--ds-warning)}.ops-kpi.purple{border-left-color:var(--ds-purple)}.ops-kpi small,.ops-kpi strong{display:block}.ops-kpi small{color:var(--muted);font-size:.68rem}.ops-kpi strong{font-size:1.65rem;margin-top:4px}.ops-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.ops-main{min-width:0}.ops-filters{display:grid;grid-template-columns:minmax(220px,2fr) 1fr 1fr auto auto;gap:9px;padding:13px;margin-bottom:12px;position:sticky;top:8px;z-index:8}.ops-board{display:grid;gap:10px}.ops-ticket{padding:0;overflow:hidden;border-left:5px solid #43a27e}.ops-ticket.priority-emergency{border-left-color:var(--ds-danger)}.ops-ticket.priority-urgent,.ops-ticket.priority-high{border-left-color:var(--ds-warning)}.ops-ticket.is-late{box-shadow:0 0 0 1px rgba(214,76,76,.18),0 8px 26px rgba(16,42,67,.055)}.ops-ticket-grid{display:grid;grid-template-columns:145px minmax(240px,1.4fr) minmax(180px,.8fr) 190px;gap:18px;padding:17px;align-items:start}.ops-number strong{display:block;color:var(--navy);font-size:.82rem}.ops-number .ds-chip{margin-top:7px}.ops-title{margin:0 0 7px;font-size:.96rem}.ops-location,.ops-contact{font-size:.73rem;line-height:1.45;margin:3px 0}.ops-location{font-weight:700}.ops-contact{color:var(--muted)}.ops-tech strong,.ops-tech small{display:block}.ops-tech strong{font-size:.77rem}.ops-tech small{font-size:.66rem;color:var(--muted);margin-top:4px}.ops-sla{text-align:right}.ops-sla strong,.ops-sla small{display:block}.ops-sla strong{font-size:.83rem;margin:5px 0}.ops-sla small{color:var(--muted);font-size:.65rem}.ops-sla .sla-clock{font-size:1rem;font-weight:900;color:var(--ds-success)}.ops-sla .sla-clock.late{color:var(--ds-danger)}.ops-sla .sla-clock.risk{color:var(--ds-warning)}.ops-actions{border-top:1px solid #e8eef2;background:#fbfcfd;padding:11px 16px;display:flex;justify-content:flex-end;gap:9px}.ops-actions form{display:flex;gap:8px;align-items:center}.ops-actions select{min-width:220px}.bulk-bar{position:sticky;top:82px;z-index:7;display:none;align-items:center;gap:10px;background:#102a43;color:#fff;border-radius:10px;padding:11px 14px;margin-bottom:10px;box-shadow:0 10px 28px rgba(16,42,67,.2)}.bulk-bar.is-visible{display:flex}.bulk-bar select{margin-left:auto;max-width:300px}.ops-side{display:grid;gap:14px;position:sticky;top:8px}.side-panel{padding:17px}.side-panel h2{font-size:.92rem;margin:3px 0 14px}.tech-list{display:grid}.tech-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:11px 0;border-top:1px solid #e9eff3}.tech-row:first-child{border-top:0}.tech-avatar{width:34px;height:34px;border-radius:50%;background:#e5f4f8;color:#277f99;display:grid;place-items:center;font-size:.7rem;font-weight:900}.tech-row strong,.tech-row small{display:block}.tech-row strong{font-size:.72rem}.tech-row small{font-size:.61rem;color:var(--muted);margin-top:2px}.tech-load{text-align:right}.tech-load b{display:block;font-size:.8rem}.tech-load span{font-size:.56rem;color:var(--muted)}.legend{display:grid;gap:8px}.legend-row{display:flex;align-items:center;justify-content:space-between;font-size:.7rem}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:7px;background:var(--ds-success)}.legend-dot.risk{background:var(--ds-warning)}.legend-dot.late{background:var(--ds-danger)}.select-ticket{display:flex;align-items:center;gap:6px;font-size:.64rem;color:var(--muted);margin-bottom:8px}.select-ticket input{accent-color:var(--cyan)}
@media(max-width:1250px){.ops-summary{grid-template-columns:repeat(3,1fr)}.ops-layout{grid-template-columns:1fr}.ops-side{position:static;grid-template-columns:1fr 1fr}.ops-ticket-grid{grid-template-columns:135px 1fr 180px}.ops-tech{grid-column:2}.ops-sla{grid-column:3;grid-row:1/3}}
@media(max-width:800px){.ops-head{display:block}.ops-head-actions{margin-top:14px}.ops-summary{grid-template-columns:1fr 1fr}.ops-filters{grid-template-columns:1fr;position:static}.ops-ticket-grid{grid-template-columns:1fr}.ops-tech,.ops-sla{grid-column:auto;grid-row:auto;text-align:left}.ops-actions form{width:100%;flex-direction:column;align-items:stretch}.ops-actions select{min-width:0}.ops-actions .btn{width:100%}.ops-side{grid-template-columns:1fr}.bulk-bar{top:8px;flex-wrap:wrap}.bulk-bar select{margin-left:0;max-width:none;width:100%}}
@media(max-width:470px){.ops-summary{grid-template-columns:1fr}}

/* KYNEX 2.7.0 — постоянна основна навигация */
.global-sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#102a43;color:#fff;z-index:100;display:flex;flex-direction:column;padding:22px 16px;overflow-y:auto;box-shadow:8px 0 30px rgba(16,42,67,.12)}
.global-brand{display:block;color:#fff;padding:4px 10px 20px;border-bottom:1px solid rgba(255,255,255,.12)}
.global-brand strong,.global-brand span{display:block}.global-brand strong{font-size:1.35rem;letter-spacing:.08em}.global-brand span{font-size:.68rem;color:#8fd4e2;letter-spacing:.14em;margin-top:4px;text-transform:uppercase}
.global-sidebar nav{display:grid;gap:5px;padding:18px 0}.global-sidebar nav a{display:flex;align-items:center;gap:10px;color:#bfd0dc;padding:10px 11px;border-radius:9px;font-size:.82rem;font-weight:700}.global-sidebar nav a i{font-style:normal;width:24px;text-align:center;color:#74c9db}.global-sidebar nav a:hover,.global-sidebar nav a.active{background:rgba(255,255,255,.11);color:#fff}.global-sidebar-user{margin-top:auto;padding:16px 8px 4px;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:10px}.global-sidebar-user strong,.global-sidebar-user small{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-sidebar-user strong{font-size:.78rem}.global-sidebar-user small{font-size:.64rem;color:#9db3c2;margin-top:3px}.has-global-sidebar .global-content{margin-left:250px;max-width:none;padding-left:28px;padding-right:28px}
@media(max-width:850px){.global-sidebar{width:76px;padding:18px 10px}.global-brand span,.global-sidebar nav a span,.global-sidebar-user div{display:none}.global-brand strong{font-size:.76rem}.global-sidebar nav a{justify-content:center}.has-global-sidebar .global-content{margin-left:76px;padding-left:14px;padding-right:14px}}

/* Tenant palette must remain after the legacy operations colors above. */
body.tenant-theme-sesame .global-sidebar,
body.tenant-theme-city-home .global-sidebar,
body.tenant-theme-kynex .global-sidebar{background:linear-gradient(180deg,var(--theme-primary),var(--theme-deep))}
body.tenant-theme-sesame .hero,
body.tenant-theme-city-home .hero,
body.tenant-theme-kynex .hero{background:linear-gradient(112deg,var(--theme-deep),var(--theme-primary))}
body.tenant-theme-sesame .global-sidebar nav a.active,
body.tenant-theme-city-home .global-sidebar nav a.active,
body.tenant-theme-kynex .global-sidebar nav a.active{background:color-mix(in srgb,var(--theme-accent) 26%,transparent);border-left-color:var(--theme-accent)}
body.tenant-theme-sesame .global-sidebar nav i,
body.tenant-theme-city-home .global-sidebar nav i,
body.tenant-theme-kynex .global-sidebar nav i{color:color-mix(in srgb,var(--theme-accent) 82%,white)}
body.tenant-theme-sesame .global-sidebar-user .avatar,
body.tenant-theme-city-home .global-sidebar-user .avatar,
body.tenant-theme-kynex .global-sidebar-user .avatar{background:var(--theme-accent)}