/* Community dashboard extension — matches the existing cyan / midnight blue theme. */
.hub-nav{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 27px}.hub-nav a{border:1px solid #315578;border-radius:25px;padding:7px 13px;font-size:11px;font-weight:800;color:#b8d3e8}.hub-nav a:hover{background:#11385a;color:#1ce6fa}.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.hub-card{background:linear-gradient(135deg,#0d203b,#081429);border:1px solid #315474;border-radius:13px;padding:24px;min-width:0}.hub-card.wide{grid-column:1/-1}.hub-card h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:29px;line-height:1.05;margin:0 0 10px}.hub-card p{color:#afc5da;font-size:13px}.hub-label{font-size:10px;font-weight:900;letter-spacing:2px;color:var(--cyan);text-transform:uppercase;margin:0 0 10px}.hub-card .muted{color:#91a9c5}.rank-row,.item-row,.history-row,.admin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #28496975;font-size:13px}.rank-row:last-child,.item-row:last-child{border-bottom:0}.rank-row .who{display:flex;align-items:center;gap:12px;min-width:0}.rank-row img{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#112744}.rank-place{font-weight:900;color:var(--cyan);width:22px}.pill{background:#062f4b;border:1px solid #176b91;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:800;color:#68f0fa;white-space:nowrap}.item-row{align-items:start}.item-row strong{display:block;color:#fff}.item-row small{display:block;color:#94b1c9;margin-top:3px}.item-row .btn{padding:8px 12px;font-size:10px;margin-left:auto}.hub-card .btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}.profile-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}.profile-head img{height:49px;width:49px;border-radius:50%;object-fit:cover}.profile-meta{display:flex;gap:10px;flex-wrap:wrap}.profile-meta b{background:#07162b;border:1px solid #275578;border-radius:8px;padding:9px 12px;font-size:13px}.achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.achievement{padding:12px;border:1px solid #2c5274;border-radius:9px;background:#091c34;opacity:.52}.achievement.unlocked{opacity:1;border-color:#00cce5;background:#0a2940}.achievement b{display:block;font-size:12px}.achievement span{font-size:10px;color:#a0b9cf}.clip-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.clip{border:1px solid #284969;border-radius:10px;min-height:104px;padding:16px;background:radial-gradient(ellipse at 85% 0%,#0e669d61,#0c1b32);display:flex;flex-direction:column;justify-content:space-between}.clip b{font-size:13px}.clip a{font-size:11px;color:var(--cyan);font-weight:900}.goal-track{height:12px;background:#071020;border:1px solid #325779;border-radius:30px;overflow:hidden;margin:8px 0}.goal-track span{display:block;height:100%;background:linear-gradient(90deg,#128adf,#1ce6fa);border-radius:30px;min-width:0}.goal-info{display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:10px;color:#aac5da}.hub-form{display:grid;gap:9px}.hub-form input,.hub-form textarea,.hub-form select{width:100%;font:inherit;font-size:13px;border-radius:7px;border:1px solid #365778;background:#061328;color:#fff;padding:10px;min-width:0}.hub-form textarea{min-height:62px}.hub-form .btn{justify-self:start}.hub-feedback{font-size:12px;color:#6ce8f9;min-height:20px}.choice{padding:11px;border:1px solid #365778;border-radius:8px;text-align:left;color:#fff;background:#0a203c;font:inherit;cursor:pointer}.choice:hover{border-color:#1ce6fa}.quiz-choices{display:grid;gap:8px}.notification-btn{margin:7px 0 10px}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.admin-grid>form,.admin-grid>.admin-panel{border:1px solid #305271;border-radius:10px;background:#07192e;padding:16px}.admin-grid h4{font-size:17px;font-family:'Barlow Condensed';margin:0 0 10px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat{padding:13px;background:#061428;border:1px solid #285274;border-radius:8px}.stat b{display:block;font-size:22px;color:var(--cyan)}.stat small{font-size:10px;color:#aac4dc}.admin-actions{display:flex;gap:7px;align-items:center}.admin-actions button{padding:5px 8px;background:#3c2435;border:1px solid #b65c66;border-radius:5px;color:#fff;cursor:pointer;font-size:11px}.empty-text{font-size:12px;color:#89a4bc}.sponsor-dynamic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sponsor-tile{display:flex;flex-direction:column;gap:7px;padding:19px;border:1px solid #2a5073;border-radius:10px;background:#10253e}.sponsor-tile img{max-width:125px;max-height:55px;object-fit:contain;object-position:left}.sponsor-tile b{font-family:'Barlow Condensed';font-size:23px}.sponsor-tile small{color:#a9bdd3}.sponsor-tile em{color:var(--cyan);font-size:11px;font-weight:800;font-style:normal}.u-hide{display:none!important}@media(max-width:850px){.hub-grid,.admin-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.achievement-grid,.clip-list,.sponsor-dynamic{grid-template-columns:1fr 1fr}.hub-card{padding:17px}.hub-nav{gap:5px}.hub-nav a{padding:6px 9px;font-size:10px}.item-row{flex-wrap:wrap}.item-row .btn{margin-left:0}}@media(max-width:410px){.achievement-grid,.clip-list,.sponsor-dynamic{grid-template-columns:1fr}}

/* v6 navigation: show one clearly defined task group at a time. */
.hub-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 13px;padding:7px;border:1px solid #295071;border-radius:13px;background:#07182c}
.hub-nav .hub-tab{appearance:none;border:1px solid transparent;border-radius:8px;padding:12px 17px;color:#a6c2dc;background:transparent;font:800 12px Inter,Arial,sans-serif;cursor:pointer;transition:background .15s,color .15s}
.hub-nav .hub-tab:hover,.hub-nav .hub-tab:focus-visible{color:white;background:#143656;outline:none}
.hub-nav .hub-tab.is-current{color:#041321;background:var(--cyan);box-shadow:0 3px 16px #00ddff24}
.hub-nav #admin-shortcut{margin-left:auto;border-color:#3b6792;background:#102c4b}
.hub-nav #admin-shortcut[hidden]{display:none}
.hub-tab-intro{color:#96b5cd;font-size:13px;min-height:22px;margin:0 0 23px}
.hub-grid.is-tabbed>.hub-card:not(.is-active){display:none!important}
.hub-grid.is-tabbed{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.hub-grid.is-tabbed>.hub-card{grid-column:auto;min-width:0}
.hub-grid.is-tabbed[data-active-view="destaques"]>#metas{grid-column:1/-1}
.hub-grid.is-tabbed[data-active-view="loja"]>#loja{grid-column:1/-1}
.hub-grid.is-tabbed[data-active-view="extras"]>.hub-card:not(#quiz){grid-column:2}
#admin-panel{background:#071120;border-top:1px solid #284d70}
@media(max-width:850px){.hub-grid.is-tabbed{grid-template-columns:1fr}.hub-grid.is-tabbed>.hub-card,.hub-grid.is-tabbed[data-active-view="destaques"]>#metas,.hub-grid.is-tabbed[data-active-view="extras"]>.hub-card:not(#quiz){grid-column:auto}.hub-nav #admin-shortcut{margin-left:0}}
@media(max-width:600px){.hub-nav{display:grid;grid-template-columns:1fr 1fr}.hub-nav .hub-tab{text-align:center;padding:11px 8px;font-size:11px}.hub-nav #admin-shortcut{grid-column:1/-1;text-align:center}.hub-tab-intro{font-size:12px}}

.form-feedback{font-size:12px;line-height:1.5;margin:7px 0 0;padding:10px;border-radius:7px;border:1px solid #236d80;background:#082b39;color:#70ebff;min-height:18px}.form-feedback:empty{display:none}.form-feedback.is-error{border-color:#bb5c6b;background:#341724;color:#ffbec8}.hub-form button:disabled{opacity:.65;cursor:wait}

/* v10: clips com leitor principal e playlist circular. */
#clips{grid-column:1/-1;min-width:0}
.clip-caption{margin:0 0 17px;color:#a4c2db;font-size:12px}
.clip-list.clip-playlist{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(195px,.7fr);gap:17px;align-items:start}
.clip-feature{min-width:0;overflow:hidden;border:1px solid #285678;border-radius:13px;background:#061326}
.clip-frame-shell{position:relative;width:100%;min-height:300px;overflow:hidden;background:radial-gradient(circle at center,#173b5c,#050e20)}
.clip-frame-shell iframe{display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:0;transform-origin:top left}
.clip-now-playing{padding:12px 14px 8px;display:flex;justify-content:space-between;gap:12px;align-items:center}
.clip-now-playing strong{font-size:14px;color:#f3f9ff;overflow-wrap:anywhere}
.clip-count{font-size:11px;white-space:nowrap;font-weight:800;color:var(--cyan)}
.clip-track{height:3px;margin:3px 14px 10px;background:#183650;border-radius:4px;overflow:hidden}
.clip-track span{display:block;height:100%;width:0;background:var(--cyan)}
.clip-actions{display:flex;flex-wrap:wrap;gap:7px;padding:0 14px 14px}
.clip-control,.clip-external{border:1px solid #315879;border-radius:7px;background:#0b2c46;color:#c5e8f5;font-size:10px;font-weight:900;padding:9px 10px;cursor:pointer;line-height:1.2}
.clip-control:hover,.clip-external:hover{border-color:var(--cyan);color:#fff}
.clip-external{display:inline-flex;align-items:center;color:var(--cyan);margin-left:auto}
.clip-queue{display:flex;flex-direction:column;gap:8px;max-height:520px;overflow:auto;padding-right:2px}
.clip-queue-item{text-align:left;border:1px solid #294c6d;background:#0c2440;border-radius:10px;color:#e5f7ff;padding:11px 12px;display:flex;align-items:center;gap:10px;cursor:pointer;min-height:60px}
.clip-queue-item b{font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.clip-queue-item:hover,.clip-queue-item.is-selected{border-color:var(--cyan);background:#103451}
.clip-number{color:var(--cyan);font:900 15px 'Barlow Condensed',Impact,sans-serif}
.clip-duration-label,.clip-form-hint{display:block;color:#a8c7dc;font-size:11px}
.clip-form-hint{line-height:1.5}
@media(max-width:850px){#clips{grid-column:1/-1}.clip-list.clip-playlist{grid-template-columns:1fr}.clip-queue{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.clip-frame-shell{min-height:0}}
@media(max-width:460px){.clip-queue{grid-template-columns:1fr}.clip-actions{display:grid;grid-template-columns:1fr 1fr}.clip-external{margin:0;justify-content:center;grid-column:1/-1}.clip-now-playing{align-items:flex-start}}
