/* OPS Gate 3.1.56.10 — scoped shell, ticket KPI, suggestions and profile recovery. */
:root{
  --ops-shell-desktop-breakpoint:768px;
  --ops-profile-border:rgba(203,213,225,.9);
  --ops-profile-card:#fff;
}

/* Desktop sidebar stays visible and the content column is offset consistently. */
@media (min-width:768px){
  body.ops-safe-style-recovery .app-shell,
  body.ops-safe-style-recovery .app-shell.collapsed{
    display:block!important;
    min-height:100vh!important;
    padding-inline-start:var(--ops-sidebar-width)!important;
    transition:padding-inline-start .18s ease!important;
  }
  body.ops-safe-style-recovery .app-shell.collapsed{padding-inline-start:var(--ops-sidebar-collapsed)!important}
  body.ops-safe-style-recovery #sidebar,
  body.ops-safe-style-recovery #sidebar.collapsed{
    display:flex!important;
    position:fixed!important;
    inset-block:0!important;
    inset-inline-start:0!important;
    width:var(--ops-sidebar-width)!important;
    height:100dvh!important;
    transform:none!important;
    visibility:visible!important;
    opacity:1!important;
    z-index:1040!important;
  }
  body.ops-safe-style-recovery .app-shell.collapsed #sidebar{width:var(--ops-sidebar-collapsed)!important}
  body.ops-safe-style-recovery #content-wrap{width:100%!important;min-width:0!important;min-height:100vh!important}
  body.ops-safe-style-recovery .ops-safe-topbar__mobile-menu{display:none!important}
}

/* Only small screens use the off-canvas drawer. */
@media (max-width:767.98px){
  body.ops-safe-style-recovery .app-shell,
  body.ops-safe-style-recovery .app-shell.collapsed{display:block!important;padding-inline-start:0!important}
  body.ops-safe-style-recovery #sidebar,
  body.ops-safe-style-recovery #sidebar.collapsed{
    position:fixed!important;
    inset-block:0!important;
    inset-inline-start:0!important;
    width:min(300px,88vw)!important;
    height:100dvh!important;
    transform:translateX(-105%)!important;
    transition:transform .2s ease!important;
    z-index:1040!important;
  }
  html[dir="rtl"] body.ops-safe-style-recovery #sidebar,
  html[dir="rtl"] body.ops-safe-style-recovery #sidebar.collapsed{transform:translateX(105%)!important}
  body.ops-safe-style-recovery #sidebar.mobile-open,
  html[dir="rtl"] body.ops-safe-style-recovery #sidebar.mobile-open{transform:translateX(0)!important}
  body.ops-safe-style-recovery #sidebar.collapsed .ops-brand-copy,
  body.ops-safe-style-recovery #sidebar.collapsed .ops-sidebar-group-label,
  body.ops-safe-style-recovery #sidebar.collapsed .sidebar-link .label{display:block!important}
  body.ops-safe-style-recovery #sidebar.collapsed #brand{height:var(--ops-topbar-height)!important;padding:0 1rem!important;flex-direction:row!important;justify-content:space-between!important}
  body.ops-safe-style-recovery #sidebar.collapsed .ops-sidebar-group-toggle{justify-content:flex-start!important;padding:.5rem .65rem!important}
  body.ops-safe-style-recovery #sidebar.collapsed .sidebar-link{justify-content:flex-start!important;padding:.58rem .72rem!important}
  body.ops-safe-style-recovery .ops-safe-topbar__mobile-menu{display:grid!important}
}

#sidebar .nav-scroller{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain}
.ops-safe-topbar__avatar{cursor:pointer!important;border:2px solid transparent!important;transition:border-color .16s ease,transform .16s ease!important}
.ops-safe-topbar__avatar:hover{border-color:var(--ops-primary,#2563eb)!important;transform:translateY(-1px)}

/* Ticket KPI row: six controlled cards instead of one full-width card per row. */
.ops-core-page--tickets>.ops-module-kpi-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:.8rem!important;
  width:100%!important;
  margin:0 0 1rem!important;
}
.ops-core-page--tickets>.ops-module-kpi-grid>.ops-module-kpi-slot{display:block!important;min-width:0!important;width:auto!important}
.ops-core-page--tickets>.ops-module-kpi-grid .ops-ticket-stat{height:100%!important;min-height:116px!important}
@media(max-width:1399.98px){.ops-core-page--tickets>.ops-module-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:899.98px){.ops-core-page--tickets>.ops-module-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:575.98px){.ops-core-page--tickets>.ops-module-kpi-grid{grid-template-columns:1fr!important}}

/* Suggestions follows the Ticket page: hero, KPI row, then registry. */
.ops-suggestions-page{
  width:min(100%,1580px)!important;
  margin:0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:1rem!important;
  padding:.25rem .25rem 1.25rem!important;
}
.ops-suggestions-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:1rem!important;
  padding:1.15rem 1.25rem!important;
  border:1px solid var(--ops-ds-border,#dbe4ef)!important;
  border-radius:18px!important;
  background:linear-gradient(120deg,#fff 0%,#fff 58%,#eef4ff 100%)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.07)!important;
}
.ops-suggestions-hero h2{margin:0!important;font-size:clamp(1.45rem,2.7vw,2.18rem)!important;font-weight:950!important;color:#0f172a!important}
.ops-suggestions-hero p{margin:.45rem 0 0!important;color:#64748b!important;max-width:900px!important}
.ops-suggestions-actions{display:flex!important;gap:.55rem!important;flex-wrap:wrap!important;justify-content:flex-end!important}
.ops-suggestions-kpi-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.8rem!important;width:100%!important}
.ops-suggestions-kpi{
  min-height:112px!important;padding:1rem!important;border:1px solid var(--ops-ds-border,#dbe4ef)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 14px 34px rgba(15,23,42,.07)!important
}
.ops-suggestions-kpi i{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#eff6ff;color:#2563eb;font-size:1.15rem}
.ops-suggestions-kpi span{display:block;margin-top:.5rem;color:#64748b;font-size:.82rem;font-weight:850}
.ops-suggestions-kpi strong{display:block;margin-top:.15rem;color:#0f172a;font-size:2rem;line-height:1.1;font-weight:950;overflow-wrap:anywhere}
.ops-suggestions-panel{width:100%!important;min-width:0!important;padding:1rem!important;border:1px solid var(--ops-ds-border,#dbe4ef)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 14px 34px rgba(15,23,42,.07)!important}
.ops-suggestions-panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;flex-wrap:wrap!important;margin-bottom:1rem!important}
.ops-suggestions-panel-head h4{margin:0!important;font-weight:950!important}
.ops-suggestions-table-wrap{width:100%!important;overflow:auto!important;border:1px solid var(--ops-ds-border,#dbe4ef)!important;border-radius:15px!important}
.ops-suggestions-table{margin:0!important;min-width:900px!important}
.ops-suggestions-table th{background:#f8fafc!important;color:#475569!important;font-size:.75rem!important;text-transform:uppercase!important;letter-spacing:.04em!important;white-space:nowrap!important}
@media(max-width:767.98px){
  .ops-suggestions-hero{grid-template-columns:1fr!important;align-items:start!important}
  .ops-suggestions-actions{justify-content:flex-start!important;width:100%!important}
  .ops-suggestions-actions .btn{flex:1 1 180px!important}
  .ops-suggestions-kpi-grid{grid-template-columns:1fr!important}
  .ops-suggestions-page{padding:0!important}
}

/* Employee self-profile. */
.ops-profile-modal{border:0!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 24px 70px rgba(15,23,42,.22)!important}
.ops-profile-modal__header{background:linear-gradient(120deg,#fff,#eef4ff)!important;border-bottom:1px solid var(--ops-profile-border)!important}
.ops-profile-modal__photo{width:58px;height:58px;object-fit:cover;border-radius:50%;border:2px solid #fff;box-shadow:0 4px 14px rgba(15,23,42,.15)}
.ops-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.ops-profile-card{min-width:0;border:1px solid var(--ops-profile-border);border-radius:16px;background:var(--ops-profile-card);overflow:hidden}
.ops-profile-card__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;background:#f8fafc;border-bottom:1px solid var(--ops-profile-border)}
.ops-profile-card__head strong{display:flex;align-items:center;gap:.5rem;color:#0f172a}
.ops-profile-card__body{padding:1rem;max-height:330px;overflow:auto}
.ops-profile-details{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);gap:.65rem 1rem;margin:0}
.ops-profile-details dt{color:#64748b;font-size:.82rem}.ops-profile-details dd{margin:0;color:#0f172a;font-weight:700;overflow-wrap:anywhere}
.ops-profile-list{display:grid;gap:.65rem}
.ops-profile-item{padding:.75rem;border:1px solid #e2e8f0;border-radius:12px;background:#fff}
.ops-profile-item__title{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.ops-profile-item__meta{margin-top:.3rem;color:#64748b;font-size:.78rem;overflow-wrap:anywhere}
@media(max-width:991.98px){.ops-profile-grid{grid-template-columns:1fr}}

html[data-ops-theme="dark"] .ops-suggestions-hero,
html[data-ops-theme="dark"] .ops-suggestions-kpi,
html[data-ops-theme="dark"] .ops-suggestions-panel,
html[data-ops-theme="dark"] .ops-profile-card,
html[data-ops-theme="dark"] .ops-profile-item{background:#111c2e!important;border-color:#2b3a50!important;color:#e5edf8!important}
html[data-ops-theme="dark"] .ops-suggestions-hero h2,
html[data-ops-theme="dark"] .ops-suggestions-kpi strong,
html[data-ops-theme="dark"] .ops-profile-card__head strong,
html[data-ops-theme="dark"] .ops-profile-details dd{color:#f8fafc!important}
html[data-ops-theme="dark"] .ops-profile-card__head,
html[data-ops-theme="dark"] .ops-suggestions-table th{background:#152238!important;border-color:#2b3a50!important;color:#cbd5e1!important}