/* Account and management surfaces share the player’s glass, type and focus tokens. */
.management-breadcrumb .ui-icon{transform:rotate(180deg)}
body[data-skin=glassy] .account-mail-details{border-top:1px solid #c9dfff26;margin-top:20px;padding-top:8px}body[data-skin=glassy] .account-mail-details summary{padding:12px 0;font-size:12px;color:#bdd3e3;cursor:pointer;min-height:44px;box-sizing:border-box}
.account-profile-card:not([hidden]){display:flex;align-items:center;gap:16px;margin:0 0 24px;padding:16px;border:1px solid #d4e5ff29;border-radius:16px;background:#ffffff08}
.account-profile-card>img{width:64px;height:64px;object-fit:cover;border-radius:50%;flex:none}
.account-profile-card>div{min-width:0;display:grid;gap:8px}
.account-profile-card strong{overflow-wrap:anywhere}
.account-profile-card button{min-height:44px}
.account-danger{margin:24px 0 0;padding-top:20px;border-top:1px solid #e9a4ab40}
body[data-skin=glassy] #account-dialog .account-danger>button,body[data-skin=glassy] #account-delete-submit{min-height:44px;border:1px solid #f49da280;color:#ffd2d5;background:#94313c26}
#account-delete-form:not([hidden]){display:grid;gap:14px;margin-top:16px;min-width:0}
#account-delete-form h3,#account-delete-form p{margin:0;line-height:1.6}
#account-delete-form p{font-size:13px;color:#c8d6e5;overflow-wrap:anywhere}
#account-delete-form input[type=password]{width:100%;box-sizing:border-box;font-size:16px}
body[data-skin=glassy] #connected-account #account-delete-form label{margin:0}
body[data-skin=glassy] #connected-account .account-delete-consent{display:flex;align-items:flex-start;gap:10px;line-height:1.5;min-height:44px}
#account-delete-confirm{width:20px;height:20px;min-height:20px;flex:0 0 20px;margin:2px 0;padding:0}
.account-delete-actions{display:flex;flex-wrap:wrap;gap:8px}
.account-delete-actions button{min-height:44px;flex:1 1 160px}
body[data-skin=glassy] .management-overview{max-width:1160px;margin:0 auto 40px}
body[data-skin=glassy] .management-welcome{display:flex;align-items:center;gap:24px;padding:28px 32px;margin-bottom:36px;background:radial-gradient(ellipse at 90% 10%,#a58aff26,transparent 70%),linear-gradient(120deg,#ffffff14,#ffffff04);border:1px solid #d4e5ff2b;border-radius:22px;box-shadow:0 16px 48px #0002,inset 0 1px #ffffff14;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
body[data-skin=glassy] .management-welcome>img{width:80px;height:80px;object-fit:cover;border:1px solid #cee8ff50;border-radius:50%;flex:none}
body[data-skin=glassy] .management-welcome h2{font-size:28px;letter-spacing:-.8px;margin:5px 0 8px}body[data-skin=glassy] .management-welcome p{margin:0;font-size:13px;line-height:1.6;color:#b9c9dc}body[data-skin=glassy] .management-welcome .management-kicker{font-size:9px;letter-spacing:.18em;color:var(--focus,#69dcf3);font-weight:650}
body[data-skin=glassy] .management-group{margin:0 0 30px}body[data-skin=glassy] .management-group>h2{font-size:18px;letter-spacing:-.3px;margin:0 0 16px}
body[data-skin=glassy] .management-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body[data-skin=glassy][data-presentation][data-variant=glassy] button.management-card{display:flex;align-items:center;gap:18px;text-align:left;min-height:116px;width:100%;margin:0;padding:24px;border:1px solid #d4e5ff29;border-radius:16px;background:linear-gradient(120deg,#ffffff10,#ffffff04),#16223580;box-shadow:0 10px 28px #0002,inset 0 1px #ffffff0c;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);color:#f4f7fd}
body[data-skin=glassy] .management-card>.ui-icon:first-child{width:25px;height:25px;padding:13px;box-sizing:content-box;background:#a6c7f00c;border:1px solid #cae5ff22;border-radius:14px;flex:none;color:var(--focus)}
body[data-skin=glassy] .management-card>.ui-icon:last-child{width:15px;height:15px;opacity:.6;flex:none;margin-left:auto}
body[data-skin=glassy] .management-card-copy{display:grid;gap:7px;min-width:0}body[data-skin=glassy] .management-card-copy strong{font-size:15px;font-weight:650}body[data-skin=glassy] .management-card-copy>span{font-size:12px;line-height:1.6;color:#b0bfd2}
body[data-skin=glassy][data-presentation][data-variant=glassy] button.management-card:hover{background:linear-gradient(120deg,#ffffff1b,#ffffff09),#20304780;border-color:#9dd9ec65}
body[data-skin=glassy] .management-breadcrumb{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 24px;color:#a7b9ce;font-size:12px;background:transparent;border:0;padding:0}
body[data-skin=glassy] .management-breadcrumb button{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border-radius:10px;background:#ffffff09;border:1px solid #d4e5ff29;font-size:12px;color:#deebf6}body[data-skin=glassy] .management-breadcrumb .ui-icon{width:16px;height:16px}
body[data-skin=glassy] .management-owner-link{display:flex;align-items:center;flex-wrap:wrap;gap:14px;border-top:1px solid #c7dff528;padding:22px 0;font-size:12px;color:#acbfd2}body[data-skin=glassy] .management-owner-link>.ui-icon{width:20px;height:20px}body[data-skin=glassy] .management-owner-link>a{margin-left:auto;padding:12px;border:1px solid #d4e5ff29;border-radius:10px;color:#c9e9f4;text-decoration:none}
body[data-skin=glassy][data-presentation][data-variant=glassy] :is(.management-panel,.playlist-link-form,.playlist-imports,.playlist-saved,.epg-import){padding:26px;border:1px solid #d4e5ff29;border-radius:18px;background:linear-gradient(125deg,#ffffff12,#ffffff04),#172438ad;box-shadow:0 12px 32px #0002,inset 0 1px #ffffff0c;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
body[data-skin=glassy] :is(.management-panel,.playlist-link-form,.epg-import) h2{font-size:23px}body[data-skin=glassy] :is(.management-panel,.playlist-link-form,.epg-import) h3{font-size:18px}body[data-skin=glassy] :is(.management-panel,.playlist-link-form,.epg-import) p{font-size:13px;line-height:1.7;color:#b4c4d8}
body[data-skin=glassy] .playlist-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}body[data-skin=glassy] .playlist-workspace>.playlist-saved{order:0}body[data-skin=glassy] .playlist-workspace>.playlist-import-tools{order:1}
body[data-skin=glassy] .device-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}body[data-skin=glassy] .device-list article{background:#ffffff05;border-color:#d4e5ff29;border-radius:14px}
body[data-skin=glassy][data-presentation][data-variant=glassy] #account-dialog{width:min(560px,calc(100% - 28px));padding:28px;border-radius:22px;background:linear-gradient(125deg,#29394df5,#172335f5);border:1px solid #d4e5ff42;box-shadow:0 28px 90px #0009}
body[data-skin=glassy] #account-dialog .dialog-head h2{font-size:23px;letter-spacing:-.6px}body[data-skin=glassy] #account-status{font-size:12px;color:#aec6d9;margin:14px 0 24px}body[data-skin=glassy] #connected-account label{font-size:13px;display:grid;gap:9px;margin-bottom:20px}body[data-skin=glassy] #connected-account select{min-height:46px;width:100%}body[data-skin=glassy] #connected-account .account-shortcuts{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:20px}body[data-skin=glassy] #connected-account .account-shortcuts button{min-height:46px;border-radius:10px;text-align:left;padding:12px 16px;background:#ffffff0a;border:1px solid #d4e5ff29;color:#e4edf7}
body[data-skin=glassy] #design-logout{margin-top:12px;background:transparent;color:#d7bdca;border-color:#e2a7bd38}body[data-skin=glassy] #registration-email-status{font-size:12px;line-height:1.6}body[data-skin=glassy] #connected-account #registration-email-actions button{font-size:12px}
body[data-skin=glassy][data-presentation][data-variant=glassy][data-management=true] .glassy-page-heading{padding-bottom:12px;margin-bottom:20px}
body[data-skin=glassy][data-presentation][data-variant=glassy] .settings-panel.playlist-management{padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
body[data-skin=glassy][data-transparency=reduced] :is(.management-welcome,button.management-card,.management-panel,.playlist-link-form,.playlist-imports,.playlist-saved,.epg-import,#account-dialog){background:#1c2b40!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@media(max-width:1000px){body[data-skin=glassy] .playlist-workspace{grid-template-columns:1fr}}
@media(max-width:600px){body[data-skin=glassy] .management-welcome{padding:22px 18px;gap:16px;margin-bottom:28px;border-radius:18px}body[data-skin=glassy] .management-welcome>img{width:56px;height:56px}body[data-skin=glassy] .management-welcome h2{font-size:23px}body[data-skin=glassy] .management-welcome p{font-size:12px}body[data-skin=glassy] .management-cards{grid-template-columns:1fr;gap:12px}body[data-skin=glassy][data-presentation][data-variant=glassy] button.management-card{padding:18px;min-height:96px;gap:14px}body[data-skin=glassy] .management-card>.ui-icon:first-child{width:22px;height:22px;padding:10px}body[data-skin=glassy] .management-card-copy strong{font-size:14px}body[data-skin=glassy] .management-card-copy>span{font-size:12px}body[data-skin=glassy] .management-owner-link>a{margin-left:0}body[data-skin=glassy][data-presentation][data-variant=glassy] :is(.management-panel,.playlist-link-form,.playlist-imports,.playlist-saved,.epg-import){padding:20px 16px}body[data-skin=glassy][data-presentation][data-variant=glassy] #account-dialog{padding:22px 18px}body[data-skin=glassy] #account-dialog .dialog-head h2{font-size:20px}body[data-skin=glassy] .management-breadcrumb{margin-bottom:20px}}

/* Keep both lines of the selected import mode legible on its light surface. */
body[data-skin=glassy][data-presentation][data-variant=glassy] .playlist-import-intents button[aria-pressed=true] small{color:#345366}
body[data-skin=glassy] input[type=checkbox],body[data-skin=glassy] input[type=radio]{accent-color:var(--focus,#69dcf3)}
body[data-skin=glassy] input[type=file]::file-selector-button{background:#ffffff10;color:#edf5fc;border:1px solid #d3e6ff2e;border-radius:8px;padding:10px 12px;margin-right:12px;font:inherit}

body[data-skin=glassy] .source-library{--source-border:#d3e6ff29;--source-muted:#b3c2d4;--source-text:#f1f7fc}
body[data-skin=glassy] .source-card{background:linear-gradient(125deg,#ffffff0b,#ffffff03);border-color:#d3e6ff29;border-radius:16px;box-shadow:inset 0 1px #ffffff08}
body[data-skin=glassy] .source-library-heading,body[data-skin=glassy] .source-validity{background:#07142066;border-color:#69dcf377}
body[data-skin=glassy] .source-library button{background:#ffffff09;border-color:#d3e6ff2e;border-radius:10px}
body[data-skin=glassy][data-presentation][data-variant=glassy] .source-library .source-danger{color:#ffd7dd;background:#ad54631a;border-color:#e59ca847}
body[data-skin=glassy][data-presentation][data-variant=glassy] .source-library .source-danger:hover:not(:disabled){background:#ad546333;border-color:#f1adb880}
body[data-skin=glassy] .source-badge{background:#ffffff0b;border-color:#d3e6ff35}
body[data-skin=glassy] .source-delete-confirm,body[data-skin=glassy] .source-expiry-form{background:#07142080;border-color:#d3e6ff35}