/* OPS Gate 3.1.56.7 — Ticket Page Standard
   Scoped administration layout. Replaces the broad layout-system-v5 normalizer.
   The IT Support Tickets page is the reference: header, KPI row, workspace panel, registry. */

:root{
  --ops-standard-max:1580px;
  --ops-standard-gap:clamp(.85rem,1.15vw,1.15rem);
  --ops-standard-pad:clamp(1rem,1.35vw,1.3rem);
  --ops-standard-border:rgba(203,213,225,.88);
  --ops-standard-shadow:0 14px 34px rgba(15,23,42,.07);
  --ops-standard-radius:18px;
}

/* Fixed desktop shell. The content column—not the sidebar—owns page scrolling. */
@media (min-width:992px){
  .app-shell,.app-shell.collapsed{
    display:block!important;
    min-height:100vh!important;
    transition:padding-inline-start .18s ease!important;
  }
  .app-shell{padding-inline-start:var(--ops-sidebar-width)!important}
  .app-shell.collapsed{padding-inline-start:var(--ops-sidebar-collapsed)!important}
  #sidebar,#sidebar.collapsed{
    position:fixed!important;
    inset-block:0!important;
    inset-inline-start:0!important;
    top:0!important;
    width:var(--ops-sidebar-width)!important;
    height:100dvh!important;
    z-index:1030!important;
    align-self:auto!important;
  }
  .app-shell.collapsed #sidebar{width:var(--ops-sidebar-collapsed)!important}
  #content-wrap{width:100%!important;min-height:100vh!important}
}

#main-content{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  overflow-x:hidden!important;
  padding:clamp(.8rem,1.15vw,1.15rem)!important;
}

.ops-ticket-standard-page{
  width:min(100%,var(--ops-standard-max))!important;
  max-width:var(--ops-standard-max)!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:var(--ops-standard-gap)!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
}
.ops-ticket-standard-page>*:not(.modal):not(script):not(style){min-width:0!important;max-width:100%!important;margin-block:0!important}

.ops-ticket-standard-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:1rem 1.35rem!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:var(--ops-standard-pad)!important;
  border:1px solid var(--ops-standard-border)!important;
  border-radius:var(--ops-standard-radius)!important;
  background:linear-gradient(120deg,#fff 0%,#fff 58%,#eef4ff 100%)!important;
  color:#0f172a!important;
  box-shadow:var(--ops-standard-shadow)!important;
  overflow:hidden!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
}
.ops-ticket-standard-hero>:first-child{min-width:0!important;max-width:980px!important}
.ops-ticket-standard-hero>:last-child{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:.55rem!important;
  min-width:0!important;
  max-width:100%!important;
}
.ops-ticket-standard-hero h1,.ops-ticket-standard-hero h2,.ops-ticket-standard-hero h3{
  margin:.5rem 0 0!important;
  color:#0f172a!important;
  font-size:clamp(1.45rem,2.45vw,2.15rem)!important;
  line-height:1.15!important;
  font-weight:950!important;
}
.ops-ticket-standard-hero p{margin:.4rem 0 0!important;color:#64748b!important;line-height:1.55!important;max-width:900px!important}
.ops-ticket-standard-actions{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;flex-wrap:wrap}
.ops-ticket-standard-hero .btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border-radius:12px;font-weight:850;min-height:44px}

.ops-ticket-standard-stats{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
  gap:.8rem!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
}
.ops-ticket-standard-stats>[class*="col-"]{display:block!important;width:auto!important;max-width:none!important;padding:0!important;margin:0!important;min-width:0!important}
.ops-ticket-standard-stat,
.ops-ticket-standard-stats :is(.ops-settings-stat,.ops-sub-stat){
  width:100%!important;
  min-width:0!important;
  min-height:112px!important;
  height:100%!important;
  padding:1rem!important;
  border:1px solid var(--ops-standard-border)!important;
  border-radius:var(--ops-standard-radius)!important;
  background:linear-gradient(145deg,#fff,#f5f8ff)!important;
  box-shadow:var(--ops-standard-shadow)!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  align-items:center!important;
  gap:.75rem!important;
  text-align:start!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  overflow:hidden!important;
}
.ops-ticket-standard-stat>i,
.ops-ticket-standard-stats :is(.ops-settings-stat,.ops-sub-stat)>i{
  width:44px!important;height:44px!important;border-radius:13px!important;
  display:grid!important;place-items:center!important;
  margin:0!important;font-size:1.2rem!important;
  color:#2563eb!important;background:#eaf2ff!important;
  align-self:start!important;
}
.ops-ticket-standard-stat>div,.ops-ticket-standard-stats .ops-settings-stat>div{min-width:0!important}
.ops-ticket-standard-stat span,.ops-ticket-standard-stats :is(.ops-settings-stat,.ops-sub-stat) span{
  display:block!important;margin:0!important;color:#64748b!important;font-size:.78rem!important;font-weight:850!important;line-height:1.35!important;text-transform:none!important;letter-spacing:0!important;overflow-wrap:anywhere!important
}
.ops-ticket-standard-stat strong,.ops-ticket-standard-stats :is(.ops-settings-stat,.ops-sub-stat) strong{
  display:block!important;margin:.18rem 0 0!important;color:#0f172a!important;font-size:1.75rem!important;line-height:1.08!important;font-weight:950!important;overflow-wrap:anywhere!important
}
.ops-ticket-standard-stat small,.ops-ticket-standard-stats :is(.ops-settings-stat,.ops-sub-stat) small{
  display:block!important;margin:.2rem 0 0!important;color:#64748b!important;font-size:.75rem!important;line-height:1.35!important;overflow-wrap:anywhere!important
}

.ops-ticket-standard-panel{
  width:100%!important;
  min-width:0!important;
  padding:1rem!important;
  margin:0!important;
  border:1px solid var(--ops-standard-border)!important;
  border-radius:var(--ops-standard-radius)!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:var(--ops-standard-shadow)!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
}
.ops-ticket-standard-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.ops-ticket-standard-panel-head h4{font-weight:950;color:#0f172a}
.ops-ticket-standard-page .table-responsive,.ops-ticket-standard-page [class*="table-wrap"]{width:100%!important;max-width:100%!important;overflow:auto!important;-webkit-overflow-scrolling:touch}

/* System Settings */
#opsSystemSettingsRoot .ops-settings-hero:after{display:none!important}
#opsSystemSettingsRoot .ops-settings-hero>.position-relative{
  width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:1rem 1.35rem!important;position:static!important
}
#opsSystemSettingsRoot .ops-settings-badge{background:#eef4ff!important;border:0!important;color:#1d4ed8!important;margin-bottom:.35rem!important}
#opsSystemSettingsRoot .ops-settings-hero .btn{background:#fff!important;color:#2563eb!important;border:1px solid #93b4ff!important}
#opsSettingsStats{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.ops-settings-content-grid{
  display:grid!important;
  grid-template-columns:minmax(0,2fr) minmax(320px,1fr)!important;
  gap:var(--ops-standard-gap)!important;
  width:100%!important;
  margin:0!important;
}
.ops-settings-content-grid>[class*="col-"]{width:auto!important;max-width:none!important;padding:0!important;margin:0!important;min-width:0!important}
.ops-settings-main-column>.ops-settings-panel{height:auto!important}
.ops-settings-side-column{display:flex!important;flex-direction:column!important;gap:var(--ops-standard-gap)!important}
.ops-settings-side-column>.ops-settings-panel{margin:0!important;width:100%!important}
#opsSystemSettingsRoot .ops-settings-panel{border-radius:var(--ops-standard-radius)!important;box-shadow:var(--ops-standard-shadow)!important}

/* Subscriptions */
#opsSubscriptionsRoot .ops-sub-eyebrow{margin-bottom:.1rem!important}
#opsSubscriptionsStats{grid-template-columns:repeat(6,minmax(150px,1fr))!important}
#opsSubscriptionsStats .ops-sub-stat{cursor:pointer!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important}
#opsSubscriptionsStats .ops-sub-stat:hover{transform:translateY(-2px)!important}
#opsSubscriptionsStats .ops-sub-stat.is-active{border-color:#2563eb!important;box-shadow:0 0 0 3px rgba(37,99,235,.12),var(--ops-standard-shadow)!important}
.ops-sub-workspace{padding:0!important;overflow:hidden!important}
.ops-sub-workspace>.ops-sub-tabs{margin:0!important;padding:1rem 1rem .75rem!important;display:flex!important;gap:.5rem!important;flex-wrap:wrap!important;border-bottom:1px solid var(--ops-standard-border)!important;background:#f8fafc!important}
.ops-sub-workspace>.ops-sub-tabs .nav-link{margin:0!important}
.ops-sub-tab-content{padding:1rem!important;min-width:0!important}
.ops-sub-tab-content>.ops-sub-panel{border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;background:transparent!important;width:100%!important}
.ops-sub-toolbar{width:100%!important;align-items:center!important}
.ops-sub-toolbar .input-group{min-width:260px!important;flex:1 1 440px!important;max-width:720px!important}
.ops-sub-toolbar .form-select{flex:0 1 230px!important}
.ops-sub-table-wrap{width:100%!important}

/* System Updates */
#opsSystemUpdatesRoot{gap:var(--ops-standard-gap)!important}
#opsSystemUpdatesRoot .ops-update-hero h3{margin:0!important}
.ops-update-primary-grid{
  display:grid!important;
  grid-template-columns:minmax(300px,.72fr) minmax(0,1.6fr)!important;
  gap:var(--ops-standard-gap)!important;
  width:100%!important;
  margin:0!important;
}
.ops-update-primary-grid>[class*="col-"]{width:auto!important;max-width:none!important;padding:0!important;margin:0!important;min-width:0!important}
#opsSystemUpdatesRoot>.card,#opsSystemUpdatesRoot .ops-update-primary-grid .card{width:100%!important;margin:0!important;border:1px solid var(--ops-standard-border)!important;border-radius:var(--ops-standard-radius)!important;box-shadow:var(--ops-standard-shadow)!important;overflow:hidden!important}
#opsSystemUpdatesRoot>.card+.card{margin-top:0!important}
#opsSystemUpdatesRoot .card-header{padding:1rem!important}
#opsSystemUpdatesRoot .card-body{padding:1rem!important}

/* Upload Limits — horizontal workspace, no narrow side rail. */
#opsUploadLimitsRoot{max-width:var(--ops-standard-max)!important}
.ops-upload-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.ops-upload-workspace{padding:0!important;overflow:hidden!important}
.ops-upload-workspace>.ops-ticket-standard-panel-head{padding:1rem!important;margin:0!important;border-bottom:1px solid var(--ops-standard-border)!important;background:#f8fafc!important}
.ops-upload-tab-list{position:static!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:.45rem!important;flex-wrap:wrap!important;width:100%!important;margin-top:.75rem!important}
.ops-upload-tab{flex:0 1 auto!important;min-width:145px!important;max-width:240px!important;border:1px solid var(--ops-standard-border)!important;background:#fff!important;border-radius:12px!important;padding:.6rem .75rem!important;text-align:start!important;font-weight:850!important;color:#334155!important;display:flex!important;align-items:center!important;gap:.5rem!important;justify-content:space-between!important}
.ops-upload-tab.active{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important;box-shadow:0 8px 18px rgba(37,99,235,.18)!important}
.ops-upload-card-stack{padding:1rem!important}
.ops-upload-tab-card{display:none!important;width:100%!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.ops-upload-tab-card.active{display:block!important}
.ops-upload-table-wrap{width:100%!important;max-width:100%!important;overflow:auto!important;border:1px solid var(--ops-standard-border)!important;border-radius:15px!important}
.ops-upload-table{width:100%!important;min-width:900px!important;border-collapse:collapse!important;border-spacing:0!important;margin:0!important}
.ops-upload-table th{padding:.75rem!important;background:#f8fafc!important;border-bottom:1px solid var(--ops-standard-border)!important}
.ops-upload-table td{padding:.7rem!important;background:#fff!important;border:0!important;border-bottom:1px solid #e8edf4!important;border-radius:0!important}
.ops-upload-table tbody tr:last-child td{border-bottom:0!important}
.ops-upload-savebar{position:static!important;margin:0!important;border:0!important;border-top:1px solid var(--ops-standard-border)!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;padding:1rem!important}

/* Dark mode */
html[data-ops-theme="dark"] .ops-ticket-standard-hero,
html[data-ops-theme="dark"] .ops-ticket-standard-panel,
html[data-ops-theme="dark"] .ops-ticket-standard-stat,
html[data-ops-theme="dark"] .ops-ticket-standard-stats :is(.ops-settings-stat,.ops-sub-stat){
  background:linear-gradient(145deg,#111c2e,#132039)!important;border-color:#2b3a50!important;box-shadow:0 16px 38px rgba(0,0,0,.3)!important;color:#e5edf8!important
}
html[data-ops-theme="dark"] .ops-ticket-standard-hero h1,html[data-ops-theme="dark"] .ops-ticket-standard-hero h2,html[data-ops-theme="dark"] .ops-ticket-standard-hero h3,
html[data-ops-theme="dark"] .ops-ticket-standard-stat strong,html[data-ops-theme="dark"] .ops-ticket-standard-stats :is(.ops-settings-stat,.ops-sub-stat) strong{color:#f8fafc!important}
html[data-ops-theme="dark"] .ops-ticket-standard-hero p,html[data-ops-theme="dark"] .ops-ticket-standard-stat span,html[data-ops-theme="dark"] .ops-ticket-standard-stat small{color:#cbd5e1!important}
html[data-ops-theme="dark"] .ops-sub-workspace>.ops-sub-tabs,html[data-ops-theme="dark"] .ops-upload-workspace>.ops-ticket-standard-panel-head{background:#152238!important;border-color:#2b3a50!important}
html[data-ops-theme="dark"] .ops-upload-tab,html[data-ops-theme="dark"] .ops-upload-table td,html[data-ops-theme="dark"] .ops-upload-savebar{background:#111c2e!important;color:#e5edf8!important;border-color:#2b3a50!important}
html[data-ops-theme="dark"] .ops-upload-table th{background:#152238!important;color:#cbd5e1!important;border-color:#2b3a50!important}

@media(max-width:1399.98px){
  #opsSubscriptionsStats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:1199.98px){
  #opsSettingsStats,.ops-upload-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ops-settings-content-grid{grid-template-columns:1fr!important}
  .ops-settings-side-column{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:991.98px){
  .app-shell,.app-shell.collapsed{padding-inline-start:0!important}
  .ops-ticket-standard-hero{grid-template-columns:1fr!important;align-items:start!important}
  .ops-ticket-standard-hero>:last-child{justify-content:flex-start!important;width:100%!important}
  .ops-ticket-standard-hero>:last-child .btn{flex:1 1 180px!important}
  .ops-update-primary-grid{grid-template-columns:1fr!important}
  #opsSubscriptionsStats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ops-upload-tab{flex:1 1 180px!important;max-width:none!important}
}
@media(max-width:767.98px){
  #main-content{padding:.75rem!important}
  #opsSettingsStats,#opsSubscriptionsStats,.ops-upload-stats{grid-template-columns:1fr!important}
  .ops-settings-side-column{grid-template-columns:1fr!important}
  .ops-ticket-standard-page{gap:.75rem!important}
  .ops-ticket-standard-hero,.ops-ticket-standard-panel{border-radius:15px!important;padding:1rem!important}
  .ops-sub-workspace,.ops-upload-workspace{padding:0!important}
  .ops-sub-tab-content,.ops-upload-card-stack{padding:.75rem!important}
  .ops-sub-workspace>.ops-sub-tabs{padding:.75rem!important;overflow:auto!important;flex-wrap:nowrap!important}
  .ops-sub-workspace>.ops-sub-tabs .nav-link{white-space:nowrap!important}
  .ops-upload-workspace>.ops-ticket-standard-panel-head{padding:.75rem!important}
  .ops-upload-tab-list{flex-wrap:nowrap!important;overflow:auto!important;padding-bottom:.2rem!important}
  .ops-upload-tab{min-width:160px!important;flex:0 0 auto!important}
}