/* Shared density and responsive rules. Keep real state and controls in the DOM. */
:root{--layout-gap:16px;--panel-padding:20px}
.app-stage,.main,.main>*,.page-panel>*,.svc-columns>*,.svc-login-layout>*,.detail-layout>*,.backup-layout>*,.settings-columns>*,.appearance-grid>*,.appearance-column>*,.lyric-style-grid>*{min-width:0}
.main{container-type:inline-size;container-name:workspace}
.page-panel{padding:var(--panel-padding);flex-shrink:0}
.main>.page-panel,.main>.svc-shell{margin-block:0;max-width:100%;width:100%}
.page-title,.page-heading{gap:12px;margin-bottom:18px;flex-wrap:wrap}
.page-title>div,.page-heading>div{min-width:0}
.page-title h1,.page-heading h1{font-size:1.714286rem;line-height:1.35}
.page-title p,.page-heading p{font-size:0.928571rem;margin:5px 0 0}
.btn{max-width:100%;text-decoration:none;line-height:1.4}
.actions{gap:8px}
.field{margin:12px 0;gap:6px}
input:not([type=checkbox]):not([type=radio]),select,textarea,audio{max-width:100%}
input[type=radio]{width:17px;height:17px;flex:0 0 17px;accent-color:var(--primary)}
fieldset{min-width:0}
.table-wrap{max-width:100%;overflow:auto}
.meter-row{min-width:0}
.meter-row .meter{flex:1;min-width:0}
.meter-row output,.setting-slider output{flex-shrink:0;white-space:nowrap;min-width:max-content}
.switch{flex:0 0 40px;min-width:40px}
.switch input{max-width:none;inset:0;margin:0}
.inspector .btn{margin-right:0}
.mock-ribbon{position:static;flex-shrink:0;margin:0;padding:4px 12px;align-self:stretch;border-radius:0;box-shadow:none;text-align:right;line-height:1.4}
.svc-local-boundary{padding:0;font-size:0.785714rem;flex-shrink:0}
.sidebar .nav-list{gap:2px;margin-top:4px}
.sidebar .nav-item{min-height:40px;padding-block:8px;font-size:0.928571rem;gap:10px}
.sidebar-brand{height:58px;flex-shrink:0}
.sidebar-bottom{padding-block:12px}
.global-search{min-width:0;margin-left:0;width:min(330px,35%)}
.window-actions{gap:7px;flex-shrink:0}
.titlebar{flex-shrink:0}
/* The workbench uses available height; only song lists and long lyrics scroll. */
.main.workbench-page{overflow:auto}
.workbench{flex:1;min-height:0;grid-template-columns:220px minmax(0,1fr);height:100%}
.workbench-main{grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:minmax(0,1fr) auto;padding:14px;gap:12px}
.performance-controls{gap:8px;overflow:auto}
.performance-controls>.create-btn{width:100%;margin:0;min-height:44px;height:auto;font-size:1.214286rem;padding:10px;gap:8px;white-space:nowrap}
.create-btn svg:first-child,.create-btn svg:last-child{margin:0;width:21px;height:21px}
.performance-controls>.create-btn span{flex:1}
.control-card{padding:10px 12px;flex-shrink:0}
.control-card h3{font-size:0.928571rem;margin-bottom:8px}
.mode-grid{gap:6px}
.mode{padding:7px 2px;min-height:58px}
.mode>svg{width:21px;height:21px}
.mode-hint{padding:6px;margin-top:7px;min-height:0;font-size:0.714286rem}
.gain-row{grid-template-columns:18px 85px minmax(0,1fr) 32px;font-size:0.785714rem;min-height:29px;gap:4px}
.gain-row output{font-size:0.785714rem;white-space:nowrap}
.device-head{flex-wrap:wrap;gap:4px}
.device-head h3{margin:0}
.performance-controls .meter-row{margin-top:8px}
.performance-controls .two-actions .btn{min-height:32px;font-size:0.857143rem;padding:5px 9px}
.performance-controls .control-card>small{font-size:0.714286rem;line-height:1.5;margin-top:5px}
.performance-controls>.quick-settings{min-height:32px;font-size:0.857143rem;flex-shrink:0}
.first-use{min-height:0;padding:12px 4px;gap:8px;justify-content:center;overflow:auto}
.first-use>svg{width:42px;height:42px;margin:0}
.first-use h1{font-size:1.785714rem}
.first-use>p{font-size:0.928571rem;margin:0}
.onboarding-steps{gap:12px;margin:16px 0}
.onboarding-steps>div{gap:8px}
.onboarding-steps strong{font-size:0.857143rem;white-space:nowrap}
.onboarding-steps small{font-size:0.785714rem;max-width:120px}
.step-icon{width:48px;height:48px}
.first-use>small{font-size:0.714286rem}
.song-hero{gap:14px;min-height:92px}
.song-hero .hero-cover{width:92px;height:92px}
.song-hero h1{font-size:1.714286rem}
.song-hero p{margin:5px 0 8px}
.player-panel{margin-top:12px}
.task-strip{min-height:36px;padding:7px 12px;gap:8px;font-size:0.857143rem}
.song-select small{white-space:normal;font-size:0.714286rem}
.song-select time{margin-left:3px;white-space:nowrap}
/* One settings shell and a consistent control width on every tab. */
.settings-layout{grid-template-columns:168px minmax(0,1fr);flex:1;min-height:0;flex-shrink:0}
.settings-sidebar{padding:18px 10px;gap:5px}
.settings-sidebar h2{font-size:1.285714rem;padding:0 10px 10px}
.settings-sidebar button{min-height:40px;padding:10px;gap:8px;font-size:0.857143rem;white-space:nowrap}
.settings-content{padding:20px;scrollbar-gutter:stable}
.settings-content h3,.settings-section h3{margin:0 0 7px}
.settings-content>.settings-section{padding:0 0 10px;margin:0 0 10px}
.settings-section .setting-row,.setting-row{padding:12px 0;gap:12px}
.setting-row>div{min-width:0;flex:1}
.setting-row p{font-size:0.857143rem;margin-top:4px;max-width:600px}
.setting-row select{width:210px;max-width:40%;flex-shrink:0}
.settings-columns{grid-template-columns:minmax(0,1fr) minmax(210px,260px);gap:20px}
.setting-slider{grid-template-columns:minmax(0,1fr) minmax(100px,160px) 72px;padding:12px 0;gap:12px}
.setting-slider>span{gap:4px}
.setting-slider small{font-size:0.785714rem;line-height:1.55}
.setting-slider output{font-size:0.785714rem}
.settings-content>.settings-columns>.inspector{padding:14px;border:1px solid var(--border);border-radius:8px;background:#f7faf9}
.settings-section .notice,.settings-content>.notice{font-size:0.857143rem;padding:10px;margin:10px 0}
.settings-footer{padding-top:12px;margin-top:12px;font-size:0.857143rem;flex-wrap:wrap}
.appearance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.appearance-column{min-width:0}
.appearance-card{padding:16px;min-width:0}
.appearance-card .setting-slider{grid-template-columns:minmax(70px,1fr) minmax(40px,1fr) 50px;gap:8px}
.appearance-preview-card .lyric-preview{min-width:0;max-width:100%;overflow-wrap:anywhere}
.appearance-shortcuts .shortcut-row{grid-template-columns:minmax(0,1fr) minmax(70px,auto) auto;gap:8px;font-size:0.857143rem}
.settings-content .inline-form{flex-wrap:wrap;min-width:0;max-width:65%}
.settings-content .inline-form input{flex:1;min-width:80px;width:160px}
/* Compact login fits low-height laptop windows. */
.sing-page{padding:0;width:100%}
.sing-page .svc-card{padding:18px;margin-bottom:12px}
.sing-page .field{margin:12px 0}
.sing-page .field span{margin-bottom:4px}
.sing-page h2{margin-bottom:12px}
.sing-page #svc-login-form>.primary{margin-top:12px}
.optional-field{margin:10px 0;font-size:0.857143rem;color:var(--muted)}
summary{cursor:pointer}
.optional-field .field{margin:8px 0}
.svc-card{padding:18px}
.svc-intro{padding:24px;min-height:0}
.svc-tabs{gap:4px;padding:4px 8px;margin-bottom:14px}
.svc-tabs a{padding:9px 11px;font-size:0.928571rem}
.svc-page .svc-metrics{margin:10px 0;gap:10px}
.svc-page .svc-metrics>div{padding:12px 16px}
.svc-page .svc-metrics strong{font-size:1.571429rem}
/* Long dialogs scroll within their content, outside the permanent close bar. */
.modal[open]{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100dvh - 32px);padding:0}
.modal-titlebar{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border);background:var(--surface);z-index:3}
.modal .modal-titlebar h2{font-size:1.285714rem;margin:0;padding:0;min-width:0}
.modal-titlebar>.icon-btn{flex:0 0 36px;position:static;width:36px;height:36px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text)}
.modal>.modal-content{min-height:0;overflow:auto;overscroll-behavior:contain;padding:18px 22px;scrollbar-gutter:stable}
.modal-footer{position:sticky;bottom:-18px;background:var(--surface);padding:12px 0;margin-top:16px;z-index:2}
.modal .drop-field{padding:16px;gap:10px;margin:12px 0}
.modal .field{margin:12px 0}
.modal .notice{font-size:0.857143rem;padding:10px}
.modal .tabs{flex-shrink:0}
.tool-navigation{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.tool-navigation a{padding:8px 14px;background:var(--surface);border:1px solid var(--border);border-radius:6px;text-decoration:none;font-size:0.928571rem}
.tool-navigation a[aria-current=page]{background:var(--selection);border-color:var(--primary);font-weight:600}
[data-lyric-pane][hidden]{display:none}
[data-lyric-tools] .svc-card>p:not([role]){font-size:0.857143rem}
[data-lyric-tools] .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
[data-lyric-tools] .field{margin:10px 0}
[data-lyric-tools] .svc-card{margin-bottom:12px}
.technical-help{font-size:0.857143rem;background:#f5f9f8;border:1px solid var(--border);padding:9px 12px;border-radius:6px;margin:10px 0}
.technical-help summary{color:var(--primary)}
.lyric-local-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.lyric-local-tools{min-width:0}
[data-lyric-tools] .lyric-tool{padding:12px 16px;margin-bottom:8px}
.lyric-tool>summary{font-weight:600;font-size:1rem;color:var(--text)}
.lyric-tool[open]>summary{margin-bottom:10px}
.lyric-tool p{font-size:0.857143rem;line-height:1.65}
.voice-detail-hero form{min-width:0;flex:1}
.voice-detail-hero input{width:100%}
.voice-reference-table table{min-width:570px}
.audio-preview{min-width:0}
.audio-preview .wave{min-width:0;flex:1}
@media(min-width:1600px){.workbench{grid-template-columns:250px minmax(0,1fr)}.workbench-main{grid-template-columns:minmax(0,1fr) 310px;gap:18px;padding:20px}.control-card{padding:14px}.performance-controls{gap:12px}.first-use h1{font-size:2.142857rem}}
@media(max-height:820px) and (min-width:901px){
 .sidebar .nav-item{min-height:33px;padding-block:4px}.sidebar .nav-art{width:23px;height:23px;flex-basis:23px}.sidebar-brand{height:50px}.sidebar-promo{display:none}
 .titlebar{height:54px;min-height:54px}.main{padding:10px;gap:8px}
 .first-use>svg{width:34px;height:34px}.first-use h1{font-size:1.642857rem}.onboarding-steps{margin:10px 0}
 .onboarding-steps>div{gap:6px}.onboarding-steps .step-icon{width:42px;height:42px}.first-use{gap:6px;padding:8px 2px}
 .control-card{padding:8px 10px}.performance-controls{gap:6px}.control-card h3{margin-bottom:5px;font-size:0.857143rem}
 .performance-controls>.create-btn{min-height:38px;font-size:1.142857rem;padding:7px}
 .mode{min-height:50px;padding:5px 2px}.mode svg{width:19px;height:19px}.mode-hint{padding:4px;font-size:0.714286rem}.gain-row{min-height:26px}
 .performance-controls .control-card>small{margin-top:3px;line-height:1.4}.performance-controls>.quick-settings{min-height:28px}
 .settings-content{padding:16px}.settings-content>.page-title{margin-bottom:10px}.setting-row,.settings-section .setting-row{padding:9px 0}.setting-slider{padding:9px 0}.sing-page .svc-card{padding:16px}.sing-page .field{margin:10px 0}
}
/* Breakpoints follow the available workspace, including its navigation rail. */
@container workspace (max-width:1100px){
 .settings-columns{grid-template-columns:minmax(0,1fr)}
 .settings-content>.settings-columns>.inspector{margin-top:12px}
 .appearance-grid{grid-template-columns:minmax(0,1fr)}
 .settings-content .setting-slider{grid-template-columns:minmax(0,1fr) minmax(100px,180px) 70px}
}
@container workspace (max-width:900px){
 .workbench{grid-template-columns:180px minmax(0,1fr)}
 .workbench-main{grid-template-columns:minmax(0,1fr) 245px;padding:10px;gap:10px}
 .onboarding-steps{gap:6px}.onboarding-steps small{font-size:0.714286rem}.onboarding-steps strong{font-size:0.785714rem}
 .first-use h1{font-size:1.571429rem}.first-use .btn{white-space:normal;font-size:0.857143rem}
 .song-hero .hero-cover{width:68px;height:68px}.song-hero{gap:10px;min-height:68px}.song-hero h1{font-size:1.5rem}
 .gain-row{grid-template-columns:16px 76px minmax(0,1fr) 28px;gap:3px;font-size:0.714286rem}
 .settings-layout{grid-template-columns:150px minmax(0,1fr)}
 .svc-columns,.svc-login-layout{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
 .app-body{grid-template-columns:60px minmax(0,1fr)}
 .sidebar-brand strong,.brand-edition,.sidebar-promo,.sidebar-meta,.sidebar .nav-item span{display:none}
 .sidebar-brand{justify-content:center;padding:0}.sidebar{padding-right:0}.sidebar .nav-item{justify-content:center;padding:8px 3px;gap:0;min-height:42px}
 .sidebar .nav-art{width:24px;height:24px;flex-basis:24px}.global-search{width:240px}.runtime-label{display:none}
 .main{padding:10px}.performance-controls{display:flex}
}
@container workspace (max-width:760px){
 .lyric-local-grid{grid-template-columns:minmax(0,1fr)}
 .settings-layout{display:flex;flex-direction:column;overflow:visible;min-height:100%;height:auto}
 .settings-sidebar{flex-direction:row;flex-wrap:wrap;overflow:visible;padding:10px;border-right:0;border-bottom:1px solid var(--border);gap:4px}
 .settings-sidebar h2{display:none}.settings-sidebar button{min-height:36px;font-size:0.857143rem;padding:7px 10px}
 .settings-content{overflow:visible;padding:16px;scrollbar-gutter:auto}
 .settings-columns,.appearance-grid,.lyric-style-grid,.detail-layout,.membership-layout,.backup-layout,.sync-page .backup-layout,.svc-columns,.svc-login-layout{grid-template-columns:minmax(0,1fr)}
 .workbench{display:flex;flex-direction:column;height:auto;flex:none}
 .workbench .playlist{max-height:290px;flex:none}.playlist .song-scroll{min-height:70px}.playlist .song-row{min-height:62px}
 .workbench-main{display:flex;flex-direction:column;overflow:visible;min-height:0;padding:16px}
 .performance-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:10px}
 .performance-controls>.create-btn,.performance-controls>.quick-settings{grid-column:1/-1}
 .first-use{min-height:0;padding:16px 4px}.song-stage{min-height:520px}.song-hero{min-height:90px}
 .onboarding-steps{margin:18px 0}.onboarding-steps strong{white-space:normal}
 .first-use .btn{min-height:40px}.workbench .task-strip{flex-shrink:0;flex-wrap:wrap}
 .svc-tabs{flex-wrap:wrap}.svc-tabs a{font-size:0.857143rem;padding:8px}
 .settings-content .setting-slider{grid-template-columns:minmax(0,1fr) 110px 65px;gap:8px}
 .appearance-grid{display:grid}.appearance-card .setting-row select{min-width:0}
}
@media(max-width:600px){
 .sync-page .backup-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
 .sync-page .backup-actions .btn{margin:0;white-space:nowrap}
 .svc-page .svc-metrics{grid-template-columns:minmax(0,1fr)}
 .svc-page .svc-metrics>div{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}
 .svc-page .svc-metrics strong{font-size:1.285714rem;overflow-wrap:anywhere;text-align:right}
 .titlebar .window-actions .runtime-label{display:none!important}
 .voice-detail-hero{flex-direction:column;align-items:flex-start;padding:14px;gap:12px}.voice-detail-hero form{width:100%}.audio-preview .wave{height:60px}
 :root{--panel-padding:16px}.app-body{grid-template-columns:52px minmax(0,1fr)}
 .main{padding:8px;gap:8px}.titlebar{padding:0 8px;gap:8px;height:50px;min-height:50px}.window-actions{gap:4px}.window-btn{display:none}.global-search{width:34px;min-width:34px;height:34px;padding:6px}.global-search span{display:none}
 .top-account{max-width:120px}.top-account>span:nth-child(2){display:none}.titlebar .icon-btn{min-width:30px;width:30px}
 .mock-ribbon{text-align:left;font-size:0.714286rem;padding:4px 8px}.svc-local-boundary{line-height:1.5}
 .btn{white-space:normal;overflow-wrap:break-word;min-height:38px}.page-title .actions .btn{font-size:0.857143rem;flex:0 1 auto}.page-title h1,.page-heading h1{font-size:1.571429rem}
 .page-panel{flex:none;overflow:visible}.page-title,.page-heading{flex-direction:column}
 .detail-layout,.membership-layout,.backup-layout,.sync-page .backup-layout,.settings-columns,.appearance-grid,.lyric-style-grid,.svc-columns,.svc-login-layout{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:14px}
 .inspector,.order-summary{width:100%;min-width:0;max-width:100%}.inspector dl{grid-template-columns:minmax(70px,.6fr) minmax(0,1fr)}
 .backup-layout>aside,.sync-page .backup-layout>aside{grid-column:auto}
 .performance-controls{display:flex}.performance-controls .gain-row{font-size:0.785714rem;grid-template-columns:18px 80px minmax(0,1fr) 30px}
 .settings-sidebar button{flex:1 1 120px;justify-content:center;font-size:0.785714rem;padding:8px 5px}.settings-sidebar button svg{width:16px}
 .setting-row,.settings-section .setting-row{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}
 .setting-row>div{flex:1 1 160px}.setting-row select{max-width:100%;width:100%;flex:1 1 100%}.setting-row .switch{align-self:center}
 .settings-content .setting-slider,.appearance-card .setting-slider{grid-template-columns:minmax(0,1fr) 65px;gap:5px;padding:10px 0}
 .setting-slider>span{grid-column:1/-1}.setting-slider input{grid-column:1}.setting-slider output{grid-column:2}
 .settings-content .inline-form{max-width:100%;width:100%}.settings-content{padding:14px}
 .appearance-card{padding:14px}.appearance-preview-card .lyric-preview{min-height:150px;aspect-ratio:auto}
 .appearance-shortcuts .shortcut-row{grid-template-columns:minmax(0,1fr) auto auto;font-size:0.785714rem;gap:5px}.shortcut-row kbd{min-width:0;max-width:110px;white-space:normal;overflow-wrap:anywhere}
 .meter-row{gap:6px}.meter-row output{font-size:0.785714rem}.settings-footer{font-size:0.785714rem}.sing-page .svc-card,.svc-card{padding:14px}
 .sing-catalog-grid{grid-template-columns:minmax(0,1fr)}.sing-catalog-grid article{padding:12px}
 .svc-page .section-title{align-items:flex-start}.svc-page table{min-width:500px}.svc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 [data-lyric-tools] .form-grid{grid-template-columns:minmax(0,1fr)}
 .modal[open]{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}
 .modal-titlebar{padding:8px 12px}.modal>.modal-content{padding:14px;scrollbar-gutter:auto}.modal .modal-titlebar h2{font-size:1.214286rem}.modal .drop-field{padding:12px}.modal-footer{bottom:-14px;gap:8px}
 .modal .form-grid{grid-template-columns:minmax(0,1fr)}.modal .tabs{gap:12px;flex-wrap:wrap}.modal-footer .btn{flex:1}
}

/* Published catalog is a standalone browsing page. */
.online-catalog-page .catalog-heading { align-items:center; gap:20px; flex-wrap:wrap; }
.sidebar .nav-subitem{display:flex;align-items:center;gap:10px;min-height:34px;width:100%;padding:7px 16px 7px 36px;text-align:left;border:0;border-radius:0 8px 8px 0;background:transparent;color:#d1e8e4;font:inherit;font-size:0.857143rem;cursor:pointer}
.sidebar .nav-subitem svg{flex:none;opacity:.85}
.sidebar .nav-subitem:hover,.sidebar .nav-subitem.active{background:#ffffff18;color:#fff}
.sidebar .nav-subitem.active{box-shadow:inset 3px 0 #38e0bd;font-weight:650}
.sidebar .nav-subitem:focus-visible{outline:2px solid #38e0bd;outline-offset:-2px}
.svc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:600px){.sidebar .nav-subitem{justify-content:center;padding:8px 3px;min-height:40px}.sidebar .nav-subitem span{display:none}}
.online-catalog-page .catalog-heading .actions { flex-wrap:wrap; }
.online-catalog-page .search { min-width:0; max-width:100%; }
.online-catalog-page .catalog-empty { min-height:300px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:12px; padding:32px; color:var(--muted); }
.online-catalog-page .catalog-empty h2 { color:var(--text); margin:0; font-size:1.428571rem; }
.online-catalog-page .catalog-empty p { margin:0; }
.online-catalog-page [hidden] { display:none !important; }
.online-catalog-page .catalog-song { min-width:0; display:flex; flex-direction:column; }
.online-catalog-page .catalog-song h2 { font-size:1.285714rem; overflow-wrap:anywhere; }
.online-catalog-page .catalog-license { font-size:0.857143rem; overflow-wrap:anywhere; }
.online-catalog-page .catalog-song .btn { margin-top:auto; white-space:normal; }
@media(max-width:600px) { .online-catalog-page .svc-catalog { grid-template-columns:1fr; } .online-catalog-page .catalog-heading .actions { width:100%; } .online-catalog-page .search { flex:1; } }
/* Combined account destinations: one scroll surface, consistent cards and form widths. */
.merged-service-page{max-width:1240px;margin-inline:auto;width:100%}
.merged-service-page .merged-section{margin-top:28px;min-width:0}
.merged-service-page .merged-section-title{font-size:1.285714rem;line-height:1.5;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--border)}
.merged-service-page .member-top,.merged-service-page .svc-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.merged-service-page .member-guide{background:linear-gradient(135deg,#ecf8f5,#f7fbfa)}
.merged-service-page .svc-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.merged-service-page .svc-columns>:only-child{grid-column:1/-1}
.merged-service-page .svc-card{min-width:0;margin-bottom:18px;border-radius:12px}
.merged-service-page .svc-card h2,.merged-service-page .svc-card h3{line-height:1.5;margin-bottom:12px}
.merged-service-page .svc-card p{line-height:1.8;margin:10px 0;overflow-wrap:anywhere}
.merged-service-page .field{display:flex;flex-direction:column;gap:7px;margin:14px 0;min-width:0}
.merged-service-page .field :is(input,select,textarea){width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.merged-service-page form>.btn{margin-top:8px}
.merged-service-page .actions,.merged-service-page .svc-row-actions{gap:8px;flex-wrap:wrap}
.merged-service-page .actions{margin-bottom:14px}
.merged-service-page .svc-plans{gap:18px}
.merged-service-page .svc-plan{display:flex;flex-direction:column;align-items:flex-start}
.merged-service-page .svc-plan>.btn{margin-top:auto;width:100%}
.merged-service-page .svc-plan>strong{font-size:2.142857rem;line-height:1.4;margin:10px 0}
.merged-service-page .table-wrap{max-width:100%;overflow:auto}
.merged-service-page .sync-page{padding:0;border:0;box-shadow:none;overflow:visible;background:transparent}
.merged-service-page .sync-page .sync-section{padding:20px;background:white;border:1px solid var(--border);border-radius:12px;margin-bottom:18px}
.merged-service-page .backup-layout{grid-template-columns:minmax(0,1fr) minmax(180px,.6fr);gap:20px}
.merged-service-page .backup-layout>aside{grid-column:1/-1}
.merged-service-page .connection-details>summary{cursor:pointer;font-weight:600}
.merged-service-page .connection-details>.svc-card{margin:14px 0 0;padding:0;border:0;box-shadow:none}
@media(max-width:1000px){.merged-service-page .member-top,.merged-service-page .svc-account-grid,.merged-service-page .svc-columns{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.merged-service-page .merged-section{margin-top:22px}.merged-service-page .backup-layout{grid-template-columns:minmax(0,1fr)}.merged-service-page .sync-page .sync-section{padding:14px}.merged-service-page .svc-row-actions .btn{white-space:normal;line-height:1.5}.merged-service-page .svc-plan>strong{font-size:1.857143rem}}