/* Smokie Dashboard v2 — service-first layout. */
.router-app{background:#0B1219!important;color:#F2F7FA!important;font-family:"Segoe UI Variable","Segoe UI",Tahoma,sans-serif!important}
.router-app .app-shell{width:95vw;max-width:1560px;margin:0 auto;padding:0 24px}
.router-app .site-header{height:68px;border-bottom:1px solid #344B59!important}
.router-app .brand-mark{background:#35C6A4!important;color:#0B1219!important;width:36px;height:36px;border-radius:10px;font-size:24px}
.router-app header .brand b{color:#F2F7FA;font-size:15px}.router-app header .brand b>span{color:#A5B8C6;font-size:9px}.router-app .brand small{color:#A5B8C6;font-size:9px}
.router-app nav{gap:14px}.router-app nav a{color:#A5B8C6;border:1px solid #344B59;border-radius:8px;padding:6px 9px;font-size:10px}.router-app nav a:hover{color:#F2F7FA;border-color:#35C6A4;background:#152d31}
.nav-status{display:inline-flex;align-items:center;gap:6px;color:#A5B8C6;font:10px "Segoe UI",Tahoma,sans-serif}.nav-status i{width:6px;height:6px;border-radius:50%;background:#39D5A0;box-shadow:0 0 10px #39D5A066}
.app-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0 10px;border-bottom:1px solid #223542}.app-intro h1{font-size:25px;line-height:1.2;margin:4px 0;color:#F2F7FA}.app-intro p{font-size:11px;color:#A5B8C6;margin:0}.panel-kicker{display:block;color:#6f9a9d;font:9px Consolas,"Courier New",monospace;letter-spacing:1.2px}.intro-meta{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #344B59;border-radius:9px;color:#A5B8C6;font-size:10px;background:#111E27}.intro-meta small{padding-right:8px;border-right:1px solid #344B59;color:#6f8994}.status-dot{width:7px;height:7px;border-radius:50%;background:#35C6A4;box-shadow:0 0 10px #35C6A466}
.router-app .access-card{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;margin:14px 0;padding:18px 20px;border:1px solid #344B59!important;border-radius:12px;background:#192A35!important}.access-copy h2{font-size:21px;margin:5px 0;color:#F2F7FA}.access-copy p{font-size:11px;line-height:1.7;color:#A5B8C6;max-width:540px;margin:0}.access-features{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.access-features span{padding:4px 7px;border:1px solid #344B59;border-radius:999px;color:#A5B8C6;font-size:9px}.router-app .login-fields form{display:flex;gap:8px}.router-app .login-fields input{flex:1;min-width:0;min-height:40px;background:#0F1B24!important;border:1px solid #344B59!important;border-radius:8px;color:#F2F7FA}.router-app .login-fields input:focus{border-color:#35C6A4!important;box-shadow:0 0 0 3px #35C6A422}.router-app .login-fields button{min-height:40px}.router-app .login-fields small{display:block;color:#6f8994;font-size:9px;margin-top:7px}.router-app .login-fields #login-error{color:#EF7373;font-size:11px;margin:5px 0 0}.router-app button,.router-app select{background:#192A35!important;border:1px solid #344B59!important;color:#F2F7FA!important;border-radius:8px;transition:background .18s,border-color .18s,transform .18s}.router-app button:hover:not(:disabled){background:#233d4b!important;border-color:#35C6A4!important;transform:translateY(-1px)}.router-app button:disabled{opacity:.4}.router-app .primary{background:#35C6A4!important;border-color:#35C6A4!important;color:#0B1219!important;font-weight:700}.router-app .primary:hover:not(:disabled){background:#28A98B!important;border-color:#28A98B!important}.router-app button:focus-visible,.router-app a:focus-visible,.router-app input:focus-visible,.router-app select:focus-visible,.router-app summary:focus-visible{outline:2px solid #35C6A4;outline-offset:3px}
.router-app .account-bar{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;margin:10px 0;padding:8px 12px;border:1px solid #344B59!important;border-radius:10px;background:#111E27!important}.router-app .account-identity,.router-app .account-balance{display:flex;align-items:center;gap:8px}.router-app .account-identity small,.router-app .account-balance small{display:block;color:#A5B8C6;font-size:9px}.router-app .account-identity b{display:block;color:#F2F7FA;font-size:12px}.router-app .account-avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#35C6A4;color:#0B1219;font-weight:800}.router-app .account-balance{padding-right:14px;border-right:1px solid #344B59}.router-app .account-balance strong{border:0;padding:0;color:#39D5A0;font-size:18px}.router-app .account-menu{position:relative}.router-app .account-menu summary{list-style:none;cursor:pointer;border:1px solid #344B59;border-radius:8px;padding:6px 9px;color:#A5B8C6;font-size:10px}.router-app .account-menu summary::-webkit-details-marker{display:none}.router-app .account-menu-popover{position:absolute;z-index:20;top:calc(100% + 7px);left:0;min-width:150px;display:grid;gap:3px;padding:6px;background:#111E27;border:1px solid #344B59;border-radius:9px;box-shadow:0 16px 35px #0008}.router-app .account-menu-popover a,.router-app .account-menu-popover button{display:block;width:100%;padding:7px 8px;text-align:right;border:0;background:transparent!important;color:#A5B8C6!important;font-size:10px;text-decoration:none}.router-app .account-menu-popover a:hover,.router-app .account-menu-popover button:hover{background:#192A35!important;color:#35C6A4!important}
.dashboard:not([hidden]){display:grid;grid-template-columns:minmax(280px,3fr) minmax(0,7fr);grid-template-areas:"heading heading" "billing billing" "side service" "side task" "side repair";gap:11px;align-items:start;min-height:calc(100dvh - 142px);max-height: none;overflow:visible;padding-bottom:8px;direction:ltr}.dashboard>*{direction:rtl}.dashboard>.workspace-heading{grid-area:heading;margin:2px 0 0;padding:7px 0 0;border:0}.dashboard>.workspace-heading h2{font-size:20px;margin:3px 0}.dashboard>.billing-note{grid-area:billing;margin:0;color:#A5B8C6;font-size:10px;line-height:1.5}.operation-menu{grid-area:service;margin:0!important;padding:13px!important;border:1px solid #344B59!important;border-radius:11px!important;background:#192A35!important}.operation-menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.operation-menu-head h3{font-size:15px;margin:2px 0;color:#F2F7FA}.service-hint{font-size:9px;color:#A5B8C6}.operation-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.router-app .operation-card{display:flex;align-items:center;gap:11px;min-height:72px;padding:12px;border:1px solid #344B59!important;border-radius:9px;background:#0F1B24!important;text-align:right}.router-app .operation-card:hover:not(:disabled),.router-app .operation-card.active{background:#162f35!important;border-color:#35C6A4!important}.operation-number{display:grid;place-items:center;width:31px;height:31px;flex-shrink:0;border:1px solid #344B59;border-radius:8px;color:#35C6A4;font:11px Consolas,monospace}.router-app .operation-card b{display:block;color:#F2F7FA;font-size:16px}.router-app .operation-card small{display:block;margin-top:3px;color:#A5B8C6;font-size:9px}.operation-arrow{margin-right:auto;color:#35C6A4}.dashboard>.task-panel{grid-area:task;margin:0!important;padding:15px!important;border:1px solid #344B59!important;border-radius:11px!important;background:#192A35!important;max-height: none;overflow: visible}.dashboard>#repair{grid-area:repair}.router-app .task-heading{margin-bottom:11px}.router-app .task-heading h2{font-size:19px;margin:2px 0}.router-app .task-heading .task-icon{width:34px;height:34px;border-radius:9px;background:#0F1B24;border:1px solid #35C6A4;color:#35C6A4;font-size:18px}.router-app .connection-box{display:flex;align-items:center;gap:12px;margin:12px 0;padding:10px;border:1px dashed #344B59;border-radius:8px;background:#0F1B24}.router-app .connection-box .hint{margin:0}.router-app .hint{color:#A5B8C6;font-size:10px;line-height:1.7}.router-app .check{color:#A5B8C6;font-size:10px;line-height:1.6}.router-app .power-note{background:#2e281d;border-color:#6c5836;color:#F0B35A}.router-app progress{height:7px;background:#0F1B24;accent-color:#35C6A4}.dashboard-side{grid-area:side;display:flex;flex-direction:column;gap:10px;min-width:0;max-height:none;overflow: visible;align-self:start;position:sticky;top:8px}.setup-drawer{border:1px solid #344B59;border-radius:10px;background:#111E27;overflow:visible}.setup-drawer>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;cursor:pointer;list-style:none}.setup-drawer>summary::-webkit-details-marker{display:none}.setup-drawer>summary>span:first-child{display:grid;gap:2px}.setup-drawer>summary b{font-size:12px;color:#F2F7FA}.setup-drawer>summary small{font-size:9px;color:#A5B8C6}.setup-drawer .status-chip{font-size:9px;padding:4px 7px}.setup-drawer[open]>summary{border-bottom:1px solid #344B59;background:#192A35}.setup-section{padding:10px!important;border:0!important;background:transparent!important}.setup-grid{display:grid;grid-template-columns:1fr;gap:7px;margin:0}.setup-card{padding:9px!important;border-radius:8px!important;background:#192A35!important;border-color:#344B59!important}.setup-card:hover{transform:none}.setup-card .card-top{margin-bottom:5px}.setup-card .step-number{width:22px;height:22px;border-radius:6px}.setup-card h3{font-size:12px;margin-bottom:3px}.setup-card p{font-size:9px;line-height:1.5;min-height:0;max-height:28px;overflow:visible;margin-bottom:5px}.setup-card .download-button{min-height:28px;padding:4px 7px;font-size:9px}.setup-card .setup-check{font-size:9px;margin-top:5px}.setup-card .file-note,.setup-footnote{display:none!important}.history-panel{margin:0!important;padding:11px 12px!important;border:1px solid #344B59!important;border-radius:10px!important;background:#111E27!important;max-height:110px;overflow: visible}.history-panel summary{color:#F2F7FA;font-size:11px}.history-panel ul{margin:8px 0 0;padding:0 17px;color:#A5B8C6;font-size:9px;line-height:1.8}.terminal{margin:0!important;border:1px solid #344B59!important;border-radius:10px!important;background:#111E27!important;overflow:visible;min-height:0}.terminal-header{padding:10px 11px!important;background:#192A35!important;border-bottom:1px solid #344B59!important}.terminal-header h2{font-size:11px!important}.terminal-caption{font-size:8px}.terminal-header .row{gap:4px}.terminal-header button{padding:5px 7px!important;font-size:9px!important}.terminal pre{height:190px!important;margin:0!important;padding:10px!important;background:#0F1B24!important;color:#A5B8C6!important;font-size:9px!important;line-height:1.7!important;overflow: visible}.router-app footer{border-color:#344B59!important;color:#6f8994!important;padding:15px 0 20px;margin-top:10px}.router-app footer a{color:#A5B8C6!important}
.success-celebration{border-color:#39D5A0!important;background:#102d2a!important}.success-celebration .celebration-check{background:#39D5A0!important}.success-celebration b{color:#F2F7FA!important}
@media(max-width:900px){.router-app .app-shell{width:100%;padding:0 14px}.router-app .site-header{height:62px}.nav-status{display:none}.app-intro{padding:12px 0 8px}.app-intro h1{font-size:21px}.intro-meta{padding:6px 8px}.router-app .access-card{grid-template-columns:1fr;gap:12px;margin:10px 0;padding:14px}.access-copy h2{font-size:19px}.dashboard:not([hidden]){display:flex;flex-direction:column;min-height:0;max-height:none;overflow:visible;gap:10px}.dashboard>.workspace-heading,.dashboard>.billing-note,.dashboard>.operation-menu,.dashboard>.task-panel,.dashboard>.dashboard-side{width:100%}.dashboard>.task-panel{max-height:none;overflow:visible}.dashboard-side{max-height:none;overflow:visible;order:5}.setup-drawer{order:0}.history-panel{order:1}.terminal{order:2}.operation-grid{grid-template-columns:1fr 1fr}.router-app .task-heading h2{font-size:18px}.router-app .connection-box{align-items:stretch;flex-direction:column}.router-app footer{display:none!important}.router-app .account-bar{grid-template-columns:1fr auto;gap:9px}.router-app .account-menu{grid-column:1/-1}.router-app .account-menu-popover{position:relative;top:auto;left:auto;margin-top:6px}.router-app .account-balance{justify-self:end}}
@media(max-width:460px){.router-app .app-shell{padding:0 10px}.router-app header .brand b{font-size:12px}.router-app header .brand small{font-size:8px}.router-app nav a{font-size:9px;padding:5px 7px}.app-intro{align-items:flex-start}.intro-meta{font-size:9px}.operation-grid{grid-template-columns:1fr}.operation-card{min-height:64px!important}.setup-grid{grid-template-columns:1fr}.router-app .login-fields form{flex-direction:column}.router-app .login-fields button,.router-app .login-fields input{width:100%}}

@media(min-width:901px){
  .router-app #workspace.dashboard:not([hidden]){
    grid-template-columns:minmax(280px,3fr) minmax(0,7fr);
    grid-template-areas:"heading heading" "billing billing" "side operation" "side task" "side repair";
    direction:ltr;
  }
  .router-app #workspace.dashboard>*{direction:rtl}
  .router-app #workspace.dashboard>.dashboard-side{align-self:start;position:sticky;top:8px}
}

.brand-promo{display:flex;align-items:center;gap:12px;margin:8px 0 10px;padding:8px 11px;border:1px solid #344B59;border-radius:10px;background:#111E27;min-height:64px}
.brand-promo img{width:52px;height:52px;flex:0 0 52px;object-fit:cover;border-radius:8px;border:1px solid #344B59;background:#0B1219}
.brand-promo>div{min-width:0;display:grid;gap:1px}
.brand-promo .panel-kicker{font-size:8px;color:#A5B8C6}
.brand-promo strong{font-size:14px;letter-spacing:.8px;color:#F2F7FA;line-height:1.2}
.brand-promo p{margin:0;color:#A5B8C6;font-size:9px;line-height:1.5}
.brand-promo a{margin-right:auto;white-space:nowrap;padding:6px 9px;border:1px solid #35C6A4;border-radius:7px;color:#35C6A4;font-size:9px;text-decoration:none;transition:background .18s,color .18s}
.brand-promo a:hover{background:#35C6A4;color:#0B1219}
@media(max-width:460px){.brand-promo{align-items:flex-start;gap:9px}.brand-promo img{width:44px;height:44px;flex-basis:44px}.brand-promo strong{font-size:12px}.brand-promo p{font-size:8px}.brand-promo a{align-self:center;padding:5px 7px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.router-app *{transition:none!important;scroll-behavior:auto!important}}

footer, .footer-brand { display: none !important; }

footer, .footer-brand { display: none !important; }