/* Shared studio layout: scoped to ElevenLabs, Sync and admin settings. */
:is(#neuro-eleven-wrapper,#neuro-sync-wrapper,#admin-services){--studio-line:rgba(255,255,255,.10);--studio-muted:#a7b3af;line-height:1.5;min-width:0}
:is(#neuro-eleven-wrapper,#neuro-sync-wrapper,#admin-services) *{box-sizing:border-box}
:is(#neuro-eleven-wrapper,#neuro-sync-wrapper,#admin-services) .card{border:1px solid var(--studio-line);border-radius:20px;background:linear-gradient(145deg,#19221f,#121915);box-shadow:0 12px 36px #0002;padding:24px!important;overflow:visible}
:is(#neuro-eleven-wrapper,#neuro-sync-wrapper,#admin-services) :is(h3,h4){line-height:1.3;letter-spacing:-.025em;margin:0 0 12px;font-weight:750}
:is(#neuro-eleven-wrapper,#neuro-sync-wrapper,#admin-services) h3{font-size:21px}
:is(#neuro-eleven-wrapper,#neuro-sync-wrapper,#admin-services) h4{font-size:18px}
:is(#neuro-eleven-wrapper,#neuro-sync-wrapper,#admin-services) :is(p,small){line-height:1.6;overflow-wrap:anywhere}
:is(#neuro-eleven-wrapper,#neuro-sync-wrapper,#admin-services) small{color:var(--studio-muted);font-size:12px}
:is(#neuro-eleven-wrapper,#neuro-sync-wrapper,#admin-services) .form-control{min-height:46px;border:1px solid #ffffff20!important;border-radius:11px!important;background:#0d1512!important;color:#eff5f1!important;font-family:inherit;font-size:14px!important;line-height:1.5;box-shadow:none!important;max-width:100%;padding:11px 13px!important}
:is(#neuro-eleven-wrapper,#neuro-sync-wrapper,#admin-services) select.form-control{padding-right:32px!important;text-overflow:ellipsis}
:is(#neuro-eleven-wrapper,#neuro-sync-wrapper,#admin-services) textarea{resize:vertical;min-height:112px}
:is(#neuro-eleven-wrapper,#neuro-sync-wrapper,#admin-services) :is(input,select,textarea,button,summary):focus-visible{outline:2px solid #80dab1!important;outline-offset:3px}
:is(#neuro-eleven-wrapper,#neuro-sync-wrapper,#admin-services) .form-label{font-size:12px;font-weight:650;color:#c2cec8;margin-bottom:8px;letter-spacing:.01em}
:is(#neuro-eleven-wrapper,#neuro-sync-wrapper,#admin-services) .btn{min-height:44px;border-radius:11px!important;font-size:13px;line-height:1.4;padding:11px 16px;white-space:normal;transition:background .15s,border-color .15s}
:is(#neuro-eleven-wrapper,#neuro-sync-wrapper,#admin-services) .btn-outline{border:1px solid #ffffff26;background:#ffffff05;color:#dce7e1}
:is(#neuro-eleven-wrapper,#neuro-sync-wrapper,#admin-services) .btn-outline:hover{background:#ffffff0c;border-color:#ffffff45}
:is(#neuro-eleven-wrapper,#neuro-sync-wrapper,#admin-services) .btn-primary{background:var(--theme-color,#117a4b);border:1px solid #ffffff14;color:white}
:is(#neuro-eleven-wrapper,#neuro-sync-wrapper,#admin-services) :is(button,input,select):disabled{opacity:.45;cursor:not-allowed}
:is(#neuro-eleven-wrapper,#neuro-sync-wrapper,#admin-services) input[type=checkbox]{width:18px;height:18px;flex-shrink:0;accent-color:var(--theme-color)}
:is(#neuro-eleven-wrapper,#neuro-sync-wrapper,#admin-services) input[type=range]{width:100%;accent-color:var(--theme-color);min-height:28px}
:is(#neuro-eleven-wrapper,#neuro-sync-wrapper,#admin-services) input::file-selector-button{padding:7px 10px;border:0;border-radius:7px;margin-right:12px;background:#263f32;color:#e3f7ec}
#eleven-menu{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
#eleven-menu .menu-btn{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;gap:8px;min-height:132px;padding:20px!important;border:1px solid var(--studio-line);border-radius:16px!important;background:linear-gradient(135deg,#1b2821,#141c18);box-shadow:none}
#eleven-menu .menu-btn:hover{border-color:#65bd8f70;background:#20352a}
#eleven-menu .menu-btn i{font-size:19px!important;margin:0 0 4px!important;color:#7ddfa8}
#eleven-menu .menu-btn .text{font-size:15px;font-weight:700}
#eleven-menu .menu-btn small{margin:0!important;text-align:left;max-width:35ch;font-size:12px!important;font-weight:400}
#eleven-menu .menu-btn:last-child{min-height:80px;grid-column:1/-1}
#neuro-eleven-wrapper .el-tools-form{gap:20px}
#neuro-eleven-wrapper .el-tools-form label{gap:8px;color:#cbd7d0;font-size:13px;font-weight:550}
#neuro-eleven-wrapper .el-dialogue-row{padding:16px;margin:0 0 12px;border-color:var(--studio-line);background:#0e151180;border-radius:14px;gap:12px}
#neuro-eleven-wrapper .el-dialogue-row select{flex:1;min-width:0}
#neuro-eleven-wrapper .el-dialogue-row button{flex:0 0 44px}
#neuro-eleven-wrapper .el-tools-status:empty{display:none}
#neuro-eleven-wrapper .el-tools-status:not(:empty){padding:12px 14px;border-radius:10px;background:#ffffff07;border:1px solid var(--studio-line)}
#elStudioResult{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;align-items:center}
#elStudioResult :is(audio,pre){flex-basis:100%;max-width:100%;border-radius:12px}
#neuro-sync-wrapper .sync-parallel-overview{padding:22px;border:1px solid var(--studio-line);border-radius:20px;background:#17211b;margin-bottom:20px}
#neuro-sync-wrapper .sync-overview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#neuro-sync-wrapper .sync-overview-heading h3{margin:0;font-size:19px}
#neuro-sync-wrapper #sync-active-count{font-size:12px;white-space:nowrap;padding:6px 11px;border:1px solid #76c39b40;border-radius:20px;color:#a5e8bf;background:#73ce9810}
#neuro-sync-wrapper .sync-parallel-overview>p{font-size:13px;color:var(--studio-muted);margin:12px 0 18px}
#neuro-sync-wrapper .sync-task-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#neuro-sync-wrapper .sync-task-card{min-width:0;display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:left;padding:14px;border:1px solid #ffffff16;border-radius:13px;background:#0e1712;color:#c5d3ca;min-height:112px;cursor:pointer}
#neuro-sync-wrapper .sync-task-card[aria-pressed=true]{border-color:#64cc95;background:#214332;box-shadow:inset 0 0 0 1px #64cc9530}
#neuro-sync-wrapper .sync-task-card strong{font-size:13px;color:#edf8f0}
#neuro-sync-wrapper .sync-task-status{font-size:11px;line-height:1.4}
#neuro-sync-wrapper .sync-task-card small{font-size:10px;line-height:1.4}
#syncSlotsContainer>.card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:8px}
#syncSlotsContainer>.card>*{grid-column:1/-1;min-width:0}
#syncSlotsContainer>.card>.form-label:first-child{grid-column:1;grid-row:1}
#syncSlotsContainer>.card>[id^=sv-drop-]{grid-column:1;grid-row:2}
#syncSlotsContainer>.card>.form-label:nth-child(3){grid-column:2;grid-row:1}
#syncSlotsContainer>.card>[id^=sa-drop-]{grid-column:2;grid-row:2}
#syncSlotsContainer .drop-zone{padding:24px 12px;min-height:128px;display:flex;flex-direction:column;justify-content:center;border:1px dashed #6a9d8070;border-radius:14px;background:#62b58208;overflow-wrap:anywhere}
#syncSlotsContainer [data-sync-options]{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px!important;padding-top:16px;border-top:1px solid var(--studio-line)}
#syncSlotsContainer [data-sync-options]>:is(small,details){grid-column:1/-1}
#syncSlotsContainer [data-sync-options]>label{font-size:12px!important;min-width:0}
#syncSlotsContainer [data-sync-options]>label:has(input[type=range]),#syncSlotsContainer [data-sync-options]>label:has(textarea){grid-column:1/-1}
#syncSlotsContainer details{padding:14px 16px;border:1px solid var(--studio-line);border-radius:12px;background:#ffffff03}
#syncSlotsContainer summary{font-size:13px!important;font-weight:600;padding:3px 0}
#syncSlotsContainer output{color:#9fe4ba;font-variant-numeric:tabular-nums}
#sync-parallel-count{margin:0 0 12px;font-size:12px;color:var(--studio-muted)}
#admin-services>p{font-size:13px;color:var(--studio-muted);max-width:75ch;margin-bottom:22px}
#admin-services .service-tabs{display:flex!important;padding:5px;border:1px solid var(--studio-line);border-radius:14px;background:#0d1511;gap:6px!important;align-items:center}
#admin-services .service-tabs .btn{flex:1;min-width:120px}
#admin-services .service-tabs .btn:last-child{flex:0 0 auto;min-width:0}
#admin-services .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
#admin-services form{display:flex;flex-direction:column;gap:0}
#admin-services form>p{font-size:12px;color:var(--studio-muted);margin:0 0 16px}
#admin-services form>.form-label{margin:0 0 16px!important;display:grid!important;gap:8px}
#admin-services form>select{margin-bottom:16px}
#admin-services form>button{width:100%;margin-top:auto!important}
#admin-services form>[role=status]:empty{display:none}
#admin-services form>[role=status]{font-size:12px;color:#d5e3da}
@media(max-width:620px){
 :is(#neuro-eleven-wrapper,#neuro-sync-wrapper,#admin-services) .card{padding:18px!important;border-radius:16px}
 #admin-services .services-grid{grid-template-columns:1fr!important}
 #neuro-sync-wrapper .sync-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #neuro-sync-wrapper .sync-task-card{min-height:100px}
 #syncSlotsContainer [data-sync-options]{grid-template-columns:1fr}
 #syncSlotsContainer [data-sync-options]>*{grid-column:1!important}
 #neuro-sync-wrapper .sync-parallel-overview{padding:18px}
 #eleven-menu .menu-btn{padding:16px!important;min-height:128px}
}
@media(max-width:380px){#eleven-menu{grid-template-columns:1fr!important}#admin-services .service-tabs .btn:last-child{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){:is(#neuro-eleven-wrapper,#neuro-sync-wrapper,#admin-services) *{transition:none!important}}
:is(#neuro-eleven-wrapper,#neuro-sync-wrapper,#admin-services) label{letter-spacing:0!important;text-transform:none!important}
#admin-services form .form-label{font-size:12px!important}
/* Override legacy global button rules without affecting other sections. */
#eleven-menu .menu-btn{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important;min-height:140px!important;height:auto!important;gap:8px!important;background:linear-gradient(135deg,#1b2821,#141c18)!important;border:1px solid #ffffff18!important;box-shadow:none!important}
#eleven-menu .menu-btn .text,#eleven-menu .menu-btn small{text-align:left!important;width:auto!important}
#eleven-menu .menu-btn:last-child{min-height:80px!important}
:is(#neuro-eleven-wrapper,#neuro-sync-wrapper,#admin-services) .card{background:linear-gradient(145deg,#19221f,#121915)!important}
#admin-services .service-tabs{align-items:stretch!important}
#admin-services .service-tabs .btn{min-height:52px}
#admin-services form>.form-label:has(input:disabled){display:none!important}
:is(#neuro-eleven-wrapper,#neuro-sync-wrapper,#admin-services) .form-label{text-transform:none!important;letter-spacing:0!important}
@media(max-width:620px){#admin-services .service-tabs .btn:last-child{flex:1 1 100%;min-height:40px}#eleven-menu .menu-btn{min-height:140px!important}}

#eleven-menu .menu-btn .text{font-size:15px!important}
#eleven-menu .menu-btn i{display:block!important}