/* Jeffrey Services Infinity Gold 8.5 — overzichtelijk, responsive, toegankelijk.
   Visuele upgrade; geen wijziging van radiostream- of autorisatielogica. */
:root{--gx-gold:#edc67e;--gx-border:#51402a;--gx-soft:#a9a5a1;--gx-panel:#15171b}
/* Openbare Gold Studio-profielen */
.c-gold-studio{grid-template-columns:minmax(270px,310px) minmax(0,1fr);gap:22px;max-width:1250px}
.gs-sidebar{box-shadow:0 15px 36px #0005}
.gs-content{display:grid;align-content:start;gap:15px}
.gs-intro{padding:9px 4px 3px}
.gs-intro h2{font-size:clamp(24px,2.9vw,34px);margin:7px 0 4px}
.gs-profile-tabs{display:flex;align-items:center;gap:9px;flex-wrap:wrap;background:#15171b;border:1px solid #463a2c;border-radius:14px;padding:7px;margin:0 0 2px}
.gs-profile-tabs button{border:1px solid transparent;border-radius:9px;background:transparent;color:#c8c1b5;padding:11px 15px;font-weight:750;font-size:13px}
.gs-profile-tabs button[aria-selected="true"]{background:linear-gradient(125deg,#f2d69a,#d6a85c);color:#1d160c}
.gs-profile-tabs button:hover:not([aria-selected="true"]){background:#2b251f;color:#f0d5a7}
.gs-profile-tabs button:focus-visible{outline:2px solid #efc67d;outline-offset:2px}
.gs-profile-view[hidden]{display:none!important}.gs-profile-view{display:grid;gap:15px;min-width:0}
.gs-profile-view .gs-feature-grid{margin-bottom:0}
.gs-profile-view .gs-radio-card{margin:0;min-height:242px}
.gs-profile-view .gs-surface{margin:0}
.gs-feature-grid{gap:13px}
.gs-surface{border-radius:16px}
.gs-profile-view .gs-radio-content{min-width:0}
.gs-profile-view .gs-radio-info{min-width:0}
.gs-profile-view .gs-radio-info h2{overflow-wrap:anywhere}
.gs-favorites{min-height:160px}
/* Account / ICT */
.js8-content{max-width:100%;padding-top:31px}
.js8-heading{margin-bottom:26px}.js8-heading h1{font-size:clamp(30px,3.5vw,46px)}
.js8-layout{grid-template-columns:244px minmax(0,1fr)}
.js8-sidebar{position:sticky;top:76px;align-self:start;max-height:calc(100vh - 82px);overflow-y:auto;gap:5px}
.js8-sidebar a{display:flex;align-items:center;min-height:40px;font-size:13px}
.js8-sidebar .gx-nav-label{margin:14px 8px 4px;font-size:10px;letter-spacing:.16em;color:var(--gx-gold);font-weight:850}
.js8-sidebar a.active{background:#2d251d;border-left:3px solid var(--gx-gold);color:#f6d8a3}
.js8-card{border-color:#40382d;background:linear-gradient(145deg,#191b20,#111316);box-shadow:0 10px 34px #0002}
.js8-card:hover{border-color:#6c5231}
.js8-welcome{padding:29px 32px;min-height:165px}.js8-welcome h2{font-size:clamp(22px,2.7vw,33px);margin:9px 0}.js8-welcome p{max-width:520px}
.js8-grid{gap:14px}.js8-section{margin:27px 0 34px}
.js8-stack .js8-card{padding:20px 22px}.js8-form-hint{font-size:12px!important;color:#c6bba8!important;margin:0!important}
.js8-ticket-state{font-weight:800}.js8-status-in_progress{background:#1d3344;color:#aedaff;border-color:#4b95b7}.js8-status-waiting_customer{background:#3d3017;color:#ffde9b}.js8-status-resolved{background:#193a26;color:#a1efb7;border-color:#387c4b}.js8-status-closed{background:#23262a;color:#d4d8d8;border-color:#444c50}
.js8-action-form{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.js8-action-form select{min-height:42px;border-radius:9px;background:#171b21;color:#f5f1e6;border:1px solid #765c38;padding:7px 10px;max-width:235px}
/* Radio Control Center - grouped navigation */
.js-page-control .app{grid-template-columns:246px minmax(0,1fr)}
.js-page-control .sidebar{position:sticky;top:0;align-self:start;height:100vh;overflow:auto}
.js-page-control .sidebar .gx-control-group{border-bottom:1px solid #302922;padding:5px 0 8px}
.js-page-control .sidebar .gx-control-group summary{list-style:none;cursor:pointer;color:#dbb875;letter-spacing:.11em;font-size:11px;font-weight:850;padding:12px 9px 6px;display:flex;justify-content:space-between}
.js-page-control .sidebar .gx-control-group summary::-webkit-details-marker{display:none}
.js-page-control .sidebar .gx-control-group summary::after{content:'⌄';color:#cfaa70}
.js-page-control .sidebar .gx-control-group[open] summary::after{content:'⌃'}
.js-page-control .sidebar .gx-control-group nav{display:grid;gap:4px}
.js-page-control .sidebar .gx-control-group a{display:block;padding:9px 12px;font-size:13px;color:#e2d5bf}
.js-page-control .sidebar .gx-control-group a:hover{color:#f9dca3;background:#31291c}
.js-page-control .hero{min-height:190px;margin-bottom:22px}.js-page-control .hero h1{font-size:clamp(31px,4vw,53px)}
.js-page-control .stats{gap:14px}.js-page-control .stats article{background:linear-gradient(155deg,#1c1e22,#111316);border:1px solid #554129}
.js-page-control .panel{scroll-margin-top:20px;margin:21px 0}
/* Community administration */
.gs-admin-panel{border-color:#695134}.gs-admin-user{background:linear-gradient(110deg,#1b1c1d,#141619);border-color:#44372b}
/* Accessible mobile collapse without losing controls */
@media(max-width:1120px){.c-gold-studio{grid-template-columns:minmax(245px,290px) minmax(0,1fr);gap:16px}.gs-wave{display:none}.js8-header-row{gap:13px}.js8-nav{gap:2px}}
@media(max-width:900px){.js8-layout{grid-template-columns:minmax(0,1fr)}.js8-sidebar{position:static;max-height:none;display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:4px;padding:10px 14px;border-right:0;border-bottom:1px solid #3d352e}.js8-sidebar a{white-space:nowrap;flex:0 0 auto}.js8-sidebar .gx-nav-label,.js8-side-bottom{display:none}.js-page-control .app{grid-template-columns:minmax(0,1fr)}.js-page-control .sidebar{position:static;height:auto;overflow:visible;padding:15px}.js-page-control .sidebar nav{display:block;overflow:visible}.js-page-control .sidebar .gx-control-group nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.c-gold-studio{grid-template-columns:1fr}.gs-profile-view .gs-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.gs-profile-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.gs-profile-tabs button{padding:10px 8px;font-size:12px}.gs-profile-view .gs-feature-grid{grid-template-columns:1fr}.js8-welcome{padding:22px 19px}.js8-grid,.js8-grid.two{grid-template-columns:1fr}.js8-content{padding:24px 15px}.js8-heading{margin-bottom:19px}.js-page-control .sidebar .gx-control-group nav{grid-template-columns:1fr}.js8-action-form select{max-width:100%}}
@media(prefers-reduced-motion:reduce){.gs-pulse,.gs-wave i{animation:none}}