/* ── sla.css — SwitchOps SLA page only ─────────────────────────────────── */

/* ── SLA SECTION ──────────────────────────── */
.sla-section{max-width:900px;margin:0 auto;padding:0 24px 44px;}

/* Tier tabs */
.sla-tabs{
  display:flex;gap:8px;margin-bottom:48px;justify-content:center;flex-wrap:wrap;
  align-items:center;
}
.sla-tab-wrap{position:relative;display:inline-flex;}
.sla-tab-badge{
  position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);
  font-family:'Inter',sans-serif;font-size:10px;font-weight:700;letter-spacing:0.06em;
  color:hsl(210,25%,8%);
  background:linear-gradient(90deg,var(--primary),hsl(190,90%,65%));
  padding:2px 10px;border-radius:9999px;
  box-shadow:0 0 10px hsla(175,70%,50%,0.5);
  white-space:nowrap;
}
.sla-tab-btn{
  font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;
  padding:9px 28px;border-radius:9999px;
  border:1px solid hsla(175,70%,50%,0.35);background:transparent;color:var(--muted);
  cursor:pointer;transition:all .2s;letter-spacing:0.05em;
}
.sla-tab-btn:hover{border-color:var(--primary-border);color:var(--primary);background:var(--primary-dim);}
.sla-tab-btn.active{
  background:var(--primary-dim);border-color:var(--primary-border);color:var(--primary);
  box-shadow:0 0 14px hsla(175,70%,50%,0.2);
}

/* Panels */
.sla-panels-wrap{}
.sla-panel{display:none;}
.sla-panel.active{display:block;}

/* Tier badge above table */
.sla-tier-badge{
  display:flex;width:fit-content;align-items:center;gap:8px;margin-bottom:20px;
  margin-right:auto;
  font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;
  letter-spacing:0.1em;text-transform:uppercase;
  padding:5px 14px;border-radius:9999px;
  border:1px solid var(--primary-border);
  background:var(--primary-dim);color:var(--primary);
}

/* Terminal wrapper */
.sla-terminal-wrap{
  border-radius:12px;border:1px solid hsla(175,70%,50%,0.45);overflow:hidden;
  background:var(--card);
  box-shadow:0 4px 24px hsla(175,70%,50%,0.1),0 0 0 1px hsla(175,70%,50%,0.08);
}
.sla-terminal-bar{
  display:flex;align-items:center;gap:6px;
  padding:10px 16px;
  background:hsla(210,20%,10%,1);
  border-bottom:1px solid var(--border);
}
.terminal-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;}
.sla-terminal-label{
  font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--muted);
  margin-right:auto;
}

/* Table */
.sla-table{width:100%;border-collapse:collapse;table-layout:fixed;}
.sla-table col:nth-child(1){width:45%;}
.sla-table col:nth-child(2){width:22%;}
.sla-table col:nth-child(3){width:20%;}
.sla-table col:nth-child(4){width:13%;}
.sla-table th{
  padding:13px 20px;text-align:right;
  font-family:'Inter',sans-serif;font-size:13px;font-weight:700;
  color:var(--primary);letter-spacing:0.02em;
  border-bottom:1px solid hsla(175,70%,50%,0.35);
  background:hsla(175,70%,50%,0.04);
}
.sla-table td{
  padding:11px 20px;text-align:right;
  color:var(--muted);font-size:0.9375rem;font-weight:600;line-height:1.5;
  border-bottom:1px solid hsla(175,70%,50%,0.15);
  transition:background .15s;
}
.sla-table tr:last-child td{border-bottom:none;}
.sla-table tbody tr:hover{background:hsla(175,70%,50%,0.05);}
.sla-type-name{
  background:linear-gradient(90deg,var(--primary),hsl(190,90%,65%));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 6px hsla(175,70%,50%,0.3));
}
.sla-type-desc{
  display:block;font-size:11px;font-weight:600;margin-top:3px;
  color:var(--muted);font-family:'Inter',sans-serif;line-height:1.4;
}

/* Level cell */
.sla-level{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;
  color:var(--muted);direction:ltr;
}
.sla-dot{
  width:11px;height:11px;border-radius:50%;flex-shrink:0;
  box-shadow:0 0 6px currentColor;
}
.sla-dot--p1{background:#ef4444;color:#ef4444;}
.sla-dot--p2{background:#eab308;color:#eab308;}
.sla-dot--p3{background:#22c55e;color:#22c55e;}

/* Response time */
.sla-time{
  font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;color:var(--muted);
}

/* Availability — days (Hebrew, RTL) */
.sla-days{
  display:block;font-size:13px;font-weight:600;color:var(--muted);
}
/* Availability — time (LTR numbers only) */
.sla-avail{
  font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--muted);
  direction:ltr;unicode-bidi:bidi-override;display:block;
}

/* Footer note */
.sla-note{
  margin-top:14px;padding:10px 16px;
  border-radius:10px;
  border:1px solid hsla(175,70%,50%,0.45);
  border-right:3px solid var(--primary);
  background:var(--card);
  font-family:'Inter',sans-serif;font-size:0.9375rem;font-weight:600;
  color:var(--muted);line-height:1.65;
}
.sla-note-title{
  display:block;font-size:0.9375rem;font-weight:700;
  font-family:'Inter',sans-serif;margin-bottom:5px;
  background:linear-gradient(90deg,var(--primary),hsl(190,90%,65%));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 6px hsla(175,70%,50%,0.3));
}
.sla-note ul{
  list-style:none;padding:0;margin:0;
  display:flex;flex-direction:column;gap:3px;
}
.sla-note ul li::before{
  content:'·';color:var(--primary);margin-left:8px;font-weight:700;
}

/* Tab link button (inline, looks like a link) */
.sla-tab-link{
  background:none;border:none;padding:0;cursor:pointer;
  color:var(--primary);font-family:inherit;font-size:inherit;font-weight:700;
  text-decoration:underline;text-underline-offset:2px;
  transition:opacity .2s;
}
.sla-tab-link:hover{opacity:0.75;}

/* CTA */
.sla-cta{
  margin-top:20px;padding:16px 32px;
  border-radius:12px;border:1px solid var(--primary-border);
  background:var(--card);text-align:center;
}
.sla-cta p{color:var(--muted);font-size:0.9375rem;line-height:1.85;margin-bottom:16px;}

/* ── RESPONSIVE (SLA-specific only) ─────────── */
@media(max-width:768px){
  .sla-table th,.sla-table td{padding:12px 12px;}
  .sla-table th{font-size:10px;}
  .sla-table td{font-size:0.875rem;}
  .sla-tab-btn{padding:8px 18px;font-size:12px;}
  .sla-section{padding-bottom:56px;}
}
@media(max-width:480px){
  .sla-section{padding:0 12px 56px;}
  .sla-type-desc{display:none;}
  .sla-table col:nth-child(1){width:30%;}
  .sla-table col:nth-child(2){width:27%;}
  .sla-table col:nth-child(3){width:27%;}
  .sla-table col:nth-child(4){width:16%;}
  .sla-table th{font-size:9px;letter-spacing:0;padding:8px 6px;}
  .sla-table td{font-size:0.8rem;padding:9px 6px;}
  .sla-type-name{font-size:12px;}
  .sla-time,.sla-days{font-size:11px;}
  .sla-avail{font-size:10px;}
  .sla-level{font-size:11px;gap:4px;}
  .sla-dot{width:8px;height:8px;}
}

/* ── HIGH CONTRAST ────────────────────────── */
body.a11y-high-contrast .sla-table td,
body.a11y-high-contrast .sla-type-desc,
body.a11y-high-contrast .sla-days,
body.a11y-high-contrast .sla-avail,
body.a11y-high-contrast .sla-time,
body.a11y-high-contrast .sla-level,
body.a11y-high-contrast .sla-note,
body.a11y-high-contrast .sla-cta p{color:#fff!important;}