/* ==========================================================================
   Pathway IT — support.css  (Tech Support page)
   ========================================================================== */

/* KB search in hero */
.kb-search { display: flex; gap: .6rem; margin-top: 2rem; max-width: 560px; }
.hero--center .kb-search { margin-inline: auto; }
.kb-search .field { flex: 1; display: flex; align-items: center; gap: .7rem; padding: .3rem .3rem .3rem 1.1rem; border-radius: var(--r-pill); background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .18); }
.kb-search svg { width: 20px; height: 20px; color: #8f9bc6; flex: none; }
.kb-search input { flex: 1; background: none; border: 0; color: #fff; padding: .7rem 0; }
.kb-search input::placeholder { color: #8f9bc6; }
.kb-search input:focus-visible { outline: none; }
@media (max-width: 520px) { .kb-search { flex-direction: column; } .kb-search .btn { width: 100%; } }

/* support channels grid */
.chan-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; margin-top: clamp(2.5rem, 5vw, 3.4rem); }
.chan-card { display: flex; flex-direction: column; gap: .6rem; }
.chan-card .meta { display: flex; align-items: center; gap: .5rem; margin-top: .4rem; font-size: .85rem; color: var(--slate-500); }
.chan-card .meta .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); }
@media (max-width: 900px) { .chan-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .chan-grid { grid-template-columns: 1fr; } }

/* status board */
.status-board { margin-top: clamp(2.5rem, 5vw, 3.4rem); border: 1px solid var(--line); border-radius: var(--r-xl); overflow: hidden; background: var(--paper); }
.status-board .sb-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.3rem clamp(1.2rem, 2.5vw, 1.8rem); background: var(--paper-2); border-bottom: 1px solid var(--line); }
.status-board .sb-head b { font-size: 1.05rem; }
.sb-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.1rem clamp(1.2rem, 2.5vw, 1.8rem); border-bottom: 1px solid var(--line); }
.sb-row:last-child { border-bottom: 0; }
.sb-row .svc { display: flex; align-items: center; gap: .7rem; font-weight: 500; }
.sb-row .svc svg { width: 20px; height: 20px; color: var(--slate-500); }
.sb-state { display: inline-flex; align-items: center; gap: .5rem; font-size: .85rem; font-weight: 600; color: var(--green); }
.sb-state.deg { color: var(--amber); }
.sb-uptime { font-family: var(--font-mono); font-size: .82rem; color: var(--slate-500); }
@media (max-width: 640px) { .sb-uptime { display: none; } }