/* _content/FiberHome.IPTV.Middleware/Components/Layout/MainLayout.razor.rz.scp.css */
.shell[b-kad1mu1lax] { min-height: 100vh; color: var(--ink); background-color: var(--page-bg); transition: color .25s ease, background-color .25s ease; }
.topbar[b-kad1mu1lax] { min-height: 154px; padding: 8px 28px; display: flex; align-items: center; justify-content: space-between; background: var(--topbar-bg); border-bottom: 1px solid var(--line); transition: background-color .2s ease, border-color .2s ease; }
.brand-tools[b-kad1mu1lax] { display: flex; align-items: center; gap: 12px; }
.brand[b-kad1mu1lax] { display: block; width: 156px; height: 138px; flex: 0 0 156px; }
.brand .brand-logo-light[b-kad1mu1lax],
.brand .brand-logo-dark[b-kad1mu1lax] { display: block; width: 156px !important; height: 138px !important; max-width: none !important; object-fit: contain; object-position: center; }
.brand-logo-dark[b-kad1mu1lax] { display: none !important; }
:root[data-theme="dark"] .brand-logo-light[b-kad1mu1lax] { display: none !important; }
:root[data-theme="dark"] .brand-logo-dark[b-kad1mu1lax] { display: block !important; }
.theme-switch[b-kad1mu1lax] { min-height: 44px; display: inline-flex; align-items: center; gap: 9px; padding: 4px 10px 4px 5px; color: var(--muted); background: var(--surface-alt); border: 1px solid var(--control-border); border-radius: 999px; cursor: pointer; font: inherit; font-size: .78rem; font-weight: 800; letter-spacing: .02em; box-shadow: 0 5px 14px rgba(7, 87, 183, .12); transition: transform .18s ease, color .25s ease, background-color .25s ease, border-color .25s ease, box-shadow .25s ease; }
.theme-switch:hover[b-kad1mu1lax] { transform: translateY(-1px); color: var(--ink); box-shadow: 0 7px 18px rgba(7, 87, 183, .2); }
.theme-switch:focus-visible[b-kad1mu1lax] { outline: 3px solid var(--focus-ring); outline-offset: 2px; }
.theme-switch-track[b-kad1mu1lax] { position: relative; width: 64px; height: 34px; display: block; flex: 0 0 auto; overflow: hidden; background: linear-gradient(135deg, #ffd39a, #ff8a33); border: 1px solid rgba(161, 71, 0, .18); border-radius: 999px; box-shadow: inset 0 2px 5px rgba(74, 34, 0, .18); transition: background .25s ease, border-color .25s ease; }
.theme-switch-track[b-kad1mu1lax]::before { position: absolute; content: ""; width: 4px; height: 4px; top: 8px; right: 10px; background: #fff4de; border-radius: 50%; opacity: .75; box-shadow: 9px 7px 0 #fff4de, 1px 16px 0 #fff4de; }
.theme-switch-thumb[b-kad1mu1lax] { position: absolute; z-index: 1; top: 3px; left: 3px; width: 26px; height: 26px; display: grid; place-items: center; color: #f06a00; background: #fffaf2; border-radius: 50%; box-shadow: 0 2px 8px rgba(65, 38, 10, .35); transition: transform .28s cubic-bezier(.2,.8,.2,1), color .25s ease, background-color .25s ease; }
.theme-icon[b-kad1mu1lax] { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.theme-switch-label[b-kad1mu1lax] { min-width: 46px; text-align: left; }
.environment-pill[b-kad1mu1lax] { color: var(--blue); background: var(--secondary-bg); border: 1px solid var(--control-border); border-radius: 999px; padding: .45rem .9rem; font-weight: 700; }
.workspace[b-kad1mu1lax] { display: grid; grid-template-columns: 250px 1fr; min-height: calc(100vh - 154px); }
.sidebar[b-kad1mu1lax] { background-color: var(--sidebar-bg); padding: 22px 14px; transition: background-color .25s ease; }
.content[b-kad1mu1lax] { min-width: 0; padding: 34px; overflow-x: auto; color: var(--ink); background-color: var(--page-bg); transition: color .25s ease, background-color .25s ease; }
@media (max-width: 760px) { .topbar[b-kad1mu1lax] { min-height: 130px; padding-inline: 14px; }.brand[b-kad1mu1lax] { width: 123px; height: 114px; flex-basis: 123px; }.brand .brand-logo-light[b-kad1mu1lax], .brand .brand-logo-dark[b-kad1mu1lax] { width: 123px !important; height: 114px !important; }.theme-switch-label[b-kad1mu1lax] { display: none; }.theme-switch[b-kad1mu1lax] { padding-right: 5px; }.environment-pill[b-kad1mu1lax] { display: none; }.workspace[b-kad1mu1lax] { min-height: calc(100vh - 130px); grid-template-columns: 1fr; } .sidebar[b-kad1mu1lax] { padding: 8px; } .content[b-kad1mu1lax] { padding: 20px; } }
#blazor-error-ui[b-kad1mu1lax] { background: #fff3cd; bottom: 0; box-shadow: 0 -1px 4px rgba(0,0,0,.2); display: none; left: 0; padding: .8rem 1.25rem; position: fixed; width: 100%; z-index: 1000; }
/* _content/FiberHome.IPTV.Middleware/Components/Layout/NavMenu.razor.rz.scp.css */
.nav-stack[b-gi1pun7xtv] { display: grid; gap: 8px; }
.nav-stack[b-gi1pun7xtv]  a, .nav-stack button[b-gi1pun7xtv] { display: block; width: 100%; border: 0; border-radius: 10px; padding: 12px 14px; color: #dcecff; background: transparent; text-align: left; text-decoration: none; font-weight: 650; }
.nav-stack[b-gi1pun7xtv]  a:hover, .nav-stack button:hover[b-gi1pun7xtv], .nav-stack[b-gi1pun7xtv]  a.active { color: #fff; background: var(--sidebar-active); }
.nav-stack[b-gi1pun7xtv]  a.active { border-left: 4px solid #ff6b00; }
.nav-stack form[b-gi1pun7xtv] { margin: 14px 0 0; border-top: 1px solid rgba(255,255,255,.18); padding-top: 14px; }
/* _content/FiberHome.IPTV.Middleware/Components/Pages/Devices.razor.rz.scp.css */
.link-form-grid[b-exq7tfwc2t] { display: grid; grid-template-columns: minmax(150px, .7fr) minmax(280px, 1.6fr) auto auto; gap: 14px; align-items: end; }
.pin-code-field[b-exq7tfwc2t], .client-code-field[b-exq7tfwc2t] { display: grid; gap: 7px; }
.pin-code-field > label[b-exq7tfwc2t], .client-code-field > label[b-exq7tfwc2t] { color: var(--ink); font-weight: 700; }
.pin-code-entry[b-exq7tfwc2t], .client-code-entry[b-exq7tfwc2t] { display: grid; grid-template-columns: 1fr 46px; gap: 8px; align-items: center; }
.search-client-button[b-exq7tfwc2t] { width: 46px; height: 46px; display: grid; place-items: center; color: #fff; background: var(--blue); border: 0; border-radius: 10px; cursor: pointer; box-shadow: 0 5px 14px rgba(7, 87, 183, .22); transition: transform .18s ease, background-color .2s ease; }
.search-client-button:hover[b-exq7tfwc2t] { transform: translateY(-1px); background: var(--orange); }
.search-client-button:focus-visible[b-exq7tfwc2t], .select-client-button:focus-visible[b-exq7tfwc2t] { outline: 3px solid var(--focus-ring); outline-offset: 2px; }
.search-client-button svg[b-exq7tfwc2t], .button-with-icon svg[b-exq7tfwc2t] { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.client-confirmation[b-exq7tfwc2t] { margin-top: 18px; padding: 14px 16px; display: flex; align-items: center; gap: 12px; color: var(--success-text); background: var(--success-bg); border: 1px solid color-mix(in srgb, var(--success-text) 24%, transparent); border-radius: 12px; }
.confirmation-icon[b-exq7tfwc2t] { width: 32px; height: 32px; display: grid; place-items: center; flex: 0 0 auto; color: #fff; background: var(--success-text); border-radius: 50%; font-weight: 900; }
.client-confirmation div[b-exq7tfwc2t] { display: grid; gap: 2px; }
.client-confirmation small[b-exq7tfwc2t] { font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.client-confirmation strong[b-exq7tfwc2t] { color: var(--ink); font-size: 1.05rem; }
.client-confirmation span:last-child[b-exq7tfwc2t] { color: var(--muted); font-size: .88rem; }
.client-validation-error[b-exq7tfwc2t] { margin: 16px 0 0; padding: 12px 14px; color: var(--danger-text); background: var(--danger-bg); border-radius: 10px; font-weight: 700; }
.client-search-panel[b-exq7tfwc2t] { color: var(--ink); }
.client-search-bar[b-exq7tfwc2t] { display: grid; grid-template-columns: 1fr auto; gap: 10px; margin: 16px 0; }
.button-with-icon[b-exq7tfwc2t] { display: inline-flex; align-items: center; gap: 7px; }
.client-search-message[b-exq7tfwc2t] { font-weight: 700; }
.pending-devices-panel[b-exq7tfwc2t] { display: grid; gap: 12px; padding-top: 8px; color: var(--ink); }
.pending-devices-panel > p[b-exq7tfwc2t] { margin: 0; }
.client-results[b-exq7tfwc2t] { max-height: 430px; overflow-x: hidden; overflow-y: auto; border: 1px solid var(--line); border-radius: 12px; }
.client-results table[b-exq7tfwc2t] { width: 100%; min-width: 0; table-layout: fixed; }
.client-results th[b-exq7tfwc2t], .client-results td[b-exq7tfwc2t] { white-space: normal; overflow-wrap: anywhere; vertical-align: middle; }
.client-results th:nth-child(1)[b-exq7tfwc2t] { width: 7%; }
.client-results th:nth-child(2)[b-exq7tfwc2t] { width: 22%; }
.client-results th:nth-child(3)[b-exq7tfwc2t] { width: 19%; }
.client-results th:nth-child(4)[b-exq7tfwc2t] { width: 27%; }
.client-results th:nth-child(5)[b-exq7tfwc2t] { width: 8%; }
.client-results th:nth-child(6)[b-exq7tfwc2t] { width: 7%; }
.client-results th:nth-child(7)[b-exq7tfwc2t] { width: 10%; }
.client-detail-cell[b-exq7tfwc2t] { min-width: 0; max-width: none; }
.select-client-button[b-exq7tfwc2t] { padding: 7px 11px; color: #fff; background: var(--blue); border: 0; border-radius: 8px; cursor: pointer; font-weight: 750; }
.select-client-button:hover[b-exq7tfwc2t] { background: var(--orange); }
@media (max-width: 1000px) { .link-form-grid[b-exq7tfwc2t] { grid-template-columns: 1fr 1.5fr; }.link-form-grid > button[b-exq7tfwc2t] { width: 100%; } }
@media (max-width: 640px) { .link-form-grid[b-exq7tfwc2t], .client-search-bar[b-exq7tfwc2t] { grid-template-columns: 1fr; } }
.devices-title[b-exq7tfwc2t] { font-size: 2rem; }