.config-shell{padding-block:64px 80px;min-height:calc(100vh - 180px)}
.config-shell .login{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center;min-height:490px}
.config-shell .intro h1{font-size:clamp(2.3rem,4vw,4rem);margin:18px 0 24px;color:#f4faff}
.config-shell .intro>p,.config-shell .legal p{color:#9cb8cb}
.config-shell .legal{border-left:2px solid #23e4f8;padding:8px 0 8px 20px;margin-top:36px;max-width:530px;font-size:.9rem}
.config-shell .legal b{color:#81eafa}.config-shell .legal p{margin-bottom:0}
.config-shell .panel,.device-summary,.playlist-workspace,.modal-card{background:#082239;border:1px solid rgba(79,191,245,.28);border-radius:20px;padding:30px}
.config-shell label,.modal-card label{display:grid;gap:10px;margin-bottom:20px;color:#c8e3f2;font-weight:600;font-size:.92rem}
.config-shell input,.config-shell select,.modal-card input,.modal-card select,.language-switch select{width:100%;min-height:48px;padding:12px 14px;border:1px solid #245679;border-radius:10px;background:#031426;color:#f4faff;outline:none;font:inherit}
.config-shell input:focus,.modal-card input:focus,.modal-card select:focus{border-color:#23e4f8;box-shadow:0 0 0 3px #23e4f822}
.language-switch select{width:auto;min-height:38px;padding:8px 12px;font-size:.8rem}
.config-shell button,.modal-card button{border:1px solid #23e4f8;border-radius:10px;background:linear-gradient(120deg,#0aa8df,#117bfa);padding:13px 18px;color:#fff;font-weight:700;min-height:46px;cursor:pointer}
.config-shell button:hover,.modal-card button:hover{filter:brightness(1.15)}
.config-shell button:focus-visible,.modal-card button:focus-visible{outline:3px solid #81eafa;outline-offset:3px}
.config-shell button.secondary,.config-shell button.copy-device,.modal-card #close{background:#0a2c45;border-color:#245679}
.login-panel #enter{width:100%;margin-top:8px}.field-note{display:block;color:#9cb8cb;font-size:.8rem;margin-top:16px;line-height:1.6}
.msg{font-size:.9rem;color:#ffb3b3;line-height:1.6;margin-top:16px;overflow-wrap:anywhere}.msg:empty{display:none}
.dash-shell{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;align-items:start}
.device-summary-head,.device-id-row,.workspace-head,.card-top,.modal-head{display:flex;justify-content:space-between;align-items:center;gap:14px}
.device-id-title{font-size:1.1rem;letter-spacing:0;overflow-wrap:anywhere}.compact-btn,.copy-device{font-size:.75rem!important;padding:8px 12px!important;min-height:34px!important}
.device-state{display:inline-block;border-radius:8px;background:#0b4161;color:#81eafa;padding:8px 12px;font-size:.8rem;font-weight:700}
.device-state.active{background:#103d3a;color:#76efbc}.device-state.trial{background:#173d59;color:#81eafa}.device-state.expired,.device-state.blocked{background:#482939;color:#ffb3b3}
.summary-section{margin-top:24px;padding-top:20px;border-top:1px solid #1d4563}.summary-section-title{font-size:.7rem;font-weight:800;letter-spacing:.13em;color:#81eafa}
.device-meta{display:grid;gap:15px;margin-top:18px}.device-meta>div{display:flex;justify-content:space-between;gap:18px;font-size:.8rem}.device-meta span{color:#9cb8cb}.device-meta strong{text-align:right;overflow-wrap:anywhere}
.device-support-card{margin-top:24px;padding-top:20px;border-top:1px solid #1d4563;font-size:.86rem}.device-support-card p{color:#9cb8cb}.device-support-card a{color:#23e4f8}
.workspace-head{align-items:flex-start;margin-bottom:28px}.workspace-head h1{font-size:2rem;margin:12px 0}.workspace-head p{color:#9cb8cb;font-size:.9rem;margin-bottom:0}.counter{flex:none;display:grid;gap:8px;font-size:.75rem;color:#9cb8cb}.counter b{display:block;color:#81eafa;font-size:1rem}.counter span{display:block}
.slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.slots .card{padding:22px;background:#0a2c45;border:1px solid #245679;border-radius:14px;min-width:0}.card h3{margin:12px 0;font-size:1.1rem;overflow-wrap:anywhere}.card p{color:#9cb8cb;overflow-wrap:anywhere;font-size:.85rem}.card .eyebrow{font-size:.65rem}.tag{font-size:.65rem;letter-spacing:0}.actions{display:flex;flex-wrap:wrap;gap:10px}.card button{padding:9px 13px;min-height:38px;font-size:.8rem}.card .danger{background:#0a2c45;border-color:#47718d;color:#c8e3f2}.empty{border-style:dashed!important}
.license-box{margin-top:20px;padding:16px;border-radius:10px;background:#0a2c45;font-size:.8rem;border:1px solid #245679}.license-box strong,.license-kicker{display:block}.license-box strong{margin-top:10px}.license-box p{color:#9cb8cb}.license-box a{display:inline-block;color:#23e4f8;margin-top:12px}
.modal{position:fixed;inset:0;z-index:100;background:#020c19d9;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto;backdrop-filter:blur(8px)}.modal-card{width:min(580px,100%);max-height:90vh;overflow-y:auto}.modal-head{margin-bottom:24px}.modal-head h2{font-size:1.5rem;margin:0}.modal-head #close{padding:6px 12px;min-height:34px;font-size:1.4rem}.connection-tabs{display:flex;gap:10px;margin-bottom:24px}.connection-tabs button{flex:1;background:#0a2c45}.connection-tabs button[aria-selected=true]{background:#0c5478;border-color:#23e4f8}.modal-card #save{width:100%}.legal-links{display:flex;gap:24px;font-size:.85rem;color:#9cb8cb}
@media(max-width:1000px){.dash-shell{grid-template-columns:290px minmax(0,1fr)}.slots{grid-template-columns:1fr}.config-shell .login{gap:32px}.workspace-head{flex-direction:column}}
@media(max-width:680px){.config-shell{padding-block:40px}.config-shell .login{grid-template-columns:1fr;gap:28px;min-height:0}.config-shell .intro h1{font-size:2.35rem}.config-shell .legal{margin-top:24px}.dash-shell{grid-template-columns:1fr}.config-shell .panel,.device-summary,.playlist-workspace,.modal-card{padding:22px}.slots{grid-template-columns:1fr}.workspace-head h1{font-size:1.8rem}.legal-links{gap:16px;flex-wrap:wrap}.modal{padding:16px}.device-id-title{font-size:1rem}.nav-links .language-switch{padding:12px}.connection-tabs button{padding:12px 8px;font-size:.8rem}}