/* Station settings: grouped sections, strong hierarchy, locale-aware fields. */
#stationSettingsForm .station-form-section[hidden] { display:none!important; }
#stationSettingsForm .station-settings-tabs { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;border:1px solid var(--border);border-radius:20px;background:var(--panel); }
#stationSettingsForm .station-settings-tabs button { --tab-tone:#5878e9;position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:66px;padding:14px 10px;border:1px solid transparent;border-radius:14px;color:var(--text2);background:transparent;font:inherit;cursor:pointer;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease; }
#stationSettingsForm .station-settings-tabs [data-tab='branding'] { --tab-tone:#8762d4; }
#stationSettingsForm .station-settings-tabs [data-tab='contact'] { --tab-tone:#15988f; }
#stationSettingsForm .station-settings-tabs button i { display:grid;place-items:center;width:40px;height:29px;border:1px solid color-mix(in srgb,var(--tab-tone) 20%,transparent);border-radius:7px;color:var(--tab-tone);background:color-mix(in srgb,var(--tab-tone) 5%,transparent);font-size:20px; }
#stationSettingsForm .station-settings-tabs button::after { content:'';position:absolute;inset-inline:22%;bottom:-2px;height:3px;border-radius:4px;background:var(--tab-tone);opacity:0;transform:scaleX(.45);transition:opacity .22s ease,transform .22s ease; }
#stationSettingsForm .station-settings-tabs button:hover { background:color-mix(in srgb,var(--tab-tone) 5%,var(--panel));color:var(--text1); }
#stationSettingsForm .station-settings-tabs button:is(:hover,:focus-visible,.is-active)::after { opacity:1;transform:scaleX(1); }
#stationSettingsForm .station-settings-tabs button.is-active { color:var(--text1);background:color-mix(in srgb,var(--tab-tone) 11%,var(--panel));border-color:color-mix(in srgb,var(--tab-tone) 42%,var(--border));box-shadow:0 5px 14px color-mix(in srgb,var(--tab-tone) 12%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--tab-tone) 12%,transparent); }
#stationSettingsForm .station-settings-tabs button.is-active::after { height:4px; }
#stationSettingsForm .station-settings-tabs button:focus-visible { outline:3px solid color-mix(in srgb,var(--tab-tone) 45%,transparent);outline-offset:2px; }
#stationSettingsForm .station-tab-save { display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--border); }
#stationSettingsForm .station-tab-save .btn { min-height:46px;border-radius:13px;font-weight:850; }
@media(max-width:550px) { #stationSettingsForm .station-settings-tabs button { flex-direction:column;font-size:11px;gap:7px;padding:12px 4px; }#stationSettingsForm .station-tab-save .btn { width:100%; } }
#stationSettingsForm.station-settings-redesign { width:100%;max-width:1180px;margin-inline:auto; }
#stationSettingsForm.station-settings-redesign>.profile-detail-card { display:grid;grid-template-columns:1fr;gap:20px;padding:0;border:0;background:none;box-shadow:none;overflow:visible; }
#stationSettingsForm.station-settings-redesign .section-title-icon { display:flex;align-items:center;gap:16px;margin:0;padding:22px 26px 0;font-size:clamp(20px,2vw,27px);font-weight:900; }
#stationSettingsForm.station-settings-redesign .section-title-icon>i { display:grid;place-items:center;width:58px;height:58px;border-radius:19px;flex:none;font-size:29px;color:white;background:linear-gradient(145deg,#6585f7,#4e59d4);box-shadow:0 10px 25px rgba(79,105,220,.22); }
#stationSettingsForm.station-settings-redesign>.profile-detail-card>.page-sub { margin:-10px 0 0;padding:0 26px 8px;color:var(--text2);font-size:13px;line-height:1.9; }
#stationSettingsForm.station-settings-redesign .station-form-section { --section-tone:#5878e9;margin:0;padding:24px;border:1px solid color-mix(in srgb,var(--section-tone) 18%,var(--border));border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--section-tone) 4%,var(--panel)),var(--panel));box-shadow:0 9px 25px rgba(40,57,100,.05);animation:stationSectionEnter .55s cubic-bezier(.22,1,.36,1) backwards; }
#stationSettingsForm.station-settings-redesign [data-section='branding'] { --section-tone:#8762d4;animation-delay:65ms; }
#stationSettingsForm.station-settings-redesign [data-section='contact'] { --section-tone:#15988f;animation-delay:130ms; }
#stationSettingsForm.station-settings-redesign .station-form-section h2 { display:flex;align-items:center;gap:12px;margin:0 0 20px;font-size:17px;font-weight:900; }
#stationSettingsForm.station-settings-redesign .station-form-section h2>i { width:40px;height:40px;display:grid;place-items:center;border-radius:13px;font-size:22px;color:var(--section-tone);background:color-mix(in srgb,var(--section-tone) 10%,var(--panel)); }
#stationSettingsForm.station-settings-redesign .station-fields { gap:18px; }
#stationSettingsForm.station-settings-redesign .field>span { display:flex;align-items:center;gap:7px;font-size:12px;font-weight:750;margin-bottom:8px; }
#stationSettingsForm.station-settings-redesign .field>span>i { color:var(--section-tone);font-size:17px; }
#stationSettingsForm.station-settings-redesign .field input { min-height:50px;padding:12px 15px;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--panel) 94%,var(--bg2));color:var(--text1);font:inherit;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease; }
#stationSettingsForm.station-settings-redesign .field input:focus { border-color:var(--section-tone);box-shadow:0 0 0 4px color-mix(in srgb,var(--section-tone) 11%,transparent);outline:none; }
#stationSettingsForm.station-settings-redesign input.ltr { direction:ltr;text-align:left; }
#stationSettingsForm.station-settings-redesign .logo-file-note { font-size:12px;color:var(--text2);margin:-8px 0 18px; }
#stationSettingsForm.station-settings-redesign .logo-settings-grid { gap:16px; }
#stationSettingsForm.station-settings-redesign .logo-slot { border-radius:19px;padding:18px;background:var(--panel);border:1px solid var(--border);box-shadow:0 4px 12px rgba(40,57,100,.03);transition:transform .25s ease,box-shadow .25s ease; }
#stationSettingsForm.station-settings-redesign .logo-slot:hover { transform:translateY(-3px);box-shadow:0 12px 27px rgba(80,60,145,.09); }
#stationSettingsForm.station-settings-redesign .logo-slot-title { display:flex;align-items:center;gap:8px;font-size:13px;font-weight:850;margin-bottom:14px; }
#stationSettingsForm.station-settings-redesign .logo-slot-title i { display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:color-mix(in srgb,var(--section-tone) 9%,var(--panel));color:var(--section-tone);font-size:18px; }
#stationSettingsForm.station-settings-redesign .logo-slot-preview { height:126px;border-radius:14px;margin-bottom:16px;background:repeating-conic-gradient(#f3f5fb 0% 25%,#fff 0% 50%) 50%/18px 18px;border:1px solid var(--border); }
#stationSettingsForm.station-settings-redesign .logo-slot-preview--dark { background:#161c29; }
#stationSettingsForm.station-settings-redesign .logo-slot-preview img,#stationSettingsForm.station-settings-redesign .logo-slot-preview svg { max-height:85px;max-width:80%;object-fit:contain; }
#stationSettingsForm.station-settings-redesign .logo-slot .btn { min-height:44px;border-radius:12px; }
#stationSettingsForm.station-settings-redesign .profile-save-row { display:flex;justify-content:flex-end;position:sticky;bottom:12px;z-index:3;padding:14px;border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:0 8px 26px rgba(40,57,100,.09);margin:0; }
#stationSettingsForm.station-settings-redesign #saveStationSettingsBtn { min-height:48px;min-width:230px;border-radius:13px;font-size:14px;font-weight:850; }
@keyframes stationSectionEnter { from { opacity:0;transform:translateY(12px); } to { opacity:1;transform:translateY(0); } }
@media(max-width:700px) { #stationSettingsForm.station-settings-redesign .station-form-section { padding:18px;border-radius:20px; }#stationSettingsForm.station-settings-redesign .section-title-icon { padding-inline:8px; }#stationSettingsForm.station-settings-redesign>.profile-detail-card>.page-sub { padding-inline:8px; }#stationSettingsForm.station-settings-redesign .station-fields,#stationSettingsForm.station-settings-redesign .logo-settings-grid { grid-template-columns:1fr; }#stationSettingsForm.station-settings-redesign #saveStationSettingsBtn { width:100%;min-width:0; } }
@media(prefers-reduced-motion:reduce) { #stationSettingsForm.station-settings-redesign * { animation:none!important;transition:none!important; }#stationSettingsForm.station-settings-redesign .logo-slot:hover { transform:none; } }