:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#091115;color:#eef7f9;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -10%,rgba(76,191,210,.10),transparent 35%),#091115}.shell{max-width:1180px;margin:0 auto;padding:32px 24px 60px}.hero,.card,.match-card,.player-card{background:#122027;border:1px solid rgba(255,255,255,.08);border-radius:18px}.hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px;margin-bottom:18px}.hero h1{margin:7px 0 5px;font-size:34px}.hero p{color:#91a8b0;max-width:760px;margin:0}.version{font-size:12px;color:#69d6e8;vertical-align:top}.kicker{font-size:11px;letter-spacing:.14em;color:#69d6e8;font-weight:800}.card{padding:20px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}.stat span{display:block;color:#91a8b0;font-size:12px}.stat strong{display:block;font-size:30px;margin-top:8px}.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}button,.link-btn{border:1px solid rgba(105,214,232,.42);background:rgba(105,214,232,.12);color:#dffbff;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:700;text-decoration:none}button:hover,.link-btn:hover{background:rgba(105,214,232,.19)}button.secondary,.secondary-link{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.05)}.hidden{display:none!important}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:28px 4px 12px}.section-head h2{margin:5px 0 0}.muted{color:#91a8b0}.error{color:#ffb3b3}.tabs{display:flex;gap:8px;margin-top:22px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:10px}.tab{background:transparent;border-color:transparent;color:#91a8b0}.tab.active{color:#e9fbff;background:rgba(105,214,232,.10);border-color:rgba(105,214,232,.24)}.search-wrap{min-width:280px}.search-wrap input{width:100%;border:1px solid rgba(255,255,255,.10);background:#0d181d;color:#eef7f9;border-radius:10px;padding:10px 12px;outline:none}.search-wrap input:focus{border-color:rgba(105,214,232,.45)}.matches-list{display:grid;gap:12px}.match-card{padding:18px}.clickable{cursor:pointer;transition:transform .12s ease,border-color .12s ease}.clickable:hover{transform:translateY(-1px);border-color:rgba(105,214,232,.28)}.match-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#91a8b0;font-size:12px}.source-badge{font-size:10px;font-weight:800;letter-spacing:.08em;border-radius:999px;padding:4px 8px}.source-badge.faceit{background:rgba(80,200,140,.12);color:#91efbd;border:1px solid rgba(80,200,140,.28)}.source-badge.legacy{background:rgba(255,196,92,.10);color:#f1c979;border:1px solid rgba(255,196,92,.25)}.match-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:13px}.match-title h3{font-size:22px;margin:2px 0 0}.series-score{font-size:30px;font-weight:900;font-variant-numeric:tabular-nums}.series-score.large{font-size:42px}.win{color:#88e8b6}.loss{color:#ff9a9a}.maps{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.map-pill{display:inline-flex;gap:8px;align-items:center;padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);font-size:12px;color:#bacbd0}.map-pill b{color:#eef7f9}.map-pill.win b{color:#88e8b6}.map-pill.loss b{color:#ff9a9a}.card-foot{display:flex;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);font-size:12px;color:#7fb8c2}.players-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.player-card{padding:18px}.player-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.player-name{font-size:22px;font-weight:850}.mini-link{font-size:11px;color:#8bddec;text-decoration:none}.badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px;min-height:26px}.roster-badge{font-size:10px;border-radius:999px;padding:5px 8px;border:1px solid rgba(255,255,255,.10);color:#bbccd1}.roster-badge.lineup{color:#95efbf;border-color:rgba(80,200,140,.28);background:rgba(80,200,140,.08)}.roster-badge.data{color:#8bddec;border-color:rgba(105,214,232,.28);background:rgba(105,214,232,.08)}.player-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.player-stats div{padding:10px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}.player-stats span{display:block;font-size:10px;color:#91a8b0}.player-stats strong{display:block;margin-top:5px;font-size:18px}.player-foot{font-size:11px;color:#91a8b0;margin-top:13px}.match-dialog{width:min(900px,calc(100vw - 28px));max-height:88vh;border:1px solid rgba(255,255,255,.10);background:#0b151a;color:#eef7f9;border-radius:20px;padding:0;box-shadow:0 30px 90px rgba(0,0,0,.5)}.match-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}.dialog-shell{padding:22px}.dialog-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dialog-top h2{margin:5px 0 0}.icon-btn{padding:7px 10px}.detail-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding:16px;border-radius:14px;background:#122027;border:1px solid rgba(255,255,255,.07)}.lifecycle-line{font-size:11px;margin:8px 0 0}.detail-section{margin-top:22px}.detail-section h3{margin:0 0 10px}.detail-section-head{display:flex;justify-content:space-between;align-items:end;gap:12px}.detail-maps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.detail-map{padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.035)}.detail-map span,.detail-map small{display:block;color:#91a8b0;font-size:11px}.detail-map strong{display:block;font-size:22px;margin:4px 0}.table-wrap{overflow-x:auto;border:1px solid rgba(255,255,255,.07);border-radius:12px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:right;padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.06);font-variant-numeric:tabular-nums}th:first-child,td:first-child{text-align:left}th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#91a8b0;background:rgba(255,255,255,.025)}tbody tr:last-child td{border-bottom:0}.empty-note{padding:14px;border:1px dashed rgba(255,255,255,.10);border-radius:12px;color:#91a8b0}.detail-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.shell{padding:18px 12px 40px}.hero{align-items:flex-start;flex-direction:column}.actions{width:100%;justify-content:flex-start}.stats-grid{grid-template-columns:repeat(2,1fr)}.section-head{align-items:stretch;flex-direction:column}.search-wrap{min-width:0}.match-title{align-items:flex-end}.series-score{font-size:26px}.players-grid{grid-template-columns:1fr}.detail-summary{align-items:flex-start}.detail-maps{grid-template-columns:1fr 1fr}.match-dialog{max-height:94vh}.dialog-shell{padding:16px}}@media(max-width:430px){.stats-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:28px}.match-title h3{font-size:18px}.detail-summary{flex-direction:column}.detail-maps{grid-template-columns:1fr}.series-score.large{font-size:34px}}
.performance-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0}.perf-kpi span,.perf-kpi small{display:block;color:#91a8b0}.perf-kpi span{font-size:11px}.perf-kpi strong{display:block;font-size:28px;margin:7px 0 3px}.perf-kpi small{font-size:10px}.performance-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}.performance-list{display:grid;gap:9px;margin-top:14px}.performance-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(100px,1.2fr) 64px;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.055)}.performance-row:last-child,.competition-row:last-child{border-bottom:0}.performance-label strong,.performance-label span{display:block}.performance-label span,.competition-row span{font-size:10px;color:#91a8b0;margin-top:3px}.performance-bar-wrap{height:7px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.performance-bar{width:var(--bar);height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(105,214,232,.42),rgba(105,214,232,.9))}.performance-rate{text-align:right;font-weight:800;font-variant-numeric:tabular-nums}.competition-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.055)}.competition-row strong,.competition-row span{display:block}.competition-record{text-align:right}.competition-record b{font-size:18px}.competition-record span{font-weight:700}.performance-player-card{margin-top:12px}.performance-note{margin:5px 0 0;font-size:11px}@media(max-width:850px){.performance-kpis{grid-template-columns:repeat(2,1fr)}.performance-grid{grid-template-columns:1fr}}@media(max-width:520px){.performance-row{grid-template-columns:1fr 60px}.performance-bar-wrap{display:none}.performance-kpis{grid-template-columns:1fr 1fr}}

.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dashboard-highlight{min-height:150px}.eyebrow{display:block;color:#69d6e8;font-size:10px;font-weight:800;letter-spacing:.1em}.dashboard-event{margin-top:15px}.dashboard-event strong,.dashboard-event span,.dashboard-event small{display:block}.dashboard-event strong{font-size:20px}.dashboard-event span{margin-top:7px;color:#bacbd0;font-size:12px}.dashboard-event small{width:max-content;margin-top:12px}.home-grid,.planning-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.compact-list,.event-list{display:grid;gap:8px;margin-top:12px}.compact-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.055)}.compact-row:last-child{border-bottom:0}.compact-row strong,.compact-row span{display:block}.compact-row span{margin-top:3px;font-size:10px;color:#91a8b0}.result-row{cursor:pointer}.result-row:hover strong{color:#9ce9f5}.participation{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:800;white-space:nowrap;border:1px solid rgba(255,255,255,.10);color:#bacbd0}.participation.confirmed{color:#91efbd;border-color:rgba(80,200,140,.3);background:rgba(80,200,140,.08)}.participation.pending{color:#f1c979;border-color:rgba(255,196,92,.28);background:rgba(255,196,92,.07)}.participation.declined{color:#ffaaaa;border-color:rgba(255,120,120,.25);background:rgba(255,120,120,.06)}.event-card{padding:13px;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:rgba(255,255,255,.025)}.event-top{display:flex;justify-content:space-between;gap:8px}.event-card h4{margin:10px 0 4px;font-size:15px}.event-date{font-size:11px;color:#91a8b0}.event-prize{font-size:11px;color:#8bddec;margin-top:7px}.event-address{font-size:10px;color:#bacbd0;margin-top:7px}.event-card p{margin:9px 0 0;font-size:10px;line-height:1.45;color:#91a8b0}.admin-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.admin-table-card{margin-top:12px}@media(max-width:850px){.dashboard-grid,.home-grid,.planning-grid{grid-template-columns:1fr}.admin-kpis{grid-template-columns:1fr 1fr}}@media(max-width:520px){.admin-kpis{grid-template-columns:1fr}.compact-row{align-items:flex-start}}


/* v0.6 admin + reviews */
.admin-hint{font-size:10px;margin:10px 2px 0}.admin-access-create{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(160px,.8fr) auto auto minmax(120px,.8fr);align-items:end;gap:10px;margin:14px 0;padding:12px;border:1px solid rgba(105,214,232,.13);border-radius:12px;background:rgba(105,214,232,.035)}.admin-access-create label:not(.toggle-label){display:grid;gap:6px;color:#a9c0c6;font-size:10px;font-weight:800}.admin-access-create input[type="email"],.admin-access-create select{width:100%;min-height:37px;border:1px solid rgba(255,255,255,.10);background:#0d181d;color:#eef7f9;border-radius:9px;padding:8px 10px;font:inherit;outline:none}.admin-access-create input:focus,.admin-access-create select:focus{border-color:rgba(105,214,232,.48)}.admin-access-create button{min-height:37px}.admin-access-active{min-height:37px;padding:0 4px}.admin-access-table th,.admin-access-table td{vertical-align:middle}.admin-role-select,.review-section textarea{width:100%;border:1px solid rgba(255,255,255,.10);background:#0d181d;color:#eef7f9;border-radius:9px;padding:8px 10px;font:inherit;outline:none}.admin-role-select{min-width:128px}.admin-role-select:focus,.review-section textarea:focus{border-color:rgba(105,214,232,.45)}.admin-role-select:disabled{opacity:.6}.toggle-label{display:inline-flex;align-items:center;gap:7px;color:#bacbd0;font-size:11px;white-space:nowrap}.toggle-label input{accent-color:#69d6e8}.small-btn{padding:7px 10px;font-size:10px}.role-lock{display:inline-flex;border:1px solid rgba(105,214,232,.28);background:rgba(105,214,232,.08);border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800;color:#8bddec}.legacy-role-note{display:block;color:#f1c979;font-size:9px;margin-top:4px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.review-grid label{display:grid;gap:6px;color:#bacbd0;font-size:11px}.review-grid .review-wide{grid-column:1/-1}.review-section textarea{resize:vertical;min-height:86px;line-height:1.45}.review-actions{display:flex;align-items:center;gap:10px;margin-top:10px}.review-readonly{display:grid;gap:9px}.review-readonly div{padding:12px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:rgba(255,255,255,.025)}.review-readonly strong{font-size:11px}.review-readonly p{margin:6px 0 0;color:#bacbd0;white-space:pre-wrap;line-height:1.45;font-size:12px}button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:980px){.admin-access-create{grid-template-columns:1fr 1fr}.admin-access-create #accessCreateStatus{grid-column:1/-1}}@media(max-width:700px){.review-grid,.admin-access-create{grid-template-columns:1fr}.review-grid .review-wide{grid-column:auto}.admin-access-table{min-width:720px}}


/* v0.7 scouting */
.scouting-opponent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.scouting-opponent-card{text-align:left;background:#122027;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:17px;color:#eef7f9;display:grid;gap:6px}.scouting-opponent-card strong{font-size:22px}.scouting-opponent-card>span:not(.eyebrow),.scouting-opponent-card small{color:#91a8b0}.scouting-opponent-card.selected{border-color:rgba(105,214,232,.52);background:rgba(105,214,232,.10);box-shadow:inset 0 0 0 1px rgba(105,214,232,.08)}.scouting-hero{display:flex;justify-content:space-between;align-items:center;gap:18px}.scouting-title-line{display:flex;align-items:baseline;gap:12px}.scouting-title-line h2{font-size:30px;margin:5px 0 0}.scouting-record{text-align:right}.scouting-record strong,.scouting-record span{display:block}.scouting-record strong{font-size:38px}.scouting-record span{font-size:13px;color:#8bddec;margin-top:3px}.scouting-kpis{margin-top:12px}.small-kpi{font-size:18px!important;line-height:1.2}.scouting-grid{margin-top:12px;grid-template-columns:.95fr 1.05fr}.sample-flag{display:inline-flex!important;margin-left:5px!important;padding:2px 5px;border-radius:999px;border:1px solid rgba(255,196,92,.25);color:#f1c979!important;font-size:8px!important;vertical-align:middle}.scouting-recent-card{margin-top:12px}.scout-match-list{display:grid;margin-top:12px}.scout-match-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.055)}.scout-match-row:last-child{border-bottom:0}.scout-match-row strong,.scout-match-row span{display:block}.scout-match-row>div:first-child span{color:#91a8b0;font-size:10px;margin-top:3px}.scout-match-result{display:flex;align-items:center;gap:9px;text-align:right;flex-wrap:wrap;justify-content:flex-end}.scout-match-result b{min-width:46px}.scouting-caveat{font-size:10px;line-height:1.45;margin:10px 4px}.scout-player-table{min-width:650px}@media(max-width:850px){.scouting-grid{grid-template-columns:1fr}}@media(max-width:650px){.scouting-opponent-grid{grid-template-columns:1fr}.scouting-hero{align-items:flex-start}.scouting-record strong{font-size:30px}.scout-match-row{align-items:flex-start;flex-direction:column}.scout-match-result{justify-content:flex-start;text-align:left}}

/* v0.8 team availability + praccs */
.availability-kpis{margin-top:12px}.availability-roster-card{margin-top:12px}.availability-roster-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px}.availability-player{border:1px solid rgba(255,255,255,.07);border-radius:13px;padding:13px;background:rgba(255,255,255,.025);display:grid;gap:9px}.availability-player strong,.availability-player span{display:block}.availability-player span{color:#91a8b0;font-size:10px;margin-top:4px;line-height:1.35}.availability-player b{font-size:10px}.availability-player.available{border-color:rgba(80,200,140,.22)}.availability-player.available b{color:#91efbd}.availability-player.restricted{border-color:rgba(255,196,92,.25)}.availability-player.restricted b{color:#f1c979}.availability-player.unavailable{border-color:rgba(255,120,120,.25)}.availability-player.unavailable b{color:#ffaaaa}.availability-editor-grid,.availability-lists{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.availability-form{display:grid;gap:11px}.availability-form label{display:grid;gap:6px;color:#bacbd0;font-size:11px}.availability-form input,.availability-form select,.availability-form textarea{width:100%;border:1px solid rgba(255,255,255,.10);background:#0d181d;color:#eef7f9;border-radius:9px;padding:9px 10px;font:inherit;outline:none}.availability-form input:focus,.availability-form select:focus,.availability-form textarea:focus{border-color:rgba(105,214,232,.45)}.availability-form textarea{resize:vertical}.availability-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.availability-form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.availability-list{display:grid;margin-top:10px}.availability-list-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.055)}.availability-list-row:last-child{border-bottom:0}.availability-list-row strong,.availability-list-row span,.availability-list-row small{display:block}.availability-list-row span{color:#91a8b0;font-size:10px;margin-top:4px}.availability-list-row small{color:#bacbd0;font-size:10px;margin-top:5px}.availability-list-row button{flex:0 0 auto}@media(max-width:950px){.availability-roster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.availability-editor-grid,.availability-lists{grid-template-columns:1fr}.availability-roster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){.availability-roster-grid,.availability-form-row{grid-template-columns:1fr}.availability-list-row{align-items:flex-start;flex-direction:column}}


/* v0.9 reviews + achievements + notifications + audit */
.review-kpis{margin-top:12px}.review-overview-card{margin-top:12px}.review-overview-list{display:grid;margin-top:10px}.review-overview-row{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:13px 0;border:0;border-bottom:1px solid rgba(255,255,255,.055);border-radius:0;background:transparent;color:#eef7f9;text-align:left}.review-overview-row:last-child{border-bottom:0}.review-overview-row:hover strong{color:#9ce9f5}.review-overview-row strong,.review-overview-row span,.review-overview-row small{display:block}.review-overview-row span{font-size:10px;color:#91a8b0;margin-top:4px}.review-overview-row small{font-size:9px;color:#bacbd0;margin-top:5px}.review-overview-right{display:flex;align-items:center;gap:12px;text-align:right}.review-status-badge{display:inline-flex;padding:5px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.12);font-size:9px;font-weight:900;white-space:nowrap}.status-open{color:#f1c979;border-color:rgba(255,196,92,.28);background:rgba(255,196,92,.07)}.status-in_progress{color:#8bddec;border-color:rgba(105,214,232,.28);background:rgba(105,214,232,.07)}.status-done{color:#91efbd;border-color:rgba(80,200,140,.3);background:rgba(80,200,140,.08)}.review-section input,.review-section select{width:100%;border:1px solid rgba(255,255,255,.10);background:#0d181d;color:#eef7f9;border-radius:9px;padding:8px 10px;font:inherit;outline:none}.review-section input:focus,.review-section select:focus{border-color:rgba(105,214,232,.45)}.achievements-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.achievement-card{min-height:175px}.achievement-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.achievement-head>strong{font-size:13px}.achievement-card h3{margin:14px 0 7px;font-size:18px}.achievement-card p{min-height:34px;margin:0 0 14px;color:#bacbd0;font-size:11px;line-height:1.45}.admin-secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.notification-rule-list{display:grid;gap:10px;margin-top:12px}.notification-rule{border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px;background:rgba(255,255,255,.025);display:grid;gap:10px}.notification-rule-head,.notification-rule-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}.notification-rule-head strong,.notification-rule-head span{display:block}.notification-rule-head span{color:#91a8b0;font-size:9px;margin-top:3px}.notification-rule label:not(.toggle-label){display:grid;gap:5px;color:#bacbd0;font-size:10px}.notification-rule input[type=text],.notification-rule input:not([type]){width:100%;border:1px solid rgba(255,255,255,.10);background:#0d181d;color:#eef7f9;border-radius:9px;padding:8px 10px;font:inherit;outline:none}.notification-rule input:focus{border-color:rgba(105,214,232,.45)}.audit-list{display:grid;margin-top:10px;max-height:540px;overflow:auto;padding-right:3px}.audit-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.055)}.audit-row:last-child{border-bottom:0}.audit-row strong,.audit-row span,.audit-row b{display:block}.audit-row span{font-size:9px;color:#91a8b0;margin-top:3px}.audit-meta{text-align:right;flex:0 0 auto}.audit-meta b{font-size:9px;color:#bacbd0;font-weight:700}.audit-meta span{font-size:9px}@media(max-width:950px){.achievements-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-secondary-grid{grid-template-columns:1fr}}@media(max-width:600px){.achievements-grid{grid-template-columns:1fr}.review-overview-row,.notification-rule-head,.notification-rule-foot,.audit-row{align-items:flex-start;flex-direction:column}.review-overview-right,.audit-meta{text-align:left}.notification-rule-foot{gap:8px}}


.faceit-sync-card{margin-bottom:18px}
.faceit-sync-kpis{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:16px 0}
.faceit-sync-kpis>div{padding:12px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.025)}
.faceit-sync-kpis span{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.faceit-sync-kpis strong{display:block;margin-top:5px;font-size:.98rem;overflow-wrap:anywhere}
.faceit-sync-message{margin:8px 0 14px;overflow-wrap:anywhere}
.faceit-key-editor{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding:14px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.025);margin:12px 0}
.faceit-key-editor label{display:grid;gap:7px;font-size:.82rem;color:var(--muted)}
.faceit-key-editor input{width:100%}
.faceit-sync-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}
.faceit-sync-log-wrap{margin-top:14px}
.faceit-sync-log-wrap summary{cursor:pointer;color:var(--muted);font-weight:700}
.faceit-sync-log-wrap .audit-list{margin-top:12px}
@media(max-width:950px){.faceit-sync-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.faceit-sync-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.faceit-key-editor{grid-template-columns:1fr}}


/* v1.1 FACEIT import center */
.faceit-import-center { margin-top: 18px; }
.faceit-import-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:14px; }
.faceit-import-box { border:1px solid var(--line); border-radius:14px; padding:16px; background:rgba(255,255,255,.025); }
.faceit-import-box h4 { margin:0 0 6px; font-size:1rem; }
.faceit-import-box p { margin:0 0 12px; }
.faceit-import-box input, .faceit-import-box select { width:100%; }
.faceit-source-form { display:grid; grid-template-columns:150px minmax(0,1fr); gap:8px; }
.faceit-import-actions { display:flex; align-items:center; gap:10px; margin-top:10px; flex-wrap:wrap; }
.faceit-import-actions .muted { flex:1; min-width:180px; }
.faceit-source-head { margin-top:20px; }
.faceit-sources-list { display:grid; gap:8px; }
.faceit-source-row { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:12px; align-items:center; border:1px solid var(--line); border-radius:12px; padding:12px 14px; }
.faceit-source-main { min-width:0; display:flex; flex-direction:column; gap:3px; }
.faceit-source-main strong { overflow-wrap:anywhere; }
.faceit-source-main span { color:var(--muted); font-size:.82rem; overflow-wrap:anywhere; }
@media (max-width: 760px) {
  .faceit-import-grid { grid-template-columns:1fr; }
  .faceit-source-form { grid-template-columns:1fr; }
  .faceit-source-row { grid-template-columns:1fr; align-items:start; }
}


/* v1.3 Player Scouting */
.player-scout-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:18px}.player-scout-card{width:100%;display:flex;align-items:center;gap:14px;text-align:left;border:1px solid var(--border);background:var(--card);color:inherit;cursor:pointer;padding:14px}.player-scout-card:hover,.player-scout-card.active{transform:translateY(-1px);border-color:rgba(255,255,255,.28)}.player-scout-card img{width:62px;height:62px;border-radius:14px;object-fit:cover;background:rgba(255,255,255,.06)}.player-scout-card-body{min-width:0;display:grid;gap:4px}.player-scout-card-body span,.player-scout-card-body small{color:var(--muted);font-size:.82rem}.player-scout-card-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.player-scout-card-title strong{font-size:1.08rem}.player-scout-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px}.player-scout-profile{display:flex;align-items:center;gap:16px;min-width:0}.player-scout-avatar{width:88px;height:88px;border-radius:20px;object-fit:cover;background:rgba(255,255,255,.06);border:1px solid var(--border)}.player-scout-elo{text-align:right;display:grid;gap:2px}.player-scout-elo strong{font-size:2rem;line-height:1}.player-scout-elo span{font-size:.78rem;color:var(--muted)}.player-scout-filter-card{margin:14px 0}.player-scout-filters label{display:grid;gap:5px;font-size:.75rem;color:var(--muted)}.player-scout-filters select{min-width:180px}.player-scout-grid{margin-top:14px}.player-scout-impact{height:100%;display:flex;align-items:center}.impact-grid{display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:10px;width:100%}.impact-grid>div{padding:13px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.025);display:grid;gap:4px}.impact-grid span{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.impact-grid strong{font-size:1.25rem}.player-scout-recent-card{margin-top:14px}.player-scout-recent-list{display:grid;gap:8px}.player-scout-match-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 4px;border-top:1px solid var(--border);text-decoration:none;color:inherit}.player-scout-match-row:first-child{border-top:0}.player-scout-match-row:hover .player-scout-match-main strong{text-decoration:underline}.player-scout-match-result{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:800;background:rgba(255,255,255,.06)}.player-scout-match-main{display:grid;gap:2px;min-width:0}.player-scout-match-main strong,.player-scout-match-main span,.player-scout-match-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-scout-match-main span,.player-scout-match-main small{font-size:.78rem;color:var(--muted)}
@media(max-width:720px){.player-scout-hero{align-items:flex-start;flex-direction:column}.player-scout-elo{text-align:left}.player-scout-profile{align-items:flex-start}.player-scout-avatar{width:70px;height:70px}.player-scout-filter-card .detail-section-head{align-items:flex-start;flex-direction:column}.player-scout-filters,.player-scout-filters select{width:100%}.impact-grid{grid-template-columns:repeat(2,1fr)}.player-scout-match-row{grid-template-columns:38px minmax(0,1fr)}.player-scout-match-row>.mini-link{display:none}}

/* v1.4 unified calendar */
.dashboard-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}.source-badge.pracc{background:rgba(105,214,232,.10);color:#8bddec;border:1px solid rgba(105,214,232,.25)}.source-badge.absence{background:rgba(255,120,120,.08);color:#ffaaaa;border:1px solid rgba(255,120,120,.22)}.schedule-card{margin-top:12px}.schedule-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.schedule-filters{display:flex;gap:7px;flex-wrap:wrap}.schedule-filter{padding:7px 10px;background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.09);color:#91a8b0;font-size:10px}.schedule-filter.active{color:#e9fbff;background:rgba(105,214,232,.10);border-color:rgba(105,214,232,.28)}.schedule-timeline{display:grid;margin-top:10px}.schedule-day-label{position:sticky;top:0;z-index:2;padding:16px 0 8px;background:#122027;color:#69d6e8;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.schedule-row{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.055)}.schedule-row:last-child{border-bottom:0}.schedule-time strong,.schedule-time span{display:block}.schedule-time strong{font-size:13px;font-variant-numeric:tabular-nums}.schedule-time span{margin-top:3px;color:#91a8b0;font-size:9px}.schedule-main{min-width:0}.schedule-title-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.schedule-title-line strong{font-size:14px}.schedule-subtitle{display:block;margin-top:5px;color:#91a8b0;font-size:10px;line-height:1.4}.schedule-badges{display:flex;justify-content:flex-end;align-items:center;gap:7px;flex-wrap:wrap}.schedule-conflict{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:800;color:#ffb3b3;border:1px solid rgba(255,120,120,.28);background:rgba(255,120,120,.07);white-space:nowrap}.schedule-note{margin:10px 4px 0;font-size:10px}.schedule-row.clickable:hover .schedule-title-line strong{color:#9ce9f5}
@media(max-width:1050px){.dashboard-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.schedule-row{grid-template-columns:82px minmax(0,1fr)}.schedule-badges{grid-column:2;justify-content:flex-start}.schedule-toolbar{align-items:flex-start;flex-direction:column}.schedule-filters{width:100%}.schedule-filter{flex:1 1 auto}.schedule-day-label{position:static}.dashboard-grid-four{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.dashboard-grid-four{grid-template-columns:1fr}.schedule-row{grid-template-columns:1fr;gap:6px}.schedule-badges{grid-column:1}.schedule-time{display:flex;gap:8px;align-items:center}.schedule-time span{margin-top:0}}

.schedule-pending-card{margin-top:12px}.schedule-pending-row strong{font-size:12px}.schedule-pending-row span{font-size:10px}.schedule-pending-card .performance-note{max-width:760px}.schedule-row .source-badge.absence{min-width:max-content}

/* ==========================================================================
   v1.6 — Portal-wide visual system + weekly calendar
   ========================================================================== */
:root{
  --bg:#071013;
  --bg-2:#09161a;
  --surface:#0d1b20;
  --surface-2:#112329;
  --surface-3:#152a31;
  --card:linear-gradient(180deg,rgba(19,40,47,.96),rgba(12,27,32,.96));
  --border:rgba(205,239,245,.095);
  --border-strong:rgba(205,239,245,.17);
  --line:rgba(205,239,245,.09);
  --text:#eff8fa;
  --text-soft:#c4d4d8;
  --muted:#7f9aa2;
  --accent:#69d6e8;
  --accent-strong:#92eafa;
  --accent-soft:rgba(105,214,232,.11);
  --green:#67d99a;
  --green-soft:rgba(103,217,154,.11);
  --amber:#efc46c;
  --amber-soft:rgba(239,196,108,.11);
  --red:#ff858c;
  --red-soft:rgba(255,133,140,.10);
  --purple:#b6a2ff;
  --purple-soft:rgba(182,162,255,.11);
  --shadow:0 18px 50px rgba(0,0,0,.22);
  --shadow-lg:0 28px 90px rgba(0,0,0,.38);
  --radius:16px;
  --radius-sm:11px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--bg);
  color:var(--text);
}
html{scroll-behavior:smooth;background:var(--bg)}
body{
  min-height:100vh;
  color:var(--text);
  background:
    radial-gradient(circle at 12% -10%,rgba(105,214,232,.10),transparent 27rem),
    radial-gradient(circle at 92% 6%,rgba(103,217,154,.055),transparent 24rem),
    linear-gradient(180deg,#071013 0%,#081316 50%,#061013 100%);
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.013) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.013) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,black,transparent 72%)}
::selection{background:rgba(105,214,232,.24);color:white}
*{scrollbar-width:thin;scrollbar-color:#24454d transparent}
.shell{position:relative;max-width:1460px;margin:0 auto;padding:24px 28px 72px}
.card,.match-card,.player-card,.hero{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 1px 0 rgba(255,255,255,.018) inset}
.card{padding:18px}

/* Header */
.app-header{min-height:auto;margin:0 0 12px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(10,25,30,.78);backdrop-filter:blur(18px);box-shadow:var(--shadow)}
.brand-lockup{display:flex;align-items:center;gap:14px;min-width:0}.brand-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex:none;background:linear-gradient(145deg,rgba(105,214,232,.22),rgba(105,214,232,.06));border:1px solid rgba(105,214,232,.28);box-shadow:0 8px 22px rgba(0,0,0,.2),0 0 28px rgba(105,214,232,.06) inset}.brand-mark span{font-size:20px;font-weight:950;letter-spacing:-.04em;color:var(--accent-strong)}
.brand-copy{min-width:0}.brand-copy .kicker{margin-bottom:2px}.brand-copy h1{display:flex;align-items:center;gap:10px;margin:0;font-size:23px;line-height:1.15;letter-spacing:-.025em}.brand-copy p{margin:5px 0 0;color:var(--muted);font-size:12px}.version{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.04em;vertical-align:middle;color:var(--accent-strong);background:var(--accent-soft);border:1px solid rgba(105,214,232,.22)}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.live-indicator{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;font-weight:750;white-space:nowrap}.live-indicator i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(103,217,154,.09)}

/* Auth / global counters */
#status.card{padding:10px 14px;margin:0;background:rgba(12,29,34,.64);color:var(--muted);font-size:11px;border-radius:12px;box-shadow:none}
#status .status-inline{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px}
#status .status-inline-text{color:inherit}
#status .status-inline-context{color:var(--muted);font-size:11px}
#status .status-inline .role-badge{min-height:24px;padding:4px 9px;font-size:9px}

.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0 0}.stat.card{position:relative;overflow:hidden;padding:13px 15px;background:rgba(13,30,35,.67);box-shadow:none}.stat.card:after{content:"";position:absolute;right:-16px;top:-22px;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle,rgba(105,214,232,.09),transparent 68%)}.stat span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.stat strong{margin-top:3px;font-size:22px;letter-spacing:-.035em}

/* Navigation */
.tabs{position:sticky;top:10px;z-index:30;display:flex;gap:4px;overflow-x:auto;margin:14px 0 0;padding:6px;border:1px solid var(--border);border-radius:15px;background:rgba(7,18,22,.88);backdrop-filter:blur(18px);box-shadow:0 10px 36px rgba(0,0,0,.22)}.tabs::-webkit-scrollbar{height:0}.tab{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-height:38px;padding:8px 11px;border:1px solid transparent;border-radius:10px;color:#819ba3;background:transparent;font-size:11px;font-weight:760;white-space:nowrap}.tab:before{content:attr(data-icon);display:grid;place-items:center;width:18px;height:18px;color:#66848c;font-size:12px}.tab:hover{color:var(--text-soft);background:rgba(255,255,255,.035)}.tab.active{color:var(--text);background:linear-gradient(180deg,rgba(105,214,232,.14),rgba(105,214,232,.075));border-color:rgba(105,214,232,.2);box-shadow:0 0 0 1px rgba(105,214,232,.025) inset}.tab.active:before{color:var(--accent-strong)}
.portal-view{animation:portal-in .18s ease both;padding-top:2px}@keyframes portal-in{from{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:none}}

/* General type + controls */
.kicker,.panel-kicker,.eyebrow{color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.section-head{align-items:flex-end;margin:32px 2px 13px}.section-head h2{margin:3px 0 0;font-size:25px;letter-spacing:-.035em}.section-subtitle{max-width:690px;margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.live-copy{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.live-copy:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green)}
h3,h4{letter-spacing:-.015em}h3{font-size:15px}.muted{color:var(--muted)}
button,.link-btn{min-height:36px;border:1px solid rgba(105,214,232,.24);border-radius:10px;padding:8px 12px;color:#e9fbff;background:linear-gradient(180deg,rgba(105,214,232,.15),rgba(105,214,232,.09));font-size:11px;font-weight:780;box-shadow:0 1px 0 rgba(255,255,255,.025) inset;transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease}button:hover,.link-btn:hover{transform:translateY(-1px);border-color:rgba(105,214,232,.38);background:linear-gradient(180deg,rgba(105,214,232,.20),rgba(105,214,232,.12));box-shadow:0 8px 22px rgba(0,0,0,.14)}button:active,.link-btn:active{transform:none}button.secondary,.secondary-link{color:var(--text-soft);background:rgba(255,255,255,.035);border-color:var(--border-strong)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.clickable:focus-visible{outline:2px solid rgba(105,214,232,.7);outline-offset:2px}
input,select,textarea{border:1px solid var(--border-strong)!important;background:#0a171b!important;color:var(--text)!important;border-radius:10px!important;padding:10px 11px!important;outline:none;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{border-color:rgba(105,214,232,.45)!important;box-shadow:0 0 0 3px rgba(105,214,232,.07)}input::placeholder,textarea::placeholder{color:#55747c}
.search-wrap input{background:#0a171b;color:var(--text);border-radius:11px}

/* Cards / sections */
.card{transition:border-color .15s ease,box-shadow .15s ease}.detail-section-head{align-items:flex-start}.detail-section-head h3{margin:0}.home-grid,.planning-grid,.performance-grid,.admin-secondary-grid{gap:10px}.home-grid>.card,.planning-grid>.card,.performance-grid>.card,.admin-secondary-grid>.card{box-shadow:0 12px 40px rgba(0,0,0,.12)}
.dashboard-grid{gap:9px}.dashboard-grid-four{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.dashboard-highlight{position:relative;min-height:134px;overflow:hidden;padding:17px}.dashboard-highlight:before{content:"";position:absolute;left:0;top:17px;bottom:17px;width:2px;border-radius:999px;background:var(--accent)}.dashboard-highlight:nth-child(2):before{background:var(--purple)}.dashboard-highlight:nth-child(3):before{background:var(--green)}.dashboard-highlight:nth-child(4):before{background:var(--amber)}.dashboard-highlight .eyebrow{padding-left:7px}.dashboard-event{margin-top:13px;padding-left:7px}.dashboard-event strong{font-size:18px;letter-spacing:-.025em}.dashboard-event span{font-size:11px}.dashboard-event small{font-size:9px}
.compact-list,.event-list{gap:0}.compact-row{padding:12px 2px;border-color:var(--line)}.compact-row strong{font-size:11px}.compact-row span{font-size:9px}.compact-row.clickable:hover{background:rgba(105,214,232,.035);border-radius:8px;padding-left:8px;padding-right:8px}
.counter-pill{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:28px;padding:0 10px;border:1px solid var(--border-strong);border-radius:999px;color:var(--text-soft);background:rgba(255,255,255,.035);font-size:10px;font-weight:800}

/* KPIs */
.performance-kpis{gap:9px;margin:10px 0}.perf-kpi.card{position:relative;overflow:hidden;min-height:106px;padding:15px;background:linear-gradient(160deg,rgba(18,39,46,.96),rgba(10,25,30,.96))}.perf-kpi.card:after{content:"";position:absolute;inset:auto -30px -44px auto;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(105,214,232,.075),transparent 66%)}.perf-kpi span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.075em}.perf-kpi strong{margin:7px 0 2px;font-size:27px;letter-spacing:-.045em}.perf-kpi small{font-size:9px}.danger-kpi strong{color:#ffadb1}.danger-kpi.card:after{background:radial-gradient(circle,rgba(255,133,140,.08),transparent 66%)}

/* Match cards */
.matches-list{gap:9px}.match-card{position:relative;overflow:hidden;padding:17px 18px;background:linear-gradient(155deg,rgba(17,36,42,.96),rgba(10,25,30,.96));box-shadow:0 10px 30px rgba(0,0,0,.10)}.match-card:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:#34545c}.match-card:hover{border-color:rgba(105,214,232,.25);box-shadow:0 16px 42px rgba(0,0,0,.18)}.match-meta{font-size:10px}.match-title{margin-top:10px}.match-title h3{font-size:19px}.series-score{font-size:27px;letter-spacing:-.05em}.maps{margin-top:11px}.map-pill{padding:6px 9px;border-radius:8px;background:rgba(255,255,255,.028);border-color:var(--line);font-size:10px}.card-foot{margin-top:11px;padding-top:10px;border-color:var(--line);font-size:10px}
.source-badge{display:inline-flex;align-items:center;min-height:21px;padding:3px 7px;border-radius:7px;font-size:8px;letter-spacing:.08em}.source-badge.faceit{color:#8feabb;background:var(--green-soft);border-color:rgba(103,217,154,.22)}.source-badge.legacy{color:#f4ce7d;background:var(--amber-soft);border-color:rgba(239,196,108,.22)}.source-badge.pracc{color:#9ce8f4;background:var(--accent-soft);border-color:rgba(105,214,232,.22)}.source-badge.absence{color:#ffadb1;background:var(--red-soft);border-color:rgba(255,133,140,.22)}

/* Players / scouting / review / events */
.players-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.player-card{padding:16px;background:linear-gradient(160deg,rgba(17,37,43,.96),rgba(10,24,29,.96));box-shadow:0 10px 28px rgba(0,0,0,.10)}.player-name{font-size:19px}.player-stats{gap:6px;margin-top:14px}.player-stats div{padding:9px;background:rgba(255,255,255,.025);border-color:var(--line);border-radius:9px}.player-stats strong{font-size:16px}.player-foot{font-size:9px}.roster-badge{border-radius:7px;font-size:8px;padding:4px 7px}
.event-card,.scouting-detail,.review-overview-card,.availability-editor,.faceit-sync-card,.player-scout-filter-card,.player-scout-recent-card{box-shadow:0 12px 36px rgba(0,0,0,.11)}.event-card{background:rgba(255,255,255,.018)!important;border-color:var(--line)!important;border-radius:12px!important}.event-card h4{font-size:14px}.event-card p{color:var(--muted);font-size:10px;line-height:1.55}.event-date,.event-prize,.event-address{font-size:10px!important}.participation{border-radius:7px!important;font-size:8px!important;font-weight:850!important}
.player-scout-card{border-radius:13px!important;background:linear-gradient(160deg,rgba(17,37,43,.96),rgba(10,24,29,.96))!important}.player-scout-card.active{border-color:rgba(105,214,232,.35)!important;box-shadow:0 0 0 2px rgba(105,214,232,.05),0 12px 30px rgba(0,0,0,.15)}.player-scout-card img{border-radius:11px}.player-scout-avatar{border-radius:16px}.impact-grid>div{border-color:var(--line);background:rgba(255,255,255,.018)}

/* Tables */
.table-wrap{border-color:var(--line);border-radius:12px;background:rgba(5,15,18,.28)}table{font-size:11px}th,td{padding:10px 11px;border-color:var(--line)}th{position:sticky;top:0;z-index:1;background:#102128;color:#78949c;font-size:8px}tbody tr{transition:background .12s ease}tbody tr:hover{background:rgba(105,214,232,.025)}

/* Dialog */
.match-dialog{border-color:var(--border-strong);background:#081417;border-radius:18px;box-shadow:var(--shadow-lg)}.dialog-shell{padding:20px}.detail-summary{background:linear-gradient(160deg,rgba(18,39,46,.96),rgba(11,27,32,.96));border-color:var(--line)}.detail-map{background:rgba(255,255,255,.02);border-color:var(--line)}

/* Admin / forms */
.admin-list,.audit-list,.notification-rules-list,.faceit-sources-list{gap:7px}.access-row,.audit-row,.notification-rule,.faceit-source-row{border-color:var(--line)!important;background:rgba(255,255,255,.015);border-radius:11px!important}.faceit-key-editor,.faceit-import-box{border-color:var(--line)!important;background:rgba(255,255,255,.018)!important}.faceit-sync-kpis>div{background:rgba(255,255,255,.018);border-color:var(--line)}

/* Empty / error / loading */
.empty-note{border-color:rgba(127,154,162,.20);background:rgba(255,255,255,.012);color:var(--muted)}.error{padding:11px 12px;border:1px solid rgba(255,133,140,.22);border-radius:10px;color:#ffb0b5;background:rgba(255,133,140,.06)}

/* WEEK CALENDAR */
.calendar-head{margin-bottom:12px}.schedule-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.week-calendar-card{padding:0;overflow:hidden;background:linear-gradient(180deg,rgba(13,30,35,.97),rgba(9,22,26,.97));box-shadow:var(--shadow)}
.week-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;border-bottom:1px solid var(--line);background:rgba(5,16,20,.38)}.week-navigation{display:flex;align-items:center;gap:6px;min-width:0}.icon-control{width:34px;min-width:34px;padding:0;display:grid;place-items:center;font-size:15px;background:rgba(255,255,255,.025);border-color:var(--border-strong)}.schedule-today{padding:7px 11px;background:rgba(255,255,255,.035);border-color:var(--border-strong);color:var(--text-soft)}.week-title-wrap{display:grid;gap:1px;margin-left:6px;min-width:155px}.week-title-wrap strong{font-size:13px;letter-spacing:-.015em}.week-title-wrap span{color:var(--muted);font-size:9px}.schedule-filters{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.schedule-filter{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:5px 8px;border-radius:8px;color:#79949c;background:transparent;border-color:transparent;font-size:9px}.schedule-filter:hover{transform:none;background:rgba(255,255,255,.035)}.schedule-filter.active{color:var(--text);background:rgba(255,255,255,.055);border-color:var(--border)}.filter-dot{width:6px;height:6px;border-radius:50%;background:#54727a}.filter-dot.match{background:var(--green)}.filter-dot.event{background:var(--amber)}.filter-dot.pracc{background:var(--accent)}.filter-dot.absence{background:var(--red)}.filter-dot.all{background:linear-gradient(135deg,var(--green) 0 25%,var(--amber) 25% 50%,var(--accent) 50% 75%,var(--red) 75%)}
.schedule-week-board{min-height:440px;overflow-x:auto}.calendar-week-grid{min-width:910px}.week-headers,.week-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.week-headers{border-bottom:1px solid var(--line)}.week-day-head{position:relative;display:flex;align-items:baseline;gap:5px;min-height:54px;padding:12px 12px 10px;border-right:1px solid var(--line);background:rgba(255,255,255,.012)}.week-day-head:last-child{border-right:0}.week-day-head span{color:#78949c;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.week-day-head strong{font-size:20px;line-height:1;letter-spacing:-.04em}.week-day-head small{color:#55747c;font-size:9px}.week-day-head.is-today{background:linear-gradient(180deg,rgba(105,214,232,.075),rgba(105,214,232,.018))}.week-day-head.is-today:after{content:"Heute";position:absolute;right:8px;top:8px;padding:2px 5px;border-radius:5px;color:var(--accent-strong);background:var(--accent-soft);font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.week-ranges{display:grid;gap:5px;padding:8px 0;border-bottom:1px solid var(--line);background:rgba(5,15,18,.32)}.week-range-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:0 6px}.week-range-item{display:flex;align-items:center;gap:7px;min-height:28px;padding:5px 8px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,133,140,.18);background:linear-gradient(90deg,rgba(255,133,140,.14),rgba(255,133,140,.07));color:#ffd0d2}.week-range-item.type-lan,.week-range-item.type-tournament{border-color:rgba(239,196,108,.20);background:linear-gradient(90deg,rgba(239,196,108,.14),rgba(239,196,108,.06));color:#f9dda5}.range-type{flex:none;font-size:7px;font-weight:950;letter-spacing:.08em;opacity:.7}.week-range-item strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.range-dates{margin-left:auto;flex:none;font-size:8px;opacity:.72}.range-conflict{flex:none;padding:2px 5px;border-radius:5px;color:#ffd0d2;background:rgba(255,133,140,.13);font-size:7px;font-weight:900}
.week-day-column{min-height:340px;padding:8px;border-right:1px solid var(--line);background:rgba(255,255,255,.006)}.week-day-column:last-child{border-right:0}.week-day-column.is-today{background:linear-gradient(180deg,rgba(105,214,232,.03),transparent 68%)}.week-event{position:relative;display:grid;gap:5px;margin-bottom:6px;padding:9px;border:1px solid var(--line);border-left:2px solid #54727a;border-radius:9px;background:rgba(255,255,255,.022);box-shadow:0 6px 16px rgba(0,0,0,.08);transition:transform .12s ease,border-color .12s ease,background .12s ease}.week-event:hover{transform:translateY(-1px);background:rgba(255,255,255,.035)}.week-event.type-match{border-left-color:var(--green)}.week-event.type-tournament,.week-event.type-lan{border-left-color:var(--amber)}.week-event.type-pracc{border-left-color:var(--accent)}.week-event.has-conflict{border-color:rgba(255,133,140,.25);border-left-color:var(--red);background:rgba(255,133,140,.035)}.week-event-top{display:flex;align-items:center;justify-content:space-between;gap:5px}.week-event time{color:var(--text-soft);font-size:9px;font-weight:850;font-variant-numeric:tabular-nums}.week-event-type{color:#66848c;font-size:7px;font-weight:900;letter-spacing:.08em}.week-event>strong{font-size:10px;line-height:1.3}.week-event-subtitle{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--muted);font-size:8px;line-height:1.35}.week-event-foot{display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-height:4px}.event-state{font-size:7px!important}.week-conflict{display:inline-flex;padding:2px 4px;border-radius:4px;color:#ffb4b8;background:rgba(255,133,140,.10);font-size:7px;font-weight:850}.week-empty{height:76px;display:grid;place-items:center;align-content:center;gap:0;color:#34535b}.week-empty span{font-size:14px}.week-empty small{font-size:7px;text-transform:uppercase;letter-spacing:.1em}
.calendar-loading{min-height:380px;display:grid;place-items:center;align-content:center;gap:10px;color:var(--muted)}.calendar-loading span{width:24px;height:24px;border:2px solid rgba(105,214,232,.13);border-top-color:var(--accent);border-radius:50%;animation:calendar-spin .8s linear infinite}.calendar-loading p{margin:0;font-size:10px}@keyframes calendar-spin{to{transform:rotate(360deg)}}
.calendar-lower-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.7fr);gap:9px;margin-top:9px}.schedule-pending-card,.calendar-legend-card{margin:0}.schedule-pending-card .detail-section-head{align-items:flex-start}.pending-decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:13px}.pending-decision-card{display:grid;gap:5px;padding:11px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.017)}.pending-decision-card:hover{border-color:rgba(239,196,108,.18);background:rgba(239,196,108,.025)}.pending-decision-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.pending-decision-card>strong{font-size:10px;line-height:1.35}.pending-decision-card>span,.pending-decision-card>small{color:var(--muted);font-size:8px}.calendar-legend-card h3{margin:4px 0 13px}.calendar-rule-list{display:grid;gap:9px}.calendar-rule-list>div{display:flex;align-items:center;gap:9px}.rule-icon{width:26px;height:26px;display:grid;place-items:center;flex:none;border-radius:8px;font-size:10px;font-weight:950}.rule-icon.confirmed{color:#9af0bd;background:var(--green-soft)}.rule-icon.pending{color:#f5d78f;background:var(--amber-soft)}.rule-icon.declined{color:#ffadb1;background:var(--red-soft)}.rule-icon.absence{color:#ffc4c7;background:rgba(255,133,140,.07);border:1px dashed rgba(255,133,140,.2)}.calendar-rule-list p{display:grid;gap:2px;margin:0}.calendar-rule-list strong{font-size:9px}.calendar-rule-list small{color:var(--muted);font-size:8px;line-height:1.4}

/* Responsive */
@media(max-width:1180px){.players-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.faceit-sync-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:860px){.shell{padding:14px 12px 48px}.app-header{align-items:flex-start}.brand-copy p{display:none}.live-indicator{display:none}.tabs{top:6px;margin-top:10px}.tab{padding:7px 9px}.section-head{margin-top:25px}.calendar-lower-grid{grid-template-columns:1fr}.pending-decision-grid{grid-template-columns:1fr 1fr}.performance-grid{grid-template-columns:1fr}.schedule-week-board{min-height:360px}.week-toolbar{align-items:flex-start;flex-direction:column}.schedule-filters{width:100%;overflow-x:auto;flex-wrap:nowrap}.schedule-filter{flex:0 0 auto}.week-navigation{width:100%}}
@media(max-width:640px){.shell{padding:10px 8px 42px}.app-header{padding:12px;gap:10px}.brand-mark{width:40px;height:40px;border-radius:11px}.brand-copy .kicker{display:none}.brand-copy h1{font-size:18px}.version{height:19px;font-size:8px}.header-actions{margin-left:auto}.header-actions button{font-size:0;width:38px;padding:0}.header-actions #loginBtn:after{content:"Login";font-size:9px}.header-actions #logoutBtn:after{content:"↗";font-size:13px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.stat.card{padding:9px}.stat span{font-size:7px}.stat strong{font-size:17px}.tabs{border-radius:12px;padding:4px}.tab{min-height:34px;font-size:9px}.tab:before{width:14px;height:14px;font-size:10px}.section-head{align-items:flex-start;flex-direction:column}.section-head h2{font-size:22px}.performance-kpis,.schedule-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.perf-kpi.card{min-height:92px;padding:12px}.perf-kpi strong{font-size:23px}.dashboard-grid-four{grid-template-columns:1fr}.home-grid,.planning-grid{grid-template-columns:1fr}.players-grid{grid-template-columns:1fr}.calendar-week-grid{min-width:780px}.calendar-lower-grid{grid-template-columns:1fr}.pending-decision-grid{grid-template-columns:1fr}.week-title-wrap{min-width:130px}.week-toolbar{padding:10px}.schedule-week-board{margin:0 -1px}.match-title h3{font-size:17px}.series-score{font-size:23px}}
@media(max-width:420px){.stats-grid{grid-template-columns:repeat(2,1fr)}.brand-lockup{gap:8px}.brand-copy h1{font-size:16px}.version{display:none}.schedule-kpis{grid-template-columns:1fr 1fr}.calendar-week-grid{min-width:720px}.pending-decision-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* ==========================================================================
   v1.7 — Navigation hierarchy + resilient portal media
   ========================================================================== */
.portal-navigation{
  position:sticky;
  top:8px;
  z-index:40;
  margin:14px 0 24px;
  padding:8px;
  border:1px solid rgba(205,239,245,.12);
  border-radius:18px;
  background:rgba(7,18,22,.91);
  backdrop-filter:blur(20px) saturate(1.15);
  box-shadow:0 18px 45px rgba(0,0,0,.26),0 1px 0 rgba(255,255,255,.025) inset;
}
.primary-nav{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:6px;
}
.primary-nav-item{
  position:relative;
  min-height:62px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:10px;
  align-content:center;
  padding:9px 12px;
  border:1px solid transparent;
  border-radius:12px;
  color:#89a5ad;
  background:transparent;
  text-align:left;
  overflow:hidden;
}
.primary-nav-item:before{
  content:attr(data-icon);
  grid-row:1/3;
  width:34px;
  height:34px;
  align-self:center;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:#75939b;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.045);
  font-size:19px;
  font-weight:800;
  line-height:1;
}
.primary-nav-item>span{font-size:13px;font-weight:900;letter-spacing:-.01em;color:inherit;line-height:1.15}
.primary-nav-item>small{margin-top:3px;color:#54727a;font-size:8.5px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.primary-nav-item:hover{transform:none;color:#d8f1f5;background:rgba(255,255,255,.03);border-color:rgba(205,239,245,.07)}
.primary-nav-item:hover:before{color:#a8e9f3;background:rgba(105,214,232,.06);border-color:rgba(105,214,232,.12)}
.primary-nav-item.active{
  color:#f1fcfd;
  background:linear-gradient(180deg,rgba(105,214,232,.12),rgba(105,214,232,.055));
  border-color:rgba(105,214,232,.21);
  box-shadow:0 1px 0 rgba(255,255,255,.025) inset,0 6px 18px rgba(0,0,0,.10);
}
.primary-nav-item.active:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;border-radius:2px;background:var(--accent);box-shadow:0 0 12px rgba(105,214,232,.35)}
.primary-nav-item.active:before{color:#bff7ff;background:rgba(105,214,232,.12);border-color:rgba(105,214,232,.21)}
.primary-nav-item.active>small{color:#769ba4}
.subnav{
  display:flex;
  align-items:center;
  gap:4px;
  min-height:42px;
  margin-top:7px;
  padding:5px 6px 0;
  border-top:1px solid rgba(205,239,245,.07);
  overflow-x:auto;
  scrollbar-width:none;
}
.subnav::-webkit-scrollbar{display:none}
.subnav-item{
  flex:0 0 auto;
  min-height:32px;
  padding:6px 11px;
  border:1px solid transparent;
  border-radius:9px;
  color:#6f8d95;
  background:transparent;
  font-size:9.5px;
  font-weight:850;
  letter-spacing:.01em;
  white-space:nowrap;
}
.subnav-item:hover{transform:none;color:#c8e4e9;background:rgba(255,255,255,.027)}
.subnav-item.active{color:#dffbff;background:rgba(105,214,232,.075);border-color:rgba(105,214,232,.14)}
.nav-anchor{scroll-margin-top:150px}

/* Resilient media primitives */
.team-logo,.player-portrait{
  position:relative;
  flex:none;
  display:inline-grid;
  place-items:center;
  overflow:hidden;
  isolation:isolate;
  color:#9cc0c8;
  background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.018));
  border:1px solid rgba(205,239,245,.12);
  box-shadow:0 1px 0 rgba(255,255,255,.025) inset;
  vertical-align:middle;
}
.team-logo{border-radius:11px}
.player-portrait{border-radius:32%;background:linear-gradient(145deg,rgba(105,214,232,.08),rgba(255,255,255,.018))}
.media-fallback{position:relative;z-index:0;display:grid;place-items:center;width:100%;height:100%;font-weight:950;letter-spacing:-.05em;line-height:1;color:#8db4bd}
.media-image{position:absolute;z-index:1;inset:0;width:100%;height:100%;display:block}
.team-logo .media-image{object-fit:contain;padding:3px;background:rgba(8,19,23,.9)}
.player-portrait .media-image{object-fit:cover;background:#102228}
.team-logo-xs,.player-portrait-xs{width:24px;height:24px;font-size:8px;border-radius:7px}
.team-logo-sm,.player-portrait-sm{width:32px;height:32px;font-size:9px}
.team-logo-md,.player-portrait-md{width:42px;height:42px;font-size:11px}
.team-logo-lg,.player-portrait-lg{width:58px;height:58px;font-size:14px}
.team-logo-xl,.player-portrait-xl{width:84px;height:84px;font-size:19px}
.player-portrait-xs{border-radius:8px}.player-portrait-sm{border-radius:10px}.player-portrait-md{border-radius:12px}.player-portrait-lg{border-radius:15px}.player-portrait-xl{border-radius:20px}

/* Match branding everywhere — v1.7.1 label cleanup */
.branded-match-title{align-items:center}
.match-team-pair{display:flex;align-items:center;gap:9px;min-width:0}
.match-team{display:flex;align-items:center;gap:8px;min-width:0}
.match-team>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900;font-size:16px}
.match-team.own-team>strong{color:#f4fbfc}
.versus-mark,.review-vs,.compact-vs{color:#4f6d75;font-size:8px;font-weight:950;letter-spacing:.08em}
.branded-detail-summary{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important;gap:14px!important}
.detail-match-identity{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.detail-team{display:flex;align-items:center;gap:10px;min-width:0;font-size:16px;font-weight:900}
.detail-team:last-child{justify-content:flex-end;text-align:right}.detail-team span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.detail-versus{padding:4px 8px;border-radius:999px;color:#5d7d85;background:rgba(255,255,255,.025);font-size:8px;font-weight:950;letter-spacing:.1em}
.detail-summary-meta{display:flex;align-items:center;justify-content:space-between;gap:20px}.detail-summary-meta .series-score{flex:none}
.table-player{display:inline-flex;align-items:center;gap:8px;min-width:0}.table-player strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.review-match-brand,.home-match-brand,.compact-match-brand,.week-match-brand{display:flex;align-items:center;gap:6px;min-width:0}
.review-match-brand>strong,.home-match-brand>strong,.compact-match-brand>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.week-match-brand{gap:4px}.week-match-brand .team-logo{box-shadow:none}

/* Player cards and availability */
.player-profile-head{display:flex;align-items:center;gap:12px;min-width:0}.player-profile-head>div{min-width:0}
.player-card-branded .player-head{align-items:center}
.availability-player-head{display:flex;align-items:center;gap:9px;min-width:0}.availability-player-head>div{min-width:0}
.player-scout-card>.player-portrait{width:62px;height:62px;border-radius:15px}
.player-scout-avatar-frame{position:relative!important;overflow:visible!important;background:transparent!important;border:0!important}
.player-scout-avatar-frame>.player-portrait{width:88px;height:88px;border-radius:20px}

/* Scouting branding */
.scouting-card-brand{display:flex;align-items:center;justify-content:space-between;gap:8px}.scouting-card-brand .eyebrow{margin-left:auto}
.scout-opponent-logo{display:inline-flex;vertical-align:middle;margin-right:7px}
.event-range-glyph{width:24px;height:24px;display:grid;place-items:center;flex:none;border-radius:7px;color:#f3d590;background:rgba(239,196,108,.07);border:1px solid rgba(239,196,108,.12);font-size:10px;font-weight:900}

/* A little more visual weight for page headings under the new nav */
.portal-view>.section-head:first-child{margin-top:22px}.portal-view>.section-head:first-child h2{font-size:28px;letter-spacing:-.035em}

@media(max-width:1180px){
  .primary-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
  .primary-nav-item{min-height:56px}
}
@media(max-width:860px){
  .portal-navigation{top:5px;margin:10px 0 20px;padding:6px;border-radius:14px}
  .primary-nav{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;padding-bottom:1px}.primary-nav::-webkit-scrollbar{display:none}
  .primary-nav-item{flex:0 0 154px;min-height:54px;grid-template-columns:29px minmax(0,1fr);column-gap:8px;padding:8px 10px}
  .primary-nav-item:before{width:29px;height:29px;border-radius:8px;font-size:16px}
  .primary-nav-item>span{font-size:12px}.primary-nav-item>small{font-size:8px}
  .subnav{min-height:39px;padding-left:3px}.subnav-item{font-size:9px;min-height:30px}
  .nav-anchor{scroll-margin-top:135px}
}
@media(max-width:640px){
  .primary-nav-item{flex-basis:132px;min-height:50px;grid-template-columns:26px minmax(0,1fr)}
  .primary-nav-item:before{width:26px;height:26px;font-size:14px}
  .primary-nav-item>span{font-size:11px}.primary-nav-item>small{display:none}
  .subnav{margin-top:5px}.subnav-item{padding:6px 9px}
  .detail-match-identity{gap:8px}.detail-team{font-size:12px}.detail-summary-meta{align-items:flex-start;flex-direction:column}.detail-summary-meta .series-score{align-self:flex-end}
  .match-team>strong{font-size:13px}
  .team-logo-lg,.player-portrait-lg{width:50px;height:50px}.team-logo-xl,.player-portrait-xl{width:70px;height:70px}
  .player-scout-avatar-frame>.player-portrait{width:70px;height:70px}
}

/* v2.0 operational UI */
.section-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.notification-btn{position:relative;min-width:46px}.notification-badge{position:absolute;right:-6px;top:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;font-size:11px;font-weight:800;background:#ff3d5f;color:white;border:2px solid #08191e}.compact-dialog .dialog-shell{max-width:720px}.v2-editor-card{margin-bottom:16px}.v2-form{display:grid;gap:14px}.v2-form label{display:grid;gap:7px;font-size:12px;font-weight:700;color:var(--muted,#9fb6bd)}.v2-form input,.v2-form select,.v2-form textarea{width:100%}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.check-line{display:flex!important;align-items:center;gap:8px!important;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025)}.check-line input{width:auto}.dialog-form-actions,.card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.card-actions{margin-top:auto;padding-top:12px}.danger-btn{border-color:rgba(255,82,106,.4)!important;color:#ff8b9d!important}.player-foot{display:flex!important;align-items:center;justify-content:space-between;gap:10px}.roster-badge.inactive{background:rgba(255,82,106,.1);border-color:rgba(255,82,106,.25);color:#ff9cab}.permission-table td:not(:first-child),.permission-table th:not(:first-child){text-align:center}.permission-table td:first-child small{display:block;margin-top:4px;color:var(--muted,#91a8ae);font-weight:500}.permission-toggle{width:18px;height:18px}.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 20px}.integration-card{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;background:rgba(255,255,255,.025)}.integration-card>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.integration-card span{font-size:11px;text-transform:uppercase;letter-spacing:.06em}.integration-card p{margin:8px 0 0;color:var(--muted,#91a8ae);font-size:12px;line-height:1.45}.integration-card.configured{border-color:rgba(57,210,154,.25)}.integration-card.configured span{color:#63dfad}.integration-card.pending span{color:#e8bd71}.notification-row{width:100%;display:grid;grid-template-columns:10px 1fr auto;align-items:start;gap:12px;text-align:left;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025);color:inherit;margin-bottom:8px}.notification-row.unread{background:rgba(35,196,165,.055);border-color:rgba(35,196,165,.18)}.notification-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;background:#435961}.notification-row.unread .notification-dot{background:#42d7b0;box-shadow:0 0 0 4px rgba(66,215,176,.08)}.notification-copy{display:grid;gap:3px}.notification-copy small,.notification-copy em{font-size:12px;color:var(--muted,#91a8ae);font-style:normal}.notification-copy em{font-size:11px}.player-scout-avatar{display:grid;place-items:center;min-width:82px}.player-scout-avatar .player-portrait{width:82px;height:82px}.primary-nav-item{min-height:70px}.primary-nav-item span{font-size:15px}.subnav-item{font-size:13px;padding:10px 14px}.event-card,.achievement-card{position:relative}.event-card .small-btn,.achievement-card .small-btn{margin-left:auto}
@media(max-width:900px){.form-grid.four,.form-grid.three,.integration-grid{grid-template-columns:1fr 1fr}.form-grid.two{grid-template-columns:1fr}.section-actions{justify-content:flex-start}.permission-table{min-width:860px}}
@media(max-width:600px){.form-grid.four,.form-grid.three,.integration-grid{grid-template-columns:1fr}.notification-row{grid-template-columns:8px 1fr}.notification-row>.source-badge{display:none}.primary-nav-item{min-width:150px}}

.home-review-card{grid-column:1/-1}
.review-task-row{cursor:pointer}
.review-task-status{font-size:.68rem;font-weight:800;letter-spacing:.06em;padding:.32rem .5rem;border-radius:999px;background:rgba(255,255,255,.06);white-space:nowrap}
.review-task-status.overdue{background:rgba(255,84,84,.14);color:#ff9d9d}
.integration-card label{display:grid;gap:.35rem;margin-top:.75rem}
.integration-card input{width:100%}
.integration-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.65rem}
.integration-card small{display:block;margin-top:.65rem;color:var(--muted)}


/* v2.0.1 tournament sync control */
.event-sync-state{margin-top:10px;padding:9px 10px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(0,0,0,.12);display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;font-size:10px}.event-sync-state>span{color:var(--muted,#91a8b0);font-weight:700}.event-sync-state>b{justify-self:start;padding:3px 7px;border-radius:6px;font-size:9px}.event-sync-state small{justify-self:end;color:var(--muted,#91a8b0)}.event-sync-state .sync-auto{color:#9dddea;background:rgba(80,190,210,.09)}.event-sync-state .sync-force_on{color:#85edb1;background:rgba(60,205,135,.09)}.event-sync-state .sync-paused{color:#f2c978;background:rgba(242,190,80,.09)}.event-sync-state .sync-force_off{color:#ff9aa8;background:rgba(255,85,105,.09)}.event-participation-control{display:flex;align-items:end;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.055)}.event-participation-control label{display:grid;gap:5px;font-size:10px;color:var(--muted,#91a8b0)}.event-participation-control select{min-width:145px;padding:7px 9px}.event-sync-msg{font-size:10px;color:#8bddec}.event-sync-editor{padding:12px;border:1px solid rgba(76,195,211,.16);border-radius:12px;background:rgba(76,195,211,.035)}.event-sync-editor p{margin:0;font-size:11px;line-height:1.45}@media(max-width:560px){.event-sync-state{grid-template-columns:1fr auto}.event-sync-state small{grid-column:1/-1;justify-self:start}.event-participation-control{align-items:stretch;flex-direction:column}}

/* v2.1 Feature Parity */
.panel-kicker{display:block;color:#69d6e8;font-size:9px;font-weight:900;letter-spacing:.12em;margin-bottom:5px}.analytics-section,.workflow-section,.operations-section,.candidate-h2h-card{margin-top:14px;scroll-margin-top:150px}.compact-head{margin-top:18px}.inline-selects{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.inline-selects select,.detail-section-head>select{min-width:190px}.analytics-kpi-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:14px 0}.analytics-metric{padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025);min-width:0}.analytics-metric span,.analytics-metric small{display:block;color:#91a8b0;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.analytics-metric strong{display:block;margin:6px 0 2px;font-size:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.analytics-two-col h4{margin:0 0 8px}.analytics-alert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.form-alert{padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025);display:grid;gap:4px}.form-alert strong{font-size:14px}.form-alert span{font-size:10px;font-weight:900;letter-spacing:.07em}.form-alert small{color:#91a8b0}.form-alert.positive{border-color:rgba(72,215,155,.2)}.form-alert.positive span,.positive{color:#84e7b6!important}.form-alert.negative{border-color:rgba(255,92,113,.2)}.form-alert.negative span,.negative{color:#ff9cab!important}.neutral{color:#9eb1b7!important}.trend-bars{display:grid;gap:8px;margin:14px 0}.trend-bar-row{display:grid;grid-template-columns:110px minmax(100px,1fr) 88px 70px;gap:10px;align-items:center;font-size:11px}.trend-bar-track{height:8px;background:rgba(255,255,255,.055);border-radius:999px;overflow:hidden}.trend-bar-track i{display:block;height:100%;background:linear-gradient(90deg,rgba(105,214,232,.35),rgba(105,214,232,.92));border-radius:inherit}.trend-bar-row em{font-style:normal;color:#91a8b0;text-align:right}.clickable-row{cursor:pointer}.clickable-row:hover{background:rgba(105,214,232,.035)}

.candidate-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.candidate-card{display:grid;gap:13px}.candidate-card-top{display:flex;align-items:center;gap:14px}.candidate-card-top h3{margin:3px 0 2px;font-size:22px}.candidate-card-top p{margin:0;color:#91a8b0;font-size:11px}.candidate-priority{display:inline-flex;padding:3px 7px;border-radius:999px;background:rgba(255,196,92,.09);border:1px solid rgba(255,196,92,.22);color:#f1c979;font-size:9px;font-weight:900}.candidate-mini-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.candidate-mini-metrics span{display:grid;gap:2px;padding:9px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055);font-size:9px;color:#91a8b0;text-align:center}.candidate-mini-metrics b{font-size:15px;color:#eef7f9}.candidate-links{display:flex;gap:8px;flex-wrap:wrap}.candidate-links a,.candidate-links span{font-size:10px;text-decoration:none;color:#8bddec;border:1px solid rgba(105,214,232,.15);padding:6px 8px;border-radius:8px}.candidate-links span{color:#6f858c}.candidate-notes{padding:11px;border-radius:11px;background:rgba(0,0,0,.12);border:1px solid rgba(255,255,255,.055)}.candidate-notes span{display:block;font-size:9px;font-weight:900;letter-spacing:.08em;color:#91a8b0}.candidate-notes p{margin:6px 0 0;white-space:pre-wrap;font-size:12px;line-height:1.5}.candidate-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}.candidate-empty{grid-column:1/-1}.candidate-compare-hero{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;padding:14px;border-radius:14px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);margin-bottom:12px}.compare-person{display:flex;align-items:center;gap:12px}.compare-person.right{justify-content:flex-end;text-align:right}.compare-person span,.compare-person small{display:block;color:#91a8b0;font-size:9px}.compare-person strong{display:block;font-size:20px;margin:3px 0}.compare-vs{font-size:10px;font-weight:950;letter-spacing:.12em;color:#6f8990}.metric-compare{border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden}.metric-compare-head,.metric-compare-row{display:grid;grid-template-columns:minmax(130px,1fr) 100px 70px 100px;gap:8px;align-items:center;padding:10px 12px}.metric-compare-head{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#91a8b0;background:rgba(255,255,255,.025)}.metric-compare-head strong,.metric-compare-row strong{text-align:right}.metric-compare-head em,.metric-compare-row em{text-align:center;font-style:normal}.metric-compare-row{border-top:1px solid rgba(255,255,255,.055);font-size:12px}.metric-compare-row>span{color:#aabdc2}.metric-context{display:flex;gap:10px;flex-wrap:wrap;padding:10px 12px;border-top:1px solid rgba(255,255,255,.055);font-size:10px;color:#91a8b0}.metric-context b{color:#dcecef}.candidate-editor-profile{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}.candidate-editor-profile strong,.candidate-editor-profile span{display:block}.candidate-editor-profile span{margin-top:3px;color:#91a8b0;font-size:11px}.scout-favorite-actions{margin-top:10px}.favorite-active{color:#f3d590!important;border-color:rgba(243,213,144,.35)!important;background:rgba(243,213,144,.08)!important}

.opponent-registry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.opponent-registry-card{display:grid;gap:12px}.opponent-registry-card.archived{opacity:.64}.opponent-registry-head{display:flex;gap:11px;align-items:center}.opponent-registry-head h3{margin:5px 0 2px}.opponent-registry-head small{color:#70878e;font-size:9px}.opponent-registry-card p{margin:0;color:#a9bbc0;font-size:11px;line-height:1.5}

.social-workflow-list,.submission-list{display:grid;gap:9px}.social-item,.submission-item{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(200px,1.4fr) auto;gap:14px;align-items:center;padding:13px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(255,255,255,.02)}.social-item.changed{border-color:rgba(242,190,80,.23);background:rgba(242,190,80,.025)}.social-item strong,.social-item small,.submission-item strong,.submission-item small{display:block}.social-item small,.submission-item small{margin-top:4px;color:#91a8b0;font-size:10px}.social-item-meta{display:flex;gap:5px;margin-bottom:5px}.source-badge.warning{background:rgba(242,190,80,.09);border:1px solid rgba(242,190,80,.23);color:#f2c978}.social-preview{display:grid;gap:4px}.social-preview p{margin:0;color:#a9bbc0;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.submission-item{grid-template-columns:minmax(220px,1fr) minmax(160px,.6fr) auto}.submission-item p{margin:7px 0 0;color:#a9bbc0;font-size:11px}.submission-files{display:flex;gap:5px;flex-wrap:wrap}.submission-files .mini-link{background:transparent;border:0;padding:3px 5px}.submission-summary{padding:12px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:rgba(255,255,255,.025)}.submission-summary span{float:right;color:#8bddec}.submission-summary p{clear:both;margin:8px 0 0;color:#a9bbc0}

.quality-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.quality-check{display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;padding:11px;border-radius:11px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.02)}.quality-check>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;font-weight:900}.quality-check.ok>span{background:rgba(72,215,155,.08);color:#84e7b6}.quality-check.issue>span{background:rgba(255,92,113,.09);color:#ff9cab}.quality-check strong,.quality-check small{display:block}.quality-check small{margin-top:3px;color:#70878e;font-size:8px}.quality-check b{font-size:20px}.discovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.discovery-card{padding:13px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(255,255,255,.02)}.discovery-head{display:flex;justify-content:space-between;gap:10px}.discovery-head strong,.discovery-head small{display:block}.discovery-head strong{margin:7px 0 3px}.discovery-head small{color:#91a8b0;font-size:9px}.discovery-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:11px;color:#91a8b0;font-size:9px}.error-copy{color:#ff9cab;font-size:10px}.sync-choice-row{display:flex;gap:5px;margin-top:10px}.sync-choice-row button{padding:6px 8px;font-size:9px}.operations-section code{font-size:9px;color:#8bddec}

.edit-form{display:grid;gap:14px}.edit-form label{display:grid;gap:6px;font-size:11px;color:#9fb2b8;font-weight:700}.edit-form input,.edit-form select,.edit-form textarea{width:100%}.edit-grid{display:grid;gap:10px}.edit-grid.two{grid-template-columns:1fr 1fr}.check-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:8px!important}.check-row input{width:auto!important}.editor-actions{display:flex;align-items:center;gap:10px}

@media(max-width:1100px){.analytics-kpi-row{grid-template-columns:repeat(3,1fr)}.opponent-registry-grid,.quality-check-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.analytics-two-col,.candidate-card-grid,.discovery-grid{grid-template-columns:1fr}.analytics-alert-grid{grid-template-columns:1fr 1fr}.social-item,.submission-item{grid-template-columns:1fr}.candidate-compare-hero{grid-template-columns:1fr;text-align:left}.compare-person.right{justify-content:flex-start;text-align:left}.compare-vs{display:none}.opponent-registry-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.analytics-kpi-row{grid-template-columns:1fr 1fr}.analytics-alert-grid,.opponent-registry-grid,.quality-check-grid{grid-template-columns:1fr}.metric-compare-head,.metric-compare-row{grid-template-columns:1fr 68px 52px 68px;padding:9px 8px}.trend-bar-row{grid-template-columns:80px 1fr 65px}.trend-bar-row em{display:none}.edit-grid.two{grid-template-columns:1fr}.candidate-mini-metrics{grid-template-columns:1fr 1fr}.inline-selects{justify-content:flex-start;width:100%}.inline-selects select{flex:1;min-width:140px}}
.candidate-card.archived{opacity:.6;border-style:dashed}.candidate-card.archived .candidate-priority{filter:saturate(.4)}

/* v2.2 brand, recruitment & match operations */
.brand-mark{width:48px;height:58px;display:grid;place-items:center;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.brand-mark img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1);display:block}
.portal-footer{margin:30px 0 8px;padding:18px 20px;border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;align-items:center;gap:14px;background:rgba(10,20,24,.72);color:var(--muted)}
.portal-footer img{width:30px;height:42px;object-fit:contain;filter:brightness(0) invert(1);opacity:.8}.portal-footer strong{display:block;color:var(--text-soft);font-size:12px}.portal-footer span{display:block;margin-top:4px;font-size:10px;line-height:1.55;max-width:920px}
.candidate-toolbar{padding:14px 16px;margin-bottom:14px}.candidate-toolbar label{display:flex;align-items:center;gap:8px}.candidate-toolbar select,.candidate-multi-card select{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:9px 11px}.candidate-multi-card{padding:18px;margin-top:16px}.candidate-multi-card label{display:grid;gap:7px;margin-bottom:12px}.candidate-multi-card select{min-height:128px}.candidate-pipeline{display:inline-flex;padding:4px 8px;border-radius:999px;background:rgba(182,162,255,.10);border:1px solid rgba(182,162,255,.22);font-size:10px;font-weight:800}.candidate-shortlist{color:var(--amber);font-weight:900}.candidate-recruit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;font-size:10px;color:var(--muted)}.candidate-recruit-grid b{color:var(--text-soft)}.candidate-roster-compare{margin-top:18px}.candidate-multi-winner{font-weight:900;color:var(--green)}
.match-prep-editor,.match-prep-overview{padding:18px}.match-prep-editor>label{display:grid;gap:7px;margin:12px 0}.match-prep-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.match-prep-lineup,.match-prep-checklist{display:grid;gap:7px}.match-prep-choice{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.match-prep-choice input{width:auto}.match-prep-list{display:grid;gap:10px}.match-prep-row{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.match-prep-row small{display:block;color:var(--muted);margin-top:3px}.match-prep-progress{font-size:11px;color:var(--muted)}
.operations-section .section-actions{display:flex;gap:8px;flex-wrap:wrap}.resolved-error{opacity:.55}.error-actions{display:flex;gap:6px;align-items:center}.pipeline-retry-row{border-color:rgba(239,196,108,.24)}
@media(max-width:760px){.brand-mark{width:36px;height:46px}.portal-footer{align-items:flex-start}.candidate-recruit-grid,.match-prep-grid{grid-template-columns:1fr}.match-prep-row{grid-template-columns:1fr}.portal-footer span{font-size:9px}}
.scouting-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px}.scout-opponent-logo{min-width:58px}.scout-opponent-logo .team-logo-wrap{margin:0}
@media(max-width:640px){.scouting-hero{grid-template-columns:auto 1fr}.scouting-record{grid-column:1/-1}.scout-opponent-logo{min-width:44px}}
.match-prep-veto-assist{margin:14px 0;padding:14px;background:linear-gradient(135deg,rgba(105,214,232,.06),rgba(182,162,255,.035));box-shadow:none}.veto-assist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:10px}.veto-assist-map{padding:9px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.veto-assist-map strong,.veto-assist-map span{display:block}.veto-assist-map span{font-size:10px;color:var(--muted);margin-top:3px}.veto-recommend{color:var(--green)!important;font-weight:800}.veto-avoid{color:var(--red)!important;font-weight:800}

/* v2.2 analytics visuals */
.map-pool-matrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;margin:12px 0 16px}.map-matrix-cell{padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025);display:grid;gap:5px}.map-matrix-cell strong{font-size:13px}.map-matrix-cell span{font-size:10px;color:#94aab0}.map-matrix-cell .map-meter{height:6px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.map-matrix-cell .map-meter i{display:block;height:100%;background:linear-gradient(90deg,rgba(105,214,232,.36),rgba(105,214,232,.95))}.map-matrix-cell.hot{border-color:rgba(103,217,154,.24)}.map-matrix-cell.cold{border-color:rgba(255,133,140,.22)}
.player-profile-visual{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0 16px}.profile-axis{padding:10px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:rgba(255,255,255,.02)}.profile-axis span,.profile-axis small{display:block;font-size:9px;color:#91a8b0;text-transform:uppercase;letter-spacing:.06em}.profile-axis strong{display:block;font-size:18px;margin:4px 0}.profile-axis .axis-track{height:5px;background:rgba(255,255,255,.055);border-radius:999px;overflow:hidden}.profile-axis .axis-track i{display:block;height:100%;background:linear-gradient(90deg,rgba(182,162,255,.35),rgba(105,214,232,.95))}
.period-compare{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.period-delta{padding:11px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:rgba(255,255,255,.02)}.period-delta span{display:block;font-size:9px;color:#91a8b0;text-transform:uppercase;letter-spacing:.06em}.period-delta strong{display:block;margin-top:5px;font-size:18px}.period-delta small{display:block;margin-top:3px;color:#91a8b0}.trend-chart-shell{min-height:190px;margin:12px 0 16px;padding:10px;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:rgba(0,0,0,.12);overflow:hidden}.trend-chart-shell svg{display:block;width:100%;height:180px}.trend-chart-shell .chart-grid{stroke:rgba(255,255,255,.07);stroke-width:1}.trend-chart-shell .chart-line{fill:none;stroke:currentColor;stroke-width:2.5;vector-effect:non-scaling-stroke}.trend-chart-shell .chart-area{fill:rgba(105,214,232,.07)}.trend-chart-shell .chart-point{fill:#071013;stroke:currentColor;stroke-width:2;vector-effect:non-scaling-stroke}.trend-chart-shell text{fill:#91a8b0;font-size:9px;font-family:inherit}.trend-chart-shell .chart-adr{color:#69d6e8}.trend-chart-shell .chart-kd{color:#b6a2ff}
@media(max-width:700px){.player-profile-visual{grid-template-columns:1fr 1fr}.period-compare{grid-template-columns:1fr 1fr}.map-pool-matrix{grid-template-columns:1fr 1fr}}
.map-matrix-cell.selected{outline:1px solid rgba(105,214,232,.55);background:rgba(105,214,232,.065)}

/* ==========================================================================
   v2.3 — Canonical portal layout / polish pass
   This block is the single source of truth for page geometry and responsive
   behavior. Earlier component styling remains, but no longer controls layout.
   ========================================================================== */
:root{
  --page-max:1440px;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;
  --control-h:40px;
}
html,body{max-width:100%;overflow-x:hidden}
body{min-width:320px}
.shell{width:100%;max-width:var(--page-max);padding:24px clamp(12px,2vw,28px) 56px}
#portalContent,.portal-view,.portal-view>*{min-width:0;max-width:100%}
.portal-view{padding-top:0}

/* Header + global frame */
.app-header{min-height:84px;margin-bottom:12px;padding:16px 20px;border-radius:16px;gap:18px}
.brand-lockup{flex:1 1 auto}.brand-copy p{max-width:620px}
.header-actions{flex:0 0 auto}
#status.card{margin-top:0}
.stats-grid{margin-top:8px}

/* Navigation: one stable row on wide screens, horizontal rail below */
.portal-navigation{top:8px;margin:12px 0 22px;padding:7px;border-radius:16px;max-width:100%;overflow:hidden}
.primary-nav{display:grid;grid-template-columns:repeat(10,minmax(108px,1fr));gap:5px;min-width:0}
.primary-nav-item{min-width:0;min-height:64px;padding:8px 9px;grid-template-columns:30px minmax(0,1fr);column-gap:8px;border-radius:11px}
.primary-nav-item:before{width:30px;height:30px;font-size:16px;border-radius:9px}
.primary-nav-item>span{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.primary-nav-item>small{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.subnav{min-height:40px;margin-top:6px;padding:5px 3px 0;gap:4px}
.subnav-item{min-height:32px;padding:6px 10px;font-size:10px}
.nav-anchor{scroll-margin-top:132px}

/* Page headings and action rows */
.section-head{margin:26px 2px 12px;align-items:flex-end;gap:14px}
.section-head>div:first-child{min-width:0}
.section-head h2{font-size:27px;line-height:1.12}
.section-subtitle{max-width:820px;font-size:11px}
.section-actions{gap:8px;min-width:0}
.section-actions>*{min-width:0}

/* Common cards / grids */
.card,.match-card,.player-card{border-radius:14px}
.card{padding:16px}
.home-grid,.planning-grid,.performance-grid,.admin-secondary-grid,.analytics-two-col{gap:12px}
.home-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}
.planning-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr))}
.planning-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.planning-archive-card{grid-column:1/-1;padding:0;overflow:hidden}.planning-archive-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;cursor:pointer;list-style:none}.planning-archive-summary::-webkit-details-marker{display:none}.planning-archive-summary:after{content:'⌄';color:#8bddec;font-size:16px;line-height:1;transition:transform .15s ease}.planning-archive-card[open] .planning-archive-summary:after{transform:rotate(180deg)}.planning-archive-heading{display:grid;gap:4px;min-width:0}.planning-archive-heading strong{font-size:14px}.planning-archive-heading small{color:#91a8b0;font-size:9px;line-height:1.45}.planning-archive-summary #planningArchiveCount{margin-left:auto;white-space:nowrap}.planning-archive-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:10px;margin:0;padding:0 16px 16px}.event-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.source-badge.vrs{color:#d9c4ff;background:rgba(157,116,255,.10);border:1px solid rgba(177,143,255,.28)}
@media(max-width:1100px){.planning-status-grid{grid-template-columns:1fr 1fr}.planning-status-grid #planningLans{grid-column:1/-1}}
@media(max-width:760px){.planning-status-grid{grid-template-columns:1fr}.planning-status-grid #planningLans{grid-column:auto}.planning-archive-summary{align-items:flex-start}.planning-archive-heading small{max-width:30rem}}
.dashboard-grid-four{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.dashboard-highlight{min-height:132px}
.performance-kpis,.analytics-kpi-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.players-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.candidate-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr));gap:12px}
.opponent-registry-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.quality-check-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.discovery-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr))}
.analytics-two-col{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Forms: one rhythm everywhere */
input,select,textarea,button,.link-btn{min-width:0}
input,select,textarea{width:100%;min-height:var(--control-h);padding:9px 11px!important}
textarea{min-height:88px;resize:vertical}
button,.link-btn{min-height:var(--control-h);padding:8px 12px}
.small-btn{min-height:32px!important;padding:6px 9px!important}
.edit-grid,.form-grid{gap:10px}
.edit-grid.two,.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.edit-grid.three,.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.editor-actions{margin-top:2px;flex-wrap:wrap}

/* Tables never push the page sideways */
.table-wrap{width:100%;max-width:100%;overflow:auto;border-radius:11px;overscroll-behavior-inline:contain}
.table-wrap table{width:max(100%,680px)}
.permission-table{min-width:900px!important}
.role-qa-table{min-width:980px}
th,td{padding:10px 11px;vertical-align:middle}
td{overflow-wrap:anywhere}

/* Match identity and default-result semantics */
.match-card{padding:15px 16px}
.match-title{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}
.match-team-pair{min-width:0;overflow:hidden}
.match-team{min-width:0}.match-team>strong{min-width:0}
.series-score{display:grid;justify-items:end;line-height:1}
.series-score small{margin-top:5px;font-size:8px;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.result-display{display:inline-grid;justify-items:end;gap:3px;font-variant-numeric:tabular-nums}
.result-display b{font-size:inherit}.result-display small{font-size:8px;color:var(--muted);font-weight:850;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.result-display.is-default small{color:var(--amber)}
.default-result-note{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border:1px dashed currentColor;border-radius:8px;font-size:9px;font-weight:850;background:rgba(255,255,255,.018)}
.default-result-panel{display:grid;gap:5px;padding:15px;border:1px dashed currentColor;border-radius:12px;background:rgba(255,255,255,.018)}
.default-result-panel strong{font-size:16px}.default-result-panel span{color:var(--text-soft);font-size:11px}.default-result-panel small{color:var(--muted);font-size:9px}

/* Candidate cards = visiting cards, detail stays below */
.candidate-card{padding:17px;display:grid;gap:13px;align-content:start}
.candidate-card-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;align-items:center}
.candidate-card-top h3{margin:5px 0 3px;font-size:20px}.candidate-card-top p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}
.candidate-mini-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.candidate-mini-metrics span{min-width:0}
.candidate-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.candidate-links a,.candidate-links span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.candidate-recruit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.candidate-recruit-grid span{padding:7px 8px;border-radius:8px;background:rgba(255,255,255,.02);overflow-wrap:anywhere}
.candidate-notes{min-height:76px}
.candidate-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}
.candidate-h2h-card,.candidate-multi-card{margin-top:14px}
.inline-selects{display:flex;gap:8px;flex-wrap:wrap}.inline-selects select{min-width:180px;max-width:300px}

/* Match prep */
.match-prep-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.match-prep-row{grid-template-columns:minmax(0,1fr) auto auto;gap:10px}
.match-prep-veto-assist{min-width:0}
.veto-assist-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}

/* Operations additions */
.operations-section{margin-top:12px}
.role-qa-cell{display:inline-grid;place-items:center;min-width:24px;height:22px;margin:1px;border-radius:6px;font-size:9px;font-weight:900}
.role-qa-cell.can-view{color:#b9edf5;background:rgba(105,214,232,.10)}
.role-qa-cell.can-edit{color:#a8ebc2;background:rgba(103,217,154,.11)}
.role-qa-cell.no-view,.role-qa-cell.no-edit{color:#536d74;background:rgba(255,255,255,.025)}
.role-qa-table td:not(:first-child),.role-qa-table th:not(:first-child){text-align:center}
.role-qa-table td:first-child strong,.role-qa-table td:first-child small{display:block}.role-qa-table td:first-child small{margin-top:3px;color:var(--muted);font-size:8px}
.role-qa-legend{margin:10px 2px 0;font-size:9px}
.cutover-list{display:grid;gap:12px}.cutover-group{display:grid;gap:6px}.cutover-group>h4{margin:4px 2px;color:var(--text-soft);font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.cutover-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,210px);gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.018)}
.cutover-row>div{min-width:0}.cutover-row strong,.cutover-row span,.cutover-row small{display:block}.cutover-row span{margin-top:2px;color:var(--muted);font-size:9px}.cutover-row small{margin-top:4px;color:#6f8990;font-size:9px;line-height:1.45}
.cutover-row.status-replaced{border-left:2px solid var(--green)}.cutover-row.status-intentionally_dropped{border-left:2px solid #61787e}.cutover-row.status-open,.cutover-row.status-needs_review{border-left:2px solid var(--amber)}

/* Dialogs */
.match-dialog{width:min(980px,calc(100vw - 24px));max-height:92dvh}
.dialog-shell{max-height:92dvh;overflow:auto;padding:20px}
.detail-match-identity{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Footer */
.portal-footer{margin-top:30px;padding:16px 18px;border-radius:14px}

@media(max-width:1220px){
  .primary-nav{display:flex;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}
  .primary-nav-item{flex:0 0 158px;min-height:58px}
  .portal-navigation{overflow:visible}
  .players-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:920px){
  .shell{padding:16px 12px 48px}
  .app-header{align-items:flex-start;flex-wrap:wrap}.header-actions{margin-left:auto}
  .analytics-two-col,.admin-secondary-grid,.performance-grid{grid-template-columns:1fr}
  .performance-kpis,.analytics-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .edit-grid.three,.form-grid.three,.form-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .calendar-lower-grid{grid-template-columns:1fr}
  .section-head{align-items:flex-start;flex-wrap:wrap}.section-head>.section-actions{width:100%;justify-content:flex-start}
}
@media(max-width:680px){
  .shell{padding:10px 8px 40px}
  .app-header{padding:12px}.brand-copy p,.live-indicator{display:none}.brand-copy h1{font-size:18px}.brand-mark{width:36px;height:44px}
  .primary-nav-item{flex-basis:138px;min-height:52px;grid-template-columns:27px minmax(0,1fr)}.primary-nav-item:before{width:27px;height:27px}.primary-nav-item>small{display:none}
  .subnav{overflow-x:auto}.subnav-item{font-size:9px}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .players-grid,.dashboard-grid-four,.home-grid,.planning-grid,.candidate-card-grid,.quality-check-grid,.discovery-grid{grid-template-columns:1fr}
  .performance-kpis,.analytics-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .section-head{margin-top:21px}.section-head h2{font-size:23px}
  .match-title{grid-template-columns:1fr;gap:10px}.series-score{justify-items:start}.match-team-pair{overflow:visible}.match-team>strong{font-size:12px}
  .detail-summary-meta{align-items:flex-start}.detail-summary-meta .series-score{align-self:flex-start}
  .edit-grid.two,.edit-grid.three,.form-grid.two,.form-grid.three,.form-grid.four,.review-grid,.match-prep-grid,.candidate-recruit-grid{grid-template-columns:1fr}
  .candidate-mini-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .candidate-card-top{align-items:start}.candidate-card-top .player-portrait-xl{width:64px;height:64px}
  .inline-selects{width:100%}.inline-selects select{max-width:none;flex:1 1 100%}
  .cutover-row{grid-template-columns:1fr}.cutover-row select{width:100%}
  .match-prep-row{grid-template-columns:1fr}
  .portal-footer{align-items:flex-start;padding:13px}.portal-footer span{font-size:9px}
  .table-wrap table{width:max(100%,620px)}
  .calendar-week-grid{min-width:700px}
}
@media(max-width:430px){
  .performance-kpis,.analytics-kpi-row{grid-template-columns:1fr 1fr}
  .header-actions{width:100%;justify-content:flex-start}.header-actions button{font-size:10px;width:auto}
  .brand-copy h1{font-size:17px}.version{display:inline-flex}
  .candidate-mini-metrics{grid-template-columns:1fr 1fr}
}

/* ==========================================================================
   v2.3.1 — Left navigation, stronger header, role/color clarity
   ========================================================================== */
:root{
  --overview:#69d6e8;
  --team:#67d99a;
  --matches:#efc46c;
  --analytics:#b6a2ff;
  --scouting:#6bbcff;
  --candidates:#ff8ec7;
  --planning:#f0a86b;
  --workflow:#9f9cff;
  --documents:#5fd9c2;
  --operations:#ff9b6d;
  --admin:#ff858c;
}
.shell{max-width:1600px;padding:22px 26px 72px}
.app-header{
  min-height:126px;
  padding:22px 26px;
  border-radius:20px;
  background:linear-gradient(135deg,rgba(14,35,41,.95),rgba(8,23,28,.88));
  border-color:rgba(105,214,232,.14);
  box-shadow:0 22px 60px rgba(0,0,0,.24),0 1px 0 rgba(255,255,255,.03) inset;
}
.brand-lockup{gap:20px}.brand-mark{width:72px;height:82px}.brand-copy .kicker{font-size:10px}.brand-copy h1{font-size:31px;gap:12px}.brand-copy p{font-size:13px;max-width:760px;margin-top:8px}.version{height:25px;padding:0 9px;font-size:10px}
.header-context{display:grid;justify-items:end;gap:12px;min-width:280px}.header-identity{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.header-identity>span{font-size:10px;color:var(--muted);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.role-badge{display:inline-flex;align-items:center;min-height:29px;padding:6px 10px;border-radius:999px;border:1px solid currentColor;font-size:9px;font-weight:950;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap;background:rgba(255,255,255,.03)}
.role-primary-admin{color:#ffd77a;background:rgba(255,196,92,.10)}.role-admin{color:#ff9aa2;background:rgba(255,133,140,.09)}.role-management{color:#8fe7f3;background:rgba(105,214,232,.09)}.role-coach{color:#bbaaff;background:rgba(182,162,255,.10)}.role-team-captain{color:#8ee5b4;background:rgba(103,217,154,.10)}.role-player{color:#89c8ff;background:rgba(107,188,255,.10)}.role-streamer-caster{color:#ffb86b;background:rgba(255,184,107,.10)}.role-viewer{color:#9badb3;background:rgba(155,173,179,.08)}
.ui-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-btn{width:38px;height:38px;padding:0!important;display:grid;place-items:center;position:relative}
#status.card{margin-top:10px;border-left:3px solid rgba(105,214,232,.55);padding-left:13px}

#portalContent{--section-accent:var(--overview);display:grid;grid-template-columns:252px minmax(0,1fr);gap:20px;align-items:start;margin-top:14px}
#portalContent[data-active-group="overview"]{--section-accent:var(--overview)}
#portalContent[data-active-group="team"]{--section-accent:var(--team)}
#portalContent[data-active-group="matches"]{--section-accent:var(--matches)}
#portalContent[data-active-group="analytics"]{--section-accent:var(--analytics)}
#portalContent[data-active-group="scouting"]{--section-accent:var(--scouting)}
#portalContent[data-active-group="candidates"]{--section-accent:var(--candidates)}
#portalContent[data-active-group="planning"]{--section-accent:var(--planning)}
#portalContent[data-active-group="workflow"]{--section-accent:var(--workflow)}
#portalContent[data-active-group="documents"]{--section-accent:var(--documents)}
#portalContent[data-active-group="operations"]{--section-accent:var(--operations)}
#portalContent[data-active-group="admin"]{--section-accent:var(--admin)}
.portal-main{min-width:0}.portal-stats{margin:0 0 15px}.portal-view{min-width:0}

.portal-navigation{
  position:sticky;top:14px;z-index:18;
  width:100%;margin:0;padding:12px;
  border:1px solid rgba(205,239,245,.10);border-radius:18px;
  background:linear-gradient(180deg,rgba(12,29,35,.96),rgba(8,21,26,.94));
  box-shadow:0 18px 48px rgba(0,0,0,.19);
  overflow:visible;
}
.sidebar-heading{padding:6px 7px 12px;border-bottom:1px solid var(--line);margin-bottom:8px}.sidebar-heading span,.sidebar-heading strong,.sidebar-heading small{display:block}.sidebar-heading span{font-size:8px;font-weight:950;letter-spacing:.15em;color:var(--section-accent)}.sidebar-heading strong{margin-top:3px;font-size:17px}.sidebar-heading small{margin-top:3px;color:var(--muted);font-size:9px}
.primary-nav{display:grid!important;grid-template-columns:1fr!important;gap:4px!important;overflow:visible!important;padding:0!important}
.primary-nav-item{
  --nav-accent:#69d6e8;
  width:100%;min-height:58px!important;padding:8px 9px!important;
  display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;grid-template-rows:auto auto;column-gap:10px;row-gap:1px;
  align-items:center;text-align:left;border-radius:11px!important;
  background:transparent!important;border:1px solid transparent!important;color:#c9d7db!important;
}
.primary-nav-item.hidden{display:none!important}
.primary-nav-item:before,.primary-nav-item:after{display:none!important}.primary-nav-item[data-nav-group="overview"]{--nav-accent:var(--overview)}.primary-nav-item[data-nav-group="team"]{--nav-accent:var(--team)}.primary-nav-item[data-nav-group="matches"]{--nav-accent:var(--matches)}.primary-nav-item[data-nav-group="analytics"]{--nav-accent:var(--analytics)}.primary-nav-item[data-nav-group="scouting"]{--nav-accent:var(--scouting)}.primary-nav-item[data-nav-group="candidates"]{--nav-accent:var(--candidates)}.primary-nav-item[data-nav-group="planning"]{--nav-accent:var(--planning)}.primary-nav-item[data-nav-group="workflow"]{--nav-accent:var(--workflow)}.primary-nav-item[data-nav-group="documents"]{--nav-accent:var(--documents)}.primary-nav-item[data-nav-group="operations"]{--nav-accent:var(--operations)}.primary-nav-item[data-nav-group="admin"]{--nav-accent:var(--admin)}
.nav-icon{grid-column:1;grid-row:1/3;width:40px;height:40px;padding:5px;border-radius:10px;color:var(--nav-accent);background:color-mix(in srgb,var(--nav-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--nav-accent) 18%,transparent);fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.primary-nav-item>span{grid-column:2;grid-row:1;font-size:12px!important;font-weight:900;line-height:1.15;color:inherit!important}.primary-nav-item>small{grid-column:2;grid-row:2;margin:0!important;font-size:8.5px!important;color:#668189!important;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.primary-nav-item:hover{background:rgba(255,255,255,.028)!important;border-color:rgba(255,255,255,.055)!important}.primary-nav-item.active{background:color-mix(in srgb,var(--nav-accent) 8%,transparent)!important;border-color:color-mix(in srgb,var(--nav-accent) 24%,transparent)!important;color:#f2fbfd!important;box-shadow:inset 3px 0 0 var(--nav-accent)}.primary-nav-item.active .nav-icon{background:color-mix(in srgb,var(--nav-accent) 16%,transparent);border-color:color-mix(in srgb,var(--nav-accent) 35%,transparent);box-shadow:0 0 22px color-mix(in srgb,var(--nav-accent) 10%,transparent)}.primary-nav-item.active>small{color:#8aa5ac!important}
.sidebar-subnav-label{margin:13px 7px 6px;font-size:8px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:#607c83}.subnav{display:grid!important;gap:3px!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important}.subnav-item{width:100%;min-height:34px!important;padding:7px 8px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#819ba2!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;font-size:9.5px!important;text-align:left}.subnav-item i{width:6px;height:6px;border-radius:50%;background:#3a555c;flex:none}.subnav-item:hover{color:#c9d9dd!important;background:rgba(255,255,255,.025)!important}.subnav-item.active{color:#f2fbfd!important;background:color-mix(in srgb,var(--section-accent) 8%,transparent)!important}.subnav-item.active i{background:var(--section-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--section-accent) 10%,transparent)}

.portal-main>.portal-view>.section-head{position:relative;margin-top:22px;padding:4px 0 4px 15px;border-left:3px solid var(--section-accent)}.portal-main>.portal-view>.section-head:after{content:"";position:absolute;left:-3px;top:4px;bottom:4px;width:3px;box-shadow:0 0 18px color-mix(in srgb,var(--section-accent) 32%,transparent)}.portal-main .section-head .kicker,.portal-main .panel-kicker{color:var(--section-accent)}
.portal-main .card{border-color:rgba(205,239,245,.085)}.portal-main .card:hover{border-color:rgba(205,239,245,.12)}

/* semantic hints/statuses */
.source-badge,.participation,.candidate-pipeline,.candidate-priority,.sync-state{font-weight:900}.source-badge.warning,.participation.pending{color:#f0c875!important}.source-badge.faceit,.source-badge.auto,.participation.confirmed{color:#8de8b6!important}.source-badge.auto{border-color:rgba(103,217,154,.22)!important;background:rgba(103,217,154,.055)!important}.source-badge.legacy,.participation.declined{color:#ff9da6!important}
.empty-note.error{border-color:rgba(255,133,140,.25);background:rgba(255,133,140,.045);color:#ffadb3}.empty-note:not(.error){background:rgba(105,214,232,.025)}

@media(max-width:1120px){
  #portalContent{grid-template-columns:216px minmax(0,1fr);gap:14px}.portal-navigation{padding:9px}.primary-nav-item{grid-template-columns:40px minmax(0,1fr)!important}.nav-icon{width:36px;height:36px;padding:5px}.primary-nav-item>small{display:none}.app-header{min-height:112px}.brand-mark{width:64px;height:72px}.brand-copy h1{font-size:27px}
}
@media(max-width:860px){
  .shell{padding:14px 10px 48px}.app-header{min-height:auto;align-items:flex-start;flex-wrap:wrap;padding:16px}.header-context{min-width:0;width:100%;justify-items:start}.header-identity,.header-actions{justify-content:flex-start}.brand-mark{width:54px;height:64px}.brand-copy h1{font-size:23px}.brand-copy p{font-size:11px}
  #portalContent{display:block;margin-top:12px}.portal-navigation{position:sticky;top:5px;margin:0 0 14px;padding:8px;z-index:30}.sidebar-heading,.sidebar-subnav-label{display:none}.primary-nav{display:flex!important;grid-template-columns:none!important;gap:5px!important;overflow-x:auto!important;scrollbar-width:none!important;padding-bottom:1px!important}.primary-nav::-webkit-scrollbar{display:none}.primary-nav-item{flex:0 0 160px;width:auto;min-height:56px!important;grid-template-columns:36px minmax(0,1fr)!important;padding:7px 8px!important}.nav-icon{width:34px;height:34px;padding:5px}.primary-nav-item>span{font-size:11px!important}.primary-nav-item>small{display:none}.subnav{display:flex!important;gap:5px!important;overflow-x:auto!important;padding:7px 2px 0!important}.subnav-item{width:auto;flex:0 0 auto;min-height:31px!important;border:1px solid rgba(255,255,255,.045)!important;background:rgba(255,255,255,.018)!important;padding:6px 9px!important}.portal-main>.portal-view>.section-head{margin-top:18px}
}
@media(max-width:560px){
  .app-header{gap:13px}.brand-lockup{gap:12px}.brand-mark{width:44px;height:52px}.brand-copy .kicker{font-size:8px}.brand-copy h1{font-size:20px}.brand-copy p{display:none}.header-identity{display:grid;gap:6px}.role-badge{width:max-content}.primary-nav-item{flex-basis:138px;grid-template-columns:33px minmax(0,1fr)!important}.nav-icon{width:31px;height:31px;padding:4px}.portal-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-main>.portal-view>.section-head{padding-left:11px}
}

/* v2.3.3 · FACEIT command center */
.faceit-command-center{display:grid;gap:14px;scroll-margin-top:24px}
.faceit-command-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:20px 22px;background:linear-gradient(135deg,rgba(105,214,232,.075),rgba(103,217,154,.025) 46%,rgba(255,255,255,.018));border-color:rgba(105,214,232,.16)!important;box-shadow:inset 3px 0 0 rgba(105,214,232,.72),0 14px 38px rgba(0,0,0,.12)}
.faceit-command-copy{min-width:0}.faceit-command-copy h3{margin:5px 0 7px;font-size:24px}.faceit-command-copy>p{max-width:820px;margin:0;color:var(--text-soft);font-size:11px;line-height:1.65}.faceit-command-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}
.sync-info-badge{display:inline-flex;align-items:center;min-height:25px;padding:5px 8px;border-radius:999px;border:1px solid currentColor;font-size:8px;font-weight:950;letter-spacing:.065em;white-space:nowrap}.sync-info-badge.safe{color:#8de8b6;background:rgba(103,217,154,.07)}.sync-info-badge.auto{color:#8fe4f1;background:rgba(105,214,232,.07)}.sync-info-badge.media{color:#b9aaff;background:rgba(182,162,255,.07)}
.faceit-command-actions{display:grid;justify-items:end;gap:7px;min-width:220px}.faceit-command-actions button{min-width:170px}.faceit-command-actions span{font-size:9px;text-align:right;max-width:240px}
.faceit-command-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:14px;align-items:start}.faceit-pipeline-card{min-width:0}.faceit-side-stack{display:grid;gap:12px;min-width:0}
.sync-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:15px 0 17px}.sync-flow-step{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start;padding:11px;border:1px solid rgba(205,239,245,.075);border-radius:11px;background:rgba(255,255,255,.018)}.sync-step-icon,.sync-large-icon{display:grid;place-items:center;border-radius:10px;color:#8de6f1;background:rgba(105,214,232,.075);border:1px solid rgba(105,214,232,.16)}.sync-step-icon{width:36px;height:36px}.sync-step-icon .ui-icon{width:17px;height:17px}.sync-flow-step b,.sync-flow-step span{display:block}.sync-flow-step b{font-size:11px;color:#e7f5f7}.sync-flow-step div>span{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.5}
.faceit-sync-kpis-rich{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px}.faceit-sync-kpis-rich>div{padding:10px 11px!important;background:rgba(255,255,255,.018)!important}.faceit-sync-kpis-rich span{font-size:8px!important}.faceit-sync-kpis-rich strong{font-size:13px!important}.faceit-sync-kpis-rich small{display:block;margin-top:3px;color:#5f7c83;font-size:7.5px;line-height:1.3}
.sync-status-notice{display:flex;align-items:flex-start;min-height:40px;padding:10px 12px;border-radius:10px;border:1px solid rgba(105,214,232,.14);font-size:9.5px;line-height:1.55}.sync-status-notice:before{content:"i";display:grid;place-items:center;flex:none;width:20px;height:20px;margin-right:9px;border-radius:50%;font-size:10px;font-weight:950}.sync-status-notice.info{color:#a9cdd3;background:rgba(105,214,232,.035)}.sync-status-notice.info:before{color:#8bddea;background:rgba(105,214,232,.11)}.sync-status-notice.success{color:#a9d8bd;background:rgba(103,217,154,.035);border-color:rgba(103,217,154,.14)}.sync-status-notice.success:before{content:"✓";color:#8de8b6;background:rgba(103,217,154,.11)}.sync-status-notice.warning{color:#e2c98f;background:rgba(239,196,108,.04);border-color:rgba(239,196,108,.16)}.sync-status-notice.warning:before{content:"!";color:#f0c875;background:rgba(239,196,108,.11)}.sync-status-notice.error{color:#ffabb2;background:rgba(255,133,140,.04);border-color:rgba(255,133,140,.16)}.sync-status-notice.error:before{content:"!";color:#ff9da6;background:rgba(255,133,140,.11)}
.sync-details-block{margin-top:11px}.sync-details-block summary{cursor:pointer;color:#8ba4aa;font-size:9px;font-weight:850;padding:8px 0}.sync-details-block[open] summary{color:#c5d8dc}.sync-log-row.ok{border-left:2px solid rgba(103,217,154,.55)!important}.sync-log-row.issue{border-left:2px solid rgba(255,133,140,.6)!important}
.sync-explainer-card{padding:15px}.sync-explainer-head{display:grid;grid-template-columns:43px minmax(0,1fr);gap:10px;align-items:center;margin-bottom:10px}.sync-large-icon{width:42px;height:42px}.sync-large-icon .ui-icon{width:20px;height:20px}.sync-explainer-head h4{margin:3px 0 0;font-size:13px}.sync-explainer-card>p{margin:0;color:var(--muted);font-size:9.5px;line-height:1.6}.sync-explainer-card.protection{border-color:rgba(103,217,154,.12)!important}.sync-explainer-card.protection .sync-large-icon{color:#8de8b6;background:rgba(103,217,154,.07);border-color:rgba(103,217,154,.15)}.media-sync-card{border-color:rgba(182,162,255,.12)!important}.media-sync-card .sync-large-icon{color:#c0b2ff;background:rgba(182,162,255,.07);border-color:rgba(182,162,255,.15)}.vault-card{border-color:rgba(239,196,108,.11)!important}.vault-card .sync-large-icon{color:#f0cb7b;background:rgba(239,196,108,.06);border-color:rgba(239,196,108,.14)}
.sync-rule-list{list-style:none;margin:0;padding:0;display:grid;gap:7px}.sync-rule-list li{position:relative;padding:8px 8px 8px 25px;border-radius:8px;background:rgba(255,255,255,.017)}.sync-rule-list li:before{content:"✓";position:absolute;left:8px;top:8px;color:#83e3b0;font-weight:950}.sync-rule-list b,.sync-rule-list span{display:block}.sync-rule-list b{font-size:9.5px;color:#dcebee}.sync-rule-list span{margin-top:2px;color:#6f8990;font-size:8.5px;line-height:1.45}.sync-rule-list code{font-size:8px;color:#f0c875;background:rgba(239,196,108,.055);padding:1px 3px;border-radius:4px}
.media-coverage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:11px}.media-coverage-grid>div{padding:9px;border:1px solid rgba(182,162,255,.12);border-radius:9px;background:rgba(182,162,255,.025)}.media-coverage-grid span,.media-coverage-grid strong{display:block}.media-coverage-grid span{color:#8f86ae;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.media-coverage-grid strong{margin-top:4px;font-size:17px;color:#d6cdff}
.vault-card .faceit-key-editor{margin-top:11px;padding:9px;border-radius:9px}.vault-card .faceit-key-editor label{font-size:8.5px}
.faceit-quality-center{padding:17px}.quality-live-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}.quality-live-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:start;min-width:0;padding:11px;border:1px solid rgba(103,217,154,.12);border-radius:11px;background:rgba(103,217,154,.025)}.quality-live-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:#8de8b6;background:rgba(103,217,154,.09);font-weight:950}.quality-live-item small,.quality-live-item strong,.quality-live-item p{display:block}.quality-live-item small{color:#6d8a80;font-size:7.5px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.quality-live-item strong{margin-top:2px;font-size:20px;color:#a4e8c0}.quality-live-item p{margin:2px 0 0;color:#648077;font-size:8px;line-height:1.4}.quality-live-item.issue{border-color:rgba(255,133,140,.18);background:rgba(255,133,140,.035)}.quality-live-item.issue .quality-live-icon{color:#ff9da6;background:rgba(255,133,140,.1)}.quality-live-item.issue small,.quality-live-item.issue strong{color:#ffabb2}.quality-live-item.issue p{color:#a7757b}.quality-summary-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 10px}.quality-summary-kpis>div{padding:9px 10px!important}.quality-summary-kpis strong{font-size:15px!important}
.faceit-source-center{padding:17px}.source-explanation-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0}.source-explanation-strip>div{padding:10px 11px;border:1px solid rgba(105,214,232,.08);border-radius:10px;background:rgba(105,214,232,.018)}.source-explanation-strip b,.source-explanation-strip span{display:block}.source-explanation-strip b{font-size:9.5px;color:#c9e5e9}.source-explanation-strip span{margin-top:3px;color:#6f8990;font-size:8.5px;line-height:1.45}.faceit-source-head{margin-top:15px!important}

@media(max-width:1180px){.faceit-command-grid{grid-template-columns:1fr}.faceit-side-stack{grid-template-columns:repeat(3,minmax(0,1fr))}.quality-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.faceit-command-hero{grid-template-columns:1fr}.faceit-command-actions{justify-items:start;min-width:0}.faceit-command-actions span{text-align:left}.faceit-side-stack{grid-template-columns:1fr}.faceit-sync-kpis-rich,.quality-summary-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.source-explanation-strip{grid-template-columns:1fr}}
@media(max-width:620px){.sync-flow{grid-template-columns:1fr}.quality-live-grid,.faceit-sync-kpis-rich,.quality-summary-kpis{grid-template-columns:1fr 1fr}.faceit-command-hero{padding:16px}.faceit-command-copy h3{font-size:20px}.faceit-command-actions button{width:100%}}
@media(max-width:420px){.quality-live-grid,.faceit-sync-kpis-rich,.quality-summary-kpis{grid-template-columns:1fr}.media-coverage-grid{grid-template-columns:1fr}}

/* ==========================================================================
   v2.3.3 — Documents center + optional scouting profile metadata
   ========================================================================== */
:root{--documents:#5fd9c2}
#portalContent[data-active-group="documents"]{--section-accent:var(--documents)}
.primary-nav-item[data-nav-group="documents"]{--nav-accent:var(--documents)}
.optional-field{display:inline;font-size:8.5px!important;font-weight:800;color:#78939a;text-transform:uppercase;letter-spacing:.06em;margin-left:5px}
.optional-profile-hint{margin:7px 0 0;color:#718b92;font-size:9px;line-height:1.45;max-width:520px}
.document-access-hint{display:inline-flex;align-items:center;min-height:30px;padding:7px 10px;border:1px solid rgba(95,217,194,.22);border-radius:999px;color:#92e6d5;background:rgba(95,217,194,.07);font-size:9px;font-weight:900;letter-spacing:.035em}
.document-access-hint.manage{color:#ffd88e;border-color:rgba(239,196,108,.25);background:rgba(239,196,108,.07)}
.document-access-hint.view{color:#a5b8bd;border-color:rgba(165,184,189,.2);background:rgba(165,184,189,.05)}
.document-kpis{margin-bottom:14px}.documents-section{margin-top:14px}.document-info-row{display:flex;gap:8px;flex-wrap:wrap}.document-info-row span{padding:7px 9px;border-radius:8px;border:1px solid rgba(95,217,194,.13);background:rgba(95,217,194,.035);color:#8aa7ad;font-size:9px;font-weight:800}
.document-list{display:grid;gap:10px}.document-card{padding:15px;border:1px solid rgba(205,239,245,.08);border-radius:13px;background:rgba(255,255,255,.018);display:grid;gap:11px}.document-card:hover{border-color:rgba(95,217,194,.17)}.document-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.document-card-head h3{margin:6px 0 2px;font-size:16px}.document-card-head small{color:#78939a;font-size:9.5px}.document-status{display:inline-flex;align-items:center;min-height:23px;padding:4px 7px;border-radius:999px;border:1px solid currentColor;font-size:8px;font-weight:950;letter-spacing:.055em;text-transform:uppercase}.document-status-new{color:#82cfff;background:rgba(107,188,255,.07)}.document-status-review{color:#f0ca79;background:rgba(239,196,108,.07)}.document-status-ok{color:#82dfaa;background:rgba(103,217,154,.07)}.document-status-bad{color:#ff9aa2;background:rgba(255,133,140,.07)}
.document-message{margin:0;color:#b7c8cc;font-size:11px;line-height:1.55;white-space:pre-wrap}.document-public-note,.document-internal-note{padding:10px 11px;border-radius:10px;border:1px solid rgba(95,217,194,.13);background:rgba(95,217,194,.035)}.document-internal-note{border-color:rgba(182,162,255,.16);background:rgba(182,162,255,.035)}.document-public-note strong,.document-internal-note strong{display:block;color:#94b0b6;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.document-public-note p,.document-internal-note p{margin:5px 0 0;color:#d6e4e7;font-size:10.5px;white-space:pre-wrap;line-height:1.5}
.document-files{display:flex;gap:7px;flex-wrap:wrap}.document-history-wrap{border-top:1px solid rgba(205,239,245,.06);padding-top:9px}.document-history-wrap summary{cursor:pointer;color:#8ea8ae;font-size:9.5px;font-weight:800}.document-history{display:grid;gap:7px;margin-top:10px}.document-history-row{display:grid;grid-template-columns:8px minmax(0,1fr);gap:9px;align-items:start}.document-history-row>i{width:7px;height:7px;margin-top:5px;border-radius:50%;background:currentColor}.document-history-row>i.document-status-new{color:#82cfff}.document-history-row>i.document-status-review{color:#f0ca79}.document-history-row>i.document-status-ok{color:#82dfaa}.document-history-row>i.document-status-bad{color:#ff9aa2}.document-history-row strong,.document-history-row small{display:block}.document-history-row strong{font-size:10px}.document-history-row small{margin-top:2px;color:#718b92;font-size:8.5px}.document-history-row p{margin:4px 0 0;color:#a9bdc2;font-size:9.5px}.document-history-empty{margin-top:9px;color:#718b92;font-size:9px}.document-upload-note{padding:10px 11px;border-radius:10px;border:1px solid rgba(95,217,194,.14);background:rgba(95,217,194,.04);color:#93adb3;font-size:10px;line-height:1.5}
@media(max-width:720px){.documents-head{align-items:flex-start!important;flex-direction:column}.document-card-head{flex-direction:column}.document-card-head .small-btn{width:100%}.document-info-row{display:grid;grid-template-columns:1fr}.document-access-hint{white-space:normal}}
.document-access-hint.all{color:#8ec9ff;border-color:rgba(107,188,255,.24);background:rgba(107,188,255,.07)}
.document-readonly{display:inline-flex;align-items:center;padding:6px 8px;border-radius:8px;border:1px solid rgba(205,239,245,.10);color:#78939a;font-size:8.5px;font-weight:850;text-transform:uppercase;letter-spacing:.055em}

/* ========================================================================== 
   v2.4 — UX hardening, document cockpit, recruiting polish, production QA
   ========================================================================== */
.inline-icon,.mini-link .ui-icon,.document-status .inline-icon,.candidate-actions .inline-icon,.document-upload-note .inline-icon,.match-prep-scout-state .inline-icon,.match-prep-scout-meta .inline-icon{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-2px;flex:none}
button .inline-icon,a .inline-icon{margin-right:5px}

/* Toasts replace blocking browser alerts for normal portal feedback */
.portal-toasts{position:fixed;right:18px;bottom:18px;z-index:120;display:grid;gap:9px;width:min(390px,calc(100vw - 28px));pointer-events:none}
.portal-toast{display:grid;grid-template-columns:32px minmax(0,1fr) 24px;gap:10px;align-items:start;padding:12px 12px;border:1px solid rgba(205,239,245,.14);border-radius:13px;background:rgba(7,19,23,.96);box-shadow:0 18px 54px rgba(0,0,0,.38);opacity:0;transform:translateY(8px);transition:.18s ease;pointer-events:auto}.portal-toast.show{opacity:1;transform:none}.portal-toast .toast-icon{width:28px;height:28px;padding:5px;border-radius:9px;fill:none;stroke:currentColor;stroke-width:1.8}.portal-toast strong,.portal-toast span{display:block}.portal-toast strong{font-size:10px}.portal-toast span{margin-top:3px;color:#9fb4ba;font-size:9.5px;line-height:1.45}.portal-toast>button{min-width:24px;width:24px;height:24px;padding:0;border:0;background:transparent;color:#708a91;font-size:17px}.portal-toast.toast-success{border-color:rgba(103,217,154,.24)}.portal-toast.toast-success .toast-icon{color:#82dfaa;background:rgba(103,217,154,.09)}.portal-toast.toast-error{border-color:rgba(255,133,140,.28)}.portal-toast.toast-error .toast-icon{color:#ff9aa2;background:rgba(255,133,140,.10)}.portal-toast.toast-warning{border-color:rgba(239,196,108,.25)}.portal-toast.toast-warning .toast-icon{color:#f0ca79;background:rgba(239,196,108,.09)}.portal-toast.toast-info .toast-icon{color:#82cfff;background:rgba(107,188,255,.09)}

/* Documents: status cockpit, filters and readable file cards */
.document-kpis-status{grid-template-columns:repeat(7,minmax(110px,1fr));gap:8px;overflow-x:auto;padding-bottom:2px}.document-kpis-status>.perf-kpi{min-width:110px;position:relative;overflow:hidden}.document-kpis-status>.perf-kpi:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:#58747c}.document-kpi-new:before{background:#82cfff!important}.document-kpi-review:before{background:#f0ca79!important}.document-kpi-ok:before{background:#82dfaa!important}.document-kpi-bad:before{background:#ff9aa2!important}.document-kpi-done:before{background:#b6a2ff!important}.document-kpi-total:before{background:var(--documents)!important}
.document-toolbar{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(145px,.65fr) minmax(165px,.75fr) auto auto;gap:8px;align-items:end;margin:13px 0 14px;padding:10px;border:1px solid rgba(95,217,194,.09);border-radius:11px;background:rgba(95,217,194,.018)}.document-toolbar label{display:grid;gap:4px;color:#78959c;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.055em}.document-toolbar input,.document-toolbar select{min-height:35px}.document-search{position:relative}.document-search>.ui-icon{position:absolute;left:10px;bottom:9px;width:16px;height:16px;z-index:2}.document-search input{padding-left:33px}.filter-result-count{align-self:center;justify-self:end;color:#78959c;font-size:9px;font-weight:850;white-space:nowrap}
.document-card{border-left:3px solid #58747c}.document-card.status-card-new{border-left-color:#82cfff}.document-card.status-card-in_review{border-left-color:#f0ca79}.document-card.status-card-approved{border-left-color:#82dfaa}.document-card.status-card-rejected{border-left-color:#ff9aa2}.document-card.status-card-done{border-left-color:#b6a2ff}.document-status{gap:5px}.document-status-done{color:#c0b2ff;background:rgba(182,162,255,.08)}
.document-meta-line{display:flex;gap:6px 12px;flex-wrap:wrap;margin-top:7px}.document-meta-line span{display:inline-flex;align-items:center;gap:4px;color:#69858c;font-size:8.5px}.document-meta-line .inline-icon{width:12px;height:12px}
.document-files{display:grid;gap:6px}.document-file{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 9px;border:1px solid rgba(205,239,245,.08);border-radius:9px;background:rgba(255,255,255,.014)}.document-file-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:#83daca;background:rgba(95,217,194,.06)}.document-file-icon .inline-icon{width:17px;height:17px}.document-file strong,.document-file small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-file strong{font-size:9.5px}.document-file small{margin-top:2px;color:#708b92;font-size:8px}.document-file-actions{display:flex;gap:5px}.document-file-actions .mini-link{display:inline-flex;align-items:center;gap:2px;margin:0}.document-history-wrap summary{display:inline-flex;align-items:center;gap:5px}.document-history-wrap summary .inline-icon{width:13px;height:13px}
.document-admin-card .document-card-head{align-items:center}.document-admin-card .small-btn{white-space:nowrap}

/* Candidate recruiting – optional metadata is neutral, not an error */
.candidate-filter-row{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.candidate-filter-row>label{display:grid;gap:4px;color:#78959c;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.055em}.candidate-search{position:relative;min-width:230px}.candidate-search>.ui-icon{position:absolute;left:10px;bottom:9px;width:16px;height:16px}.candidate-search input{padding-left:33px;min-height:35px}.compact-check{display:flex!important;flex-direction:row!important;align-items:center!important;min-height:35px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.015);text-transform:none!important;letter-spacing:0!important;font-size:9px!important}.candidate-badge-row{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.candidate-pipeline{border:1px solid rgba(205,239,245,.12);border-radius:999px;padding:3px 6px;font-size:7.5px;text-transform:uppercase;letter-spacing:.05em}.pipeline-watch{color:#94aab0}.pipeline-interesting{color:#8fcfff}.pipeline-contact_planned,.pipeline-contacted{color:#f0ca79}.pipeline-trial{color:#c0b2ff}.pipeline-rejected{color:#ff9aa2}.pipeline-signed{color:#82dfaa}.candidate-optional{color:#68858c!important;border-style:dashed!important}.candidate-links a,.candidate-links span{display:inline-flex!important;align-items:center;gap:4px}.candidate-card{transition:border-color .15s ease,transform .15s ease}.candidate-card:hover{transform:translateY(-1px)}.candidate-card .candidate-actions{border-top:1px solid rgba(205,239,245,.06);padding-top:10px}

/* Match Prep: make automatic scout linkage obvious */
.match-prep-scout-meta{display:flex;align-items:center;gap:6px;margin:-3px 0 11px;padding:8px 9px;border:1px solid rgba(105,214,232,.10);border-radius:9px;background:rgba(105,214,232,.025);color:#829da4;font-size:9px}.match-prep-scout-state{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border-radius:7px;font-size:8px;font-weight:850;white-space:nowrap}.match-prep-scout-state.linked{color:#83dfa9;background:rgba(103,217,154,.07)}.match-prep-scout-state.missing{color:#8aa1a7;background:rgba(255,255,255,.025)}.match-prep-row{grid-template-columns:minmax(180px,1.4fr) auto auto auto auto!important}

/* Operations – runtime checks read as a production checklist */
.static-quality{cursor:default!important}.static-quality:hover{transform:none!important}.static-quality small{white-space:normal;line-height:1.4}.role-qa-table th:first-child,.role-qa-table td:first-child{position:sticky;left:0;z-index:2;background:#102128}.role-qa-table td:first-child{background:#0c1b20}.role-qa-table td{min-width:86px}.role-qa-table td:first-child{min-width:180px}.role-qa-cell{min-width:24px}

/* Cleaner cross-page visual hierarchy */
.portal-view>.card,.portal-view>.analytics-section{box-shadow:0 10px 30px rgba(0,0,0,.08)}.detail-section-head h3{letter-spacing:-.015em}.counter-pill,.source-badge,.role-badge,.document-status{font-variant-numeric:tabular-nums}.small-btn{display:inline-flex;align-items:center;justify-content:center;gap:3px}.small-btn .inline-icon{margin-right:2px}.quality-check.issue{box-shadow:inset 3px 0 0 rgba(255,133,140,.6)}.quality-check.ok{box-shadow:inset 3px 0 0 rgba(103,217,154,.48)}

@media(max-width:1200px){.document-kpis-status{grid-template-columns:repeat(4,minmax(120px,1fr))}.document-toolbar{grid-template-columns:minmax(220px,1.4fr) repeat(2,minmax(140px,.7fr));}.document-toolbar .small-btn,.document-toolbar .filter-result-count{justify-self:start}}
@media(max-width:900px){.document-toolbar{grid-template-columns:1fr 1fr}.document-search{grid-column:1/-1}.document-file{grid-template-columns:32px minmax(0,1fr)}.document-file-actions{grid-column:1/-1;padding-left:41px}.match-prep-row{grid-template-columns:minmax(150px,1fr) auto!important}.match-prep-row .match-prep-progress,.match-prep-row .match-prep-scout-state{grid-column:1}.match-prep-row .small-btn{grid-column:2;grid-row:1/4}}
@media(max-width:620px){.document-kpis-status{grid-template-columns:repeat(2,minmax(125px,1fr))}.document-toolbar{grid-template-columns:1fr}.document-search{grid-column:auto}.filter-result-count{justify-self:start}.candidate-filter-row{display:grid;grid-template-columns:1fr;width:100%}.candidate-search{min-width:0}.document-file-actions{padding-left:0}.document-file-actions .mini-link{flex:1;justify-content:center}.portal-toasts{right:10px;bottom:10px;width:calc(100vw - 20px)}}
.cutover-summary{display:grid;grid-template-columns:repeat(4,minmax(100px,.7fr)) minmax(180px,1.2fr);gap:7px;margin:0 0 13px}.cutover-summary>div{padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.014)}.cutover-summary span,.cutover-summary strong{display:block}.cutover-summary span{color:#708b92;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.cutover-summary strong{margin-top:3px;font-size:14px}.cutover-ready.ready{border-color:rgba(103,217,154,.19)!important;background:rgba(103,217,154,.035)!important}.cutover-ready.ready strong{color:#82dfaa}.cutover-ready.pending{border-color:rgba(239,196,108,.18)!important;background:rgba(239,196,108,.035)!important}.cutover-ready.pending strong{color:#f0ca79}@media(max-width:850px){.cutover-summary{grid-template-columns:repeat(2,1fr)}.cutover-ready{grid-column:1/-1}}
.document-history-row>i.document-status-done{color:#b6a2ff}

/* v2.5 · production hardening */
.match-prep-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}.match-prep-kpi{padding:13px 14px;min-width:0}.match-prep-kpi span,.match-prep-kpi strong,.match-prep-kpi small{display:block}.match-prep-kpi span{font-size:8px;font-weight:900;letter-spacing:.065em;text-transform:uppercase;color:#759198}.match-prep-kpi strong{margin-top:4px;font-size:24px;color:#edf8fa}.match-prep-kpi small{margin-top:3px;color:#637f86;font-size:8px}
.operations-readiness{display:grid;grid-template-columns:180px minmax(0,1fr) minmax(240px,.7fr);gap:16px;align-items:center;padding:17px 18px;margin-bottom:14px;border-color:rgba(105,214,232,.15)!important;background:linear-gradient(135deg,rgba(105,214,232,.055),rgba(103,217,154,.018) 55%,rgba(255,255,255,.012))}.operations-readiness-score{display:grid;gap:2px;padding-right:16px;border-right:1px solid rgba(205,239,245,.08)}.operations-readiness-score>span{font-size:8px;font-weight:950;letter-spacing:.12em;color:#7ba0a8}.operations-readiness-score>strong{font-size:36px;line-height:1;margin:4px 0}.operations-readiness-score>strong.ready{color:#76dfa5}.operations-readiness-score>strong.warning{color:#efc46c}.operations-readiness-score>strong.blocked{color:#ff858c}.operations-readiness-score>small{font-size:9px;color:#7e9aa1;line-height:1.45}.operations-readiness-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.readiness-check{display:grid;grid-template-columns:28px minmax(0,1fr);gap:7px;align-items:center;padding:8px;border:1px solid rgba(205,239,245,.07);border-radius:9px;background:rgba(255,255,255,.014)}.readiness-check>span{display:grid;place-items:center;width:27px;height:27px;border-radius:7px}.readiness-check.ok>span{color:#76dfa5;background:rgba(103,217,154,.06)}.readiness-check.issue>span{color:#efc46c;background:rgba(239,196,108,.07)}.readiness-check strong,.readiness-check small{display:block}.readiness-check strong{font-size:9px}.readiness-check small{margin-top:2px;color:#69858c;font-size:8px}.readiness-verdict{padding:10px 11px;border-radius:10px;border:1px solid rgba(205,239,245,.08)}.readiness-verdict strong,.readiness-verdict span{display:block}.readiness-verdict strong{display:flex;align-items:center;gap:5px;font-size:10px}.readiness-verdict span{margin-top:5px;font-size:8.5px;line-height:1.5;color:#78949b}.readiness-verdict.ready{border-color:rgba(103,217,154,.18);background:rgba(103,217,154,.035)}.readiness-verdict.ready strong{color:#7fe0aa}.readiness-verdict.pending{border-color:rgba(239,196,108,.17);background:rgba(239,196,108,.03)}.readiness-verdict.pending strong{color:#efc46c}
.role-simulator{display:grid;grid-template-columns:minmax(240px,.7fr) 190px minmax(0,1.5fr);gap:14px;align-items:start;margin-top:14px;padding:14px;border:1px solid rgba(205,239,245,.075);border-radius:11px;background:rgba(255,255,255,.012)}.role-simulator h4{margin:3px 0 4px}.role-simulator>label{display:grid;gap:5px;color:#779299;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.role-simulator-result{min-width:0}.role-sim-summary{display:flex;align-items:center;gap:8px;margin-bottom:8px}.role-sim-summary>span:last-child{color:#78949b;font-size:8.5px}.role-sim-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.role-sim-grid>div{display:flex;align-content:flex-start;gap:5px;flex-wrap:wrap}.role-sim-grid>div>strong{width:100%;font-size:8px;color:#78949b;text-transform:uppercase;letter-spacing:.06em}.role-sim-chip{display:inline-flex;align-items:center;gap:3px;padding:4px 6px;border-radius:7px;border:1px solid rgba(205,239,245,.07);font-size:8px}.role-sim-chip.yes{color:#83dfa9;background:rgba(103,217,154,.035)}.role-sim-chip.no{color:#667d83;background:rgba(255,255,255,.012)}.role-sim-chip .inline-icon{width:11px;height:11px}
@media(max-width:1080px){.operations-readiness{grid-template-columns:150px 1fr}.operations-readiness-action{grid-column:1/-1}.role-simulator{grid-template-columns:1fr 180px}.role-simulator-result{grid-column:1/-1}.match-prep-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.operations-readiness{grid-template-columns:1fr}.operations-readiness-score{padding-right:0;padding-bottom:11px;border-right:0;border-bottom:1px solid rgba(205,239,245,.08)}.operations-readiness-checks{grid-template-columns:1fr}.role-simulator{grid-template-columns:1fr}.role-simulator-result{grid-column:auto}.role-sim-grid{grid-template-columns:1fr}.match-prep-kpis{grid-template-columns:repeat(2,minmax(120px,1fr))}}
@media(max-width:460px){.match-prep-kpis{grid-template-columns:1fr 1fr}.match-prep-kpi{padding:10px}.match-prep-kpi strong{font-size:20px}.primary-nav-item{flex-basis:112px!important}.subnav-item{font-size:8.5px!important}.document-toolbar,.candidate-filter-row{gap:6px}.section-actions{width:100%;display:grid!important;grid-template-columns:1fr 1fr}.section-actions button{width:100%}}

/* v2.6 · Daily Operations, Match Hub & detail UX */
.home-daily-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:12px;margin:12px 0}.home-command-center,.home-team-situation{min-width:0}.home-workspace-head{align-items:flex-start}.home-action-summary{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:12px 0 10px}.home-action-summary-chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--mr-primary) 10%,transparent);border-radius:999px;background:color-mix(in srgb,var(--mr-surface-2) 32%,transparent)}.home-action-summary-chip b{font-size:11px;color:var(--mr-text)}.home-action-summary-chip small{font-size:7.5px;font-weight:850;text-transform:uppercase;letter-spacing:.055em;color:var(--mr-muted)}.home-action-summary-chip.primary{border-color:color-mix(in srgb,var(--mr-primary) 24%,transparent);background:color-mix(in srgb,var(--mr-primary) 7%,transparent)}.home-action-summary-chip.primary b{color:var(--mr-primary)}.home-action-list{display:grid;gap:7px}.home-action-item{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto 18px;gap:10px;align-items:center;text-align:left;padding:10px 11px;border-color:color-mix(in srgb,var(--mr-primary) 10%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--mr-primary) 4%,var(--mr-surface)),color-mix(in srgb,var(--mr-secondary) 4%,var(--mr-bg)));transform:none!important}.home-action-item:hover{transform:none!important;border-color:color-mix(in srgb,var(--mr-primary) 30%,transparent);box-shadow:inset 3px 0 0 color-mix(in srgb,var(--mr-primary) 44%,transparent),0 9px 25px rgba(0,0,0,.08)}.home-action-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:color-mix(in srgb,var(--mr-primary) 7%,transparent);color:var(--mr-primary)}.home-action-copy{min-width:0;display:grid;gap:4px}.home-action-title-row{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}.home-action-title-row>strong{font-size:10.5px;color:var(--mr-text)}.home-action-date{font-size:7.5px;font-weight:780;color:var(--mr-muted)}.home-action-relative{padding:2px 5px;border-radius:999px;font-size:6.8px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;border:1px solid color-mix(in srgb,var(--mr-primary) 11%,transparent);color:var(--mr-muted)}.home-action-relative.tone-danger{color:#ff9a9f;border-color:rgba(255,133,140,.25);background:rgba(255,133,140,.055)}.home-action-relative.tone-warning{color:#f0ca79;border-color:rgba(239,196,108,.22);background:rgba(239,196,108,.045)}.home-action-copy>small{color:var(--mr-muted);font-size:8px;line-height:1.35}.home-action-issues{display:flex;gap:5px;flex-wrap:wrap}.home-action-issues i{font-style:normal;padding:3px 6px;border-radius:6px;border:1px solid color-mix(in srgb,var(--mr-primary) 11%,transparent);background:color-mix(in srgb,var(--mr-surface-2) 42%,transparent);color:color-mix(in srgb,var(--mr-text) 72%,var(--mr-muted));font-size:7px;font-weight:800}.home-action-item>b{padding:4px 7px;border-radius:999px;font-size:6.8px;letter-spacing:.055em;background:color-mix(in srgb,var(--mr-primary) 7%,transparent);color:var(--mr-primary);white-space:nowrap}.home-action-item.action-warning{box-shadow:inset 3px 0 0 rgba(239,196,108,.48)}.home-action-item.action-danger{box-shadow:inset 3px 0 0 rgba(255,133,140,.52)}.home-action-item.action-danger .home-action-icon{color:#ff979d;background:rgba(255,133,140,.055)}.home-action-item.urgency-quiet{opacity:.88}.home-action-arrow{color:var(--mr-muted)}.home-action-item.home-action-extra{display:none}.home-action-list.show-all .home-action-item.home-action-extra{display:grid}.home-action-toggle{width:100%;height:34px!important;margin-top:8px!important;display:flex!important;align-items:center;justify-content:center;gap:7px;padding:0 10px!important;border:1px solid color-mix(in srgb,var(--mr-primary) 10%,transparent)!important;background:color-mix(in srgb,var(--mr-surface-2) 24%,transparent)!important;color:var(--mr-muted)!important;font-size:8px!important;font-weight:850!important;transform:none!important}.home-action-toggle:hover{color:var(--mr-text)!important;border-color:color-mix(in srgb,var(--mr-primary) 24%,transparent)!important;transform:none!important}.home-action-toggle b{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:color-mix(in srgb,var(--mr-primary) 8%,transparent);color:var(--mr-primary);font-size:7px}.home-action-toggle i{font-style:normal;font-size:9px}.home-all-clear{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid rgba(103,217,154,.13);border-radius:10px;background:rgba(103,217,154,.025)}.home-all-clear>span{color:#7fdfa9}.home-all-clear strong,.home-all-clear small{display:block}.home-all-clear strong{font-size:10px}.home-all-clear small{margin-top:2px;color:#6e8b82;font-size:8.5px}.home-team-situation{display:grid;gap:12px}.home-team-situation h4{margin:0 0 7px;font-size:9px;color:#8faab0;text-transform:uppercase;letter-spacing:.065em}.home-team-situation .compact-row{padding:8px 0}.home-recruiting-block{padding-top:10px;border-top:1px solid rgba(205,239,245,.065)}

.candidate-detail{margin-top:12px;border-color:rgba(105,214,232,.16)!important;background:linear-gradient(140deg,rgba(105,214,232,.045),rgba(255,255,255,.012) 42%,rgba(103,217,154,.018))}.candidate-detail-hero{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(280px,1fr);gap:14px;margin-top:12px}.candidate-detail-person{display:flex;gap:12px;align-items:center;padding:13px;border:1px solid rgba(205,239,245,.075);border-radius:11px;background:rgba(255,255,255,.014)}.candidate-detail-person>div>strong,.candidate-detail-person>div>span,.candidate-detail-person>div>small{display:block}.candidate-detail-person>div>strong{margin-top:6px;font-size:18px}.candidate-detail-person>div>span{margin-top:3px;color:#a5bec4;font-size:9px}.candidate-detail-person>div>small{margin-top:4px;color:#6e8b92;font-size:8px}.candidate-detail-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.candidate-detail-metrics .analytics-metric{min-height:100%;padding:10px}.candidate-detail-notes{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.candidate-detail-notes>div{padding:10px;border:1px solid rgba(205,239,245,.07);border-radius:10px;background:rgba(255,255,255,.012)}.candidate-detail-notes span{font-size:7.5px;font-weight:900;color:#78969d;text-transform:uppercase;letter-spacing:.06em}.candidate-detail-notes p{margin:5px 0 0;font-size:9px;line-height:1.5;color:#c1d1d5}.candidate-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.candidate-detail-grid h4,.candidate-timeline-section h4{margin:0 0 8px;font-size:9px;color:#8da7ae;text-transform:uppercase;letter-spacing:.06em}.candidate-form-windows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.candidate-form-card{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px;border:1px solid rgba(205,239,245,.07);border-radius:10px;background:rgba(255,255,255,.012)}.candidate-form-card>span,.candidate-form-card>strong{grid-column:1/-1}.candidate-form-card>span{font-size:7px;font-weight:900;color:#709097}.candidate-form-card>strong{font-size:13px}.candidate-form-card div b,.candidate-form-card div small{display:block}.candidate-form-card div b{font-size:12px}.candidate-form-card div small{font-size:7px;color:#66838a}.candidate-profile-history{display:grid;gap:5px}.candidate-history-row{display:grid;grid-template-columns:9px minmax(0,1fr);gap:8px;align-items:start;padding:7px 0;border-bottom:1px solid rgba(205,239,245,.055)}.candidate-history-row i{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#69d6e8;box-shadow:0 0 0 4px rgba(105,214,232,.06)}.candidate-history-row strong,.candidate-history-row span,.candidate-history-row small{display:block}.candidate-history-row strong{font-size:9px}.candidate-history-row span,.candidate-history-row small{margin-top:2px;color:#6f8c93;font-size:8px}.candidate-timeline-section{margin-top:14px;padding-top:13px;border-top:1px solid rgba(205,239,245,.065)}.pipeline-stage-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.pipeline-stage{padding:7px 5px;text-align:center;border-radius:8px;border:1px solid rgba(205,239,245,.07);font-size:7.5px;color:#667f86;background:rgba(255,255,255,.012)}.pipeline-stage.done{color:#7fdbaa;border-color:rgba(103,217,154,.15);background:rgba(103,217,154,.025)}.pipeline-stage.current{color:#8fe3f0;border-color:rgba(105,214,232,.24);background:rgba(105,214,232,.055);font-weight:900}.candidate-change-log{display:grid;gap:5px;margin-top:9px}.candidate-change-log>div{display:grid;grid-template-columns:130px minmax(0,1fr) 160px;gap:10px;padding:7px 8px;border-radius:8px;background:rgba(255,255,255,.012);font-size:8px}.candidate-change-log span,.candidate-change-log small{color:#6d8990}

.document-card-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.document-detail-view{display:grid;gap:12px}.document-detail-summary{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:13px;border:1px solid rgba(205,239,245,.08);border-radius:11px;background:rgba(255,255,255,.014)}.document-detail-summary h3{margin:7px 0 3px}.document-detail-summary p{margin:0;color:#78949b;font-size:9px}.document-detail-amount{text-align:right}.document-detail-amount span,.document-detail-amount strong{display:block}.document-detail-amount span{font-size:7px;text-transform:uppercase;color:#6c8990}.document-detail-amount strong{margin-top:4px;font-size:20px}.document-detail-meta{display:flex;gap:8px;flex-wrap:wrap;color:#769198;font-size:8.5px}.document-detail-message{padding:10px;border:1px solid rgba(205,239,245,.07);border-radius:9px}.document-detail-message strong{font-size:8px;text-transform:uppercase;color:#829da4}.document-detail-message p{margin:4px 0 0;font-size:9px;line-height:1.5}.document-preview{min-height:120px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(205,239,245,.08);border-radius:11px;background:#081216}.document-preview img{display:block;max-width:100%;max-height:500px;object-fit:contain}.document-preview iframe{display:block;width:100%;height:520px;border:0;background:#fff}.document-detail-history{padding-top:10px;border-top:1px solid rgba(205,239,245,.065)}.document-detail-history h4{margin:0 0 7px}

.match-dialog{width:min(1180px,calc(100vw - 28px))}.match-hub-shell{display:grid;gap:12px}.match-hub-head{margin-top:12px}.match-hub-tabs{display:flex;gap:5px;overflow-x:auto;padding:5px;border:1px solid rgba(205,239,245,.08);border-radius:11px;background:rgba(255,255,255,.012)}.match-hub-tabs button{flex:1;min-width:120px;padding:8px 10px;background:transparent;border-color:transparent;color:#78949b}.match-hub-tabs button.active{color:#e8f8fa;border-color:rgba(105,214,232,.18);background:rgba(105,214,232,.055)}.match-hub-panel{padding:14px;border:1px solid rgba(205,239,245,.075);border-radius:12px;background:rgba(255,255,255,.01)}.match-hub-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.match-hub-status-grid article{padding:11px;border:1px solid rgba(205,239,245,.07);border-radius:10px;background:rgba(255,255,255,.012)}.match-hub-status-grid span,.match-hub-status-grid strong,.match-hub-status-grid small{display:block}.match-hub-status-grid span{font-size:7.5px;text-transform:uppercase;letter-spacing:.06em;color:#738f96}.match-hub-status-grid strong{margin-top:5px;font-size:15px}.match-hub-status-grid small{margin-top:3px;color:#66838a;font-size:8px}.warning-text{color:#efc46c}.match-hub-next-actions{margin-top:12px;padding:11px;border-left:3px solid rgba(105,214,232,.42);border-radius:0 9px 9px 0;background:rgba(105,214,232,.025)}.match-hub-next-actions h3{margin:0 0 6px;font-size:10px}.match-hub-next-actions ul{margin:0;padding-left:18px;color:#a7bec3;font-size:9px;line-height:1.7}.match-hub-links{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.match-prep-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0}.match-prep-summary-grid>div{padding:9px;border:1px solid rgba(205,239,245,.07);border-radius:9px}.match-prep-summary-grid span,.match-prep-summary-grid strong{display:block}.match-prep-summary-grid span{font-size:7px;color:#728f96;text-transform:uppercase}.match-prep-summary-grid strong{margin-top:3px;font-size:10px}.match-hub-checklist{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.match-hub-checklist span{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:8px;font-size:8px;border:1px solid rgba(205,239,245,.07)}.match-hub-checklist .done{color:#80dda9;background:rgba(103,217,154,.025)}.match-hub-checklist .open{color:#efc46c;background:rgba(239,196,108,.025)}.match-hub-lineup{margin:12px 0}.match-hub-lineup>span{display:inline-flex;align-items:center;gap:5px;margin:0 5px 5px 0;padding:5px 7px;border:1px solid rgba(205,239,245,.07);border-radius:8px;font-size:8px}.match-hub-scout-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0;padding:11px;border:1px solid rgba(105,214,232,.12);border-radius:10px;background:rgba(105,214,232,.025)}.match-hub-scout-summary>div{display:flex;align-items:center;gap:10px}.match-hub-scout-summary strong,.match-hub-scout-summary span,.match-hub-scout-summary small{display:block}.match-hub-scout-summary span,.match-hub-scout-summary small{margin-top:2px;color:#718e95;font-size:8px}.match-hub-map-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:12px 0}.match-hub-map-grid>div{padding:9px;border:1px solid rgba(205,239,245,.07);border-radius:9px;background:rgba(255,255,255,.012)}.match-hub-map-grid strong,.match-hub-map-grid span,.match-hub-map-grid small{display:block}.match-hub-map-grid strong{font-size:10px}.match-hub-map-grid span,.match-hub-map-grid small{margin-top:3px;color:#728e95;font-size:8px}
.match-hub-auto-import{margin:12px 0;padding:12px;border:1px solid rgba(103,217,154,.13);border-radius:10px;background:rgba(103,217,154,.018)}.match-hub-auto-import .detail-section-head{margin-bottom:9px}.match-hub-auto-import .table-wrap{margin-top:8px}.scouting-opponent-card .source-badge{justify-self:end;font-size:7px}.scouting-opponent-card.auto-import{border-color:rgba(103,217,154,.14)}

/* clearer admin grouping */
#adminView .subgroup-label{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#708d94}.primary-nav-item[data-nav-group="admin"] small{color:#8fa8ae}.primary-nav-item[data-nav-group="operations"] small{color:#879fa5}

@media(max-width:1050px){.home-daily-grid{grid-template-columns:1fr}.candidate-detail-hero{grid-template-columns:1fr}.candidate-detail-grid{grid-template-columns:1fr}.match-hub-status-grid,.match-prep-summary-grid,.match-hub-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.home-action-title-row{align-items:flex-start}.home-action-date{flex-basis:100%}.candidate-detail-notes{grid-template-columns:1fr}.candidate-form-windows{grid-template-columns:1fr}.pipeline-stage-row{grid-template-columns:repeat(3,1fr)}.candidate-change-log>div{grid-template-columns:1fr}.match-hub-head{align-items:flex-start}.match-hub-status-grid,.match-prep-summary-grid,.match-hub-map-grid{grid-template-columns:1fr 1fr}.match-hub-tabs button{min-width:105px}.document-preview iframe{height:430px}}
@media(max-width:520px){.home-action-item{grid-template-columns:34px minmax(0,1fr) 16px;padding:9px}.home-action-item>b{display:none}.home-action-icon{width:34px;height:34px}.home-action-summary{gap:5px}.home-action-summary-chip{min-height:25px;padding:4px 7px}.candidate-detail-metrics{grid-template-columns:1fr 1fr}.pipeline-stage-row{grid-template-columns:1fr 1fr}.match-hub-status-grid,.match-prep-summary-grid,.match-hub-map-grid{grid-template-columns:1fr}.match-hub-panel{padding:10px}.match-hub-scout-summary{align-items:flex-start;flex-direction:column}.document-detail-summary{flex-direction:column}.document-detail-amount{text-align:left}.document-preview iframe{height:360px}}
.subnav-group{display:grid;gap:3px}.subnav-group+.subnav-group{margin-top:9px;padding-top:8px;border-top:1px solid rgba(205,239,245,.06)}.subnav-group-label{padding:0 7px 3px;color:#607d84;font-size:7px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}
.pipeline-stage.rejected{border-color:rgba(239,92,92,.55);color:#ffb1b1;background:rgba(122,34,34,.18)}
.portal-confirm-dialog{border:0;background:transparent;padding:0;max-width:min(92vw,520px)}.portal-confirm-dialog::backdrop{background:rgba(1,8,10,.76);backdrop-filter:blur(4px)}.portal-confirm-card{background:#0d2025;border:1px solid rgba(120,207,218,.22);border-radius:18px;padding:24px;box-shadow:0 24px 70px rgba(0,0,0,.5)}.portal-confirm-card h3{margin:8px 0 10px;font-size:1.25rem}.portal-confirm-card p{margin:0;color:#a7bdc2;line-height:1.55}.portal-confirm-card .editor-actions{margin-top:22px}
.candidate-elo-trend{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(220px,1.3fr);gap:18px;align-items:center;margin-bottom:14px;padding:14px;border:1px solid rgba(105,214,232,.14);border-radius:14px;background:rgba(5,23,27,.38)}.candidate-elo-trend span,.candidate-elo-trend strong,.candidate-elo-trend small{display:block}.candidate-elo-trend span{font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:#86a5ad}.candidate-elo-trend strong{margin-top:4px;font-size:20px}.candidate-elo-trend small{margin-top:4px;color:#88a3aa}.candidate-elo-trend svg{width:100%;height:96px;overflow:visible}.candidate-elo-line{fill:none;stroke:#69d6e8;stroke-width:2.4;vector-effect:non-scaling-stroke}.candidate-elo-trend circle{fill:#071013;stroke:#69d6e8;stroke-width:1.5;vector-effect:non-scaling-stroke}.candidate-profile-events{display:grid;gap:8px}@media(max-width:620px){.candidate-elo-trend{grid-template-columns:1fr}.candidate-elo-trend svg{height:82px}}

/* v2.6.1 auth/bootstrap states */
.live-indicator[data-state="checking"]{opacity:.72}
.live-indicator[data-state="checking"] i{background:#f6c453;box-shadow:0 0 0 4px rgba(246,196,83,.08)}
.live-indicator[data-state="live"] i{background:#65e7a8;box-shadow:0 0 0 4px rgba(101,231,168,.08)}
.live-indicator[data-state="error"]{color:#ff9a9a}
.live-indicator[data-state="error"] i{background:#ff6b6b;box-shadow:0 0 0 4px rgba(255,107,107,.08)}
#status.status-error{border-color:rgba(255,107,107,.34);color:#ffd1d1;background:rgba(91,24,32,.18)}

/* ==========================================================================
   v2.6.3 — Analytics Center rebuild
   ========================================================================== */
.analytics-page{--analytics-accent:#b6a2ff;--analytics-accent-2:#69d6e8;--analytics-ok:#78d9a4;--analytics-bad:#ff8797}
.analytics-page-head{margin-bottom:14px}.analytics-page-head .section-subtitle{max-width:760px;line-height:1.55}.analytics-live-badge{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:6px 10px;border:1px solid rgba(182,162,255,.2);border-radius:999px;background:rgba(182,162,255,.055);color:#cfc2ff;font-size:9px;font-weight:850;letter-spacing:.04em;white-space:nowrap}.analytics-live-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#78d9a4;box-shadow:0 0 0 4px rgba(120,217,164,.07)}
.analytics-control-center{display:grid;grid-template-columns:minmax(180px,.6fr) minmax(360px,1.25fr) minmax(280px,1fr);gap:14px;align-items:end;margin-bottom:18px;padding:14px 16px;border-color:rgba(182,162,255,.13);background:linear-gradient(120deg,rgba(182,162,255,.045),rgba(105,214,232,.018) 52%,rgba(255,255,255,.012))}.analytics-control-copy>strong,.analytics-control-copy>small{display:block}.analytics-control-copy>strong{font-size:15px}.analytics-control-copy>small{margin-top:4px;color:#7d969d;font-size:9px}.analytics-global-filters{display:grid;grid-template-columns:1fr 1.25fr;gap:8px}.analytics-global-filters label{display:grid;gap:5px;color:#7e9ba2;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.analytics-global-filters select{width:100%;min-width:0}.analytics-coverage-panel{display:grid;gap:7px;align-self:center}.coverage-copy{display:grid;grid-template-columns:auto auto;gap:2px 10px;align-items:end}.coverage-copy span{font-size:8px;font-weight:900;letter-spacing:.08em;color:#819ca3}.coverage-copy strong{justify-self:end;font-size:20px;color:#e8f6f8}.coverage-copy small{grid-column:1/-1;color:#718c93;font-size:8px;line-height:1.4}.coverage-track{height:6px;border-radius:999px;background:rgba(255,255,255,.055);overflow:hidden}.coverage-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--analytics-accent),var(--analytics-accent-2))}
.analytics-section{margin-top:18px}.analytics-section-title{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;margin:0 2px 10px}.analytics-section-title h3{margin:2px 0 3px;font-size:20px}.analytics-section-title p{margin:0;color:#7e979e;font-size:9px}.analytics-insight-chip{display:inline-flex;max-width:420px;padding:7px 10px;border-radius:999px;border:1px solid rgba(105,214,232,.14);background:rgba(105,214,232,.035);color:#a7dfe7;font-size:9px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.analytics-kpi-row{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:10px 0 12px}.analytics-kpi-primary{margin-bottom:12px}.analytics-metric{position:relative;min-height:88px;padding:11px 12px;border:1px solid rgba(205,239,245,.065);border-radius:11px;background:rgba(255,255,255,.015);overflow:hidden}.analytics-metric:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,rgba(182,162,255,.55),rgba(105,214,232,.25));opacity:.3}.analytics-metric.positive:after{background:#78d9a4;opacity:.55}.analytics-metric.negative:after{background:#ff8797;opacity:.55}.analytics-metric span,.analytics-metric small{font-size:7.5px;letter-spacing:.07em}.analytics-metric strong{margin:6px 0 3px;font-size:21px;letter-spacing:-.025em}.analytics-metric small{text-transform:none;letter-spacing:0;color:#6f8990}
.analytics-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:12px}.analytics-panel{padding:14px}.analytics-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:9px}.analytics-panel-head>div>span,.analytics-subsection-head>div>span{display:block;color:#6e8d94;font-size:7px;font-weight:900;letter-spacing:.1em}.analytics-panel-head h4{margin:3px 0 0;font-size:14px}.analytics-panel-head small{color:#617c83;font-size:8px}.analytics-match-feed{display:grid;gap:5px}.analytics-result-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 9px;border:1px solid transparent;border-radius:9px;background:rgba(255,255,255,.012);text-align:left;color:inherit}.analytics-result-row:hover{border-color:rgba(105,214,232,.12);background:rgba(105,214,232,.025)}.analytics-result-team{display:flex;align-items:center;gap:8px;min-width:0}.analytics-result-team>div{min-width:0}.analytics-result-team strong,.analytics-result-team small,.analytics-result-team em{display:block}.analytics-result-team strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-result-team small{margin-top:2px;color:#6f8990;font-size:7.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-result-team em{margin-top:2px;color:#89aab2;font-size:7px;font-style:normal}.analytics-result-score{display:grid;grid-template-columns:auto auto;gap:6px;align-items:center}.analytics-result-score span{display:grid;place-items:center;width:18px;height:18px;border-radius:6px;background:rgba(255,255,255,.035);font-size:7px;font-weight:950}.analytics-result-score strong{font-size:12px;font-variant-numeric:tabular-nums}.analytics-map-overview{display:grid;gap:4px}.analytics-map-overview-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;min-height:46px;padding:6px 9px;border:1px solid transparent;border-radius:9px;background:rgba(255,255,255,.012);text-align:left;color:inherit}.analytics-map-overview-row:hover{border-color:rgba(182,162,255,.14);background:rgba(182,162,255,.025)}.analytics-map-overview-main{display:flex;align-items:center;gap:9px;min-width:0}.analytics-map-overview-main>div{min-width:0}.analytics-map-mini-icon{width:32px;height:32px;flex:0 0 32px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.32))}.analytics-map-overview-row strong,.analytics-map-overview-row small{display:block}.analytics-map-overview-row strong{font-size:10px}.analytics-map-overview-row small{margin-top:2px;color:#708b92;font-size:7.5px}.analytics-map-overview-row>div:last-child{text-align:right}.analytics-map-overview-row b,.analytics-map-overview-row span{display:block}.analytics-map-overview-row b{font-size:11px}.analytics-map-overview-row span{margin-top:2px;color:#718b92;font-size:7px}
.analytics-feature-card{padding:15px;border-color:rgba(205,239,245,.07);background:linear-gradient(155deg,rgba(255,255,255,.018),rgba(255,255,255,.008))}.analytics-feature-head{margin-bottom:2px}.analytics-feature-head h3{font-size:17px}.analytics-feature-head select{min-width:190px}.analytics-subsection-head{display:flex;justify-content:space-between;align-items:end;gap:10px;margin:15px 1px 8px;padding-top:12px;border-top:1px solid rgba(205,239,245,.055)}.analytics-subsection-head strong{display:block;margin-top:3px;font-size:11px}.analytics-subsection-head>small{color:#69858c;font-size:8px}
.analytics-player-leaderboard{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:8px}.analytics-player-rank-card{position:relative;padding:10px;border:1px solid rgba(205,239,245,.065);border-radius:10px;background:rgba(255,255,255,.012);overflow:hidden}.analytics-player-rank{position:absolute;right:8px;top:7px;color:rgba(182,162,255,.55);font-size:18px;font-weight:950}.analytics-player-rank-head{display:flex;align-items:center;gap:7px;min-width:0;padding-right:15px}.analytics-player-rank-head>div{min-width:0}.analytics-player-rank-head strong,.analytics-player-rank-head small{display:block}.analytics-player-rank-head strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-player-rank-head small{margin-top:2px;color:#6d888f;font-size:7px}.analytics-form-pill{display:inline-flex;margin-left:auto;padding:3px 5px;border-radius:999px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);font-size:6.5px;font-weight:900;white-space:nowrap}.analytics-form-pill.positive{border-color:rgba(120,217,164,.2);background:rgba(120,217,164,.05)}.analytics-form-pill.negative{border-color:rgba(255,135,151,.2);background:rgba(255,135,151,.05)}.analytics-player-rank-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin-top:9px}.analytics-player-rank-metrics span{padding:6px;border-radius:7px;background:rgba(255,255,255,.018)}.analytics-player-rank-metrics b,.analytics-player-rank-metrics small{display:block}.analytics-player-rank-metrics b{font-size:11px}.analytics-player-rank-metrics small{margin-top:1px;color:#68848b;font-size:6.5px}.analytics-wide-empty{grid-column:1/-1}.analytics-alert-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:6px}.form-alert{min-height:72px;padding:9px 10px;border-radius:9px}.form-alert strong{font-size:10px}.form-alert span{font-size:7px}.form-alert small{font-size:7.5px;line-height:1.4}
.analytics-map-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:10px 0}.analytics-map-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:10px;border:1px solid rgba(205,239,245,.065);border-radius:10px;background:rgba(255,255,255,.012);color:inherit;text-align:left}.analytics-map-card:hover{border-color:rgba(105,214,232,.16)}.analytics-map-card.selected{border-color:rgba(182,162,255,.34);background:rgba(182,162,255,.045);box-shadow:inset 0 0 0 1px rgba(182,162,255,.08)}.analytics-map-card.hot{border-bottom-color:rgba(120,217,164,.34)}.analytics-map-card.cold{border-bottom-color:rgba(255,135,151,.3)}.analytics-map-card strong,.analytics-map-card span{display:block}.analytics-map-card strong{font-size:10px}.analytics-map-card>div:first-child>span{margin-top:2px;color:#69858c;font-size:7px}.analytics-map-card>b{font-size:14px}.analytics-map-card-meta{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap}.analytics-map-card-meta span{color:#6c888f;font-size:6.5px}.analytics-map-meter{grid-column:1/-1;height:4px;border-radius:999px;background:rgba(255,255,255,.05);overflow:hidden}.analytics-map-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--analytics-accent),var(--analytics-accent-2))}.analytics-inner-panel{min-width:0;padding:10px;border:1px solid rgba(205,239,245,.055);border-radius:10px;background:rgba(0,0,0,.08)}.analytics-map-detail-grid{margin-top:9px}.analytics-history-table table{font-size:8px}.analytics-history-table th{font-size:6.5px}
.analytics-player-profile{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:10px;margin:10px 0}.analytics-player-profile-person{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid rgba(182,162,255,.1);border-radius:10px;background:rgba(182,162,255,.022)}.analytics-player-profile-person>div{min-width:0}.analytics-player-profile-person span,.analytics-player-profile-person small{display:block}.analytics-player-profile-person span{color:#9e8fe2;font-size:7px;font-weight:900;letter-spacing:.08em}.analytics-player-profile-person h4{margin:3px 0;font-size:17px}.analytics-player-profile-person small{color:#718c93;font-size:7.5px}.analytics-player-axis-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.analytics-player-axis-grid .profile-axis{padding:8px;border-radius:9px}.analytics-player-axis-grid .profile-axis span{font-size:7px}.analytics-player-axis-grid .profile-axis strong{font-size:15px}.analytics-player-axis-grid .axis-track{height:4px}
.analytics-trend-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(210px,.35fr);gap:9px;align-items:stretch}.analytics-main-chart{margin:0;min-height:220px;padding:9px}.analytics-main-chart svg{height:220px}.analytics-period-stack{grid-template-columns:1fr;gap:5px;margin:0}.analytics-period-stack .period-delta{min-height:49px;padding:7px 9px;border-radius:8px}.analytics-period-stack .period-delta span{font-size:6.5px}.analytics-period-stack .period-delta strong{display:inline-block;margin-top:3px;font-size:13px}.analytics-period-stack .period-delta small{display:inline-block;margin-left:7px;font-size:6.5px}.analytics-tracked-match-list{display:grid;gap:4px}.analytics-tracked-match{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(62px,.3fr));gap:7px;align-items:center;padding:8px 9px;border:1px solid rgba(205,239,245,.05);border-radius:8px;background:rgba(255,255,255,.01);color:inherit;text-align:left}.analytics-tracked-match:hover{border-color:rgba(105,214,232,.13);background:rgba(105,214,232,.018)}.analytics-tracked-match>div:first-child strong,.analytics-tracked-match>div:first-child span{display:block}.analytics-tracked-match>div:first-child strong{font-size:9px}.analytics-tracked-match>div:first-child span{margin-top:2px;color:#69858c;font-size:7px}.analytics-tracked-match>div:not(:first-child){text-align:right}.analytics-tracked-match b,.analytics-tracked-match small{display:block}.analytics-tracked-match b{font-size:10px}.analytics-tracked-match small{margin-top:1px;color:#678188;font-size:6px;text-transform:uppercase;letter-spacing:.05em}
.analytics-page .table-wrap{border-radius:9px}.analytics-page table{font-size:8.5px}.analytics-page th{font-size:6.5px;letter-spacing:.055em}.analytics-page td,.analytics-page th{padding:7px 8px}.analytics-page td small{display:block;margin-top:2px;color:#69858c;font-size:6.5px}.analytics-page .metric-compare-head,.analytics-page .metric-compare-row{padding:8px 9px;font-size:8px}.analytics-page .metric-compare-head{font-size:6.5px}.analytics-page .metric-context{padding:8px 9px;font-size:7px}.analytics-page .compact-row{min-height:0}
@media(max-width:1180px){.analytics-control-center{grid-template-columns:1fr 1.4fr}.analytics-coverage-panel{grid-column:1/-1}.analytics-kpi-row{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-player-leaderboard{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-map-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.analytics-page-head{align-items:flex-start}.analytics-live-badge{align-self:flex-start}.analytics-control-center{grid-template-columns:1fr}.analytics-global-filters{grid-template-columns:1fr 1fr}.analytics-coverage-panel{grid-column:auto}.analytics-dashboard-grid,.analytics-two-col,.analytics-player-profile,.analytics-trend-layout{grid-template-columns:1fr}.analytics-player-leaderboard{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-player-axis-grid{grid-template-columns:repeat(2,1fr)}.analytics-period-stack{grid-template-columns:repeat(2,1fr)}.analytics-tracked-match{grid-template-columns:minmax(0,1fr) repeat(2,minmax(55px,.3fr))}.analytics-tracked-match>div:nth-child(4),.analytics-tracked-match>div:nth-child(5){display:none}}
@media(max-width:560px){.analytics-global-filters{grid-template-columns:1fr}.analytics-section-title{align-items:flex-start;flex-direction:column}.analytics-insight-chip{max-width:100%}.analytics-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-metric{min-height:78px}.analytics-metric strong{font-size:18px}.analytics-player-leaderboard,.analytics-map-grid{grid-template-columns:1fr}.analytics-player-axis-grid,.analytics-period-stack{grid-template-columns:1fr 1fr}.analytics-result-row{padding:7px}.analytics-result-team .team-logo{display:none}.analytics-feature-head{align-items:flex-start;flex-direction:column}.analytics-feature-head>select,.analytics-feature-head .inline-selects{width:100%}.analytics-feature-head select{width:100%;min-width:0}.analytics-tracked-match{grid-template-columns:minmax(0,1fr) 56px}.analytics-tracked-match>div:nth-child(n+3){display:none}}


/* v2.6.4 — Rating & Swing quick entry */
.stat-value-pair{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;min-width:0}
.care-subvalue{display:grid!important;position:relative;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.3rem;width:100%;min-width:0;margin-top:.42rem;padding-top:.38rem;border-top:1px solid rgba(205,239,245,.065);color:#718d94!important;font-size:.58rem!important;line-height:1.15;white-space:nowrap;font-weight:700!important;cursor:help;outline:none;font-variant-numeric:tabular-nums}
.care-subvalue strong{justify-self:end;min-width:0;margin:0!important;color:#a8c2c8!important;font-size:.67rem!important;font-weight:850!important;overflow:hidden;text-overflow:ellipsis}
.care-subvalue.positive strong{color:#78d9a4!important}.care-subvalue.negative strong{color:#ff8797!important}.care-subvalue.neutral strong{color:#8fa6ac!important}
.care-model-badge{display:inline-flex;align-items:center;padding:0;border:0;background:transparent;color:#729ba3;font-size:.53rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase}
.care-info{display:grid!important;place-items:center;width:.78rem;height:.78rem;border:1px solid rgba(205,239,245,.13);border-radius:50%;color:#66858c!important;font:800 .49rem/1 inherit!important;text-transform:none!important;letter-spacing:0!important}
.care-subvalue::after{content:attr(data-care-tooltip);position:absolute;left:0;bottom:calc(100% + .5rem);z-index:80;width:min(23rem,72vw);padding:.62rem .72rem;border:1px solid rgba(105,214,232,.2);border-radius:.6rem;background:#0a171c;color:#c7dadd;box-shadow:0 .7rem 2rem rgba(0,0,0,.48);font-size:.68rem;font-weight:500;line-height:1.45;letter-spacing:0;text-transform:none;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(.2rem);transition:opacity .14s ease,transform .14s ease,visibility .14s ease}
.care-subvalue:hover::after,.care-subvalue:focus-visible::after{opacity:1;visibility:visible;transform:translateY(0)}
.care-subvalue:focus-visible{border-radius:.25rem;box-shadow:0 0 0 2px rgba(105,214,232,.16)}
.player-stats>div{min-width:0}.player-stats>div .care-subvalue{grid-template-columns:auto minmax(0,1fr);margin-top:.42rem}.player-stats>div .care-info{display:none!important}
.analytics-metric>.care-subvalue{margin-top:.42rem}
.analytics-player-rank-metrics .care-subvalue,.analytics-tracked-match .care-subvalue{margin-top:.32rem;white-space:nowrap}
.analytics-player-rank-metrics .care-subvalue{padding:.3rem 0 0;background:transparent}
.analytics-tracked-match .care-subvalue{margin-left:auto;max-width:4.6rem}
.metric-context b .care-subvalue{margin-top:.32rem;min-width:4.8rem}
.table-wrap .stat-value-pair{min-width:4.8rem}
.profile-axis .care-subvalue{margin-top:.35rem}
.care-subvalue .care-model-badge{display:inline-flex;color:#729ba3;font-size:.53rem}
@media(max-width:560px){.care-subvalue::after{left:auto;right:0;width:min(20rem,78vw)}.player-stats>div .care-subvalue{gap:.22rem}}

/* v2.6.5 · Player Scouting & Candidate workspace cleanup */
.player-scout-workspace{display:grid;grid-template-columns:minmax(230px,285px) minmax(0,1fr);gap:12px;align-items:start}.player-scout-directory{position:sticky;top:10px;padding:12px;max-height:calc(100vh - 26px);overflow:hidden}.player-scout-directory-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.player-scout-directory-head h3{margin:2px 0 0}.player-scout-search{position:relative;display:block;margin-bottom:9px}.player-scout-search .ui-icon{position:absolute;left:10px;top:50%;width:15px;height:15px;transform:translateY(-50%);pointer-events:none}.player-scout-search input{width:100%;padding-left:32px}.player-scout-card-list{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;max-height:calc(100vh - 150px);overflow:auto;padding-right:2px}.player-scout-list-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;padding:8px;border:1px solid rgba(205,239,245,.07);border-radius:10px;background:rgba(255,255,255,.012);color:inherit;text-align:left;box-shadow:none}.player-scout-list-item:hover{border-color:rgba(105,214,232,.18);background:rgba(105,214,232,.025)}.player-scout-list-item.active{border-color:rgba(105,214,232,.34);background:rgba(105,214,232,.055);box-shadow:inset 2px 0 0 rgba(105,214,232,.72)}.player-scout-list-item .player-portrait{width:42px;height:42px;border-radius:10px}.player-scout-list-main,.player-scout-list-main>*{display:block;min-width:0}.player-scout-list-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.player-scout-list-main small,.player-scout-list-main>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#78949b;font-size:8px}.player-scout-card-title{display:flex!important;align-items:center;gap:5px}.player-scout-card-title em{color:#f0ca79;font-style:normal}.player-scout-list-meta{display:grid;justify-items:end;gap:1px}.player-scout-list-meta b{font-size:13px}.player-scout-list-meta small,.player-scout-list-meta em{color:#6f8990;font-size:7px;font-style:normal}.player-scout-detail{min-width:0;display:grid;gap:10px}.player-scout-hero-clean{margin:0}.player-scout-kpis-clean{grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.player-scout-controlbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;padding:10px}.player-scout-tabs,.candidate-page-tabs{display:flex;gap:5px;flex-wrap:wrap}.player-scout-tabs button,.candidate-page-tabs button{min-height:32px;padding:0 11px;border:1px solid rgba(205,239,245,.08);border-radius:8px;background:rgba(255,255,255,.015);color:#829aa0;font-size:9px;font-weight:850}.player-scout-tabs button.active,.candidate-page-tabs button.active{border-color:rgba(105,214,232,.28);background:rgba(105,214,232,.07);color:#dff8fb}.player-scout-mode-label{display:grid;grid-template-columns:auto minmax(140px,190px);align-items:center;gap:7px;color:#77939a;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.player-scout-filter-meta{grid-column:1/-1;font-size:8px}.player-scout-panel{display:grid;gap:10px}.player-scout-overview-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10px}.player-scout-overview-card{min-width:0}.impact-grid-clean{grid-template-columns:repeat(4,minmax(0,1fr))}.impact-grid-clean>div{padding:9px}.impact-grid-clean span{font-size:7.5px}.impact-grid-clean strong{font-size:15px}.player-scout-recent-list.compact .player-scout-match-row{padding:8px}.player-scout-competition-preview{min-width:0}.competition-chip-list{display:flex;flex-wrap:wrap;gap:6px}.competition-chip{display:grid;gap:2px;max-width:100%;padding:7px 9px;border:1px solid rgba(105,214,232,.11);border-radius:9px;background:rgba(105,214,232,.025)}.competition-chip b{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.competition-chip small{color:#78949b;font-size:7.5px}.competition-summary-table table{min-width:920px}.competition-summary-table th,.competition-summary-table td{white-space:nowrap}.competition-summary-table td:first-child{white-space:normal;min-width:220px}.competition-type{display:inline-flex;padding:3px 6px;border:1px solid rgba(205,239,245,.09);border-radius:999px;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.type-liga{color:#82cfff}.type-turnier{color:#b9a8ff}.type-qualifier{color:#f0ca79}.type-lan{color:#82dfaa}.queue-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.queue-summary-grid .analytics-metric{min-height:auto}.player-scout-map-grid{grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr)}

.candidate-page-nav{padding:8px;margin-bottom:9px}.candidate-page-panel{display:grid;gap:10px}.candidate-toolbar-clean{padding:10px}.candidate-toolbar-clean .candidate-filter-row{width:100%}.candidate-toolbar-clean .candidate-search{flex:1;min-width:240px}.candidate-card-grid-compact{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr))!important}.candidate-card-compact{gap:10px!important;padding:12px!important}.candidate-card-identity{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:center}.candidate-card-identity .player-portrait{width:52px;height:52px;border-radius:12px}.candidate-card-identity h3{margin:3px 0 1px;font-size:17px}.candidate-card-identity p,.candidate-card-identity small{margin:0;display:block;color:#809ba2;font-size:8.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.candidate-compact-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.candidate-compact-metrics span{display:grid;gap:1px;padding:7px;border:1px solid rgba(205,239,245,.055);border-radius:8px;background:rgba(255,255,255,.012);text-align:center}.candidate-compact-metrics b{font-size:13px}.candidate-compact-metrics small{font-size:7px;color:#708b92}.candidate-compact-context{display:grid;gap:5px;padding:7px 0;border-top:1px solid rgba(205,239,245,.055)}.candidate-compact-context span{display:grid;grid-template-columns:105px minmax(0,1fr);gap:7px;font-size:8px;color:#91a8b0}.candidate-compact-context b{color:#6f8990;text-transform:uppercase;letter-spacing:.04em;font-size:7px}.candidate-card-compact .candidate-actions{padding-top:8px!important}.candidate-detail-clean{padding:14px}.candidate-profile-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:12px;margin-top:12px}.candidate-profile-main,.candidate-profile-side{display:grid;gap:12px;align-content:start}.candidate-profile-section,.candidate-profile-side>section{padding:12px;border:1px solid rgba(205,239,245,.065);border-radius:11px;background:rgba(255,255,255,.012)}.candidate-profile-section h4,.candidate-profile-side h4{margin:0 0 9px}.candidate-competition-list{max-height:260px;overflow:auto}.candidate-competition-chip{width:100%}.candidate-competition-chip b{white-space:normal}.candidate-kpis-clean{grid-template-columns:repeat(4,minmax(0,1fr))}

@media(max-width:1080px){.player-scout-workspace{grid-template-columns:220px minmax(0,1fr)}.player-scout-overview-grid,.player-scout-map-grid{grid-template-columns:1fr}.candidate-profile-layout{grid-template-columns:1fr}.queue-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.player-scout-workspace{grid-template-columns:1fr}.player-scout-directory{position:static;max-height:none}.player-scout-card-list{max-height:290px}.player-scout-kpis-clean,.candidate-kpis-clean{grid-template-columns:repeat(2,minmax(0,1fr))}.player-scout-controlbar{grid-template-columns:1fr}.player-scout-mode-label{grid-template-columns:auto 1fr}.player-scout-overview-grid{grid-template-columns:1fr}.candidate-card-grid-compact{grid-template-columns:1fr!important}}
@media(max-width:560px){.player-scout-list-item{grid-template-columns:38px minmax(0,1fr) auto}.player-scout-list-item .player-portrait{width:38px;height:38px}.player-scout-tabs,.candidate-page-tabs{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.player-scout-tabs button,.candidate-page-tabs button{width:100%}.player-scout-kpis-clean,.candidate-kpis-clean{grid-template-columns:repeat(2,1fr)}.impact-grid-clean{grid-template-columns:repeat(2,1fr)}.queue-summary-grid{grid-template-columns:repeat(2,1fr)}.candidate-compact-context span{grid-template-columns:1fr}.candidate-filter-row{grid-template-columns:1fr}.candidate-toolbar-clean .candidate-search{min-width:0}}

/* v2.6.6 · global search, compact opponent picker, full healthcheck */
.global-search-wrap{position:relative;display:flex;align-items:center;gap:8px;flex:1 1 420px;max-width:520px;min-width:240px;margin:0 auto;padding:7px 9px;border:1px solid rgba(105,214,232,.13);border-radius:11px;background:rgba(4,14,18,.56)}
.global-search-wrap>.ui-icon{width:17px;height:17px;flex:none;color:#6f99a2}.global-search-wrap input{width:100%;min-width:0;border:0!important;background:transparent!important;color:#eaf9fb!important;padding:5px 2px!important;outline:none!important;box-shadow:none!important;font-size:12px}.global-search-wrap input::placeholder{color:#66838a}.global-search-wrap kbd{flex:none;padding:3px 5px;border:1px solid rgba(205,239,245,.09);border-radius:5px;background:rgba(255,255,255,.025);color:#6f8990;font:700 7px/1.2 inherit;text-transform:uppercase}
.global-search-results{position:absolute;z-index:120;top:calc(100% + 7px);left:0;right:0;display:grid;gap:3px;max-height:min(440px,70vh);overflow:auto;padding:6px;border:1px solid rgba(105,214,232,.18);border-radius:12px;background:#0b171c;box-shadow:0 20px 55px rgba(0,0,0,.48)}
.global-search-result{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:7px 8px;border:0;border-radius:8px;background:transparent;color:inherit;text-align:left}.global-search-result:hover,.global-search-result:focus-visible{background:rgba(105,214,232,.07)}.global-search-result-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(105,214,232,.1);border-radius:7px;background:rgba(105,214,232,.035)}.global-search-result-icon .ui-icon{width:15px;height:15px}.global-search-result>span:nth-child(2){min-width:0;display:grid;gap:2px}.global-search-result strong,.global-search-result small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-search-result strong{font-size:10px}.global-search-result small{color:#759098;font-size:7.5px}.global-search-result>i{color:#58747b;font-size:9px;font-style:normal}.global-search-empty{padding:13px;color:#79939a;font-size:9px;text-align:center}

.scouting-opponent-picker{position:relative;z-index:24;display:grid;gap:8px;margin-bottom:10px;padding:10px 12px!important}.scouting-picker-controls{display:grid;grid-template-columns:minmax(180px,1fr) 155px auto;gap:7px;align-items:center}.scouting-picker-search{position:relative;display:block}.scouting-picker-search .ui-icon{position:absolute;left:10px;top:50%;width:15px;height:15px;transform:translateY(-50%);pointer-events:none;color:#68858c}.scouting-picker-search input{width:100%;padding-left:32px}.scouting-picker-controls select,.scouting-picker-controls button{min-height:36px}.scouting-picker-current{display:flex;align-items:center;gap:8px;min-width:0;padding-top:7px;border-top:1px solid rgba(205,239,245,.055)}.scouting-picker-current>span{flex:none;color:#66868d;font-size:7px;font-weight:900;letter-spacing:.08em}.scouting-picker-current>strong{min-width:0;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#b9d1d6}.scouting-recent-opponents{display:flex;gap:5px;overflow-x:auto;margin-left:auto;padding-bottom:1px}.scouting-recent-opponent{display:flex;align-items:center;gap:5px;flex:none;min-height:29px;padding:3px 7px;border-color:rgba(205,239,245,.07);background:rgba(255,255,255,.012);font-size:8px}.scouting-recent-opponent.active{border-color:rgba(105,214,232,.28);background:rgba(105,214,232,.06)}.scouting-recent-opponent .team-logo{width:20px;height:20px;border-radius:5px}.scouting-recent-opponent .media-fallback{font-size:6px}
.scouting-opponent-results{position:absolute;z-index:130;top:calc(100% + 5px);left:0;right:0;display:grid;gap:3px;max-height:360px;overflow:auto;padding:6px;border:1px solid rgba(105,214,232,.17);border-radius:12px;background:#0b171c;box-shadow:0 22px 60px rgba(0,0,0,.5)}.scouting-opponent-result{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;padding:7px 8px;border:0;border-radius:9px;background:transparent;color:inherit;text-align:left}.scouting-opponent-result:hover,.scouting-opponent-result.selected{background:rgba(105,214,232,.06)}.scouting-opponent-result .team-logo{width:36px;height:36px;border-radius:9px}.scouting-opponent-result-main{display:grid;gap:2px;min-width:0}.scouting-opponent-result-main strong,.scouting-opponent-result-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scouting-opponent-result-main strong{font-size:10px}.scouting-opponent-result-main small{color:#78939a;font-size:7.5px}.scouting-opponent-result .source-badge{font-size:6.5px;padding:3px 5px}.source-badge.auto{background:rgba(80,200,140,.1);color:#85dfad;border:1px solid rgba(80,200,140,.18)}

.healthcheck-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:12px;margin-top:10px}.healthcheck-layout>div{min-width:0;padding:11px;border:1px solid rgba(205,239,245,.055);border-radius:11px;background:rgba(255,255,255,.01)}.healthcheck-subhead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.healthcheck-subhead h4{margin:0}.health-check-list{max-height:520px;overflow:auto}.health-check-row{border-left:2px solid rgba(120,150,158,.18)}.health-check-row.health-error{border-left-color:#ff7777;background:rgba(255,90,90,.035)}.health-check-row.health-warn{border-left-color:#e9bf67;background:rgba(233,191,103,.025)}.health-check-row.health-ok{border-left-color:#65d89c}.health-check-row strong{display:flex;align-items:center;gap:6px}.health-status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#71868b}.health-error .health-status-dot{background:#ff7777;box-shadow:0 0 8px rgba(255,119,119,.3)}.health-warn .health-status-dot{background:#e9bf67}.health-ok .health-status-dot{background:#65d89c}.health-inline-errors{max-height:520px;overflow:auto}.health-inline-error{border-left:2px solid #ff7777;background:rgba(255,90,90,.025)}.health-all-clear{display:flex;align-items:center;gap:7px;padding:14px;border:1px dashed rgba(80,200,140,.18);border-radius:9px;color:#8edfb3;font-size:9px}.health-all-clear .ui-icon{width:15px;height:15px}.health-runs-details{margin-top:10px;border-top:1px solid rgba(205,239,245,.055);padding-top:8px}.health-runs-details summary{cursor:pointer;color:#78949b;font-size:8px;font-weight:850}.health-runs-details[open] summary{margin-bottom:8px}

@media(max-width:980px){.app-header{flex-wrap:wrap}.global-search-wrap{order:3;flex-basis:100%;max-width:none;margin:0}.healthcheck-layout{grid-template-columns:1fr}.scouting-picker-current{align-items:flex-start;flex-wrap:wrap}.scouting-recent-opponents{width:100%;margin-left:0}}
@media(max-width:620px){.global-search-wrap{min-width:0;width:100%}.global-search-wrap kbd{display:none}.scouting-picker-controls{grid-template-columns:1fr auto}.scouting-picker-controls select{grid-column:1/2}.scouting-picker-controls button{grid-column:2/3;grid-row:1/3}.scouting-picker-current>strong{width:100%;max-width:none}.scouting-recent-opponents{display:none}.scouting-opponent-results{max-height:55vh}.healthcheck-layout>div{padding:8px}}

/* v2.7.0 Social Media Center + FACEIT key status */
.faceit-key-status{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px 13px;margin:12px 0;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}
.faceit-key-status-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-weight:900;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.faceit-key-status strong,.faceit-key-status small{display:block}.faceit-key-status small{margin-top:3px;color:var(--muted);line-height:1.35}
.faceit-key-status.active{border-color:rgba(80,200,140,.32);background:rgba(80,200,140,.055)}.faceit-key-status.active .faceit-key-status-icon{color:#91efbd;border-color:rgba(80,200,140,.28);background:rgba(80,200,140,.09)}
.faceit-key-status.configured{border-color:rgba(242,190,80,.28);background:rgba(242,190,80,.04)}.faceit-key-status.configured .faceit-key-status-icon{color:#f2c978}
.faceit-key-status.missing,.faceit-key-status.error{border-color:rgba(255,120,120,.24);background:rgba(255,120,120,.035)}.faceit-key-status.missing .faceit-key-status-icon,.faceit-key-status.error .faceit-key-status-icon{color:#ffabab}

.social-center-head{align-items:center}.social-overview{display:grid;gap:12px}.social-kpi-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.social-kpi{padding:14px 15px}.social-kpi span,.social-kpi small{display:block;color:var(--muted)}.social-kpi span{font-size:.69rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.social-kpi strong{display:block;margin:5px 0 3px;font-size:1.65rem}.social-kpi small{font-size:.72rem}.social-kpi.warning{border-color:rgba(242,190,80,.22)}
.social-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.social-radar-list{display:grid;gap:7px;margin-top:12px}.social-radar-row{width:100%;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:10px 11px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:rgba(255,255,255,.018);text-align:left;color:inherit}.social-radar-row:hover{border-color:rgba(105,214,232,.26);background:rgba(105,214,232,.035)}.social-radar-row span,.social-radar-row strong,.social-radar-row small{display:block}.social-radar-row small{margin-top:3px;color:var(--muted);font-size:.72rem}.social-radar-row b{font-size:.72rem;color:#f2c978;text-align:right}
.workflow-section{margin-top:14px}.social-pipeline-card{overflow:visible}.social-toolbar{display:grid;grid-template-columns:minmax(240px,1.5fr) repeat(4,minmax(145px,.6fr)) auto;gap:8px;align-items:end;margin:14px 0}.social-toolbar label{display:grid;gap:5px;color:var(--muted);font-size:.69rem;font-weight:700}.social-toolbar select,.social-toolbar input{width:100%}.social-search{position:relative}.social-search svg{position:absolute;left:10px;bottom:11px;width:15px;height:15px;color:var(--muted)}.social-search input{padding-left:33px}
.social-workflow-rich{display:grid;gap:9px}.social-item-rich{display:grid;grid-template-columns:minmax(180px,.72fr) minmax(280px,1fr) minmax(260px,1.08fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:rgba(255,255,255,.018)}.social-item-rich.changed{border-color:rgba(242,190,80,.28);background:rgba(242,190,80,.025)}.social-item-rich.attention:not(.changed){border-color:rgba(255,255,255,.11)}.social-item-main h3{margin:6px 0 3px;font-size:1rem}.social-item-main p{margin:0;color:var(--muted);font-size:.72rem}.social-item-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.social-priority{font-size:.62rem;font-weight:900;padding:4px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.09);color:var(--muted)}.social-priority.p1{color:#ffaaaa;border-color:rgba(255,120,120,.22)}.social-priority.p2{color:#f2c978;border-color:rgba(242,190,80,.22)}.social-platform-pills{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}.social-platform-pills span{font-size:.61rem;padding:3px 6px;border:1px solid rgba(105,214,232,.13);border-radius:999px;color:#8bddec;background:rgba(105,214,232,.035)}
.social-deliverables{display:grid;grid-template-columns:1fr 1fr .85fr;gap:6px}.social-deliverable{padding:9px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(255,255,255,.025)}.social-deliverable span,.social-deliverable strong,.social-deliverable small{display:block}.social-deliverable span{font-size:.61rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.social-deliverable strong{margin-top:4px;font-size:.82rem}.social-deliverable small{margin-top:3px;color:var(--muted);font-size:.62rem}.social-deliverable.ok{border-color:rgba(80,200,140,.2);background:rgba(80,200,140,.035)}.social-deliverable.draft{border-color:rgba(105,214,232,.16)}.social-deliverable.todo{border-color:rgba(242,190,80,.14)}.social-deliverable.skip{opacity:.6}.social-deliverable.progress strong{color:#8bddec}
.social-copy-preview{min-width:0}.social-copy-preview p{margin:0 0 5px;font-size:.71rem;color:#a9bbc0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-copy-preview p b{color:#d9e8eb}.social-attention-text{display:block;color:#f2c978;font-size:.65rem}.social-item-actions{display:flex;justify-content:flex-end}
.social-calendar-list{display:grid;gap:6px;margin-top:12px}.social-calendar-row{display:grid;grid-template-columns:150px 76px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:10px 11px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:rgba(255,255,255,.018);color:inherit;text-align:left}.social-calendar-row:hover{border-color:rgba(105,214,232,.24)}.social-calendar-row.past{opacity:.62}.social-calendar-row time{font-size:.72rem;color:#a9bbc0}.social-calendar-row>div strong,.social-calendar-row>div small{display:block}.social-calendar-row>div small{margin-top:2px;color:var(--muted);font-size:.68rem}.social-calendar-type{font-size:.62rem;font-weight:900;color:#8bddec;letter-spacing:.08em}
.social-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.social-template-card{display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:13px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(255,255,255,.018)}.social-template-card h3{margin:8px 0 6px}.social-template-card p{margin:0;color:#b5c7cb;font-size:.75rem;line-height:1.45}.social-template-card small{display:block;margin-top:8px;color:var(--muted);font-size:.68rem}.social-template-actions{display:flex;gap:6px;flex-wrap:wrap}.danger-text{color:#ffb1b1!important}
.social-insights-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:12px}.social-insights-grid>div,.social-platform-coverage>div{padding:11px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:rgba(255,255,255,.02)}.social-insights-grid span,.social-insights-grid strong,.social-insights-grid small,.social-platform-coverage span,.social-platform-coverage strong,.social-platform-coverage small{display:block}.social-insights-grid span,.social-platform-coverage span{font-size:.63rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.social-insights-grid strong,.social-platform-coverage strong{margin-top:5px;font-size:1.05rem}.social-insights-grid small,.social-platform-coverage small{margin-top:2px;color:var(--muted);font-size:.64rem}.social-platform-coverage{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:8px}
.social-editor-form{min-width:min(960px,82vw)}.social-editor-hero{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:12px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(255,255,255,.02)}.social-editor-hero h3{margin:6px 0 3px}.social-editor-hero p{margin:0;color:var(--muted);font-size:.75rem}.social-editor-section{display:grid;gap:10px;padding:13px;margin-top:12px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(255,255,255,.014)}.social-platform-select{display:flex;gap:7px;flex-wrap:wrap;border:1px solid rgba(255,255,255,.06);border-radius:11px;padding:10px 12px;margin:10px 0}.social-platform-select legend{padding:0 6px;color:var(--muted);font-size:.68rem}.social-platform-select .check-row{margin:0;padding:6px 8px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:rgba(255,255,255,.02)}.social-checklist-editor{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.social-checklist-editor .check-row{padding:8px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(255,255,255,.02)}.social-ack-row{padding:9px;border:1px solid rgba(242,190,80,.22);border-radius:10px;background:rgba(242,190,80,.035)}.social-editor-details{margin-top:10px;border:1px solid rgba(255,255,255,.06);border-radius:11px;padding:10px}.social-editor-details summary{cursor:pointer;font-weight:800;color:#bcd0d5}.social-platform-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.social-platform-editor{padding:10px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(255,255,255,.018)}.social-platform-editor h4{margin:0 0 8px}.social-platform-editor label+label{margin-top:7px}
@media(max-width:1180px){.social-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.social-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.social-search{grid-column:1/-1}.social-item-rich{grid-template-columns:minmax(180px,.8fr) minmax(260px,1fr);align-items:start}.social-copy-preview{grid-column:1/2}.social-item-actions{grid-column:2/3}.social-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-insights-grid,.social-platform-coverage{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.faceit-key-status{grid-template-columns:auto 1fr}.faceit-key-status .source-badge{grid-column:1/-1;width:max-content}.social-overview-grid{grid-template-columns:1fr}.social-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-toolbar{grid-template-columns:1fr}.social-item-rich{grid-template-columns:1fr}.social-copy-preview,.social-item-actions{grid-column:auto}.social-deliverables{grid-template-columns:1fr 1fr}.social-item-actions{justify-content:flex-start}.social-calendar-row{grid-template-columns:1fr auto}.social-calendar-row time,.social-calendar-type{grid-column:auto}.social-calendar-row>div{grid-column:1/-1}.social-template-grid{grid-template-columns:1fr}.social-insights-grid,.social-platform-coverage{grid-template-columns:repeat(2,minmax(0,1fr))}.social-checklist-editor{grid-template-columns:1fr 1fr}.social-platform-editor-grid{grid-template-columns:1fr}.social-editor-form{min-width:0}}
.social-editor-form .edit-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.social-editor-form .edit-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:980px){.social-editor-form .edit-grid.four,.social-editor-form .edit-grid.five{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.social-editor-form .edit-grid.four,.social-editor-form .edit-grid.five{grid-template-columns:1fr}}

/* v2.7.0 · Social Media Redaktionskalender */
.social-calendar-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;margin:14px 0 10px;padding:9px 10px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(255,255,255,.018)}
.social-calendar-nav{display:flex;gap:6px;align-items:center}.social-calendar-nav .small-btn{min-width:36px;padding:7px 10px}.social-calendar-month-label{text-align:center;font-size:1.02rem;text-transform:capitalize;letter-spacing:.01em}.social-calendar-mode{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.68rem;font-weight:800}.social-calendar-mode select{min-width:105px}
.social-month-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;border:1px solid rgba(255,255,255,.075);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.075)}
.social-calendar-weekday{padding:8px 9px;background:#10181b;color:#7f959b;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;text-align:center}
.social-calendar-day{min-height:128px;padding:8px;background:#0c1316;position:relative;overflow:hidden}.social-calendar-day.outside{background:#0a1012;color:#53656a}.social-calendar-day.today{box-shadow:inset 0 0 0 1px rgba(105,214,232,.55);background:rgba(105,214,232,.035)}
.social-calendar-day-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.social-calendar-day-number{font-size:.72rem;font-weight:900;color:#b9cbd0}.social-calendar-day.outside .social-calendar-day-number{color:#5e7075}.social-calendar-day.today .social-calendar-day-number{display:grid;place-items:center;width:24px;height:24px;margin:-3px;border-radius:999px;background:rgba(105,214,232,.15);color:#9cecf7}.social-calendar-day-count{font-size:.58rem;color:#63767b}
.social-calendar-day-events{display:grid;gap:4px}.social-calendar-event{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px;align-items:center;width:100%;padding:5px 6px;border:1px solid rgba(255,255,255,.055);border-radius:7px;background:rgba(255,255,255,.025);color:inherit;text-align:left;min-width:0}.social-calendar-event:hover{border-color:rgba(105,214,232,.3);background:rgba(105,214,232,.055)}.social-calendar-event time{font-size:.55rem;color:#7d949a}.social-calendar-event strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.63rem}.social-calendar-event.matchup{border-left:2px solid #69d6e8}.social-calendar-event.result{border-left:2px solid #78d69d}.social-calendar-event.match{border-left:2px solid #f1c86c}.social-calendar-event.published{opacity:.7}.social-calendar-more{display:block;padding:3px 4px;color:#82979c;font-size:.58rem;font-weight:800}
.social-calendar-legend{grid-column:1/-1;display:flex;gap:12px;align-items:center;padding:8px 10px;background:#0d1518;color:#7e9399;font-size:.61rem}.social-calendar-legend span{display:inline-flex;gap:5px;align-items:center}.social-calendar-legend i{width:8px;height:8px;border-radius:2px}.social-calendar-legend .matchup i{background:#69d6e8}.social-calendar-legend .result i{background:#78d69d}.social-calendar-legend .match i{background:#f1c86c}
.social-calendar-agenda-wrap{margin-top:12px}.social-calendar-agenda-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:7px;padding:0 2px}.social-calendar-agenda-head span{font-size:.63rem;font-weight:900;letter-spacing:.09em;color:#8bddec}.social-calendar-agenda-head small{color:var(--muted);font-size:.64rem}
@media(max-width:980px){.social-calendar-toolbar{grid-template-columns:auto 1fr}.social-calendar-mode{grid-column:1/-1;justify-content:flex-end}.social-calendar-day{min-height:112px;padding:6px}.social-calendar-event{grid-template-columns:1fr}.social-calendar-event time{display:none}}
@media(max-width:720px){.social-calendar-toolbar{grid-template-columns:1fr}.social-calendar-nav{justify-content:center}.social-calendar-month-label{grid-row:1;text-align:center}.social-calendar-mode{justify-content:center}.social-month-calendar{overflow-x:auto;display:grid;grid-template-columns:repeat(7,minmax(112px,1fr));border-radius:10px}.social-calendar-day{min-height:108px}.social-calendar-weekday{position:sticky;top:0;z-index:2}.social-calendar-agenda-head{align-items:flex-start;flex-direction:column;gap:2px}}
.social-calendar-event.event{border-left:2px solid #c69cff}.social-calendar-legend .event i{background:#c69cff}


/* v2.7.1 — Social Media simplified matchday briefing */
.social-kpi-grid-compact{grid-template-columns:repeat(4,minmax(0,1fr));}
.social-toolbar-simple{grid-template-columns:minmax(280px,1.7fr) repeat(3,minmax(150px,.7fr)) auto;align-items:end;}
.social-briefing-list{display:grid;gap:14px;}
.social-briefing-card{border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,rgba(18,43,49,.78),rgba(10,27,31,.92));padding:16px;box-shadow:0 14px 34px rgba(0,0,0,.12);}
.social-briefing-card.social-state-ready{border-color:#f39a42;box-shadow:inset 0 0 0 1px rgba(243,154,66,.2),0 14px 34px rgba(0,0,0,.12)}
.social-briefing-card.social-state-posted{border-color:#e5d452;box-shadow:inset 0 0 0 1px rgba(229,212,82,.2),0 14px 34px rgba(0,0,0,.12)}
.social-briefing-card.social-state-aftermatch{border-color:#60d991;box-shadow:inset 0 0 0 1px rgba(96,217,145,.22),0 14px 34px rgba(0,0,0,.12)}
.social-briefing-card.social-state-done{border-color:rgba(96,217,145,.42);opacity:.84}
.social-map-scores{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:12px 0 2px}.social-map-scores .map-score-card{min-width:128px}
.social-veto-pending{display:flex;align-items:center;justify-content:center;gap:12px;margin:12px 0 2px;padding:14px;border:1px dashed rgba(243,154,66,.35);border-radius:13px;background:rgba(243,154,66,.045)}.social-veto-pending.confirmed{border-color:rgba(105,214,232,.28);background:rgba(105,214,232,.035)}.social-veto-pending div{display:flex;flex-direction:column;gap:2px}.social-veto-pending strong{font-size:.82rem}.social-veto-pending small{color:var(--muted);font-size:.7rem}
.social-toolbar-minimal{display:grid;grid-template-columns:minmax(240px,1fr) 190px auto;gap:10px;align-items:end;margin-bottom:14px}.social-simple-card{padding:13px 14px}.social-simple-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.social-simple-head>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.social-simple-head time{color:var(--muted);font-size:.72rem;font-weight:700;white-space:nowrap}.social-simple-matchup{display:grid;grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(117,211,230,.12);border-radius:13px;background:rgba(4,15,18,.35)}.social-simple-team{display:flex;align-items:center;gap:10px;min-width:0}.social-simple-team:last-child{justify-content:flex-end;text-align:right}.social-simple-team strong{font-size:.96rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-simple-score{display:flex;flex-direction:column;align-items:center;justify-content:center}.social-simple-score small,.social-simple-score span{font-size:.61rem;color:var(--muted);font-weight:800;text-transform:uppercase}.social-simple-score strong{font-size:1.5rem;line-height:1.1}.social-simple-card .social-map-scores{margin:9px 0 0}.social-simple-card .social-veto-pending{margin:9px 0 0;padding:9px 12px}.social-simple-card .social-posting-steps{margin:10px 0}.social-simple-card .social-posting-step{padding:8px}.social-simple-card .social-posting-step b{font-size:.7rem}.social-simple-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:9px;border-top:1px solid rgba(117,211,230,.1)}.social-simple-footer .social-resource-bar{margin:0;padding:0;border:0}.social-copy-details{margin-top:8px;padding-top:7px;border-top:1px dashed rgba(255,255,255,.08);color:var(--muted)}.social-copy-details summary{cursor:pointer;font-size:.7rem;font-weight:800}.social-copy-details p{margin:7px 0 0;white-space:pre-wrap;font-size:.75rem;line-height:1.4}.social-pipeline-card{padding:15px}.social-pipeline-card>.detail-section-head{margin-bottom:10px}
@media(max-width:760px){.social-toolbar-minimal{grid-template-columns:1fr}.social-simple-head{align-items:flex-start;flex-direction:column}.social-simple-matchup{grid-template-columns:1fr 64px 1fr}.social-simple-team{flex-direction:column;text-align:center}.social-simple-team:last-child{justify-content:center;text-align:center}.social-simple-team strong{font-size:.78rem}.social-simple-footer{align-items:flex-start;flex-direction:column}.social-simple-footer .social-briefing-head-actions{width:100%}}
.social-posting-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}.social-posting-step{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.025);color:var(--muted);text-align:left}.social-posting-step span{display:grid;place-items:center;width:21px;height:21px;border:1px solid rgba(255,255,255,.18);border-radius:6px;flex:0 0 auto}.social-posting-step.checked span{background:#60d991;border-color:#60d991;color:#06130d}.social-posting-step.active{color:#fff;border-color:rgba(105,214,232,.4)}.social-posting-step:nth-child(1).active{border-color:#f39a42;background:rgba(243,154,66,.08)}.social-posting-step:nth-child(2).active{border-color:#e5d452;background:rgba(229,212,82,.08)}.social-posting-step:nth-child(3).active,.social-posting-step:nth-child(4).active{border-color:#60d991;background:rgba(96,217,145,.08)}
.social-archive{margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.social-archive>summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:800}.social-archive[open]>summary{margin-bottom:14px}
@media(max-width:760px){.social-posting-steps{grid-template-columns:1fr 1fr}.social-map-scores{justify-content:flex-start}}
.social-briefing-card.changed{border-color:rgba(255,183,77,.45);}
.social-briefing-head{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;margin-bottom:14px;}
.social-briefing-head h3{margin:7px 0 3px;font-size:1.06rem;}
.social-briefing-head p{margin:0;color:var(--muted);font-size:.84rem;}
.social-briefing-head .source-badge+.source-badge{margin-left:6px;}
.social-briefing-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;}
.social-matchup-board{display:grid;grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);gap:12px;align-items:stretch;border:1px solid rgba(117,211,230,.13);border-radius:16px;padding:12px;background:rgba(4,15,18,.42);}
.social-team-panel{min-width:0;display:flex;flex-direction:column;gap:10px;}
.social-team-panel:last-child .social-team-identity{justify-content:flex-end;text-align:right;}
.social-team-panel:last-child .social-roster-list{justify-content:flex-end;}
.social-team-identity{display:flex;align-items:center;gap:10px;min-height:54px;}
.social-team-identity .team-logo{flex:0 0 auto;}
.social-team-identity span{display:block;font-size:.64rem;font-weight:800;letter-spacing:.13em;color:var(--accent);}
.social-team-identity strong{display:block;margin-top:2px;font-size:1.05rem;}
.social-versus{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-left:1px solid rgba(117,211,230,.12);border-right:1px solid rgba(117,211,230,.12);padding:4px 10px;}
.social-versus span{font-size:.66rem;letter-spacing:.13em;color:var(--muted);font-weight:800;}
.social-versus strong{font-size:1.55rem;margin:4px 0;}
.social-versus small{font-size:.68rem;color:var(--muted);text-transform:uppercase;}
.social-roster-list{display:flex;gap:6px;flex-wrap:wrap;}
.social-roster-player{display:grid;grid-template-columns:24px auto;grid-template-rows:auto auto;column-gap:6px;align-items:center;min-width:100px;padding:5px 8px;border:1px solid rgba(117,211,230,.12);border-radius:10px;background:rgba(14,39,44,.72);}
.social-roster-player img,.social-roster-player i{grid-row:1/3;width:24px;height:24px;border-radius:50%;object-fit:cover;background:rgba(117,211,230,.15);}
.social-roster-player b{font-size:.75rem;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.social-roster-player small{font-size:.58rem;color:var(--muted);line-height:1.1;}
.social-roster-empty{padding:8px 10px;border:1px dashed rgba(255,255,255,.12);border-radius:10px;color:var(--muted);font-size:.75rem;}
.social-brief-facts,.social-event-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px;}
.social-brief-facts>div,.social-event-facts>div{padding:9px 10px;border:1px solid rgba(117,211,230,.1);border-radius:11px;background:rgba(5,19,22,.36);min-width:0;}
.social-brief-facts span,.social-event-facts span{display:block;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:800;}
.social-brief-facts strong,.social-event-facts strong{display:block;margin-top:3px;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.social-brief-copy-state{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid rgba(117,211,230,.1);}
.social-brief-copy-state>span{padding:5px 8px;border-radius:999px;font-size:.7rem;background:rgba(255,255,255,.04);}
.social-brief-copy-state>span.ok{color:var(--success);}.social-brief-copy-state>span.open{color:var(--muted);}
.social-brief-copy-state small{flex:1;color:var(--muted);min-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.social-brief-copy-state .social-attention-text{margin-left:auto;color:#ffbc73;font-size:.7rem;}
.social-event-info{margin:10px 0 0;color:var(--muted);font-size:.82rem;line-height:1.45;}
.social-ready-check{margin-top:12px;padding:12px;border:1px solid rgba(91,224,171,.22);border-radius:13px;background:rgba(91,224,171,.05);align-items:flex-start;}
.social-ready-check span{display:flex;flex-direction:column;gap:2px;}.social-ready-check small{color:var(--muted);font-size:.72rem;font-weight:400;}
.social-event-editor-summary{display:flex;gap:10px;flex-wrap:wrap;padding:12px;border:1px solid rgba(117,211,230,.14);border-radius:12px;background:rgba(5,19,22,.42);margin-bottom:12px;}
.social-event-editor-summary span,.social-event-editor-summary strong{padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.035);font-size:.76rem;}
@media (max-width:1050px){.social-kpi-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr));}.social-toolbar-simple{grid-template-columns:1fr 1fr;}.social-search{grid-column:1/-1}.social-matchup-board{grid-template-columns:1fr}.social-versus{border:0;border-top:1px solid rgba(117,211,230,.12);border-bottom:1px solid rgba(117,211,230,.12);padding:10px}.social-team-panel:last-child .social-team-identity{justify-content:flex-start;text-align:left}.social-team-panel:last-child .social-roster-list{justify-content:flex-start}.social-brief-facts,.social-event-facts{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:680px){.social-kpi-grid-compact{grid-template-columns:1fr 1fr}.social-toolbar-simple{grid-template-columns:1fr}.social-search{grid-column:auto}.social-briefing-head{flex-direction:column}.social-briefing-head-actions{justify-content:flex-start}.social-brief-facts,.social-event-facts{grid-template-columns:1fr 1fr}.social-roster-player{min-width:calc(50% - 4px)}}

/* v2.7.3 — Social briefing: lifecycle-first, confirmed events only */
.social-resource-bar{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line,rgba(255,255,255,.08))}
.social-context-note{margin-top:10px;padding:12px 14px;border:1px solid var(--line,rgba(255,255,255,.08));border-radius:12px;background:rgba(255,255,255,.025)}
.social-context-note.internal{border-style:dashed}
.social-context-note strong{display:block;margin-bottom:5px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.social-context-note p{margin:0;white-space:pre-wrap;line-height:1.45;color:var(--muted,#aab0bd)}
.social-brief-alert{margin-top:12px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,190,70,.35);background:rgba(255,190,70,.08);font-weight:700;font-size:.88rem}
.social-editor-live-note{display:grid;gap:4px;margin:12px 0;padding:12px 14px;border-radius:12px;border:1px solid rgba(90,170,255,.24);background:rgba(90,170,255,.06)}
.social-editor-live-note strong{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.social-editor-live-note span,.social-editor-live-note small{color:var(--muted,#aab0bd)}
.social-team-links{display:block;margin-top:4px}.social-team-links a{color:inherit;text-decoration:none}.social-team-links a:hover{text-decoration:underline}
.social-brief-facts-wide{grid-template-columns:repeat(7,minmax(0,1fr))}.social-brief-facts-wide>div{min-width:0}.social-brief-facts-wide small{display:block;margin-top:3px;overflow-wrap:anywhere}
@media(max-width:1200px){.social-brief-facts-wide{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.social-brief-facts-wide{grid-template-columns:1fr 1fr}.social-resource-bar .small-btn{flex:1 1 auto;text-align:center}}


/* v2.7.3 — Matchday lifecycle + scouting layout polish */
.candidate-profile-layout,.candidate-profile-main,.candidate-profile-side,.candidate-profile-side>section,.candidate-profile-history{min-width:0}
.candidate-profile-side{overflow:hidden}
.candidate-profile-side .candidate-elo-trend{grid-template-columns:1fr;min-width:0;max-width:100%;overflow:hidden}
.candidate-profile-side .candidate-elo-trend>div{min-width:0}
.candidate-profile-side .candidate-elo-trend svg{display:block;width:100%;max-width:100%;height:86px;overflow:hidden}
.candidate-profile-side .candidate-profile-events{min-width:0;overflow:hidden}
.candidate-profile-side .candidate-history-row{min-width:0}
.candidate-profile-side .candidate-history-row div{min-width:0}
.candidate-profile-side .candidate-history-row strong,.candidate-profile-side .candidate-history-row span,.candidate-profile-side .candidate-history-row small{overflow-wrap:anywhere}

.social-lifecycle-guide{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:9px 0 12px}
.social-lifecycle-guide>span{display:grid;grid-template-columns:10px minmax(0,1fr);grid-template-areas:"dot name" "dot meta";column-gap:7px;align-items:center;padding:8px 10px;border:1px solid rgba(205,239,245,.07);border-radius:10px;background:rgba(255,255,255,.012)}
.social-lifecycle-guide i{grid-area:dot;width:8px;height:8px;border-radius:999px;background:#58727a}.social-lifecycle-guide i.faceit,.social-lifecycle-guide i.roster{background:#69d6e8}.social-lifecycle-guide i.live{background:#ffbd57}.social-lifecycle-guide i.done{background:#67d99a}
.social-lifecycle-guide b{grid-area:name;font-size:8px;text-transform:uppercase;letter-spacing:.05em}.social-lifecycle-guide small{grid-area:meta;color:#6d8990;font-size:7px}
.social-lifecycle-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:10px 0 12px}
.social-lifecycle-strip span{position:relative;display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;border:1px solid rgba(205,239,245,.055);background:rgba(255,255,255,.01);color:#607c84;font-size:7.5px;text-transform:uppercase;letter-spacing:.04em}
.social-lifecycle-strip span:after{content:"";position:absolute;left:100%;top:50%;width:5px;height:1px;background:rgba(205,239,245,.1)}.social-lifecycle-strip span:last-child:after{display:none}
.social-lifecycle-strip i{width:7px;height:7px;border-radius:50%;background:#486068;flex:0 0 auto}.social-lifecycle-strip span.done{color:#8eacae;border-color:rgba(103,217,154,.12)}.social-lifecycle-strip span.done i{background:#67d99a}.social-lifecycle-strip span.active{color:#d7f7fb;border-color:rgba(105,214,232,.3);background:rgba(105,214,232,.055);font-weight:900}.social-lifecycle-strip span.active i{background:#69d6e8;box-shadow:0 0 0 3px rgba(105,214,232,.08)}
.social-calendar-event small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6e8c93;font-size:6.5px;text-transform:uppercase;letter-spacing:.04em}.social-calendar-event.state-default{border-color:rgba(255,190,70,.23)}.social-calendar-event.state-live{border-color:rgba(255,190,70,.42)}.social-calendar-event.state-done{opacity:.78}
.social-briefing-head-actions{align-items:flex-start}
@media(max-width:900px){.social-lifecycle-guide{grid-template-columns:repeat(2,minmax(0,1fr))}.social-lifecycle-guide>span:last-child{grid-column:1/-1}.social-lifecycle-strip{grid-template-columns:1fr}.social-lifecycle-strip span:after{display:none}}

/* v2.7.4 — Context navigation stays at the top of the sidebar */
.portal-navigation{display:flex;flex-direction:column;}
.sidebar-heading{order:0}
.sidebar-context-nav{order:1;margin:0 0 11px;padding:9px;border:1px solid color-mix(in srgb,var(--section-accent) 18%,rgba(205,239,245,.07));border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--section-accent) 6%,rgba(255,255,255,.018)),rgba(255,255,255,.01));}
.sidebar-context-head{display:flex;align-items:end;justify-content:space-between;gap:8px;padding:1px 3px 7px;border-bottom:1px solid rgba(205,239,245,.055);margin-bottom:5px;}
.sidebar-context-head>div{min-width:0;display:grid;gap:2px}.sidebar-context-head span{font-size:7px;font-weight:950;letter-spacing:.12em;color:var(--section-accent)}.sidebar-context-head strong{font-size:12px;line-height:1.2;color:#eaf6f8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-context-head small{font-size:7px;color:#668188;white-space:nowrap}
.sidebar-context-nav .subnav{margin:0!important;min-height:0!important;}
.sidebar-context-nav .subnav-item{min-height:31px!important;padding:6px 7px!important;}
.sidebar-context-nav.single-view .sidebar-context-head small{opacity:.65}
.sidebar-primary-label{order:2;margin:1px 7px 6px;font-size:7px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:#567077}
.primary-nav{order:3}

@media(max-width:900px){
  .portal-navigation{display:flex!important;flex-direction:column!important;}
  .primary-nav{order:1!important}
  .sidebar-context-nav{order:2!important;margin:7px 0 0!important;padding:7px 8px!important;border-radius:10px!important;}
  .sidebar-primary-label{display:none!important}
  .sidebar-context-head{display:none!important}
  .sidebar-context-nav .subnav{padding:0!important;display:flex!important;gap:5px!important;overflow-x:auto!important;scrollbar-width:none!important;}
  .sidebar-context-nav .subnav::-webkit-scrollbar{display:none}
  .sidebar-context-nav .subnav-group{display:flex!important;gap:5px!important;align-items:center!important;}
  .sidebar-context-nav .subnav-group+.subnav-group{margin:0 0 0 5px!important;padding:0 0 0 7px!important;border-top:0!important;border-left:1px solid rgba(205,239,245,.08)!important;}
  .sidebar-context-nav .subnav-group-label{display:none!important}
}

/* v2.8.0 · Permissions, Operations & UI consistency */
.portal-view > .section-head{
  margin-bottom:14px;padding:15px 17px;border:1px solid rgba(205,239,245,.07);border-radius:14px;
  background:linear-gradient(135deg,rgba(105,214,232,.035),rgba(255,255,255,.012) 44%,rgba(182,162,255,.018));
}
.portal-view > .section-head h2{margin-top:3px}.portal-view > .section-head .section-subtitle{max-width:820px}
.card .detail-section-head{gap:16px}.detail-section-head>div{min-width:0}.detail-section-head h3,.detail-section-head h4{letter-spacing:-.01em}
.counter-pill,.source-badge{white-space:nowrap}

.permission-groups{display:grid;gap:14px;overflow:visible}
.permission-group{min-width:0;border:1px solid rgba(205,239,245,.075);border-radius:12px;background:rgba(255,255,255,.012);overflow:hidden}
.permission-group-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(205,239,245,.07);background:rgba(105,214,232,.025)}
.permission-group-head strong{font-size:10px;letter-spacing:.05em;text-transform:uppercase}.permission-group-head span{font-size:8px;color:#739097}
.permission-group .table-wrap{border:0;border-radius:0;background:transparent}
.permission-group .permission-table{min-width:920px}
.permission-label{display:grid;gap:4px;min-width:250px;max-width:440px}
.permission-label strong{font-size:9.5px}.permission-label small{font-size:7.7px;line-height:1.45;color:#78949b;white-space:normal}
.permission-risk{display:inline-flex;width:max-content;padding:2px 6px;border-radius:999px;font-size:6.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(205,239,245,.08)}
.permission-risk.risk-standard{color:#7d9ba2;background:rgba(255,255,255,.018)}
.permission-risk.risk-sensitive{color:#dfc67b;border-color:rgba(223,198,123,.18);background:rgba(223,198,123,.035)}
.permission-risk.risk-critical{color:#ff9dac;border-color:rgba(255,118,140,.22);background:rgba(255,118,140,.045)}
.permission-override-panel{margin-top:18px;padding-top:16px;border-top:1px solid rgba(205,239,245,.08)}
.permission-override-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,1.3fr) minmax(180px,.8fr) auto;gap:9px;align-items:end}
.permission-override-form label{display:grid;gap:5px;font-size:7px;color:#7b979e;text-transform:uppercase;font-weight:900;letter-spacing:.06em}
.permission-override-form select{min-width:0;width:100%}
.permission-override-list{display:grid;gap:7px;margin-top:12px}
.permission-override-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid rgba(205,239,245,.07);border-radius:10px;background:rgba(255,255,255,.012)}
.permission-override-row strong,.permission-override-row small{display:block}.permission-override-row strong{font-size:9px}.permission-override-row small{margin-top:3px;color:#718c93;font-size:7.5px;line-height:1.4}

.operations-action-center{border-color:rgba(105,214,232,.12);background:linear-gradient(140deg,rgba(105,214,232,.035),rgba(255,255,255,.012) 55%,rgba(255,135,151,.015))}
.operations-action-list{display:grid;gap:7px}
.operations-action-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid rgba(205,239,245,.07);border-radius:10px;background:rgba(255,255,255,.012)}
.operations-action-item>span .inline-icon{width:16px;height:16px}.operations-action-item strong,.operations-action-item small{display:block}.operations-action-item strong{font-size:9px}.operations-action-item small{margin-top:3px;font-size:7.5px;line-height:1.4;color:#78949b}
.operations-action-item.warning{border-color:rgba(224,193,102,.16);background:rgba(224,193,102,.025)}.operations-action-item.error{border-color:rgba(255,118,140,.18);background:rgba(255,118,140,.03)}
.operations-action-item.warning>span{color:#e0c166}.operations-action-item.error>span{color:#ff768c}

.candidate-elo-trend{grid-template-columns:minmax(145px,.62fr) minmax(0,1.38fr)!important;overflow:hidden}
.candidate-elo-copy{min-width:0}.candidate-elo-chart{min-width:0;overflow:hidden}.candidate-elo-chart svg{display:block;width:100%;max-width:100%;overflow:hidden}
.candidate-elo-axis{stroke:rgba(205,239,245,.11);stroke-width:1;vector-effect:non-scaling-stroke}.candidate-elo-range{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px}.candidate-elo-range em{font-style:normal;font-size:7px;color:#6f8b92}
.candidate-elo-chart-labels{display:flex;justify-content:space-between;gap:8px;margin-top:4px;font-size:6.8px;color:#66838a}.candidate-profile-events-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-bottom:5px;border-bottom:1px solid rgba(205,239,245,.06)}.candidate-profile-events-head strong{font-size:8px;text-transform:uppercase;letter-spacing:.06em}.candidate-profile-events-head span{font-size:7px;color:#6d8990}

@media(max-width:980px){
  .permission-override-form{grid-template-columns:1fr 1fr}.permission-override-form button{width:100%}
  .operations-action-item{grid-template-columns:auto minmax(0,1fr)}.operations-action-item>button{grid-column:2;justify-self:start}
}
@media(max-width:680px){
  .portal-view > .section-head{padding:12px}
  .permission-override-form{grid-template-columns:1fr}.permission-override-row{grid-template-columns:1fr}.permission-override-row .source-badge,.permission-override-row button{justify-self:start}
  .candidate-elo-trend{grid-template-columns:1fr!important}.candidate-elo-trend svg{height:84px}
}


/* v2.8.2 — manual team/player scout creation */
.scout-create-intro{padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft,rgba(255,255,255,.025));display:grid;gap:5px}
.scout-create-intro strong{font-size:1rem}
.scout-create-intro p{margin:0;color:var(--muted);line-height:1.55}
@media (max-width:760px){#scoutingView .section-actions,#playerScoutingView .section-actions{align-items:stretch}#newTeamScoutBtn,#newPlayerScoutBtn{width:100%}}

/* v2.8.4 scouting profile actions */
.scout-profile-actions,.scout-favorite-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.scout-profile-actions{margin-top:10px}.player-scout-impact>.empty-note{grid-column:1/-1;margin:0}.danger-btn:hover{background:rgba(255,82,106,.09)!important}

/* v2.9.0 · Scouting Reliability, Recruiting Flow, Match Intelligence */
.scout-snapshot-console{margin-top:14px;padding:18px;overflow:hidden}.scout-snapshot-console .section-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.scout-snapshot-console select{min-width:min(420px,70vw)}
.scout-coverage-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;margin-top:12px}.scout-coverage-grid .analytics-metric{min-width:0;padding:12px}.scout-coverage-grid .analytics-metric strong{font-size:1.05rem;overflow-wrap:anywhere}
.scout-roster-compare{display:grid;grid-template-columns:1fr 1fr minmax(180px,.7fr);gap:12px;margin-top:14px}.scout-roster-compare-col,.scout-roster-changes{border:1px solid var(--border);border-radius:12px;padding:12px;min-width:0}.scout-roster-compare-col>span{display:block;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.scout-roster-changes{display:flex;flex-direction:column;gap:6px}.scout-roster-changes span{font-size:.82rem;overflow-wrap:anywhere}
.scout-import-progress{margin-top:12px;padding:12px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.025)}.scout-import-progress-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.scout-import-progress-head span{font-size:.7rem;font-weight:800;color:var(--muted)}.scout-import-progress-bar{height:7px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin:9px 0}.scout-import-progress-bar i{display:block;height:100%;background:currentColor;border-radius:inherit;transition:width .25s ease}.scout-import-progress small{color:var(--muted)}
.player-scout-kpis-expanded{grid-template-columns:repeat(4,minmax(0,1fr))}.player-scout-kpis-expanded .perf-kpi strong{font-size:1.45rem}
.candidate-stage-board-card{margin-bottom:14px}.candidate-stage-board{display:grid;grid-template-columns:repeat(13,auto);align-items:stretch;gap:6px;overflow-x:auto;padding-bottom:4px}.candidate-stage-cell{min-width:118px;padding:12px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.025);text-align:left;display:flex;flex-direction:column;gap:3px}.candidate-stage-cell span{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.candidate-stage-cell strong{font-size:1.35rem}.candidate-stage-cell small{color:var(--muted)}.candidate-stage-arrow{display:grid;place-items:center;color:var(--muted);font-style:normal}.candidate-stage-cell:hover{border-color:rgba(255,255,255,.28);transform:translateY(-1px)}
.candidate-advance{font-weight:800}.candidate-advance.success{border-color:rgba(80,200,120,.4)}.candidate-quick-actions{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:12px;margin:12px 0}.candidate-quick-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.candidate-quick-copy span{font-size:.7rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.candidate-quick-copy strong,.candidate-quick-copy small{overflow-wrap:anywhere}.candidate-quick-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.match-prep-intelligence{margin:12px 0;padding:14px}.match-prep-intel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.match-prep-intel-head h4{margin:2px 0}.match-prep-intel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:12px}.match-prep-roster-line{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-top:12px;padding:10px 12px;border:1px solid var(--border);border-radius:10px}.match-prep-roster-line>span{color:var(--muted);overflow-wrap:anywhere}.match-prep-roster-line em{font-style:normal;font-size:.8rem}.match-prep-warning-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.match-prep-warning-list>span{display:inline-flex;gap:5px;align-items:center;border:1px solid var(--border);border-radius:999px;padding:6px 9px;font-size:.78rem;background:rgba(255,255,255,.02)}
@media(max-width:1100px){.scout-coverage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.scout-roster-compare{grid-template-columns:1fr 1fr}.scout-roster-changes{grid-column:1/-1}.match-prep-intel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.player-scout-kpis-expanded{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.scout-coverage-grid,.scout-roster-compare,.match-prep-intel-grid,.player-scout-kpis-expanded{grid-template-columns:1fr}.scout-roster-changes{grid-column:auto}.candidate-quick-actions,.match-prep-intel-head{align-items:stretch;flex-direction:column}.candidate-quick-buttons{justify-content:flex-start}.scout-snapshot-console select{min-width:0;width:100%}}

/* v2.10.0 – feature-level loading/error boundaries */
.feature-load-state{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:12px 14px;border:1px solid var(--line,#24444b);border-radius:12px;background:rgba(7,29,34,.78);color:var(--text,#eef8f8)}
.feature-load-state>div{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.feature-load-state strong{font-size:.9rem}.feature-load-state small{color:var(--muted,#8ba5aa)}.feature-load-state>svg{width:20px;height:20px;flex:0 0 auto}.feature-load-spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(137,216,226,.25);border-top-color:currentColor;animation:featureSpin .8s linear infinite;flex:0 0 auto}@keyframes featureSpin{to{transform:rotate(360deg)}}
.portal-view[data-feature-state="error"]>.feature-load-state{border-color:rgba(238,127,127,.4)}

/* v3.0.0 Product Maturity */
.scout-intelligence-grid{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.scout-intelligence-head{grid-column:1/-1;display:flex;flex-direction:column;gap:4px;padding:0 2px 5px}.scout-intelligence-head strong{font-size:1.08rem;letter-spacing:-.01em}.scout-intelligence-head small{color:var(--muted);line-height:1.45}.scout-intel-fact{grid-column:1/-1;display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border:1px solid rgba(102,173,176,.2);border-radius:13px;background:linear-gradient(135deg,rgba(11,38,41,.58),rgba(7,24,28,.42))}.scout-intel-fact>span{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:9px;background:rgba(93,213,187,.08);color:#73e8c7}.scout-intel-fact div{min-width:0;display:flex;flex-direction:column;gap:3px}.scout-intel-fact strong{font-size:.9rem}.scout-intel-fact small{color:var(--muted);line-height:1.45}.scout-intel-fact.warning{border-color:rgba(255,184,77,.35)}.scout-intel-fact.warning>span{background:rgba(255,184,77,.1);color:#ffbb63}.scout-intel-fact.ok{border-color:rgba(72,203,133,.28)}
.candidate-crm-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:12px}.crm-stat,.crm-decision{padding:12px;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:3px}.crm-stat span,.crm-decision span{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.crm-stat.warning{border-color:rgba(255,184,77,.5)}.crm-decision{grid-column:1/-1}.crm-decision p{margin:3px 0 0;color:var(--muted)}.candidate-contact-timeline,.candidate-trial-list{display:grid;gap:8px}.candidate-contact-row,.candidate-trial-list article{padding:10px 12px;border:1px solid var(--border);border-radius:11px;display:flex;gap:10px;align-items:flex-start}.candidate-contact-row>div,.candidate-trial-list article{min-width:0}.candidate-contact-row strong,.candidate-contact-row small,.candidate-trial-list article span,.candidate-trial-list article small{display:block}.candidate-contact-row small,.candidate-trial-list article small{color:var(--muted);margin-top:3px}.trial-score-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:12px}.trial-score-grid .analytics-metric{min-width:0}
.match-readiness-strip{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:8px;margin-bottom:12px}.match-readiness-strip>div{border:1px solid var(--border);border-radius:11px;padding:10px;display:grid;grid-template-columns:auto 1fr;gap:2px 7px;align-items:center}.match-readiness-strip>div>span{grid-row:1/3}.match-readiness-strip small{grid-column:2;color:var(--muted)}.match-readiness-strip .ok{border-color:rgba(72,203,133,.35)}.match-readiness-strip .pending{border-color:rgba(255,184,77,.38)}.match-warning-list{display:grid;gap:6px;margin:0 0 12px}.match-warning-list span{padding:9px 11px;border-radius:10px;background:rgba(255,184,77,.08);border:1px solid rgba(255,184,77,.25);display:flex;align-items:center;gap:7px;font-size:.86rem}
.automation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}.automation-card{border:1px solid var(--border);border-radius:12px;padding:12px;display:grid;gap:10px}.automation-card>div:first-child{display:grid;grid-template-columns:auto 1fr;gap:5px 8px;align-items:center}.automation-card>div:first-child small{grid-column:2;color:var(--muted)}.automation-card.ok{border-color:rgba(72,203,133,.25)}.automation-card.warning{border-color:rgba(255,184,77,.35)}.automation-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.automation-metrics span{display:flex;flex-direction:column;font-size:.7rem;color:var(--muted)}.automation-metrics b{font-size:1rem;color:var(--text)}.compact-head{margin-top:18px}.operations-qa-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.qa-release-card{padding:14px;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column}.qa-release-card span,.qa-release-card small{color:var(--muted)}.qa-release-card strong{font-size:1.3rem;margin:3px 0}
@media(max-width:900px){.match-readiness-strip{grid-template-columns:repeat(2,1fr)}.operations-qa-summary{grid-template-columns:1fr}.automation-grid{grid-template-columns:1fr}}

/* v3.0.2 Team player Swing hotfix */
.player-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:430px){.player-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v3.0.2 Social lifecycle light */
.social-life-light{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:10px 0 0}.social-life-light>span{display:flex;align-items:center;gap:6px;min-width:0;padding:7px 8px;border:1px solid rgba(205,239,245,.07);border-radius:9px;color:#648087;background:rgba(255,255,255,.012)}.social-life-light i{width:7px;height:7px;border-radius:50%;background:#496168;flex:0 0 auto}.social-life-light b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px;letter-spacing:.04em;text-transform:uppercase}.social-life-light>span.done{color:#8aa5aa}.social-life-light>span.done i{background:#67d99a}.social-life-light>span.active{color:#e4fbff;border-color:rgba(105,214,232,.32);background:rgba(105,214,232,.055)}.social-life-light>span.active i{background:#69d6e8;box-shadow:0 0 0 3px rgba(105,214,232,.1)}.social-life-detail{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:7px 9px;margin-bottom:9px;color:#78949b;font-size:7.5px}.social-life-detail strong{color:#cce9ed;font-size:8px}.social-card-control{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-top:1px solid rgba(117,211,230,.08)}.social-field-progress,.social-history-note,.social-done-wait{color:#78949b;font-size:.72rem}.social-field-progress b{color:#cce9ed}.social-done-check{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:8px 10px;border:1px solid rgba(103,217,154,.24);border-radius:9px;background:rgba(103,217,154,.045);color:#bdebd0;font-size:.75rem;font-weight:850;cursor:pointer}.social-done-check input{margin:0;accent-color:#67d99a}.social-card-reminders,.social-editor-checks{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.social-editor-checks{justify-content:flex-start;margin:12px 0 2px}.social-postmatch-check{border-color:rgba(255,189,87,.28);background:rgba(255,189,87,.055);color:#ffe1aa}.social-postmatch-check input{accent-color:#ffbd57}.social-final-check{border-color:rgba(105,214,232,.30);background:rgba(105,214,232,.06);color:#bcecf3}.social-final-check input{accent-color:#69d6e8}.social-final-check.locked{opacity:.58;cursor:not-allowed}.social-life-live{border-color:rgba(255,189,87,.34)}.social-life-played{border-color:rgba(103,217,154,.22)}.social-life-badge{border-color:rgba(105,214,232,.25);background:rgba(105,214,232,.075);color:#bcecf3}
@media(max-width:760px){.social-life-light{grid-template-columns:1fr}.social-life-light b{white-space:normal}.social-life-detail,.social-card-control{align-items:flex-start;flex-direction:column}}

/* v3.0.2 Match schedule truth: FACEIT dates remain defaults until confirmation */
.match-schedule-badge{display:inline-flex;align-items:center;min-height:21px;padding:3px 8px;border:1px solid rgba(255,184,77,.38);border-radius:7px;background:rgba(255,184,77,.10);color:#ffd38a;font-size:8px;font-weight:950;letter-spacing:.055em;line-height:1.2;white-space:nowrap}.match-schedule-badge.fixed{border-color:rgba(103,217,154,.35);background:rgba(103,217,154,.09);color:#a9ecc8}.match-schedule-badge.open,.match-schedule-badge.overdue{border-color:rgba(255,105,124,.32);background:rgba(255,105,124,.07);color:#ffabb7}.match-schedule-hint{display:flex;align-items:flex-start;gap:9px;margin-top:10px;padding:8px 10px;border-left:3px solid rgba(255,184,77,.62);border-radius:0 8px 8px 0;background:rgba(255,184,77,.045);font-size:9px;line-height:1.45}.match-schedule-hint strong{flex:0 0 auto;color:#ffd38a}.match-schedule-hint span{color:#9fb2b7}.match-schedule-hint.fixed{border-left-color:rgba(103,217,154,.62);background:rgba(103,217,154,.035)}.match-schedule-hint.fixed strong{color:#a9ecc8}.match-schedule-hint.open,.match-schedule-hint.overdue{border-left-color:rgba(255,105,124,.62)}.match-schedule-hint.open strong,.match-schedule-hint.overdue strong{color:#ffabb7}.dashboard-schedule-note{display:block;margin-top:5px;color:#d9b773;font-size:8px;font-style:normal;line-height:1.35}.week-event.schedule-default{border-color:rgba(255,184,77,.34);background:linear-gradient(160deg,rgba(255,184,77,.055),rgba(255,255,255,.012))}.week-event.schedule-fixed{border-color:rgba(103,217,154,.3)}.week-match-schedule{display:grid;gap:2px;margin-top:7px;padding:6px 7px;border-radius:7px;background:rgba(255,184,77,.055)}.week-match-schedule b{color:#ffd38a;font-size:7px;letter-spacing:.05em}.week-match-schedule small{color:#a69678;font-size:7px;line-height:1.3}.schedule-fixed .week-match-schedule{background:rgba(103,217,154,.045)}.schedule-fixed .week-match-schedule b{color:#a9ecc8}.match-prep-schedule{display:block;margin-top:4px;color:#d9b773;font-size:8px;font-style:normal;line-height:1.35}.match-prep-schedule.fixed{color:#9edebd}.lifecycle-line strong{color:#dceff2}.social-life-scheduled .social-life-badge{border-color:rgba(255,184,77,.34);background:rgba(255,184,77,.075);color:#ffd38a}
@media(max-width:680px){.match-schedule-hint{display:grid;gap:3px}.match-schedule-badge{white-space:normal}}

/* v3.0.2 Match Legacy archive and league badges */
.matches-legacy-archive{margin-top:12px;padding:0;overflow:hidden}.matches-legacy-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;cursor:pointer;list-style:none}.matches-legacy-summary::-webkit-details-marker{display:none}.matches-legacy-summary:after{content:'⌄';color:#8bddec;font-size:16px;line-height:1;transition:transform .15s ease}.matches-legacy-archive[open] .matches-legacy-summary:after{transform:rotate(180deg)}.matches-legacy-heading{display:grid;gap:4px;min-width:0}.matches-legacy-heading strong{font-size:14px}.matches-legacy-heading small{color:#91a8b0;font-size:9px;line-height:1.45}.matches-legacy-summary #legacyMatchesArchiveCount{margin-left:auto;white-space:nowrap}.matches-legacy-list{margin:0;padding:0 16px 16px}.league-badge{display:inline-flex;align-items:center;max-width:min(320px,70vw);min-height:21px;padding:3px 8px;border:1px solid hsl(var(--league-hue) 62% 65% / .30);border-radius:7px;background:hsl(var(--league-hue) 58% 48% / .12);color:hsl(var(--league-hue) 74% 82%);font-size:8px;font-weight:900;letter-spacing:.04em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* v3.0.2 — BO1/BO3 showcase layout based on the approved visual */
.branded-match-title.match-showcase{display:grid;grid-template-columns:minmax(180px,.72fr) minmax(130px,1.6fr) minmax(62px,.35fr);align-items:center;width:100%;gap:18px;margin-top:14px}
.match-team-stack{display:grid;gap:7px;align-content:center;padding-right:16px;border-right:1px solid rgba(205,239,245,.10)}
.match-team-stack .match-team{gap:10px}.match-team-stack .match-team>strong{font-size:18px}.match-team-stack .versus-mark{padding-left:24px}
.match-map-scoreboard{display:flex;align-items:stretch;justify-content:center;gap:10px;min-width:0}
.map-score-card{display:grid;justify-items:center;align-content:center;gap:7px;flex:0 1 142px;min-width:100px;max-width:150px;padding:11px 10px;border:1px solid rgba(205,239,245,.09);border-radius:12px;background:linear-gradient(155deg,rgba(255,255,255,.035),rgba(255,255,255,.014))}
.map-score-logo{width:62px;height:62px;display:block;object-fit:contain;background:transparent;filter:drop-shadow(0 3px 7px rgba(0,0,0,.36))}
.map-score-copy{display:grid;justify-items:center;gap:5px;align-content:center}.map-score-name{font-size:9px;font-weight:900;letter-spacing:.035em;color:#8ca7ae}
.map-score-copy>strong{display:flex;align-items:baseline;gap:4px;font-size:27px;font-weight:950;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.055em;color:#eef8fa}.map-score-copy>strong i{font-size:15px;font-style:normal;color:#69858c}
.map-score-card.win .map-score-copy>strong{color:#88e8b6}.map-score-card.loss .map-score-copy>strong{color:#ff9a9a}
.match-showcase>.series-score{display:grid;justify-items:center;align-content:center;gap:5px;min-width:62px;padding-left:16px;border-left:1px solid rgba(205,239,245,.10);font-size:38px}.match-showcase>.series-score small{font-size:8px;letter-spacing:.12em;color:#78949b}
.match-card.match-won{border:2px solid rgba(76,216,142,.72);box-shadow:0 0 0 1px rgba(76,216,142,.12) inset,0 12px 34px rgba(34,154,97,.10)}
.match-card.match-lost{border:2px solid rgba(255,105,124,.72);box-shadow:0 0 0 1px rgba(255,105,124,.11) inset,0 12px 34px rgba(190,55,75,.10)}
.match-card.match-won:before{width:4px;background:#4cd88e}.match-card.match-lost:before{width:4px;background:#ff697c}
.match-card.match-won:hover{border-color:#55e69a}.match-card.match-lost:hover{border-color:#ff788b}
.match-card.match-live{border:2px solid rgba(255,184,77,.76);box-shadow:0 0 0 1px rgba(255,184,77,.12) inset,0 14px 38px rgba(206,126,18,.12)}
.match-card.match-live:before{width:4px;background:#ffb84d;box-shadow:0 0 18px rgba(255,184,77,.72)}
.match-card.match-live:hover{border-color:#ffc568}
.match-live-badge{display:inline-flex;align-items:center;gap:6px;min-height:21px;padding:3px 9px;border:1px solid rgba(255,184,77,.5);border-radius:7px;background:rgba(255,184,77,.13);color:#ffd38a;font-size:8px;font-weight:950;letter-spacing:.09em;line-height:1.2;white-space:nowrap;box-shadow:0 0 16px rgba(255,184,77,.09)}
.match-live-badge i{width:6px;height:6px;border-radius:50%;background:#ffb84d;box-shadow:0 0 0 4px rgba(255,184,77,.12);animation:match-live-pulse 1.35s ease-in-out infinite}
@keyframes match-live-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.48;transform:scale(.82)}}
@media(prefers-reduced-motion:reduce){.match-live-badge i{animation:none}}
@media(max-width:900px){.branded-match-title.match-showcase{grid-template-columns:minmax(170px,.8fr) minmax(0,1.4fr) auto;gap:12px}.map-score-card{min-width:82px;padding:9px 7px}.map-score-logo{width:50px;height:50px}.map-score-copy>strong{font-size:23px}.match-showcase>.series-score{font-size:32px;padding-left:11px}}
@media(max-width:680px){.branded-match-title.match-showcase{grid-template-columns:1fr auto}.match-team-stack{grid-column:1;padding-right:10px}.match-showcase>.series-score{grid-column:2;grid-row:1}.match-map-scoreboard{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow-x:auto;padding-top:3px}.map-score-card{flex:0 0 104px;min-width:104px}.match-team-stack .team-logo-lg{width:45px;height:45px}.match-team-stack .match-team>strong{font-size:15px}}

/* v3.0.2 tournament lifecycle */
.source-badge.event-life{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:#b9cbd0}
.source-badge.event-life.upcoming{color:#8bddec;border-color:rgba(105,214,232,.25);background:rgba(105,214,232,.07)}
.source-badge.event-life.active{color:#91efbd;border-color:rgba(80,200,140,.3);background:rgba(80,200,140,.08)}
.source-badge.event-life.eliminated{color:#ff9da6;border-color:rgba(255,100,118,.3);background:rgba(255,100,118,.075)}
.source-badge.event-life.completed{color:#c6d3d7;border-color:rgba(198,211,215,.2);background:rgba(198,211,215,.055)}
.source-badge.event-life.withdrawn,.source-badge.event-life.cancelled{color:#f0c875;border-color:rgba(240,200,117,.26);background:rgba(240,200,117,.065)}
.event-card.event-card-archived{background:rgba(255,255,255,.014);border-color:rgba(255,255,255,.05)}
.event-card.event-card-archived h4{color:#c7d4d8}
.event-eliminate-btn{border-color:rgba(255,100,118,.24)!important;color:#ffb0b7!important;background:rgba(255,100,118,.05)!important}
.event-eliminate-btn:hover{background:rgba(255,100,118,.1)!important}
.compact-event-states,.home-event-state-row{display:flex!important;align-items:center;gap:6px;flex-wrap:wrap}
.compact-event-states{justify-content:flex-end}
.home-event-state-row{margin-top:12px}
.home-event-state-row small,.home-event-state-row .source-badge{margin-top:0!important}

/* FACEIT API v2 / intelligence */
.faceit-prediction{margin:12px 0;padding:10px 12px;border:1px solid rgba(93,213,187,.28);border-radius:12px;background:rgba(14,48,50,.45)}
.faceit-prediction.compact{margin:8px 0 2px;padding:8px 10px}
.faceit-prediction>div:first-child{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.faceit-prediction span{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.faceit-prediction strong{color:#73e8c7}.faceit-prediction b{margin-left:auto;color:#f2a1a7}.faceit-prediction small{display:block;margin-top:6px;color:var(--muted)}
.faceit-prediction-bar{height:5px!important;margin-top:7px;background:rgba(244,128,140,.28);border-radius:999px;overflow:hidden}.faceit-prediction-bar i{display:block;height:100%;background:linear-gradient(90deg,#47d8ae,#7ce9cb);border-radius:inherit}
.faceit-player-intel-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:4px 0 0}.faceit-player-intel-grid article{min-width:0;min-height:112px;padding:13px 14px;border:1px solid rgba(102,173,176,.2);border-radius:13px;background:linear-gradient(155deg,rgba(11,39,42,.72),rgba(7,25,29,.5));box-shadow:inset 0 1px 0 rgba(255,255,255,.015);display:flex;flex-direction:column}.faceit-player-intel-grid article>span{display:block;color:#8eaaad;font-size:.68rem;font-weight:700;letter-spacing:.055em;text-transform:uppercase}.faceit-player-intel-grid article>strong{display:block;margin:7px 0 6px;font-size:1.25rem;line-height:1.05;letter-spacing:-.02em;color:#edf8f8}.faceit-player-intel-grid article>small{display:block;margin-top:auto;color:var(--muted);font-size:.72rem;line-height:1.4;overflow-wrap:anywhere}.faceit-player-intel-grid article.warning{border-color:rgba(255,174,75,.38);background:linear-gradient(155deg,rgba(67,42,20,.36),rgba(18,27,29,.5))}.faceit-player-intel-grid article.warning strong{color:#ffbb63}.faceit-player-intel-grid article.ok{border-color:rgba(72,203,133,.24)}.faceit-player-intel-grid article.ok strong{color:#73e8c7}.badge.danger{border-color:rgba(255,110,125,.45);color:#ff8d99;background:rgba(105,25,35,.28)}
@media(max-width:980px){.faceit-player-intel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faceit-player-intel-grid article{min-height:104px}}
@media(max-width:560px){.scout-intelligence-grid{grid-template-columns:1fr}.faceit-player-intel-grid{grid-template-columns:1fr}.faceit-player-intel-grid article{min-height:auto}.scout-intel-fact{grid-column:1}}


/* v3.0.3 — Concurrent multi-tenant distribution foundation */
.primary-admin-meta-nav{position:relative;margin-top:9px!important;border-color:rgba(106,221,234,.18)!important;background:linear-gradient(135deg,rgba(27,87,94,.18),rgba(10,35,39,.18))!important}.primary-admin-meta-nav:before{content:'PRIMARY';position:absolute;right:10px;top:7px;font-size:6px;font-weight:950;letter-spacing:.1em;color:#77dce7;opacity:.78}.primary-admin-meta-nav>span{padding-right:36px}
.tenant-distribution-page{--tenant-accent:#76dce7}.tenant-distribution-head{align-items:flex-start}.tenant-primary-badge{border-color:rgba(118,220,231,.35);background:rgba(118,220,231,.08);color:#99edf4}.tenant-architecture-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;margin-bottom:14px;border-color:rgba(118,220,231,.22);background:linear-gradient(120deg,rgba(16,57,62,.58),rgba(7,25,29,.62))}.tenant-architecture-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(118,220,231,.28);border-radius:12px;color:#8ce8f0;font-size:22px;background:rgba(118,220,231,.06)}.tenant-architecture-strip strong{display:block;margin-bottom:3px}.tenant-architecture-strip p{margin:0;color:var(--muted);line-height:1.5}.tenant-architecture-strip code{color:#9ceaf0}.tenant-architecture-state{font-size:8px;font-weight:950;letter-spacing:.08em;color:#77e3c2;border:1px solid rgba(77,215,169,.27);background:rgba(77,215,169,.065);border-radius:999px;padding:7px 10px;white-space:nowrap}
.tenant-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.tenant-panel{padding:18px;margin-bottom:14px}.tenant-token-form{display:grid;gap:11px;margin-top:14px}.tenant-token-fields{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:10px}.tenant-token-form label{display:grid;gap:6px;color:var(--muted);font-size:.72rem}.tenant-token-form input,.tenant-token-form select{width:100%;min-width:0}.tenant-token-license-row{display:grid;grid-template-columns:minmax(250px,1fr) 190px auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid rgba(118,220,231,.15);border-radius:12px;background:linear-gradient(100deg,rgba(118,220,231,.045),rgba(255,255,255,.012))}.tenant-token-license-copy{display:grid;gap:2px;min-width:0}.tenant-token-license-copy>span{font-size:.58rem;font-weight:950;letter-spacing:.1em;color:#78dce8}.tenant-token-license-copy>strong{font-size:.82rem;color:#e8f4f6}.tenant-token-license-copy>small{color:var(--muted);line-height:1.35}.tenant-token-expiry-label{display:grid!important;gap:5px!important}.tenant-token-expiry-label>span{font-size:.66rem;font-weight:800;color:#93a9ae}.tenant-token-license-row>button{min-height:42px;align-self:end;white-space:nowrap}.tenant-token-create-status{min-height:18px;padding-left:2px}
.tenant-token-reveal{margin:14px 0 4px;padding:14px 15px;border:1px solid rgba(80,211,162,.34);border-radius:13px;background:linear-gradient(135deg,rgba(31,84,67,.22),rgba(10,35,37,.4));display:flex;gap:16px;justify-content:space-between;align-items:center}.tenant-token-reveal>div{display:grid;gap:4px;min-width:0}.tenant-token-reveal span{font-size:.65rem;font-weight:950;letter-spacing:.08em;color:#7fe1c0}.tenant-token-reveal code{font-size:1rem;color:#f1ffff;overflow-wrap:anywhere}.tenant-token-reveal small{color:var(--muted)}.tenant-list-head{margin-top:20px}.table-subline{display:block;margin-top:3px;color:var(--muted)}
.tenant-status{display:inline-flex;align-items:center;min-height:21px;padding:3px 8px;border:1px solid rgba(255,255,255,.13);border-radius:999px;font-size:7px;font-weight:900;letter-spacing:.065em;text-transform:uppercase;color:#b9ccd0}.tenant-status-active,.tenant-status-issued{border-color:rgba(76,211,158,.28);background:rgba(76,211,158,.07);color:#87e7c2}.tenant-status-onboarding{border-color:rgba(105,214,232,.3);background:rgba(105,214,232,.07);color:#8fe4ef}.tenant-status-revoked,.tenant-status-suspended{border-color:rgba(255,104,121,.3);background:rgba(255,104,121,.065);color:#ff9ca7}.tenant-status-expired,.tenant-status-archived{color:#8da1a6}.tenant-status-claimed{border-color:rgba(111,172,255,.28);background:rgba(111,172,255,.06);color:#a8c9ff}
.tenant-distribution-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.tenant-distribution-grid .tenant-panel{margin-bottom:14px}.tenant-registry-list,.tenant-onboarding-list{display:grid;gap:9px;margin-top:12px}.tenant-registry-card{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.018)}.tenant-registry-brand{display:flex;align-items:center;gap:11px;min-width:0}.tenant-registry-brand img,.tenant-registry-brand>span{width:36px;height:36px;object-fit:contain;border-radius:9px}.tenant-registry-brand>span{display:grid;place-items:center;border:1px solid var(--border)}.tenant-registry-brand div{display:grid;gap:3px;min-width:0}.tenant-registry-brand small{color:var(--muted);overflow-wrap:anywhere}.tenant-registry-meta{display:flex;align-items:center;gap:9px;white-space:nowrap}.tenant-registry-meta b{font-size:.72rem;color:var(--muted)}.tenant-onboarding-row{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--border);border-radius:11px}.tenant-onboarding-row>div{display:grid;gap:3px}.tenant-onboarding-row span,.tenant-onboarding-row small{color:var(--muted)}
.tenant-next-phase{padding:17px 18px}.tenant-next-phase h3{margin:4px 0 12px}.tenant-roadmap{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.tenant-roadmap span{display:flex;align-items:center;gap:7px;padding:9px;border:1px solid var(--border);border-radius:10px;color:var(--muted);font-size:.72rem}.tenant-roadmap b{width:21px;height:21px;display:grid;place-items:center;border:1px solid var(--border);border-radius:7px;color:#c3d5d9}.tenant-roadmap .done{border-color:rgba(76,211,158,.24);color:#a8dcca}.tenant-roadmap .done b{border-color:rgba(76,211,158,.32);color:#78dfb9}
@media(max-width:1100px){.tenant-token-fields{grid-template-columns:1fr 1fr}.tenant-token-license-row{grid-template-columns:1fr 180px auto}.tenant-distribution-grid{grid-template-columns:1fr}.tenant-roadmap{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.tenant-kpis,.tenant-token-fields,.tenant-roadmap{grid-template-columns:1fr}.tenant-token-license-row{grid-template-columns:1fr}.tenant-token-license-row>button{width:100%}.tenant-architecture-strip{grid-template-columns:auto 1fr}.tenant-architecture-state{grid-column:1/-1;justify-self:start}.tenant-token-reveal,.tenant-registry-card,.tenant-onboarding-row{align-items:stretch;flex-direction:column}.tenant-registry-meta{justify-content:space-between}}

/* v3.0.3 tenant access lifetime */
.tenant-access-blocked{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;margin-top:18px;padding:22px;border-color:rgba(255,104,121,.34);background:linear-gradient(135deg,rgba(255,104,121,.085),rgba(9,24,28,.96))}.tenant-access-blocked-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(255,104,121,.4);border-radius:15px;color:#ff9ca7;font-size:1.5rem;font-weight:900}.tenant-access-blocked h2{margin:3px 0 7px}.tenant-access-blocked p{margin:0;color:#dce8ea}.tenant-access-blocked small{display:block;margin-top:7px;color:var(--muted)}
.tenant-license{display:grid;gap:3px;min-width:150px}.tenant-license strong{font-size:.78rem}.tenant-license small{color:var(--muted)}.tenant-license-lifetime strong{color:#87e7c2}.tenant-license-warning strong{color:#ffd47a}.tenant-license-critical strong,.tenant-license-expired strong{color:#ff9ca7}.tenant-registry-card.is-expired{border-color:rgba(255,104,121,.28);background:linear-gradient(90deg,rgba(255,104,121,.045),rgba(255,255,255,.012))}.tenant-registry-actions{display:flex;align-items:center;gap:8px}.tenant-expiry-warning{grid-column:1/-1;margin-top:4px;padding:8px 10px;border:1px solid rgba(255,104,121,.23);border-radius:9px;background:rgba(255,104,121,.05);color:#ffb2bb;font-size:.72rem}.tenant-registry-card{flex-wrap:wrap}.tenant-registry-main{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%}
@media(max-width:720px){.tenant-access-blocked{grid-template-columns:1fr}.tenant-registry-main{align-items:stretch;flex-direction:column}.tenant-registry-meta{align-items:flex-start;flex-wrap:wrap}.tenant-license{min-width:0}}

/* v3.0.3 · Buyer onboarding wizard */
.tenant-buyer-entry,.tenant-buyer-wizard{margin-top:14px;padding:22px;border-color:rgba(95,213,225,.22);background:linear-gradient(145deg,rgba(9,27,31,.98),rgba(7,20,24,.98));}
.tenant-buyer-entry-head,.tenant-buyer-wizard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:18px;}
.tenant-buyer-entry-head h2,.tenant-buyer-wizard-head h2{margin:4px 0 5px;font-size:clamp(1.35rem,2.1vw,1.9rem);}
.tenant-buyer-entry-head p,.tenant-buyer-wizard-head p{margin:0;color:var(--muted);max-width:760px;line-height:1.55;}
.tenant-buyer-token-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;padding:16px;border:1px solid rgba(105,182,192,.18);border-radius:14px;background:rgba(8,25,29,.72);}
.tenant-buyer-token-form label{display:grid;gap:7px;color:var(--muted);font-size:.76rem;font-weight:700;letter-spacing:.03em;}
.tenant-buyer-token-form input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em;}
.tenant-buyer-token-result{margin-top:14px;padding:15px 16px;border:1px solid rgba(77,221,174,.26);border-radius:14px;background:rgba(24,89,72,.16);}
.tenant-buyer-token-result.is-error{border-color:rgba(255,109,109,.3);background:rgba(120,35,35,.16);}
.tenant-buyer-token-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 14px;}
.tenant-buyer-token-result-grid div{padding:10px 12px;border:1px solid rgba(125,190,200,.15);border-radius:10px;background:rgba(5,19,22,.5);}
.tenant-buyer-token-result-grid span{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;}
.tenant-buyer-token-result-grid strong{font-size:.9rem;overflow-wrap:anywhere;}
.tenant-buyer-token-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.tenant-buyer-token-actions small{color:var(--muted);}
.tenant-buyer-progress{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:4px 0 20px;}
.tenant-buyer-progress-step{position:relative;padding:10px 8px;border:1px solid rgba(120,180,190,.14);border-radius:10px;background:rgba(7,23,27,.62);min-width:0;}
.tenant-buyer-progress-step b{display:flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:999px;background:rgba(111,151,158,.12);font-size:.74rem;margin-bottom:7px;}
.tenant-buyer-progress-step span{display:block;color:var(--muted);font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tenant-buyer-progress-step.is-done{border-color:rgba(75,220,174,.25);background:rgba(26,94,75,.13);}
.tenant-buyer-progress-step.is-done b{background:rgba(75,220,174,.2);color:#7ff0c4;}
.tenant-buyer-progress-step.is-active{border-color:rgba(93,218,230,.4);box-shadow:inset 0 0 0 1px rgba(93,218,230,.08);}
.tenant-buyer-progress-step.is-active b{background:rgba(93,218,230,.2);color:#9eeaf2;}
.tenant-buyer-wizard-body{display:grid;gap:16px;}
.tenant-buyer-stage{padding:18px;border:1px solid rgba(115,180,190,.16);border-radius:14px;background:rgba(7,23,27,.68);}
.tenant-buyer-stage-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px;}
.tenant-buyer-stage-head h3{margin:2px 0 4px;font-size:1.05rem;}
.tenant-buyer-stage-head p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.5;}
.tenant-buyer-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end;}
.tenant-buyer-form-grid label,.tenant-buyer-faceit-form label{display:grid;gap:6px;color:var(--muted);font-size:.72rem;font-weight:700;}
.tenant-buyer-faceit-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;}
.tenant-buyer-team-card{display:flex;gap:13px;align-items:center;padding:13px;border-radius:12px;border:1px solid rgba(95,213,225,.18);background:rgba(7,29,33,.72);}
.tenant-buyer-team-card img,.tenant-buyer-team-avatar{width:48px;height:48px;border-radius:10px;object-fit:cover;background:rgba(255,255,255,.04);}
.tenant-buyer-team-card strong{display:block;font-size:1rem;}.tenant-buyer-team-card small{display:block;color:var(--muted);margin-top:3px;}
.tenant-buyer-roster{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px;}
.tenant-buyer-player{position:relative;display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;padding:11px;border:1px solid rgba(120,180,190,.15);border-radius:11px;background:rgba(5,19,22,.58);cursor:pointer;transition:.16s ease;min-width:0;}
.tenant-buyer-player:hover{border-color:rgba(95,213,225,.35);transform:translateY(-1px);}.tenant-buyer-player.is-selected{border-color:rgba(75,220,174,.5);background:rgba(27,92,75,.2);box-shadow:inset 0 0 0 1px rgba(75,220,174,.08);}
.tenant-buyer-player input{position:absolute;opacity:0;pointer-events:none;}.tenant-buyer-player img,.tenant-buyer-player-avatar{width:34px;height:34px;border-radius:8px;object-fit:cover;background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;}
.tenant-buyer-player strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;}.tenant-buyer-player small{display:block;color:var(--muted);font-size:.66rem;margin-top:2px;}
.tenant-buyer-lineup-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(120,180,190,.12);}
.tenant-buyer-lineup-count{font-size:.78rem;color:var(--muted);}.tenant-buyer-lineup-count strong{color:var(--text);font-size:.95rem;}
.tenant-buyer-review{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;}.tenant-buyer-review-item{padding:13px;border:1px solid rgba(120,180,190,.14);border-radius:11px;background:rgba(5,19,22,.52);}.tenant-buyer-review-item span{display:block;color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;}.tenant-buyer-review-item strong{font-size:.9rem;overflow-wrap:anywhere;}
.tenant-buyer-ready{padding:18px;border:1px solid rgba(75,220,174,.28);border-radius:14px;background:linear-gradient(135deg,rgba(28,99,79,.2),rgba(7,27,31,.7));}.tenant-buyer-ready h3{margin:0 0 6px}.tenant-buyer-ready p{margin:0;color:var(--muted);line-height:1.55}.tenant-buyer-ready-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:rgba(75,220,174,.18);color:#7ff0c4;font-weight:900;margin-bottom:10px;}
.tenant-buyer-wizard-status{min-height:18px;margin-top:12px;}
@media(max-width:980px){.tenant-buyer-progress{grid-template-columns:repeat(3,minmax(0,1fr));}.tenant-buyer-roster{grid-template-columns:repeat(3,minmax(0,1fr));}.tenant-buyer-form-grid{grid-template-columns:1fr 1fr;}.tenant-buyer-form-grid label:last-of-type{grid-column:1/-1;}}
@media(max-width:680px){.tenant-buyer-entry,.tenant-buyer-wizard{padding:16px}.tenant-buyer-entry-head,.tenant-buyer-wizard-head{display:grid}.tenant-buyer-token-form,.tenant-buyer-faceit-form{grid-template-columns:1fr}.tenant-buyer-token-form button,.tenant-buyer-faceit-form button{width:100%}.tenant-buyer-token-result-grid,.tenant-buyer-review{grid-template-columns:1fr}.tenant-buyer-progress{grid-template-columns:repeat(2,minmax(0,1fr));}.tenant-buyer-form-grid{grid-template-columns:1fr}.tenant-buyer-form-grid label:last-of-type{grid-column:auto}.tenant-buyer-roster{grid-template-columns:repeat(2,minmax(0,1fr));}.tenant-buyer-lineup-footer{align-items:stretch;flex-direction:column}.tenant-buyer-lineup-footer button{width:100%}}

.tenant-onboarding-row-state{display:grid!important;justify-items:end;align-content:center;gap:5px}.tenant-onboarding-row-state small{font-size:.66rem}@media(max-width:720px){.tenant-onboarding-row-state{justify-items:start}}

/* v3.0.3 — Dynamic tenant branding */
.brand-mark img{filter:none!important;border-radius:12px}
.brand-mark #portalBrandFallback{font-size:20px;font-weight:950;letter-spacing:-.04em;color:var(--accent-strong)}
.portal-footer #portalFooterLogo{filter:none!important;border-radius:8px}

.tenant-license-pending{border-color:rgba(105,214,232,.28)!important;background:rgba(105,214,232,.07)!important}
.tenant-readiness-line{margin-top:10px;padding:10px 12px;border-radius:11px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;border:1px solid var(--border);background:rgba(255,255,255,.02)}
.tenant-readiness-line strong{font-size:11px}.tenant-readiness-line span{color:var(--muted);font-size:10px}.tenant-readiness-line.is-ready{border-color:rgba(74,222,128,.25);background:rgba(74,222,128,.055)}.tenant-readiness-line.is-ready strong{color:var(--success)}.tenant-readiness-line.is-pending strong{color:var(--warning)}
.tenant-registry-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}

/* v3.0.3 — tenant license extension controls */
.tenant-license-extension{width:100%;margin-top:10px;padding:11px 12px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.018);display:grid;gap:9px}.tenant-license-extension-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.tenant-license-extension-head>div{display:grid;gap:2px}.tenant-license-extension-head strong{font-size:11px}.tenant-license-extension-head small,.tenant-license-extension-head>span{font-size:10px;color:var(--muted)}.tenant-license-extension-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.tenant-license-custom{display:flex;align-items:center;gap:6px}.tenant-license-custom input{width:82px;min-height:31px;padding:5px 8px;border-radius:8px}.tenant-license-extension .small-btn{white-space:nowrap}@media(max-width:720px){.tenant-license-extension-head{flex-direction:column;gap:5px}.tenant-license-extension-actions{align-items:stretch}.tenant-license-custom{width:100%}.tenant-license-custom input{flex:1;width:auto}.tenant-license-extension .small-btn{flex:1}}

/* v3.0.4 — Primary platform tenant stats */
.tenant-platform-stats{display:grid;grid-template-columns:repeat(8,minmax(74px,1fr));gap:8px;padding:12px 0;border-top:1px solid var(--border,rgba(255,255,255,.08));margin-top:8px}
.tenant-platform-stats>div{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border:1px solid var(--border,rgba(255,255,255,.08));border-radius:10px;background:rgba(255,255,255,.018)}
.tenant-platform-stats span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted,#8198a0)}
.tenant-platform-stats strong{font-size:14px;color:var(--text,#e8f1f2)}
.warning-text{color:#f3c95f!important}
@media(max-width:1100px){.tenant-platform-stats{grid-template-columns:repeat(4,1fr)}}
@media(max-width:680px){.tenant-platform-stats{grid-template-columns:repeat(2,1fr)}}


/* v3.0.5 — tenant-safe customer status + official FACEIT profile treatment */
.faceit-fallback-label{display:block;margin-top:4px;font-size:7px!important;line-height:1.1;text-transform:uppercase;letter-spacing:.1em;color:#65dbe8!important;font-weight:800}
.faceit-profile-panel{display:grid;grid-template-columns:minmax(145px,.8fr) 2fr;gap:9px;margin-top:10px;padding:9px;border:1px solid rgba(104,216,232,.16);border-radius:11px;background:linear-gradient(135deg,rgba(12,31,37,.92),rgba(18,37,43,.58));position:relative}
.faceit-profile-level{display:flex;align-items:center;gap:9px;min-width:0}.faceit-level-badge{width:42px;height:42px;object-fit:contain;flex:0 0 42px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.24))}.faceit-profile-level>div{display:grid;gap:1px;min-width:0}.faceit-profile-level span,.faceit-profile-metrics span,.faceit-profile-meta span{font-size:7px;text-transform:uppercase;letter-spacing:.09em;color:#6fd6e3;font-weight:800}.faceit-profile-level strong{font-size:13px}.faceit-profile-level small{font-size:9px;color:var(--muted)}
.faceit-profile-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.faceit-profile-metrics>div{padding:6px 7px;border:1px solid rgba(255,255,255,.055);border-radius:8px;background:rgba(255,255,255,.018);min-width:0}.faceit-profile-metrics strong{display:block;margin-top:3px;font-size:11px;font-variant-numeric:tabular-nums}.faceit-profile-meta{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;padding-top:6px;border-top:1px solid rgba(255,255,255,.05)}.faceit-profile-meta small{font-size:8px;color:var(--muted)}
.tenant-platform-stats{grid-template-columns:repeat(9,minmax(68px,1fr))}.tenant-platform-activity{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;width:100%;padding:7px 10px;border-top:1px solid var(--border,rgba(255,255,255,.08));color:var(--muted);font-size:10px}.tenant-platform-activity span{font-size:8px;text-transform:uppercase;letter-spacing:.08em}.tenant-platform-activity strong{color:var(--text);font-size:10px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tenant-platform-activity small{white-space:nowrap}
@media(max-width:1100px){.tenant-platform-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.faceit-profile-panel{grid-template-columns:1fr}.faceit-profile-metrics{grid-template-columns:repeat(3,1fr)}.tenant-platform-activity{grid-template-columns:1fr}.tenant-platform-activity small{white-space:normal}}
@media(max-width:430px){.faceit-profile-metrics{grid-template-columns:repeat(2,1fr)}}


/* v3.0.6 — Tenant Support Tickets */
.ticket-head .section-actions{align-items:center;gap:12px;flex-wrap:wrap}.ticket-permission-hint{font-size:.78rem;color:var(--muted);padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.02)}
.ticket-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.ticket-board{padding:20px}.ticket-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 190px 190px auto;gap:12px;align-items:end;margin:18px 0}.ticket-toolbar label{display:grid;gap:6px;font-size:.76rem;color:var(--muted)}.ticket-list{display:grid;gap:10px}.ticket-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;text-align:left;padding:16px 17px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018);color:inherit}.ticket-row:hover{border-color:rgba(78,224,190,.42);background:rgba(78,224,190,.035)}.ticket-row-main{display:grid;gap:6px;min-width:0}.ticket-row-main>small,.ticket-row-main>span:last-child{color:var(--muted)}.ticket-row-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ticket-row-top strong{font-size:.95rem}.ticket-row-meta{display:grid;justify-items:end;align-content:center;gap:4px;white-space:nowrap}.ticket-row-meta small{color:var(--muted)}
.ticket-status,.ticket-priority{display:inline-flex;align-items:center;width:max-content;padding:4px 8px;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.03em;border:1px solid}.ticket-status-open{color:#67e8c7;border-color:rgba(103,232,199,.3);background:rgba(48,183,150,.08)}.ticket-status-in-progress{color:#f5c56d;border-color:rgba(245,197,109,.32);background:rgba(245,197,109,.07)}.ticket-status-resolved{color:#79d89a;border-color:rgba(121,216,154,.32);background:rgba(121,216,154,.08)}.ticket-status-closed{color:#9aaeb3;border-color:rgba(154,174,179,.25);background:rgba(154,174,179,.05)}.ticket-priority{margin-left:6px;color:var(--muted);border-color:var(--line)}.priority-high{color:#f5c56d}.priority-urgent{color:#ff8f8f;border-color:rgba(255,143,143,.3)}
.ticket-detail{display:grid;gap:18px}.ticket-detail-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.ticket-detail-head>div{display:flex;align-items:center}.ticket-detail-head>strong{font-size:1rem}.ticket-detail-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ticket-detail-meta span{display:grid;gap:3px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:.76rem}.ticket-detail-meta strong{color:var(--text);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.ticket-message,.ticket-public-response{padding:14px 15px;border:1px solid var(--line);border-radius:12px}.ticket-message p,.ticket-public-response p{margin:7px 0 0;white-space:pre-wrap;color:var(--muted);line-height:1.55}.ticket-public-response{border-color:rgba(78,224,190,.28);background:rgba(78,224,190,.035)}.ticket-attachments,.ticket-timeline{display:grid;gap:10px}.ticket-attachments h4,.ticket-timeline h4{margin:0}.ticket-file{display:flex;justify-content:space-between;align-items:center;gap:15px;text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.015);color:inherit}.ticket-file>span{display:flex;align-items:center;gap:8px}.ticket-file small{color:var(--muted)}.ticket-history-row{display:grid;grid-template-columns:12px 1fr;gap:10px}.ticket-history-row i{width:7px;height:7px;margin-top:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(78,224,190,.08)}.ticket-history-row div{display:grid;gap:2px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.05)}.ticket-history-row span,.ticket-history-row small{color:var(--muted)}.ticket-history-row small{font-size:.7rem}.ticket-manage-form{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.ticket-portal-lock{display:flex;gap:12px;align-items:center;padding:13px 14px;border:1px solid rgba(78,224,190,.25);border-radius:12px;background:rgba(78,224,190,.035)}.ticket-portal-lock .ui-icon{width:22px;height:22px}.ticket-portal-lock div{display:grid;gap:2px}.ticket-portal-lock span,.ticket-portal-lock small{color:var(--muted);font-size:.74rem}.ticket-portal-lock strong{font-size:1rem}
@media(max-width:1100px){.ticket-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.ticket-toolbar{grid-template-columns:1fr 1fr}.ticket-detail-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.ticket-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-toolbar{grid-template-columns:1fr}.ticket-row{grid-template-columns:1fr}.ticket-row-meta{justify-items:start}.ticket-detail-meta{grid-template-columns:1fr}.ticket-detail-head{align-items:flex-start;flex-direction:column}}


/* v3.0.7 — global operator imprint + tenant favicon */
.portal-footer{gap:12px;flex-wrap:wrap}.footer-legal-link{margin-left:auto;background:transparent;border:0;color:var(--muted);padding:7px 9px;font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.footer-legal-link:hover{color:var(--text)}
.legal-dialog .dialog-shell{max-width:720px}.legal-imprint-card{display:grid;gap:13px}.legal-imprint-card h3{margin:0;font-size:24px}.legal-form{margin:-8px 0 0;color:var(--muted)}.legal-address{line-height:1.65;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.018)}.legal-grid{display:grid;gap:7px}.legal-row{display:grid;grid-template-columns:170px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid var(--border)}.legal-row span{color:var(--muted);font-size:12px}.legal-row strong{font-size:13px;overflow-wrap:anywhere}.legal-extra{padding:12px 14px;border-radius:12px;background:rgba(105,214,232,.06);border:1px solid rgba(105,214,232,.16);font-size:12px;line-height:1.6}.legal-admin-summary{display:grid;grid-template-columns:minmax(180px,1fr) minmax(160px,.6fr) auto;gap:12px;align-items:end}.legal-admin-summary>div{display:grid;gap:4px}.legal-admin-summary span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.legal-admin-summary strong{font-size:15px}.legal-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.legal-publish-toggle{margin-top:4px;padding:10px 12px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.018)}
@media(max-width:700px){.legal-admin-summary,.legal-form-grid{grid-template-columns:1fr}.footer-legal-link{margin-left:0}.legal-row{grid-template-columns:1fr;gap:3px}}


/* v3.0.8 — language selector */
html.i18n-pending body{visibility:hidden}
.language-switcher{position:relative;display:flex;align-items:center;z-index:70}
.language-current{display:inline-flex;align-items:center;gap:7px;min-width:74px;justify-content:center;padding:8px 10px;border-radius:12px}
.language-flag{font-size:19px;line-height:1}.language-chevron{font-size:11px;opacity:.7}
.language-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:168px;padding:7px;background:#0b151b;border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.42);display:grid;gap:3px}
.language-menu.hidden{display:none}
.language-menu button{display:grid;grid-template-columns:26px 1fr;align-items:center;gap:8px;width:100%;text-align:left;padding:9px 10px;background:transparent;border:1px solid transparent;border-radius:9px;color:inherit}
.language-menu button:hover,.language-menu button.active{background:rgba(105,214,232,.09);border-color:rgba(105,214,232,.2)}
.language-menu button span{font-size:19px}.language-menu button strong{font-size:13px;font-weight:650}
@media(max-width:760px){.language-current{min-width:60px;padding:8px}.language-current .language-chevron{display:none}.language-menu{position:fixed;right:12px;top:74px}}

/* v3.0.8 language hotfix v2 — OS-independent SVG flags + reliable full menu hit area */
.app-header,.header-context,.language-switcher{overflow:visible!important}
.header-context{position:relative;z-index:120}
.language-switcher{z-index:160}
.language-menu{z-index:1000;min-width:184px}
.language-flag,.language-option-flag{display:block;width:24px;height:16px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.14);flex:none}
.language-flag{width:26px;height:17px}
.language-menu button{position:relative;z-index:1;cursor:pointer;min-height:42px;grid-template-columns:28px 1fr}
.language-menu button strong{pointer-events:none}
.language-option-flag{pointer-events:none}


/* v3.0.8 language hotfix v4 — direct flag strip; no dropdown/hit-area dependency */
.language-strip{display:flex;align-items:center;gap:5px;padding:4px;border:1px solid var(--border);border-radius:13px;background:rgba(7,18,22,.78);backdrop-filter:blur(14px);z-index:180}
.language-flag-btn{display:grid;grid-template-columns:24px;place-items:center;gap:2px;min-width:38px!important;min-height:38px!important;padding:5px 6px!important;border-radius:9px!important;background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;cursor:pointer;transform:none!important}
.language-flag-btn:hover{background:rgba(105,214,232,.07)!important;border-color:rgba(105,214,232,.18)!important;transform:none!important}
.language-flag-btn.active,.language-flag-btn[data-active="true"]{background:rgba(105,214,232,.14)!important;border-color:rgba(105,214,232,.42)!important;box-shadow:0 0 0 1px rgba(105,214,232,.08) inset!important}
.language-flag-btn .language-option-flag{width:24px;height:16px;pointer-events:none}
.language-flag-btn span{font-size:8px;line-height:1;font-weight:900;letter-spacing:.08em;color:var(--muted);pointer-events:none}
.language-flag-btn.active span{color:var(--accent-strong)}
@media(max-width:760px){.language-strip{gap:2px;padding:3px}.language-flag-btn{min-width:33px!important;padding:4px!important}.language-flag-btn span{display:none}}


/* Public home + shop */
.public-home-page{display:grid;gap:16px;margin:18px 0 14px}
.public-home-page.hidden{display:none}
.public-home-hero{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(320px,1.15fr);gap:18px;align-items:stretch}
.public-home-copy{display:grid;align-content:center;gap:14px;padding:8px 4px}
.public-home-copy h2{margin:0;font-size:34px;line-height:1.08;letter-spacing:-.03em}
.public-home-copy p{margin:0;color:var(--muted);max-width:62ch}
.public-home-actions{display:flex;gap:10px;flex-wrap:wrap}
.public-home-slider{display:grid;gap:10px}
.public-slide-stage{min-height:380px}
.public-slide-card{display:grid;grid-template-rows:minmax(260px,1fr) auto;height:100%;min-height:380px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.02)}
.public-slide-card img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block;background:#071013}
.public-slide-caption{position:static;display:grid;gap:4px;padding:16px 18px;border-top:1px solid rgba(205,239,245,.1);background:linear-gradient(180deg,rgba(5,16,20,.96),rgba(3,10,12,.98));backdrop-filter:blur(10px)}
.public-slide-caption strong{font-size:18px}.public-slide-caption span{font-size:13px;color:#bad1d6}
.public-slide-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-inline:4px}.public-slide-dots{display:flex;align-items:center;justify-content:center;gap:8px;flex:1}.public-slide-dot{width:10px;height:10px;padding:0;border-radius:999px;border:1px solid rgba(205,239,245,.2);background:rgba(255,255,255,.12)}.public-slide-dot.active{background:var(--accent);box-shadow:0 0 0 4px rgba(105,214,232,.12)}
.public-shop-card{display:grid;gap:14px}.public-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.public-shop-item{display:grid;gap:14px;align-content:space-between;padding:18px}.public-shop-item h4{margin:5px 0 8px;font-size:18px}.public-shop-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.public-shop-price{font-size:30px;font-weight:950;letter-spacing:-.03em;color:#f3fbfd}.shop-buy-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:11px;border:1px solid rgba(105,214,232,.22);background:rgba(105,214,232,.1);color:#dffcff;font-weight:850;text-decoration:none}.shop-buy-btn:hover{background:rgba(105,214,232,.16)}
.public-shop-admin-form{display:grid;gap:16px}.public-shop-admin-products{display:grid;gap:14px}.public-shop-admin-item{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}.public-shop-admin-item .grid-span-2{grid-column:1/-1}
@media(max-width:980px){.public-home-hero{grid-template-columns:1fr}.public-shop-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.public-home-copy h2{font-size:26px}.public-slide-stage,.public-slide-card{min-height:320px}.public-slide-card{grid-template-rows:minmax(220px,1fr) auto}.public-slide-card img{min-height:220px}.public-shop-grid{grid-template-columns:1fr}.public-shop-admin-item{grid-template-columns:1fr}}

/* PRIMARY public-home slideshow management */
.public-slide-admin-list{display:grid;gap:14px}
.public-slide-admin-card{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1fr);gap:14px;padding:14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.018)}
.public-slide-admin-preview{min-height:180px;border:1px solid rgba(205,239,245,.09);border-radius:12px;overflow:hidden;background:#061014;display:grid;place-items:center}
.public-slide-admin-preview img{width:100%;height:100%;min-height:180px;max-height:260px;object-fit:cover;display:block}
.public-slide-admin-fields{display:grid;gap:10px;align-content:start}
.public-slide-admin-actions{grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:2px}
.public-slide-admin-actions [data-slide-move]{min-width:42px}
.public-shop-item .shop-buy-btn.is-disabled{opacity:.45;pointer-events:none;cursor:not-allowed}
@media(max-width:800px){.public-slide-admin-card{grid-template-columns:1fr}.public-slide-admin-preview img{max-height:none}}


/* PRIMARY-only Website workspace */
.website-admin-page{display:grid;gap:14px}
.website-admin-section{scroll-margin-top:118px}
.website-admin-section>.detail-section-head{margin-bottom:14px}
.portal-navigation[data-active-group="website"] .sidebar-context-nav{border-color:rgba(105,214,232,.20)}
.portal-navigation[data-active-group="website"] .sidebar-context-head>div>span{color:var(--accent)}


/* v3.0.8 — compact language dropdown restored; direct per-language handlers retained */
.language-strip{display:contents!important}
.language-flag-btn{display:none!important}
.language-switcher{position:relative;display:flex;align-items:center;z-index:180;overflow:visible!important}
.language-current{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-width:84px!important;min-height:40px!important;padding:7px 10px!important;border-radius:12px!important;background:rgba(7,18,22,.78)!important;border:1px solid var(--border)!important;box-shadow:none!important;cursor:pointer}
.language-current:hover,.language-current[aria-expanded="true"]{background:rgba(105,214,232,.08)!important;border-color:rgba(105,214,232,.28)!important}
.language-current strong{font-size:11px;letter-spacing:.08em;color:var(--text);pointer-events:none}
.language-current .language-chevron{font-size:12px;line-height:1;opacity:.7;transition:transform .16s ease;pointer-events:none}
.language-current[aria-expanded="true"] .language-chevron{transform:rotate(180deg)}
.language-menu{position:absolute!important;right:0!important;top:calc(100% + 9px)!important;min-width:190px!important;padding:7px!important;background:rgba(8,20,26,.98)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important;box-shadow:0 18px 50px rgba(0,0,0,.48)!important;backdrop-filter:blur(16px);display:grid!important;gap:3px!important;z-index:1000!important}
.language-menu.hidden{display:none!important}
.language-menu button{display:grid!important;grid-template-columns:30px 1fr!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:42px!important;text-align:left!important;padding:8px 10px!important;background:transparent!important;border:1px solid transparent!important;border-radius:9px!important;color:inherit!important;box-shadow:none!important;cursor:pointer;transform:none!important}
.language-menu button:hover,.language-menu button.active,.language-menu button[data-active="true"]{background:rgba(105,214,232,.09)!important;border-color:rgba(105,214,232,.2)!important;transform:none!important}
.language-menu button strong{font-size:13px;font-weight:700;pointer-events:none}
.language-option-flag{display:block;width:24px;height:16px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.14);pointer-events:none}
.language-flag{display:block;width:26px;height:17px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.14);pointer-events:none}
@media(max-width:760px){.language-current{min-width:68px!important;padding:7px 8px!important}.language-current strong{font-size:10px}.language-menu{position:fixed!important;right:12px!important;top:74px!important;left:auto!important}}

/* v3.0.8 language dropdown hotfix v2 — header stacking context above portal content */
.app-header{
  position:relative!important;
  z-index:10000!important;
  overflow:visible!important;
}
.header-context{
  position:relative!important;
  z-index:10010!important;
  overflow:visible!important;
}
.language-switcher{
  position:relative!important;
  z-index:10020!important;
  overflow:visible!important;
}
.language-menu{
  z-index:10030!important;
  pointer-events:auto!important;
  isolation:isolate;
}
.language-menu button{
  pointer-events:auto!important;
  opacity:1!important;
  filter:none!important;
}
.language-menu button > *{pointer-events:none!important}



/* ==========================================================================
   v3.0.8 — MIDROUND visual identity
   Logo palette: graphite / ice / cyan / turquoise / cool blue.
   PRIMARY-only navigation intentionally inherits its dedicated gold/violet
   treatment from the block below.
   ========================================================================== */
:root{
  --ep-bg:#050d10;
  --ep-bg-2:#071418;
  --ep-surface:#09191d;
  --ep-surface-2:#0c2025;
  --ep-surface-3:#102a30;
  --ep-cyan:#35e4e6;
  --ep-cyan-strong:#8dfbff;
  --ep-turquoise:#39d9c9;
  --ep-blue:#31bff2;
  --ep-ice:#e8fcff;
  --ep-muted:#7fa2aa;
  --ep-line:rgba(100,235,239,.105);
  --ep-line-strong:rgba(100,235,239,.20);

  --bg:var(--ep-bg);
  --bg-2:var(--ep-bg-2);
  --surface:var(--ep-surface);
  --surface-2:var(--ep-surface-2);
  --surface-3:var(--ep-surface-3);
  --card:linear-gradient(180deg,rgba(13,34,39,.975),rgba(7,23,27,.975));
  --border:var(--ep-line);
  --border-strong:var(--ep-line-strong);
  --line:rgba(112,232,236,.085);
  --text:#eefbfc;
  --text-soft:#c8e1e5;
  --muted:var(--ep-muted);
  --accent:var(--ep-cyan);
  --accent-strong:var(--ep-cyan-strong);
  --accent-soft:rgba(53,228,230,.10);
  --purple:#67bfff;
  --purple-soft:rgba(49,191,242,.10);
  --documents:var(--ep-turquoise);

  /* Page identities now live inside the MIDROUND spectrum. */
  --overview:#35e4e6;
  --team:#40dccb;
  --matches:#62dcf3;
  --analytics:#4bbef5;
  --scouting:#35d8ee;
  --candidates:#55e8db;
  --planning:#50c7ef;
  --workflow:#66d8f1;
  --operations:#42d7e1;
  --admin:#76dff1;
}

html{background:var(--ep-bg)!important}
body{
  background:
    radial-gradient(circle at 8% -6%,rgba(53,228,230,.13),transparent 29rem),
    radial-gradient(circle at 88% 3%,rgba(49,191,242,.085),transparent 27rem),
    radial-gradient(circle at 48% 108%,rgba(57,217,201,.045),transparent 35rem),
    linear-gradient(180deg,#050d10 0%,#071317 47%,#050d10 100%)!important;
}
body:before{
  opacity:.22;
  background-image:
    linear-gradient(rgba(107,234,238,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(107,234,238,.018) 1px,transparent 1px);
  background-size:38px 38px;
}
::selection{background:rgba(53,228,230,.28)!important;color:#fff}
*{scrollbar-color:#1c4d55 transparent}

/* Global frame */
.app-header{
  background:
    radial-gradient(480px 180px at 7% 0%,rgba(53,228,230,.09),transparent 70%),
    linear-gradient(135deg,rgba(10,31,36,.975),rgba(5,18,22,.94))!important;
  border-color:rgba(53,228,230,.18)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.29),0 1px 0 rgba(177,251,253,.035) inset!important;
}
.brand-copy .kicker,.kicker,.panel-kicker,.eyebrow{color:#63edf0!important}
.version{
  color:#9bfaff!important;
  background:linear-gradient(180deg,rgba(53,228,230,.12),rgba(49,191,242,.055))!important;
  border-color:rgba(53,228,230,.25)!important;
}
.live-indicator{border-color:rgba(53,228,230,.13)!important;background:rgba(53,228,230,.025)!important}
#status.card{border-left-color:rgba(53,228,230,.68)!important}

/* Cards and surfaces */
.card,.match-card,.player-card,.hero,
.analytics-inner-panel,.sync-flow-step,.document-card,.candidate-card,.ticket-card,
.integration-card,.public-shop-item,.public-slide-admin-card,.quality-live-item,
.pending-decision-card,.week-event,.analytics-map-card,.analytics-player-profile-person{
  border-color:rgba(117,225,230,.085);
}
.card:hover,.document-card:hover,.candidate-card:hover,.integration-card:hover,
.analytics-map-card:hover,.pending-decision-card:hover{
  border-color:rgba(53,228,230,.18);
}

/* Sidebar + regular navigation. PRIMARY-only cards are intentionally excluded. */
.portal-navigation{
  background:
    radial-gradient(250px 170px at 0% 0%,rgba(53,228,230,.055),transparent 72%),
    linear-gradient(180deg,rgba(9,27,32,.98),rgba(5,18,22,.965))!important;
  border-color:rgba(80,222,227,.12)!important;
  box-shadow:0 22px 54px rgba(0,0,0,.24),inset 0 1px 0 rgba(161,248,251,.025)!important;
}
.sidebar-heading{border-bottom-color:rgba(91,225,230,.085)!important}
.primary-nav-item:not(.primary-admin-meta-nav){color:#c7dadd!important}
.primary-nav-item:not(.primary-admin-meta-nav):hover{
  color:#f0feff!important;
  background:linear-gradient(90deg,rgba(53,228,230,.055),rgba(49,191,242,.018))!important;
  border-color:rgba(53,228,230,.09)!important;
}
.primary-nav-item:not(.primary-admin-meta-nav).active{
  color:#f5ffff!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--nav-accent) 12%,transparent),rgba(49,191,242,.018))!important;
  border-color:color-mix(in srgb,var(--nav-accent) 27%,transparent)!important;
  box-shadow:inset 3px 0 0 var(--nav-accent),0 0 24px color-mix(in srgb,var(--nav-accent) 6%,transparent)!important;
}
.primary-nav-item:not(.primary-admin-meta-nav) .nav-icon{
  color:#7edfe7!important;
  background:linear-gradient(145deg,rgba(53,228,230,.065),rgba(49,191,242,.025))!important;
  border-color:rgba(53,228,230,.105)!important;
}
.primary-nav-item:not(.primary-admin-meta-nav).active .nav-icon{
  color:#b6fcff!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--nav-accent) 16%,transparent),rgba(49,191,242,.045))!important;
  border-color:color-mix(in srgb,var(--nav-accent) 33%,transparent)!important;
  box-shadow:0 0 24px color-mix(in srgb,var(--nav-accent) 12%,transparent)!important;
}
.subnav-item.active{
  color:#dcfdff!important;
  border-color:color-mix(in srgb,var(--section-accent) 26%,transparent)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--section-accent) 11%,transparent),rgba(49,191,242,.025))!important;
}

/* Buttons / controls */
button:not(.primary-nav-item):not(.language-current),.link-btn,.shop-buy-btn{
  border-color:rgba(53,228,230,.28);
}
button:not(.primary-nav-item):not(.language-current):not(.secondary):not(.danger-btn),.link-btn:not(.secondary-link),.shop-buy-btn{
  background:linear-gradient(180deg,rgba(53,228,230,.13),rgba(49,191,242,.075));
  color:#e5feff;
}
button:not(.primary-nav-item):not(.language-current):not(.secondary):not(.danger-btn):hover,.link-btn:not(.secondary-link):hover,.shop-buy-btn:hover{
  background:linear-gradient(180deg,rgba(53,228,230,.19),rgba(49,191,242,.11));
  border-color:rgba(91,239,241,.42);
  box-shadow:0 0 22px rgba(53,228,230,.065);
}
button.secondary,.secondary-link,.small-btn.secondary{
  border-color:rgba(117,225,230,.12)!important;
  background:rgba(112,224,229,.035)!important;
  color:#c8e5e8!important;
}
button.secondary:hover,.secondary-link:hover,.small-btn.secondary:hover{
  border-color:rgba(53,228,230,.22)!important;
  background:rgba(53,228,230,.065)!important;
  color:#f0feff!important;
}
input,select,textarea{
  background:#07171b!important;
  border-color:rgba(114,222,227,.12)!important;
  color:#eefbfc!important;
}
input:hover,select:hover,textarea:hover{border-color:rgba(53,228,230,.19)!important}
input:focus,select:focus,textarea:focus{
  border-color:rgba(53,228,230,.48)!important;
  box-shadow:0 0 0 3px rgba(53,228,230,.075)!important;
  outline:none!important;
}

/* Tables / data / metrics */
.table-wrap{border-color:rgba(112,225,230,.09)!important;background:rgba(5,17,20,.3)}
th{background:rgba(53,228,230,.026)!important;color:#82a8af!important}
th,td{border-bottom-color:rgba(103,222,226,.06)!important}
tbody tr:hover td{background:rgba(53,228,230,.018)}
.player-stats div,.metric-context,.analytics-metric,.perf-kpi{
  background:linear-gradient(180deg,rgba(53,228,230,.023),rgba(49,191,242,.012));
  border-color:rgba(102,222,226,.07);
}
.performance-bar,.analytics-map-meter i,.axis-track i{
  background:linear-gradient(90deg,#33d8d5,#35e4e6 55%,#31bff2 100%)!important;
}
.card-foot,.mini-link{color:#72dce5!important}

/* Status-neutral badges and informational surfaces */
.roster-badge.data,.document-access-hint,.sync-status-notice.info,.document-public-note,.document-upload-note{
  color:#9af7f4!important;
  border-color:rgba(57,217,201,.20)!important;
  background:rgba(57,217,201,.055)!important;
}
.source-badge.faceit{
  background:rgba(57,217,201,.075)!important;
  color:#91f0dc!important;
  border-color:rgba(57,217,201,.22)!important;
}

/* Calendar / activity chrome */
.week-day-head.is-today{
  background:linear-gradient(180deg,rgba(53,228,230,.08),rgba(49,191,242,.018))!important;
}
.week-day-column.is-today{
  background:linear-gradient(180deg,rgba(53,228,230,.032),transparent 68%)!important;
}
.schedule-filter.active{
  background:rgba(53,228,230,.065)!important;
  border-color:rgba(53,228,230,.14)!important;
}
.calendar-loading span{border-color:rgba(53,228,230,.14)!important;border-top-color:#35e4e6!important}

/* Analytics / scouting / operations special surfaces formerly purple/orange. */
.analytics-map-card.selected{
  border-color:rgba(49,191,242,.32)!important;
  background:rgba(49,191,242,.045)!important;
  box-shadow:inset 0 0 0 1px rgba(49,191,242,.065)!important;
}
.analytics-player-profile-person,.media-sync-card,.media-coverage-grid>div,.document-internal-note{
  border-color:rgba(49,191,242,.12)!important;
  background:rgba(49,191,242,.026)!important;
}
.media-sync-card .sync-large-icon{
  color:#7ddcff!important;
  background:rgba(49,191,242,.07)!important;
  border-color:rgba(49,191,242,.15)!important;
}
.media-coverage-grid span{color:#79aabd!important}.media-coverage-grid strong{color:#b9eaff!important}
.faceit-command-hero,.faceit-source-center,.faceit-quality-center{
  border-color:rgba(53,228,230,.11)!important;
}
.source-explanation-strip>div,.sync-flow-step{
  border-color:rgba(53,228,230,.085)!important;
  background:rgba(53,228,230,.018)!important;
}
.sync-step-icon,.sync-large-icon{
  color:#7ef6f5!important;
  background:rgba(53,228,230,.065)!important;
  border-color:rgba(53,228,230,.14)!important;
}

/* Public HOME follows the same product palette. */
.public-home-shell,.public-home-hero,.public-shop-card{
  border-color:rgba(53,228,230,.11)!important;
}
.public-slide-stage,.public-slide-card,.public-slide-admin-preview{
  background:#050f12!important;
  border-color:rgba(53,228,230,.095)!important;
}
.public-home-copy .panel-kicker{color:#66eef0!important}
.midround-home-logo{background:#050d10!important}.midround-footer #portalFooterLogo{background:transparent!important}

/* Language menu */
.language-current{
  background:rgba(6,20,24,.86)!important;
  border-color:rgba(53,228,230,.14)!important;
}
.language-current:hover,.language-current[aria-expanded="true"]{
  background:rgba(53,228,230,.075)!important;
  border-color:rgba(53,228,230,.28)!important;
}
.language-menu{
  background:rgba(5,18,22,.985)!important;
  border-color:rgba(93,227,231,.13)!important;
}
.language-menu button:hover,.language-menu button.active,.language-menu button[data-active="true"]{
  background:rgba(53,228,230,.085)!important;
  border-color:rgba(53,228,230,.18)!important;
}

/* v3.0.8 — PRIMARY-only navigation highlight */
.primary-nav-item[data-nav-group="distribution"]{--nav-accent:#f0c875}
.primary-nav-item[data-nav-group="website"]{--nav-accent:#c3a2ff}
.primary-admin-meta-nav{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(239,196,108,.26)!important;
  background:
    radial-gradient(120px 70px at 100% 0%, rgba(195,162,255,.16), transparent 72%),
    linear-gradient(135deg, rgba(239,196,108,.08), rgba(105,214,232,.045) 48%, rgba(182,162,255,.09));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 0 1px rgba(239,196,108,.035),
    0 14px 34px rgba(0,0,0,.16);
}
.primary-admin-meta-nav::before{
  content:'PRIMARY ONLY';
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:8px;
  right:9px;
  min-height:18px;
  padding:0 8px;
  border-radius:999px;
  border:1px solid rgba(239,196,108,.24);
  background:rgba(239,196,108,.08);
  color:#f0cb7b;
  font-size:7px;
  font-weight:950;
  letter-spacing:.1em;
  line-height:1;
  z-index:2;
}
.primary-admin-meta-nav::after{
  content:'';
  display:block!important;
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(180deg, rgba(255,255,255,.035), transparent 34%);
  pointer-events:none;
}
.primary-admin-meta-nav>span{padding-right:78px}
.primary-admin-meta-nav>small{color:#9ab4ba!important}
.primary-admin-meta-nav .nav-icon{
  border-color:rgba(239,196,108,.18)!important;
  background:linear-gradient(135deg, rgba(239,196,108,.08), rgba(182,162,255,.08))!important;
  box-shadow:0 0 22px rgba(239,196,108,.08);
}
.primary-admin-meta-nav:hover{
  border-color:rgba(239,196,108,.38)!important;
  background:
    radial-gradient(130px 76px at 100% 0%, rgba(195,162,255,.2), transparent 72%),
    linear-gradient(135deg, rgba(239,196,108,.11), rgba(105,214,232,.055) 48%, rgba(182,162,255,.12))!important;
}
.primary-admin-meta-nav:hover .nav-icon{
  border-color:rgba(239,196,108,.3)!important;
  box-shadow:0 0 26px rgba(239,196,108,.12);
}
.primary-admin-meta-nav.active{
  border-color:rgba(239,196,108,.42)!important;
  background:
    radial-gradient(140px 84px at 100% 0%, rgba(195,162,255,.22), transparent 72%),
    linear-gradient(135deg, rgba(239,196,108,.14), rgba(105,214,232,.075) 45%, rgba(182,162,255,.15))!important;
  color:#f8fcfd!important;
  box-shadow:
    inset 4px 0 0 #f0c875,
    0 0 0 1px rgba(239,196,108,.06),
    0 16px 36px rgba(0,0,0,.18);
}
.primary-admin-meta-nav.active .nav-icon{
  border-color:rgba(239,196,108,.42)!important;
  background:linear-gradient(135deg, rgba(239,196,108,.16), rgba(182,162,255,.15))!important;
  box-shadow:0 0 30px rgba(239,196,108,.16);
}
@media(max-width:900px){
  .primary-admin-meta-nav::before{top:6px;right:7px;min-height:16px;padding:0 7px;font-size:6.5px}
  .primary-admin-meta-nav>span{padding-right:72px}
}


/* v3.0.8 — MIDROUND product branding */
.midround-home-logo{display:block;width:min(460px,100%);height:auto;object-fit:contain;object-position:left center;margin:0 0 10px;border-radius:10px;background:#000}
.midround-footer #portalFooterLogo{width:min(260px,32vw)!important;height:auto!important;max-height:82px;object-fit:contain!important;border-radius:8px!important;filter:none!important;opacity:1!important;background:transparent!important;flex:none}
.midround-footer>div{min-width:240px;flex:1 1 420px}
.midround-footer strong{letter-spacing:.015em}
@media(max-width:760px){.midround-footer #portalFooterLogo{width:min(230px,72vw)!important}.midround-home-logo{width:min(430px,100%)}}

/* v3.0.8 brand polish */
.public-home-copy .panel-kicker{color:#8acddb;letter-spacing:.16em}
.public-home-copy h2{font-size:34px;max-width:17ch}
.public-home-copy .performance-note{max-width:62ch}
@media(max-width:760px){.public-home-copy h2{font-size:29px;max-width:none}}


/* v3.0.8 — MIDROUND mini brand */
.brand-mark{
  width:84px!important;
  height:84px!important;
  min-width:84px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  padding:0!important;
}
.brand-mark img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  border-radius:0!important;
  background:transparent!important;
  filter:none!important;
}
@media(max-width:900px){.brand-mark{width:68px!important;height:68px!important;min-width:68px!important}}
@media(max-width:640px){.brand-mark{width:56px!important;height:56px!important;min-width:56px!important}}


/* v3.0.8 — unique navigation icon colors */
.primary-nav-item[data-nav-group="overview"]{--nav-accent:#73e8ff}
.primary-nav-item[data-nav-group="team"]{--nav-accent:#57e7c1}
.primary-nav-item[data-nav-group="matches"]{--nav-accent:#f1c56c}
.primary-nav-item[data-nav-group="analytics"]{--nav-accent:#84aefc}
.primary-nav-item[data-nav-group="scouting"]{--nav-accent:#5dd6ff}
.primary-nav-item[data-nav-group="candidates"]{--nav-accent:#ff8ed7}
.primary-nav-item[data-nav-group="planning"]{--nav-accent:#ffb468}
.primary-nav-item[data-nav-group="workflow"]{--nav-accent:#8f98ff}
.primary-nav-item[data-nav-group="documents"]{--nav-accent:#69e0cc}
.primary-nav-item[data-nav-group="tickets"]{--nav-accent:#62e9f2}
.primary-nav-item[data-nav-group="admin"]{--nav-accent:#6fd6cf}

.primary-nav-item:not(.primary-admin-meta-nav) .nav-icon{
  color:var(--nav-accent)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--nav-accent) 13%,transparent),rgba(49,191,242,.018))!important;
  border-color:color-mix(in srgb,var(--nav-accent) 24%,transparent)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--nav-accent) 4%,transparent), inset 0 1px 0 rgba(255,255,255,.025);
}
.primary-nav-item:not(.primary-admin-meta-nav):hover .nav-icon{
  color:color-mix(in srgb,var(--nav-accent) 86%,white)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--nav-accent) 17%,transparent),rgba(49,191,242,.03))!important;
  border-color:color-mix(in srgb,var(--nav-accent) 31%,transparent)!important;
  box-shadow:0 0 16px color-mix(in srgb,var(--nav-accent) 12%,transparent);
}
.primary-nav-item:not(.primary-admin-meta-nav).active .nav-icon{
  color:color-mix(in srgb,var(--nav-accent) 65%,white)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--nav-accent) 19%,transparent),rgba(49,191,242,.045))!important;
  border-color:color-mix(in srgb,var(--nav-accent) 38%,transparent)!important;
  box-shadow:0 0 24px color-mix(in srgb,var(--nav-accent) 16%,transparent)!important;
}


/* v3.0.8 — Admin uses PRIMARY color language without PRIMARY ONLY badge */
.primary-nav-item[data-nav-group="admin"]{
  --nav-accent:#f0c875;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(239,196,108,.20)!important;
  background:
    radial-gradient(120px 70px at 100% 0%, rgba(195,162,255,.055), transparent 72%),
    linear-gradient(135deg, rgba(239,196,108,.045), rgba(105,214,232,.018) 48%, rgba(182,162,255,.035))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 0 0 1px rgba(239,196,108,.018),
    0 10px 26px rgba(0,0,0,.12)!important;
}
.primary-nav-item[data-nav-group="admin"]::before{content:none!important;display:none!important}
.primary-nav-item[data-nav-group="admin"]::after{
  content:'';
  display:block!important;
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 34%);
  pointer-events:none;
}
.primary-nav-item[data-nav-group="admin"]>small{color:#9ab4ba!important}
.primary-nav-item[data-nav-group="admin"] .nav-icon{
  color:#f0cb7b!important;
  border-color:rgba(239,196,108,.18)!important;
  background:linear-gradient(135deg,rgba(239,196,108,.08),rgba(182,162,255,.08))!important;
  box-shadow:0 0 22px rgba(239,196,108,.08)!important;
}
.primary-nav-item[data-nav-group="admin"]:hover{
  color:#f8fcfd!important;
  border-color:rgba(239,196,108,.34)!important;
  background:
    radial-gradient(130px 76px at 100% 0%,rgba(195,162,255,.14),transparent 72%),
    linear-gradient(135deg,rgba(239,196,108,.085),rgba(105,214,232,.035) 48%,rgba(182,162,255,.085))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 20px rgba(195,162,255,.06),0 12px 30px rgba(0,0,0,.14)!important;
}
.primary-nav-item[data-nav-group="admin"]:hover .nav-icon{
  color:#f5d88c!important;
  border-color:rgba(239,196,108,.3)!important;
  box-shadow:0 0 26px rgba(239,196,108,.12)!important;
}
.primary-nav-item[data-nav-group="admin"].active{
  color:#f8fcfd!important;
  border-color:rgba(239,196,108,.42)!important;
  background:
    radial-gradient(140px 84px at 100% 0%,rgba(195,162,255,.22),transparent 72%),
    linear-gradient(135deg,rgba(239,196,108,.14),rgba(105,214,232,.075) 45%,rgba(182,162,255,.15))!important;
  box-shadow:
    inset 4px 0 0 #f0c875,
    0 0 0 1px rgba(239,196,108,.06),
    0 16px 36px rgba(0,0,0,.18)!important;
}
.primary-nav-item[data-nav-group="admin"].active .nav-icon{
  color:#ffe6a9!important;
  border-color:rgba(239,196,108,.42)!important;
  background:linear-gradient(135deg,rgba(239,196,108,.16),rgba(182,162,255,.15))!important;
  box-shadow:0 0 30px rgba(239,196,108,.16)!important;
}

/* v3.0.8 — Public Home transparent MIDROUND logo */
.midround-home-logo{background:transparent!important;border-radius:0!important;box-shadow:none!important}

/* v3.0.8 — Public Home: shop above preview + PRIMARY-inspired public CTAs */
.public-home-hero-top{
  grid-template-columns:minmax(330px,.82fr) minmax(560px,1.18fr)!important;
  align-items:stretch!important;
}
.public-shop-card-top{
  display:grid;
  align-content:center;
  gap:14px;
  padding:18px;
  border:1px solid rgba(239,196,108,.20);
  border-radius:16px;
  background:
    radial-gradient(420px 160px at 100% 0%,rgba(195,162,255,.11),transparent 70%),
    linear-gradient(135deg,rgba(239,196,108,.055),rgba(105,214,232,.025) 45%,rgba(182,162,255,.065));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 12px 30px rgba(0,0,0,.12);
}
.public-shop-card-top .panel-kicker{color:#f0cb7b!important}
.public-shop-card-top .public-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.public-shop-card-top .public-shop-item{
  min-width:0;
  padding:14px;
  border-color:rgba(195,162,255,.13)!important;
  background:linear-gradient(160deg,rgba(239,196,108,.035),rgba(195,162,255,.045))!important;
}
.public-shop-card-top .public-shop-item:hover{border-color:rgba(239,196,108,.26)!important;box-shadow:0 10px 28px rgba(0,0,0,.14)}
.public-shop-card-top .public-shop-item h4{font-size:15px;margin:4px 0 6px}
.public-shop-card-top .public-shop-item p{font-size:11px;line-height:1.4}
.public-shop-card-top .public-shop-price{font-size:25px}
.public-home-slider-card{display:grid;gap:12px;padding:18px}
.public-preview-head{margin-bottom:1px}
.public-home-slider-card .public-slide-stage{min-height:380px}
.public-home-slider-card .public-slide-card{min-height:380px}

.public-primary-cta,.shop-buy-btn:not(.is-disabled){
  border:1px solid rgba(239,196,108,.34)!important;
  background:
    radial-gradient(120px 46px at 100% 0%,rgba(195,162,255,.20),transparent 72%),
    linear-gradient(135deg,rgba(239,196,108,.16),rgba(105,214,232,.055) 47%,rgba(182,162,255,.17))!important;
  color:#fff8e8!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 24px rgba(0,0,0,.14),0 0 22px rgba(195,162,255,.055)!important;
}
.public-primary-cta:hover,.shop-buy-btn:not(.is-disabled):hover{
  border-color:rgba(239,196,108,.52)!important;
  background:
    radial-gradient(130px 52px at 100% 0%,rgba(195,162,255,.27),transparent 72%),
    linear-gradient(135deg,rgba(239,196,108,.22),rgba(105,214,232,.07) 46%,rgba(182,162,255,.23))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 12px 28px rgba(0,0,0,.17),0 0 28px rgba(195,162,255,.09)!important;
}
.public-primary-cta{
  min-width:190px;
  min-height:54px;
  padding:0 26px!important;
  border-radius:13px!important;
  font-size:14px!important;
  font-weight:950!important;
  letter-spacing:.015em;
}
.shop-buy-btn{min-height:42px;font-size:11px}

/* v3.0.8 — Global maintenance screen */
body.maintenance-locked{overflow:hidden!important}
.maintenance-screen{
  position:fixed;
  inset:0;
  z-index:1000000;
  display:grid;
  place-items:center;
  padding:24px;
  background:
    radial-gradient(900px 520px at 50% 34%,rgba(53,228,230,.08),transparent 68%),
    radial-gradient(650px 360px at 78% 18%,rgba(195,162,255,.055),transparent 70%),
    rgba(3,12,15,.985);
  backdrop-filter:blur(12px);
}
.maintenance-screen.hidden{display:none!important}
.maintenance-screen-card{
  width:min(680px,100%);
  display:grid;
  justify-items:center;
  text-align:center;
  gap:16px;
  padding:42px 36px;
  border:1px solid rgba(53,228,230,.15);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(10,31,36,.94),rgba(5,18,22,.97));
  box-shadow:0 32px 100px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.035);
}
.maintenance-screen-logo{width:92px;height:92px;object-fit:contain}
.maintenance-screen-kicker{color:#72eff0;font-size:10px;font-weight:950;letter-spacing:.18em}
.maintenance-screen-card h1{margin:0;max-width:520px;font-size:34px;line-height:1.08;letter-spacing:-.03em}
.maintenance-screen-card>p{margin:0;max-width:560px;color:#9eb7bd;font-size:14px;line-height:1.65}
.maintenance-screen-timer-wrap{display:grid;gap:5px;margin-top:6px;padding:16px 26px;border:1px solid rgba(239,196,108,.18);border-radius:15px;background:linear-gradient(135deg,rgba(239,196,108,.055),rgba(195,162,255,.06))}
.maintenance-screen-timer-wrap span{color:#b8a97f;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}
.maintenance-screen-timer-wrap strong{color:#fff5dd;font-size:34px;font-weight:950;letter-spacing:.055em;font-variant-numeric:tabular-nums}
.maintenance-screen-card>small{color:#66878e;font-size:10px}

/* PRIMARY maintenance control */
.maintenance-admin-page{display:grid;gap:14px}
.maintenance-control-card{display:grid;gap:20px}
.maintenance-control-head{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.055)}
.maintenance-control-head h3{margin:3px 0 4px;font-size:19px}
.maintenance-status-orb{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;border:1px solid rgba(103,217,154,.18);background:rgba(103,217,154,.045)}
.maintenance-status-orb span{width:12px;height:12px;border-radius:50%;background:#65d99a;box-shadow:0 0 18px rgba(103,217,154,.34)}
.maintenance-status-orb.active{border-color:rgba(239,196,108,.25);background:linear-gradient(135deg,rgba(239,196,108,.08),rgba(195,162,255,.08))}
.maintenance-status-orb.active span{background:#f0c875;box-shadow:0 0 20px rgba(239,196,108,.42)}
.maintenance-form{display:grid;gap:15px}
.maintenance-form>label:not(.maintenance-switch-row){display:grid;gap:7px;color:#9fb8be;font-size:11px;font-weight:800}
.maintenance-switch-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px;border:1px solid rgba(239,196,108,.16);border-radius:13px;background:linear-gradient(135deg,rgba(239,196,108,.04),rgba(195,162,255,.04));cursor:pointer}
.maintenance-switch-row span{display:grid;gap:3px}.maintenance-switch-row strong{font-size:13px}.maintenance-switch-row small{color:#708d94;font-size:9px}
.maintenance-switch-row input{position:absolute;opacity:0;pointer-events:none}.maintenance-switch-row i{position:relative;width:48px;height:26px;border-radius:999px;background:#193137;border:1px solid rgba(255,255,255,.1);flex:none;transition:.18s}.maintenance-switch-row i:after{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#769096;transition:.18s}.maintenance-switch-row input:checked+i{background:linear-gradient(90deg,rgba(239,196,108,.35),rgba(195,162,255,.34));border-color:rgba(239,196,108,.38)}.maintenance-switch-row input:checked+i:after{left:25px;background:#fff2d1;box-shadow:0 0 12px rgba(239,196,108,.25)}
.maintenance-admin-countdown{min-height:42px;display:flex;align-items:center;padding:0 13px;border:1px solid rgba(195,162,255,.16);border-radius:10px;background:rgba(195,162,255,.035);color:#e7ddff;font-size:19px;font-weight:950;letter-spacing:.05em;font-variant-numeric:tabular-nums}
.maintenance-form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.maintenance-form-actions span{margin-left:4px}
.maintenance-preview-card{display:grid;gap:14px}.maintenance-preview{display:grid;justify-items:center;text-align:center;gap:9px;padding:28px;border:1px solid rgba(53,228,230,.095);border-radius:16px;background:radial-gradient(420px 180px at 50% 20%,rgba(53,228,230,.055),transparent 72%),rgba(4,15,18,.62)}
.maintenance-preview img{width:58px;height:58px;object-fit:contain}.maintenance-preview>span{color:#70e8eb;font-size:8px;font-weight:950;letter-spacing:.16em}.maintenance-preview>strong{font-size:18px}.maintenance-preview p{margin:0;max-width:550px;color:#879fa5;font-size:11px}.maintenance-preview b{margin-top:5px;color:#f6e6bd;font-size:24px;font-variant-numeric:tabular-nums;letter-spacing:.05em}

@media(max-width:1120px){
  .public-home-hero-top{grid-template-columns:1fr!important}
  .public-shop-card-top .public-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .public-shop-card-top .public-shop-grid{grid-template-columns:1fr!important}
  .public-primary-cta{width:100%;min-width:0}
  .maintenance-screen-card{padding:32px 20px}.maintenance-screen-card h1{font-size:27px}.maintenance-screen-timer-wrap strong{font-size:28px}
}


/* MIDROUND branding base */
.midround-home-logo{width:min(760px,100%)!important;max-width:100%;height:auto;object-fit:contain;object-position:left center}
.midround-footer #portalFooterLogo{width:min(320px,40vw)!important;max-height:96px!important}
.brand-mark img{width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important}
.maintenance-screen-logo{width:108px;height:108px;object-fit:contain}

/* ==========================================================================
   MIDROUND Theme Center v1
   Runtime palette variables are supplied by theme-center + user overrides.
   PRIMARY-only navigation and the normal Admin card intentionally keep their
   dedicated gold/violet identity.
   ========================================================================== */
:root{
  --mr-primary:#4A7AA8;
  --mr-secondary:#626E7F;
  --mr-highlight:#C5D0DB;
  --mr-bg:#07101A;
  --mr-surface:#0B1622;
  --mr-surface-2:#111F2E;
  --mr-text:#EEF3F8;
  --mr-muted:#8D9BAB;
  --mr-primary-rgb:74,122,168;
  --mr-secondary-rgb:98,110,127;
  --mr-highlight-rgb:197,208,219;
}
html{background:var(--mr-bg)!important;color:var(--mr-text)!important}
body{
  color:var(--mr-text)!important;
  background:
    radial-gradient(circle at 8% -6%,color-mix(in srgb,var(--mr-primary) 15%,transparent),transparent 29rem),
    radial-gradient(circle at 88% 3%,color-mix(in srgb,var(--mr-secondary) 11%,transparent),transparent 27rem),
    radial-gradient(circle at 48% 108%,color-mix(in srgb,var(--mr-highlight) 4%,transparent),transparent 35rem),
    linear-gradient(180deg,var(--mr-bg) 0%,color-mix(in srgb,var(--mr-bg) 78%,var(--mr-surface)) 47%,var(--mr-bg) 100%)!important;
}
body:before{
  background-image:
    linear-gradient(color-mix(in srgb,var(--mr-primary) 2.2%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--mr-primary) 2.2%,transparent) 1px,transparent 1px)!important;
}
::selection{background:color-mix(in srgb,var(--mr-primary) 30%,transparent)!important;color:var(--mr-text)!important}
*{scrollbar-color:color-mix(in srgb,var(--mr-primary) 26%,var(--mr-surface)) transparent}

.app-header{
  background:
    radial-gradient(480px 180px at 7% 0%,color-mix(in srgb,var(--mr-primary) 11%,transparent),transparent 70%),
    radial-gradient(360px 150px at 92% 0%,color-mix(in srgb,var(--mr-secondary) 6%,transparent),transparent 75%),
    linear-gradient(135deg,color-mix(in srgb,var(--mr-surface) 94%,black),color-mix(in srgb,var(--mr-bg) 95%,black))!important;
  border-color:color-mix(in srgb,var(--mr-primary) 20%,transparent)!important;
}
.brand-copy .kicker,.kicker,.panel-kicker,.eyebrow{color:color-mix(in srgb,var(--mr-primary) 82%,white)!important}
.version{color:var(--mr-text)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--mr-primary) 14%,transparent),color-mix(in srgb,var(--mr-secondary) 7%,transparent))!important;border-color:color-mix(in srgb,var(--mr-primary) 27%,transparent)!important}

.card,.match-card,.player-card,.hero,.analytics-inner-panel,.sync-flow-step,.document-card,.candidate-card,.ticket-card,.integration-card,.public-shop-item,.public-slide-admin-card,.quality-live-item,.pending-decision-card,.week-event,.analytics-map-card,.analytics-player-profile-person{
  border-color:color-mix(in srgb,var(--mr-primary) 9%,transparent)!important;
}
.card:not(.public-home-hero):not(.public-shop-card),.match-card,.player-card{
  background:linear-gradient(180deg,color-mix(in srgb,var(--mr-surface) 96%,black),color-mix(in srgb,var(--mr-bg) 88%,var(--mr-surface-2)))!important;
}
.card:hover,.document-card:hover,.candidate-card:hover,.integration-card:hover,.analytics-map-card:hover,.pending-decision-card:hover{border-color:color-mix(in srgb,var(--mr-primary) 20%,transparent)!important}

.portal-navigation{
  background:
    radial-gradient(250px 170px at 0% 0%,color-mix(in srgb,var(--mr-primary) 7%,transparent),transparent 72%),
    linear-gradient(180deg,color-mix(in srgb,var(--mr-surface) 98%,black),color-mix(in srgb,var(--mr-bg) 96%,black))!important;
  border-color:color-mix(in srgb,var(--mr-primary) 14%,transparent)!important;
}
.sidebar-heading{border-bottom-color:color-mix(in srgb,var(--mr-primary) 10%,transparent)!important}
.primary-nav-item[data-nav-group="design"]{--nav-accent:var(--mr-secondary)}
.primary-nav-item:not(.primary-admin-meta-nav):not([data-nav-group="admin"]):hover{
  color:var(--mr-text)!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--mr-primary) 7%,transparent),color-mix(in srgb,var(--mr-secondary) 2.5%,transparent))!important;
  border-color:color-mix(in srgb,var(--mr-primary) 12%,transparent)!important;
}
.primary-nav-item:not(.primary-admin-meta-nav):not([data-nav-group="admin"]).active{
  color:var(--mr-text)!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--nav-accent) 13%,transparent),color-mix(in srgb,var(--mr-secondary) 3%,transparent))!important;
  border-color:color-mix(in srgb,var(--nav-accent) 30%,transparent)!important;
}
.subnav-item.active{color:var(--mr-text)!important;border-color:color-mix(in srgb,var(--section-accent,var(--mr-primary)) 28%,transparent)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--section-accent,var(--mr-primary)) 12%,transparent),color-mix(in srgb,var(--mr-secondary) 3%,transparent))!important}

button:not(.primary-nav-item):not(.language-current):not(.secondary):not(.danger-btn),.link-btn:not(.secondary-link),.shop-buy-btn:not(.is-disabled){
  border-color:color-mix(in srgb,var(--mr-primary) 30%,transparent)!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--mr-primary) 16%,transparent),color-mix(in srgb,var(--mr-secondary) 12%,transparent))!important;
  color:var(--mr-text)!important;
}
button:not(.primary-nav-item):not(.language-current):not(.secondary):not(.danger-btn):hover,.link-btn:not(.secondary-link):hover,.shop-buy-btn:not(.is-disabled):hover{
  border-color:color-mix(in srgb,var(--mr-primary) 50%,transparent)!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--mr-primary) 23%,transparent),color-mix(in srgb,var(--mr-secondary) 18%,transparent))!important;
  box-shadow:0 0 24px color-mix(in srgb,var(--mr-primary) 9%,transparent)!important;
}
button.secondary,.secondary-link,.small-btn.secondary{border-color:color-mix(in srgb,var(--mr-primary) 14%,transparent)!important;background:color-mix(in srgb,var(--mr-primary) 4%,transparent)!important;color:color-mix(in srgb,var(--mr-text) 86%,var(--mr-muted))!important}
button.secondary:hover,.secondary-link:hover,.small-btn.secondary:hover{border-color:color-mix(in srgb,var(--mr-primary) 26%,transparent)!important;background:color-mix(in srgb,var(--mr-primary) 8%,transparent)!important;color:var(--mr-text)!important}
input,select,textarea{background:color-mix(in srgb,var(--mr-bg) 76%,var(--mr-surface))!important;border-color:color-mix(in srgb,var(--mr-primary) 14%,transparent)!important;color:var(--mr-text)!important}
input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb,var(--mr-primary) 24%,transparent)!important}
input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--mr-primary) 55%,transparent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--mr-primary) 9%,transparent)!important}

.table-wrap{border-color:color-mix(in srgb,var(--mr-primary) 11%,transparent)!important;background:color-mix(in srgb,var(--mr-bg) 82%,transparent)!important}
th{background:color-mix(in srgb,var(--mr-primary) 3.5%,transparent)!important;color:var(--mr-muted)!important}
th,td{border-bottom-color:color-mix(in srgb,var(--mr-primary) 7%,transparent)!important}
tbody tr:hover td{background:color-mix(in srgb,var(--mr-primary) 2.6%,transparent)!important}
.performance-bar,.analytics-map-meter i,.axis-track i{background:linear-gradient(90deg,var(--mr-secondary),var(--mr-primary) 58%,var(--mr-highlight))!important}
.card-foot,.mini-link{color:color-mix(in srgb,var(--mr-primary) 72%,white)!important}


/* --------------------------------------------------------------------------
   Theme fingerprints v2
   Cyan/Violet intentionally has no override and therefore remains unchanged.
   The other themes get their own atmosphere instead of being simple recolors.
   -------------------------------------------------------------------------- */
html[data-theme-key="ice-blue"] body{
  background:
    radial-gradient(620px 340px at 7% -4%,color-mix(in srgb,var(--mr-primary) 17%,transparent),transparent 72%),
    radial-gradient(560px 320px at 94% 2%,color-mix(in srgb,var(--mr-secondary) 15%,transparent),transparent 74%),
    radial-gradient(520px 280px at 52% 108%,color-mix(in srgb,var(--mr-highlight) 3.5%,transparent),transparent 72%),
    linear-gradient(180deg,#030710 0%,var(--mr-bg) 42%,color-mix(in srgb,var(--mr-bg) 84%,var(--mr-surface)) 74%,#030710 100%)!important;
}
html[data-theme-key="ice-blue"] body:before{
  background-image:
    linear-gradient(color-mix(in srgb,var(--mr-primary) 2.7%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--mr-secondary) 2.4%,transparent) 1px,transparent 1px)!important;
}
html[data-theme-key="ice-blue"] .app-header,
html[data-theme-key="ice-blue"] .portal-navigation{
  background:
    radial-gradient(420px 170px at 5% 0%,color-mix(in srgb,var(--mr-primary) 13%,transparent),transparent 72%),
    radial-gradient(390px 170px at 96% 0%,color-mix(in srgb,var(--mr-secondary) 11%,transparent),transparent 74%),
    linear-gradient(145deg,color-mix(in srgb,var(--mr-surface) 96%,#01050b),color-mix(in srgb,var(--mr-bg) 95%,#08182a))!important;
}

html[data-theme-key="emerald"] body{
  background:
    radial-gradient(660px 360px at 6% -5%,color-mix(in srgb,var(--mr-primary) 14%,transparent),transparent 74%),
    radial-gradient(560px 330px at 95% 4%,color-mix(in srgb,var(--mr-secondary) 9%,transparent),transparent 76%),
    radial-gradient(460px 260px at 50% 108%,color-mix(in srgb,var(--mr-highlight) 3%,transparent),transparent 72%),
    linear-gradient(180deg,#020906 0%,var(--mr-bg) 45%,color-mix(in srgb,var(--mr-bg) 84%,var(--mr-surface)) 76%,#020906 100%)!important;
}
html[data-theme-key="emerald"] body:before{
  background-image:
    linear-gradient(color-mix(in srgb,var(--mr-primary) 2.2%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--mr-secondary) 1.8%,transparent) 1px,transparent 1px)!important;
}
html[data-theme-key="emerald"] .app-header,
html[data-theme-key="emerald"] .portal-navigation{
  background:
    radial-gradient(410px 175px at 5% 0%,color-mix(in srgb,var(--mr-primary) 11%,transparent),transparent 72%),
    radial-gradient(360px 160px at 95% 0%,color-mix(in srgb,var(--mr-secondary) 7%,transparent),transparent 75%),
    linear-gradient(145deg,color-mix(in srgb,var(--mr-surface) 96%,#010704),color-mix(in srgb,var(--mr-bg) 95%,#071a12))!important;
}

html[data-theme-key="crimson"] body{
  background:
    radial-gradient(620px 350px at 5% -5%,color-mix(in srgb,var(--mr-primary) 13%,transparent),transparent 73%),
    radial-gradient(570px 320px at 96% 3%,color-mix(in srgb,var(--mr-secondary) 10%,transparent),transparent 76%),
    radial-gradient(500px 280px at 52% 108%,color-mix(in srgb,var(--mr-highlight) 4%,transparent),transparent 72%),
    linear-gradient(180deg,#070305 0%,var(--mr-bg) 44%,color-mix(in srgb,var(--mr-bg) 85%,var(--mr-surface)) 76%,#070305 100%)!important;
}
html[data-theme-key="crimson"] body:before{
  background-image:
    linear-gradient(color-mix(in srgb,var(--mr-primary) 2.2%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--mr-highlight) 1.45%,transparent) 1px,transparent 1px)!important;
}
html[data-theme-key="crimson"] .app-header,
html[data-theme-key="crimson"] .portal-navigation{
  background:
    radial-gradient(420px 180px at 4% 0%,color-mix(in srgb,var(--mr-primary) 12%,transparent),transparent 72%),
    radial-gradient(360px 160px at 96% 0%,color-mix(in srgb,var(--mr-highlight) 4%,transparent),transparent 76%),
    linear-gradient(145deg,color-mix(in srgb,var(--mr-surface) 96%,#080204),color-mix(in srgb,var(--mr-bg) 95%,#1d070d))!important;
}
html[data-theme-key="crimson"] button:not(.primary-nav-item):not(.language-current):not(.secondary):not(.danger-btn),
html[data-theme-key="crimson"] .link-btn:not(.secondary-link),
html[data-theme-key="crimson"] .shop-buy-btn:not(.is-disabled){
  background:linear-gradient(135deg,color-mix(in srgb,var(--mr-primary) 19%,transparent),color-mix(in srgb,var(--mr-highlight) 9%,transparent))!important;
}
html[data-theme-key="crimson"] button:not(.primary-nav-item):not(.language-current):not(.secondary):not(.danger-btn):hover,
html[data-theme-key="crimson"] .link-btn:not(.secondary-link):hover,
html[data-theme-key="crimson"] .shop-buy-btn:not(.is-disabled):hover{
  background:linear-gradient(135deg,color-mix(in srgb,var(--mr-primary) 27%,transparent),color-mix(in srgb,var(--mr-highlight) 14%,transparent))!important;
}

html[data-theme-key="gold"] body{
  background:
    radial-gradient(620px 350px at 7% -5%,color-mix(in srgb,var(--mr-primary) 10%,transparent),transparent 74%),
    radial-gradient(560px 320px at 95% 4%,color-mix(in srgb,var(--mr-secondary) 7%,transparent),transparent 77%),
    radial-gradient(440px 250px at 52% 108%,color-mix(in srgb,var(--mr-highlight) 2.5%,transparent),transparent 72%),
    linear-gradient(180deg,#040403 0%,var(--mr-bg) 46%,color-mix(in srgb,var(--mr-bg) 88%,var(--mr-surface)) 76%,#040403 100%)!important;
}
html[data-theme-key="gold"] body:before{
  background-image:
    linear-gradient(color-mix(in srgb,var(--mr-primary) 1.7%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--mr-primary) 1.7%,transparent) 1px,transparent 1px)!important;
}
html[data-theme-key="gold"] .app-header,
html[data-theme-key="gold"] .portal-navigation{
  background:
    radial-gradient(430px 175px at 5% 0%,color-mix(in srgb,var(--mr-primary) 9%,transparent),transparent 72%),
    radial-gradient(350px 155px at 95% 0%,color-mix(in srgb,var(--mr-highlight) 3%,transparent),transparent 75%),
    linear-gradient(145deg,color-mix(in srgb,var(--mr-surface) 97%,#030302),color-mix(in srgb,var(--mr-bg) 97%,#151109))!important;
}
html[data-theme-key="gold"] .card:not(.public-home-hero):not(.public-shop-card),
html[data-theme-key="gold"] .match-card,
html[data-theme-key="gold"] .player-card{
  background:linear-gradient(180deg,color-mix(in srgb,var(--mr-surface) 97%,#050504),color-mix(in srgb,var(--mr-bg) 92%,var(--mr-surface-2)))!important;
}

html[data-theme-key="dragon-lore"] body{
  background:
    radial-gradient(760px 420px at 8% -6%,rgba(103,122,54,.22),transparent 72%),
    radial-gradient(540px 310px at 34% 0%,color-mix(in srgb,var(--mr-primary) 10%,transparent),transparent 74%),
    radial-gradient(560px 320px at 96% 2%,color-mix(in srgb,var(--mr-secondary) 9%,transparent),transparent 76%),
    radial-gradient(440px 240px at 50% 108%,rgba(122,140,60,.08),transparent 72%),
    linear-gradient(180deg,#070907 0%,#0d120b 38%,color-mix(in srgb,var(--mr-bg) 78%,#182112) 74%,#070907 100%)!important;
}
html[data-theme-key="dragon-lore"] body:before{
  background-image:
    linear-gradient(118deg,rgba(139,154,70,.042) 1px,transparent 1px),
    linear-gradient(62deg,color-mix(in srgb,var(--mr-secondary) 1.2%,transparent) 1px,transparent 1px)!important;
  background-size:56px 56px,56px 56px!important;
}
html[data-theme-key="dragon-lore"] .app-header,
html[data-theme-key="dragon-lore"] .portal-navigation{
  background:
    radial-gradient(440px 185px at 5% 0%,rgba(120,136,55,.17),transparent 72%),
    radial-gradient(380px 170px at 96% 0%,color-mix(in srgb,var(--mr-secondary) 7%,transparent),transparent 75%),
    linear-gradient(145deg,color-mix(in srgb,var(--mr-surface) 96%,#050704),color-mix(in srgb,var(--mr-bg) 88%,#1c2514))!important;
}
html[data-theme-key="dragon-lore"] button:not(.primary-nav-item):not(.language-current):not(.secondary):not(.danger-btn),
html[data-theme-key="dragon-lore"] .link-btn:not(.secondary-link),
html[data-theme-key="dragon-lore"] .shop-buy-btn:not(.is-disabled){
  background:linear-gradient(135deg,rgba(118,133,57,.34),color-mix(in srgb,var(--mr-primary) 14%,transparent) 58%,color-mix(in srgb,var(--mr-secondary) 12%,transparent))!important;
}
html[data-theme-key="dragon-lore"] .performance-bar,
html[data-theme-key="dragon-lore"] .analytics-map-meter i,
html[data-theme-key="dragon-lore"] .axis-track i{
  background:linear-gradient(90deg,#6f7d35 0%,var(--mr-primary) 54%,var(--mr-secondary) 100%)!important;
}

/* Public home participates in the centrally selected public theme. */
.public-home-hero,.public-shop-card,.public-home-slider-card{border-color:color-mix(in srgb,var(--mr-primary) 13%,transparent)!important;background:linear-gradient(160deg,color-mix(in srgb,var(--mr-surface) 97%,black),color-mix(in srgb,var(--mr-bg) 93%,var(--mr-surface-2)))!important}
.public-shop-card-top{border-color:color-mix(in srgb,var(--mr-highlight) 22%,transparent)!important;background:linear-gradient(160deg,color-mix(in srgb,var(--mr-highlight) 5%,var(--mr-surface)),color-mix(in srgb,var(--mr-secondary) 5%,var(--mr-bg)))!important}
.public-shop-card-top .panel-kicker{color:var(--mr-highlight)!important}
.public-shop-card-top .public-shop-item{border-color:color-mix(in srgb,var(--mr-secondary) 17%,transparent)!important;background:linear-gradient(160deg,color-mix(in srgb,var(--mr-highlight) 4%,transparent),color-mix(in srgb,var(--mr-secondary) 5%,transparent))!important}
.public-primary-cta,.shop-buy-btn:not(.is-disabled){border-color:color-mix(in srgb,var(--mr-highlight) 38%,transparent)!important;background:radial-gradient(120px 46px at 100% 0%,color-mix(in srgb,var(--mr-secondary) 20%,transparent),transparent 72%),linear-gradient(135deg,color-mix(in srgb,var(--mr-highlight) 19%,transparent),color-mix(in srgb,var(--mr-primary) 8%,transparent) 47%,color-mix(in srgb,var(--mr-secondary) 17%,transparent))!important;color:var(--mr-text)!important}
.public-primary-cta:hover,.shop-buy-btn:not(.is-disabled):hover{border-color:color-mix(in srgb,var(--mr-highlight) 58%,transparent)!important;background:radial-gradient(130px 52px at 100% 0%,color-mix(in srgb,var(--mr-secondary) 29%,transparent),transparent 72%),linear-gradient(135deg,color-mix(in srgb,var(--mr-highlight) 26%,transparent),color-mix(in srgb,var(--mr-primary) 10%,transparent) 46%,color-mix(in srgb,var(--mr-secondary) 24%,transparent))!important}


/* Theme Center preview mirrors the full visual fingerprint. */
.theme-live-preview[data-theme-key="ice-blue"]{background:radial-gradient(340px 160px at 10% 0%,color-mix(in srgb,var(--preview-primary) 16%,transparent),transparent 72%),radial-gradient(300px 150px at 94% 4%,color-mix(in srgb,var(--preview-secondary) 14%,transparent),transparent 74%),linear-gradient(180deg,#030710,var(--preview-bg) 45%,color-mix(in srgb,var(--preview-bg) 84%,var(--preview-surface)))!important}
.theme-live-preview[data-theme-key="emerald"]{background:radial-gradient(340px 160px at 10% 0%,color-mix(in srgb,var(--preview-primary) 14%,transparent),transparent 72%),radial-gradient(300px 150px at 94% 4%,color-mix(in srgb,var(--preview-secondary) 9%,transparent),transparent 74%),linear-gradient(180deg,#020906,var(--preview-bg) 45%,color-mix(in srgb,var(--preview-bg) 84%,var(--preview-surface)))!important}
.theme-live-preview[data-theme-key="crimson"]{background:radial-gradient(340px 160px at 10% 0%,color-mix(in srgb,var(--preview-primary) 14%,transparent),transparent 72%),radial-gradient(300px 150px at 94% 4%,color-mix(in srgb,var(--preview-highlight) 5%,transparent),transparent 74%),linear-gradient(180deg,#070305,var(--preview-bg) 45%,color-mix(in srgb,var(--preview-bg) 84%,var(--preview-surface)))!important}
.theme-live-preview[data-theme-key="gold"]{background:radial-gradient(340px 160px at 10% 0%,color-mix(in srgb,var(--preview-primary) 10%,transparent),transparent 72%),radial-gradient(300px 150px at 94% 4%,color-mix(in srgb,var(--preview-highlight) 3%,transparent),transparent 74%),linear-gradient(180deg,#040403,var(--preview-bg) 46%,color-mix(in srgb,var(--preview-bg) 88%,var(--preview-surface)))!important}
.theme-live-preview[data-theme-key="dragon-lore"]{background:radial-gradient(350px 165px at 10% 0%,rgba(120,136,55,.18),transparent 72%),radial-gradient(270px 150px at 36% 2%,color-mix(in srgb,var(--preview-primary) 9%,transparent),transparent 72%),radial-gradient(310px 155px at 94% 4%,color-mix(in srgb,var(--preview-secondary) 10%,transparent),transparent 74%),linear-gradient(180deg,#070907,var(--preview-bg) 44%,color-mix(in srgb,var(--preview-bg) 80%,#1c2414))!important}

/* Maintenance may use a different platform theme than the active/public portal. */
.maintenance-screen{
  background:radial-gradient(900px 520px at 50% 34%,color-mix(in srgb,var(--maint-primary,var(--mr-primary)) 10%,transparent),transparent 68%),radial-gradient(650px 360px at 78% 18%,color-mix(in srgb,var(--maint-secondary,var(--mr-secondary)) 7%,transparent),transparent 70%),color-mix(in srgb,var(--maint-bg,var(--mr-bg)) 98%,black)!important;
}
.maintenance-screen-card{border-color:color-mix(in srgb,var(--maint-primary,var(--mr-primary)) 20%,transparent)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--maint-surface,var(--mr-surface)) 95%,black),color-mix(in srgb,var(--maint-bg,var(--mr-bg)) 97%,black))!important;color:var(--maint-text,var(--mr-text))!important}
.maintenance-screen-kicker{color:var(--maint-primary,var(--mr-primary))!important}.maintenance-screen-card>p,.maintenance-screen-card>small{color:var(--maint-muted,var(--mr-muted))!important}.maintenance-screen-timer-wrap{border-color:color-mix(in srgb,var(--maint-highlight,var(--mr-highlight)) 24%,transparent)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--maint-highlight,var(--mr-highlight)) 7%,transparent),color-mix(in srgb,var(--maint-secondary,var(--mr-secondary)) 6%,transparent))!important}.maintenance-screen-timer-wrap strong{color:var(--maint-highlight,var(--mr-highlight))!important}


.maintenance-screen[data-theme-key="ice-blue"]{background:radial-gradient(900px 520px at 45% 30%,color-mix(in srgb,var(--maint-primary) 15%,transparent),transparent 69%),radial-gradient(680px 390px at 82% 15%,color-mix(in srgb,var(--maint-secondary) 13%,transparent),transparent 72%),linear-gradient(180deg,#030710,var(--maint-bg))!important}
.maintenance-screen[data-theme-key="emerald"]{background:radial-gradient(900px 520px at 45% 30%,color-mix(in srgb,var(--maint-primary) 13%,transparent),transparent 69%),radial-gradient(680px 390px at 82% 15%,color-mix(in srgb,var(--maint-secondary) 8%,transparent),transparent 72%),linear-gradient(180deg,#020906,var(--maint-bg))!important}
.maintenance-screen[data-theme-key="crimson"]{background:radial-gradient(900px 520px at 45% 30%,color-mix(in srgb,var(--maint-primary) 13%,transparent),transparent 69%),radial-gradient(680px 390px at 82% 15%,color-mix(in srgb,var(--maint-highlight) 5%,transparent),transparent 72%),linear-gradient(180deg,#070305,var(--maint-bg))!important}
.maintenance-screen[data-theme-key="gold"]{background:radial-gradient(900px 520px at 45% 30%,color-mix(in srgb,var(--maint-primary) 10%,transparent),transparent 69%),radial-gradient(680px 390px at 82% 15%,color-mix(in srgb,var(--maint-highlight) 3%,transparent),transparent 72%),linear-gradient(180deg,#040403,var(--maint-bg))!important}
.maintenance-screen[data-theme-key="dragon-lore"]{background:radial-gradient(900px 520px at 45% 30%,rgba(118,133,57,.18),transparent 69%),radial-gradient(680px 390px at 82% 15%,color-mix(in srgb,var(--maint-secondary) 8%,transparent),transparent 72%),linear-gradient(180deg,#070907,color-mix(in srgb,var(--maint-bg) 86%,#182012))!important}

/* Theme Center */
.theme-center-page{display:grid;gap:14px}
.theme-user-workspace{display:grid;grid-template-columns:minmax(330px,.72fr) minmax(480px,1.28fr);gap:14px}
.theme-library-card,.theme-preview-card,.theme-customizer-card,.theme-platform-card,.theme-definition-card,.theme-tenant-card{min-width:0}
.theme-user-library{display:grid;gap:9px;margin-top:14px}
.theme-choice{width:100%;display:grid;gap:9px;text-align:left;padding:13px!important;border-radius:12px!important;background:color-mix(in srgb,var(--mr-surface-2) 42%,transparent)!important;border:1px solid color-mix(in srgb,var(--mr-primary) 10%,transparent)!important;color:var(--mr-text)!important}
.theme-choice:hover:not(:disabled){border-color:color-mix(in srgb,var(--mr-primary) 28%,transparent)!important;transform:translateY(-1px)}
.theme-choice.active{border-color:color-mix(in srgb,var(--mr-primary) 48%,transparent)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--mr-primary) 10%,transparent),color-mix(in srgb,var(--mr-secondary) 8%,transparent))!important;box-shadow:inset 3px 0 0 var(--mr-primary),0 0 22px color-mix(in srgb,var(--mr-primary) 9%,transparent)!important}
.theme-choice:disabled{opacity:.72;cursor:not-allowed}
.theme-choice-top{display:flex;align-items:center;gap:7px}.theme-choice-top strong{font-size:13px}.theme-choice-top span,.theme-choice-top b{margin-left:auto;padding:3px 6px;border-radius:999px;font-size:7px;letter-spacing:.07em}.theme-choice-top span{color:var(--mr-highlight);border:1px solid color-mix(in srgb,var(--mr-highlight) 24%,transparent);background:color-mix(in srgb,var(--mr-highlight) 7%,transparent)}.theme-choice-top b{color:var(--mr-primary);border:1px solid color-mix(in srgb,var(--mr-primary) 28%,transparent);background:color-mix(in srgb,var(--mr-primary) 8%,transparent)}
.theme-choice small{color:var(--mr-muted);font-size:9px;line-height:1.35}
.theme-swatches{display:flex;gap:5px}.theme-swatches i{width:29px;height:16px;border-radius:5px;background:var(--swatch);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}

.theme-live-preview{--preview-primary:var(--mr-primary);--preview-secondary:var(--mr-secondary);--preview-highlight:var(--mr-highlight);--preview-bg:var(--mr-bg);--preview-surface:var(--mr-surface);--preview-surface-2:var(--mr-surface-2);--preview-text:var(--mr-text);--preview-muted:var(--mr-muted);margin-top:14px;min-height:355px;border:1px solid color-mix(in srgb,var(--preview-primary) 22%,transparent);border-radius:16px;overflow:hidden;background:radial-gradient(340px 150px at 60% 0%,color-mix(in srgb,var(--preview-primary) 10%,transparent),transparent 70%),linear-gradient(180deg,var(--preview-bg),color-mix(in srgb,var(--preview-bg) 82%,var(--preview-surface)));color:var(--preview-text);box-shadow:0 24px 55px rgba(0,0,0,.25)}
.theme-preview-header{min-height:66px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid color-mix(in srgb,var(--preview-primary) 12%,transparent);background:color-mix(in srgb,var(--preview-surface) 92%,black)}.theme-preview-header img{width:44px;height:44px;object-fit:contain}.theme-preview-header>div{display:grid;gap:2px}.theme-preview-header strong{font-size:14px}.theme-preview-header small{font-size:7px;color:var(--preview-muted);text-transform:uppercase;letter-spacing:.08em}.theme-preview-header>span{margin-left:auto;font-size:7px;font-weight:950;color:var(--preview-primary);padding:4px 7px;border:1px solid color-mix(in srgb,var(--preview-primary) 25%,transparent);border-radius:999px}
.theme-preview-layout{display:grid;grid-template-columns:82px 1fr;min-height:288px}.theme-preview-nav{display:grid;align-content:start;gap:8px;padding:13px 10px;border-right:1px solid color-mix(in srgb,var(--preview-primary) 10%,transparent);background:color-mix(in srgb,var(--preview-surface) 94%,black)}.theme-preview-nav i{height:29px;border-radius:7px;background:color-mix(in srgb,var(--preview-primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--preview-primary) 12%,transparent)}.theme-preview-nav i:nth-child(2){background:color-mix(in srgb,var(--preview-secondary) 10%,transparent);border-color:color-mix(in srgb,var(--preview-secondary) 18%,transparent)}.theme-preview-nav i:nth-child(3){background:color-mix(in srgb,var(--preview-highlight) 8%,transparent);border-color:color-mix(in srgb,var(--preview-highlight) 18%,transparent)}
.theme-preview-content{padding:13px;display:grid;align-content:start;gap:11px}.theme-preview-search{height:30px;border-radius:8px;border:1px solid color-mix(in srgb,var(--preview-primary) 13%,transparent);background:color-mix(in srgb,var(--preview-surface) 80%,var(--preview-bg))}.theme-preview-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.theme-preview-kpis i{height:50px;border-radius:9px;background:linear-gradient(180deg,color-mix(in srgb,var(--preview-surface) 90%,black),color-mix(in srgb,var(--preview-primary) 3%,var(--preview-bg)));border:1px solid color-mix(in srgb,var(--preview-primary) 10%,transparent)}.theme-preview-panels{display:grid;grid-template-columns:1.35fr .65fr;gap:8px}.theme-preview-panels i{height:104px;border-radius:10px;background:linear-gradient(160deg,color-mix(in srgb,var(--preview-primary) 4%,var(--preview-surface)),color-mix(in srgb,var(--preview-secondary) 3%,var(--preview-bg)));border:1px solid color-mix(in srgb,var(--preview-primary) 10%,transparent)}.theme-preview-line{height:52px;border-radius:9px;border:1px solid color-mix(in srgb,var(--preview-highlight) 10%,transparent);background:color-mix(in srgb,var(--preview-surface-2) 55%,transparent);padding:22px 10px}.theme-preview-line i{display:block;height:3px;width:78%;border-radius:99px;background:linear-gradient(90deg,var(--preview-secondary),var(--preview-primary),var(--preview-highlight))}

.theme-color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}.theme-color-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
.theme-color-control{display:grid;gap:8px;padding:11px;border:1px solid color-mix(in srgb,var(--mr-primary) 10%,transparent);border-radius:11px;background:color-mix(in srgb,var(--mr-surface-2) 28%,transparent)}.theme-color-control>span{display:grid;gap:2px}.theme-color-control strong{font-size:10px}.theme-color-control small{font-size:7.5px;color:var(--mr-muted)}.theme-color-control>div{display:grid;grid-template-columns:42px 1fr;gap:7px}.theme-color-control input[type="color"]{width:42px;height:34px;padding:2px!important;border-radius:8px;cursor:pointer}.theme-color-control input[type="text"]{min-width:0;height:34px;padding:0 8px!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;text-transform:uppercase}.theme-color-control.disabled{opacity:.55}
.theme-save-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.theme-save-row .muted{font-size:10px}

.theme-primary-controls{display:grid;gap:14px}.theme-primary-head{margin-top:10px!important;padding-top:18px;border-top:1px solid rgba(239,196,108,.16)}.theme-primary-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.theme-primary-kpis>.card{border-color:rgba(239,196,108,.15)!important;background:linear-gradient(155deg,rgba(239,196,108,.045),rgba(195,162,255,.035))!important}.theme-primary-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px}.theme-platform-form{display:grid;gap:11px;margin-top:13px}.theme-platform-form>label:not(.theme-toggle-line),.theme-definition-select,.theme-tenant-row>label{display:grid;gap:5px;font-size:9px;font-weight:850;color:var(--mr-muted)}
.theme-toggle-line{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid rgba(239,196,108,.13);border-radius:10px;background:linear-gradient(135deg,rgba(239,196,108,.035),rgba(195,162,255,.03))}.theme-toggle-line>span{display:grid;gap:2px}.theme-toggle-line strong{font-size:10px}.theme-toggle-line small{color:var(--mr-muted);font-size:8px}.theme-toggle-line input{width:18px;height:18px;accent-color:#f0c875}
.theme-definition-flags{display:flex;gap:16px;margin-top:12px}.theme-definition-flags label{display:flex;align-items:center;gap:6px;font-size:10px}.theme-definition-flags input{width:16px;height:16px;accent-color:#f0c875}
.theme-tenant-list{display:grid;gap:8px;margin-top:13px}.theme-tenant-row{display:grid;grid-template-columns:145px minmax(300px,1.5fr) minmax(140px,.65fr) minmax(120px,.55fr) minmax(120px,.55fr) auto;gap:9px;align-items:end;padding:11px;border:1px solid color-mix(in srgb,var(--mr-primary) 9%,transparent);border-radius:11px;background:color-mix(in srgb,var(--mr-surface-2) 25%,transparent)}.theme-tenant-name{display:grid;gap:3px;align-self:center}.theme-tenant-name strong{font-size:11px}.theme-tenant-name small{font-size:7px;color:var(--mr-muted)}.theme-tenant-themes{display:flex;gap:5px;flex-wrap:wrap;align-self:center}.theme-tenant-chip{position:relative}.theme-tenant-chip input{position:absolute;opacity:0;pointer-events:none}.theme-tenant-chip span{display:inline-flex;padding:5px 7px;border-radius:7px;border:1px solid color-mix(in srgb,var(--mr-primary) 10%,transparent);font-size:7.5px;color:var(--mr-muted);cursor:pointer}.theme-tenant-chip input:checked+span{color:var(--mr-text);border-color:color-mix(in srgb,var(--mr-primary) 28%,transparent);background:color-mix(in srgb,var(--mr-primary) 7%,transparent)}.theme-tenant-row select{height:34px;padding:0 7px!important;font-size:8.5px}.theme-tenant-row button{height:34px;padding:0 10px!important;font-size:8px}

@media(max-width:1180px){.theme-user-workspace,.theme-primary-grid{grid-template-columns:1fr}.theme-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-tenant-row{grid-template-columns:140px 1fr 1fr}.theme-tenant-themes{grid-column:2/-1}.theme-tenant-row>button{justify-self:start}}
@media(max-width:760px){.theme-color-grid,.theme-color-grid.compact,.theme-primary-kpis{grid-template-columns:1fr 1fr}.theme-preview-layout{grid-template-columns:60px 1fr}.theme-preview-kpis{grid-template-columns:1fr 1fr}.theme-preview-panels{grid-template-columns:1fr}.theme-preview-panels i{height:70px}.theme-tenant-row{grid-template-columns:1fr}.theme-tenant-themes{grid-column:auto}.theme-tenant-row>button{width:100%}}
@media(max-width:480px){.theme-color-grid,.theme-color-grid.compact,.theme-primary-kpis{grid-template-columns:1fr}.theme-live-preview{min-height:300px}.theme-preview-layout{grid-template-columns:52px 1fr}}
.theme-primary-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:13px}.theme-primary-tile{display:grid;gap:9px;text-align:left;padding:12px!important;border-radius:11px!important;background:linear-gradient(155deg,rgba(239,196,108,.025),rgba(195,162,255,.025))!important;border:1px solid rgba(239,196,108,.12)!important}.theme-primary-tile>div{display:flex;align-items:center;gap:8px}.theme-primary-tile strong{font-size:11px}.theme-primary-tile>div span{margin-left:auto;color:#b9a977;font-size:6.5px;letter-spacing:.07em}.theme-primary-tile small{color:var(--mr-muted);font-size:8px;line-height:1.35}.theme-primary-tile.active{border-color:rgba(239,196,108,.42)!important;box-shadow:inset 3px 0 0 #f0c875,0 0 22px rgba(195,162,255,.06)!important}.theme-primary-tile.inactive{opacity:.55}@media(max-width:900px){.theme-primary-library{grid-template-columns:1fr 1fr}}@media(max-width:520px){.theme-primary-library{grid-template-columns:1fr}}
/* Dragon Lore now carries a darker olive undertone, with gold/ember only as accents. */
html[data-theme-key="dragon-lore"] body{background:radial-gradient(circle at 10% -4%,rgba(120,136,55,.16),transparent 28rem),radial-gradient(circle at 34% 0%,rgba(233,196,91,.07),transparent 25rem),radial-gradient(circle at 90% 2%,rgba(214,107,50,.06),transparent 26rem),linear-gradient(180deg,#0b0d09 0%,#11160f 46%,#0b0d09 100%)!important}html[data-theme-key="dragon-lore"] .app-header{box-shadow:0 24px 70px rgba(0,0,0,.34),0 0 38px rgba(120,136,55,.07) inset!important}html[data-theme-key="dragon-lore"] .card:not(.public-home-hero):not(.public-shop-card){box-shadow:inset 0 1px 0 rgba(201,219,147,.028),0 10px 30px rgba(0,0,0,.10)}

/* v3.0.8 — PRIMARY-only Theme Center + premium user theme picker */
.theme-quick-picker{position:relative;display:inline-flex;align-items:center;z-index:10025}
.theme-quick-trigger{
  min-width:164px;height:42px!important;display:grid!important;grid-template-columns:18px 31px minmax(78px,1fr) 12px;align-items:center;gap:8px;
  padding:0 11px!important;border-radius:12px!important;border:1px solid color-mix(in srgb,var(--mr-primary) 28%,transparent)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--mr-primary) 9%,var(--mr-surface)),color-mix(in srgb,var(--mr-secondary) 5%,var(--mr-bg)))!important;
  color:var(--mr-text)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.12)!important;
  cursor:pointer;transform:none!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important
}
.theme-quick-trigger:hover,.theme-quick-trigger[aria-expanded="true"]{border-color:color-mix(in srgb,var(--mr-primary) 50%,transparent)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--mr-primary) 13%,var(--mr-surface)),color-mix(in srgb,var(--mr-secondary) 7%,var(--mr-bg)))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 0 0 1px color-mix(in srgb,var(--mr-primary) 7%,transparent),0 12px 30px rgba(0,0,0,.18)!important}
.theme-quick-icon{width:16px!important;height:16px!important;stroke:var(--mr-primary)!important;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--mr-primary) 45%,transparent))}
.theme-quick-trigger-swatches{display:flex;align-items:center;width:31px;height:18px;position:relative}
.theme-quick-trigger-swatches i{display:block;width:17px;height:17px;border-radius:50%;background:var(--theme-dot);border:2px solid color-mix(in srgb,var(--mr-bg) 78%,transparent);box-shadow:0 0 0 1px rgba(255,255,255,.12),0 2px 8px rgba(0,0,0,.28)}
.theme-quick-trigger-swatches i+ i{margin-left:-6px}
.theme-quick-trigger-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:9px;font-weight:900;letter-spacing:.015em}
.theme-quick-chevron{width:7px;height:7px;border-right:1.5px solid var(--mr-muted);border-bottom:1.5px solid var(--mr-muted);transform:rotate(45deg) translateY(-2px);transition:transform .18s ease}
.theme-quick-trigger[aria-expanded="true"] .theme-quick-chevron{transform:rotate(225deg) translate(-1px,-1px)}
.theme-quick-menu{
  position:absolute;right:0;top:calc(100% + 8px);width:286px;max-height:min(420px,70vh);overflow:auto;padding:7px;
  display:grid;gap:4px;border:1px solid color-mix(in srgb,var(--mr-primary) 21%,transparent);border-radius:14px;
  background:linear-gradient(165deg,color-mix(in srgb,var(--mr-surface) 97%,black),color-mix(in srgb,var(--mr-bg) 98%,black));
  box-shadow:0 24px 70px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(22px);z-index:10040;isolation:isolate
}
.theme-quick-menu.hidden{display:none!important}
.theme-quick-option{
  width:100%;min-height:54px!important;display:grid!important;grid-template-columns:54px minmax(0,1fr) 22px;align-items:center;gap:9px;
  padding:8px 9px!important;text-align:left!important;border-radius:10px!important;border:1px solid transparent!important;background:transparent!important;color:var(--mr-text)!important;
  box-shadow:none!important;cursor:pointer;transform:none!important;transition:background .16s ease,border-color .16s ease!important
}
.theme-quick-option:hover{background:color-mix(in srgb,var(--mr-primary) 7%,transparent)!important;border-color:color-mix(in srgb,var(--mr-primary) 13%,transparent)!important}
.theme-quick-option.active{background:linear-gradient(90deg,color-mix(in srgb,var(--mr-primary) 12%,transparent),color-mix(in srgb,var(--mr-secondary) 5%,transparent))!important;border-color:color-mix(in srgb,var(--mr-primary) 31%,transparent)!important}
.theme-quick-option-palette{display:flex;align-items:center;padding-left:2px}
.theme-quick-option-palette i{display:block;width:22px;height:22px;border-radius:7px;background:var(--theme-dot);border:1px solid rgba(255,255,255,.15);box-shadow:0 3px 10px rgba(0,0,0,.24)}
.theme-quick-option-palette i+i{margin-left:-8px}
.theme-quick-option-copy{display:grid;gap:3px;min-width:0}
.theme-quick-option-copy strong{font-size:10px;font-weight:900;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.theme-quick-option-copy small{font-size:7.5px;line-height:1.2;color:var(--mr-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.theme-quick-check{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:color-mix(in srgb,var(--mr-primary) 15%,transparent);border:1px solid color-mix(in srgb,var(--mr-primary) 35%,transparent);color:var(--mr-primary);font-size:10px;font-weight:950}
.theme-quick-picker.locked{opacity:.7}.theme-quick-picker.locked .theme-quick-trigger{cursor:not-allowed!important}.theme-quick-trigger:disabled{pointer-events:auto}
.theme-primary-kpis-three{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.theme-tenant-row{grid-template-columns:145px minmax(300px,1.5fr) minmax(150px,.7fr) minmax(130px,.6fr) auto!important}
@media(max-width:1180px){.theme-tenant-row{grid-template-columns:140px 1fr 1fr!important}.theme-tenant-themes{grid-column:2/-1}}
@media(max-width:760px){.theme-quick-picker{order:-1}.theme-quick-trigger{min-width:148px}.theme-quick-menu{position:fixed;right:12px;top:78px;width:min(286px,calc(100vw - 24px))}.theme-primary-kpis-three{grid-template-columns:1fr 1fr!important}.theme-tenant-row{grid-template-columns:1fr!important}.theme-tenant-themes{grid-column:auto}}
@media(max-width:480px){.theme-quick-trigger{min-width:136px;grid-template-columns:17px 29px minmax(64px,1fr) 10px;padding:0 9px!important}.theme-primary-kpis-three{grid-template-columns:1fr!important}}

/* ==========================================================================
   v3.0.8 — Navigation Bar + Dropdown Navigation
   Replaces the old sidebar/context sub-navigation with one clean top bar.
   ========================================================================== */
#portalContent{
  display:block!important;
  margin-top:14px!important;
}
.portal-navigation{
  position:sticky!important;
  top:8px!important;
  z-index:120!important;
  width:100%!important;
  margin:0 0 18px!important;
  padding:7px!important;
  border-radius:15px!important;
  overflow:visible!important;
  background:
    radial-gradient(520px 150px at 8% -30%,color-mix(in srgb,var(--mr-primary) 8%,transparent),transparent 72%),
    linear-gradient(180deg,color-mix(in srgb,var(--mr-surface) 98%,black),color-mix(in srgb,var(--mr-bg) 96%,black))!important;
  border:1px solid color-mix(in srgb,var(--mr-primary) 14%,transparent)!important;
  box-shadow:0 14px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025)!important;
  backdrop-filter:blur(20px);
}
.sidebar-heading,.sidebar-context-nav,.sidebar-primary-label{display:none!important}
.primary-nav{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:stretch!important;
  gap:5px!important;
  width:100%!important;
  overflow:visible!important;
  padding:0!important;
}
.primary-nav-entry{
  position:relative;
  flex:1 1 104px;
  min-width:96px;
  max-width:158px;
  isolation:isolate;
  --nav-accent:var(--mr-primary);
}
.primary-nav-entry.hidden{display:none!important}
.primary-nav-entry[data-nav-group="overview"]{--nav-accent:#73e8ff}
.primary-nav-entry[data-nav-group="team"]{--nav-accent:#57e7c1}
.primary-nav-entry[data-nav-group="matches"]{--nav-accent:#f1c56c}
.primary-nav-entry[data-nav-group="analytics"]{--nav-accent:#84aefc}
.primary-nav-entry[data-nav-group="scouting"]{--nav-accent:#5dd6ff}
.primary-nav-entry[data-nav-group="candidates"]{--nav-accent:#ff8ed7}
.primary-nav-entry[data-nav-group="planning"]{--nav-accent:#ffb468}
.primary-nav-entry[data-nav-group="workflow"]{--nav-accent:#8f98ff}
.primary-nav-entry[data-nav-group="documents"]{--nav-accent:#69e0cc}
.primary-nav-entry[data-nav-group="tickets"]{--nav-accent:#62e9f2}
.primary-nav-entry[data-nav-group="design"]{--nav-accent:var(--mr-secondary)}
.primary-nav-entry[data-nav-group="operations"]{--nav-accent:#f0c875}
.primary-nav-entry[data-nav-group="distribution"]{--nav-accent:#f0c875}
.primary-nav-entry[data-nav-group="website"]{--nav-accent:#c3a2ff}
.primary-nav-entry[data-nav-group="maintenance"]{--nav-accent:#f0c875}
.primary-nav-entry[data-nav-group="admin"]{--nav-accent:#f0c875}
.primary-nav-item{
  width:100%!important;
  min-width:0!important;
  min-height:50px!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) 11px!important;
  grid-template-rows:auto auto!important;
  column-gap:8px!important;
  row-gap:1px!important;
  align-items:center!important;
  padding:7px 8px!important;
  border-radius:10px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#c7dadd!important;
  text-align:left!important;
  transform:none!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}
.primary-nav-item:before,.primary-nav-item:after{display:none!important}
.primary-nav-item .nav-icon{
  grid-column:1!important;
  grid-row:1 / 3!important;
  width:28px!important;
  height:28px!important;
  padding:4px!important;
  border-radius:8px!important;
  color:var(--nav-accent)!important;
  background:color-mix(in srgb,var(--nav-accent) 9%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--nav-accent) 18%,transparent)!important;
  box-shadow:none!important;
}
.primary-nav-item>span:not(.primary-nav-chevron){
  grid-column:2!important;
  grid-row:1!important;
  min-width:0;
  font-size:10.5px!important;
  font-weight:900!important;
  line-height:1.08!important;
  color:inherit!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.primary-nav-item>small{
  display:block!important;
  grid-column:2!important;
  grid-row:2!important;
  min-width:0;
  margin:0!important;
  color:#668189!important;
  font-size:7.2px!important;
  font-weight:750!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.primary-nav-chevron{
  grid-column:3!important;
  grid-row:1 / 3!important;
  justify-self:end;
  width:7px;
  height:7px;
  border-right:1.5px solid #648189;
  border-bottom:1.5px solid #648189;
  transform:rotate(45deg) translate(-1px,-1px);
  transition:transform .16s ease,border-color .16s ease;
}
.primary-nav-entry.open .primary-nav-chevron{transform:rotate(225deg) translate(-1px,-1px);border-color:var(--nav-accent)}
.primary-nav-item:hover,.primary-nav-entry.open>.primary-nav-item{
  color:var(--mr-text)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--nav-accent) 8%,transparent),rgba(255,255,255,.012))!important;
  border-color:color-mix(in srgb,var(--nav-accent) 18%,transparent)!important;
}
.primary-nav-item.active{
  color:var(--mr-text)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--nav-accent) 12%,transparent),color-mix(in srgb,var(--mr-secondary) 2.5%,transparent))!important;
  border-color:color-mix(in srgb,var(--nav-accent) 27%,transparent)!important;
  box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--nav-accent) 82%,transparent),0 0 20px color-mix(in srgb,var(--nav-accent) 5%,transparent)!important;
}
.primary-nav-item.active .nav-icon,.primary-nav-entry.open>.primary-nav-item .nav-icon{
  background:color-mix(in srgb,var(--nav-accent) 14%,transparent)!important;
  border-color:color-mix(in srgb,var(--nav-accent) 30%,transparent)!important;
  box-shadow:0 0 16px color-mix(in srgb,var(--nav-accent) 10%,transparent)!important;
}
.primary-nav-item.active>small{color:color-mix(in srgb,var(--nav-accent) 56%,var(--mr-muted))!important}

.primary-nav-dropdown{
  position:absolute;
  left:0;
  top:calc(100% + 7px);
  z-index:1000;
  width:286px;
  max-width:calc(100vw - 24px);
  max-height:min(520px,72vh);
  overflow:auto;
  padding:7px;
  border:1px solid color-mix(in srgb,var(--nav-accent) 23%,transparent);
  border-radius:13px;
  background:
    radial-gradient(300px 130px at 5% 0%,color-mix(in srgb,var(--nav-accent) 8%,transparent),transparent 72%),
    linear-gradient(165deg,color-mix(in srgb,var(--mr-surface) 98%,black),color-mix(in srgb,var(--mr-bg) 99%,black));
  box-shadow:0 24px 70px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(22px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-5px) scale(.985);
  transform-origin:top left;
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
}
.primary-nav-entry.nav-dropdown-align-right .primary-nav-dropdown{left:auto;right:0;transform-origin:top right}
.primary-nav-entry.open .primary-nav-dropdown{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}
.primary-nav-dropdown.hidden{display:none!important}
.primary-nav-dropdown-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:7px 8px 9px;
  margin-bottom:3px;
  border-bottom:1px solid color-mix(in srgb,var(--nav-accent) 10%,transparent);
}
.primary-nav-dropdown-head span{font-size:9px;font-weight:950;letter-spacing:.04em;color:var(--mr-text)}
.primary-nav-dropdown-head small{font-size:6.8px;font-weight:800;color:var(--mr-muted);text-transform:uppercase;letter-spacing:.07em}
.primary-nav-dropdown-section{display:grid;gap:3px}
.primary-nav-dropdown-section+.primary-nav-dropdown-section{margin-top:7px;padding-top:7px;border-top:1px solid rgba(255,255,255,.045)}
.primary-nav-dropdown-label{padding:2px 8px 3px;color:color-mix(in srgb,var(--nav-accent) 60%,var(--mr-muted));font-size:6.8px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.primary-nav-dropdown-item{
  width:100%!important;
  min-height:45px!important;
  display:grid!important;
  grid-template-columns:8px minmax(0,1fr) 20px!important;
  align-items:center!important;
  gap:9px!important;
  padding:7px 8px!important;
  border-radius:9px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:var(--mr-text)!important;
  text-align:left!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background .14s ease,border-color .14s ease!important;
}
.primary-nav-dropdown-item:hover{
  background:color-mix(in srgb,var(--nav-accent) 7%,transparent)!important;
  border-color:color-mix(in srgb,var(--nav-accent) 12%,transparent)!important;
}
.primary-nav-dropdown-item.active{
  background:linear-gradient(90deg,color-mix(in srgb,var(--nav-accent) 12%,transparent),color-mix(in srgb,var(--mr-secondary) 3%,transparent))!important;
  border-color:color-mix(in srgb,var(--nav-accent) 25%,transparent)!important;
}
.primary-nav-dropdown-dot{width:6px;height:6px;border-radius:50%;background:#38555c;box-shadow:0 0 0 3px rgba(255,255,255,.015)}
.primary-nav-dropdown-item:hover .primary-nav-dropdown-dot,.primary-nav-dropdown-item.active .primary-nav-dropdown-dot{background:var(--nav-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--nav-accent) 10%,transparent),0 0 10px color-mix(in srgb,var(--nav-accent) 28%,transparent)}
.primary-nav-dropdown-copy{display:grid;gap:3px;min-width:0}
.primary-nav-dropdown-copy strong{font-size:9.5px;font-weight:900;line-height:1.08;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.primary-nav-dropdown-copy small{font-size:7px;color:var(--mr-muted);line-height:1.05}
.primary-nav-dropdown-check{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;border:1px solid transparent;color:transparent;font-size:9px;font-weight:950}
.primary-nav-dropdown-item.active .primary-nav-dropdown-check{color:var(--nav-accent);border-color:color-mix(in srgb,var(--nav-accent) 30%,transparent);background:color-mix(in srgb,var(--nav-accent) 10%,transparent)}
.portal-main{width:100%!important;min-width:0!important}
.portal-stats{margin-top:0!important}
.portal-main>.portal-view>.section-head{margin-top:20px!important}

/* PRIMARY navigation keeps its separate gold/violet identity. */
.primary-nav-entry:has(.primary-admin-meta-nav)>.primary-nav-item,
.primary-nav-entry[data-nav-group="admin"]>.primary-nav-item{
  background:linear-gradient(145deg,rgba(239,196,108,.018),rgba(195,162,255,.018))!important;
}
.primary-nav-entry:has(.primary-admin-meta-nav)>.primary-nav-item:hover,
.primary-nav-entry:has(.primary-admin-meta-nav).open>.primary-nav-item,
.primary-nav-entry[data-nav-group="admin"]>.primary-nav-item:hover,
.primary-nav-entry[data-nav-group="admin"].open>.primary-nav-item{
  background:linear-gradient(145deg,rgba(239,196,108,.075),rgba(195,162,255,.055))!important;
}

@media(max-width:1180px){
  .primary-nav-entry{flex:1 1 118px;max-width:none}
  .primary-nav-item>small{display:none!important}
  .primary-nav-item{min-height:45px!important;grid-template-rows:1fr!important}
  .primary-nav-item .nav-icon,.primary-nav-chevron{grid-row:1!important}
  .primary-nav-item>span:not(.primary-nav-chevron){grid-row:1!important}
}
@media(max-width:760px){
  #portalContent{margin-top:10px!important}
  .portal-navigation{top:5px!important;margin-bottom:13px!important;padding:6px!important;border-radius:12px!important}
  .primary-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}
  .primary-nav-entry{min-width:0!important;max-width:none!important;width:100%!important}
  .primary-nav-item{min-height:43px!important;grid-template-columns:25px minmax(0,1fr) 9px!important;padding:6px 7px!important}
  .primary-nav-item .nav-icon{width:25px!important;height:25px!important;padding:3px!important}
  .primary-nav-item>span:not(.primary-nav-chevron){font-size:9.5px!important}
  .primary-nav-dropdown{width:264px}
  .primary-nav-entry.nav-dropdown-align-right .primary-nav-dropdown{right:0}
}
@media(max-width:520px){
  .primary-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .primary-nav-dropdown{width:min(280px,calc(100vw - 24px))}
}


/* v3.0.8 — Navigation readability + PRIMARY Control restoration hotfix */
.portal-navigation{
  display:grid!important;
  gap:8px!important;
  padding:8px!important;
}
.primary-nav-main,
.primary-nav-control{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  width:100%!important;
}
.primary-nav-main .primary-nav-entry,
.primary-nav-control .primary-nav-entry{
  flex:0 0 auto!important;
  min-width:0!important;
  max-width:none!important;
  width:auto!important;
}
.primary-nav-main .primary-nav-item,
.primary-nav-control .primary-nav-item{
  width:auto!important;
  min-width:0!important;
  min-height:44px!important;
  grid-template-columns:27px max-content 10px!important;
  grid-template-rows:1fr!important;
  column-gap:8px!important;
  padding:7px 10px!important;
  overflow:visible!important;
}
.primary-nav-main .primary-nav-entry:not(.has-dropdown) .primary-nav-item,
.primary-nav-control .primary-nav-entry:not(.has-dropdown) .primary-nav-item{
  grid-template-columns:27px max-content!important;
}
.primary-nav-main .primary-nav-item .nav-icon,
.primary-nav-control .primary-nav-item .nav-icon{
  grid-column:1!important;
  grid-row:1!important;
  width:27px!important;
  height:27px!important;
  padding:4px!important;
}
.primary-nav-main .primary-nav-item>span:not(.primary-nav-chevron),
.primary-nav-control .primary-nav-item>span:not(.primary-nav-chevron){
  grid-column:2!important;
  grid-row:1!important;
  width:auto!important;
  max-width:none!important;
  font-size:10.5px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.primary-nav-main .primary-nav-item>small,
.primary-nav-control .primary-nav-item>small{
  display:none!important;
}
.primary-nav-main .primary-nav-chevron,
.primary-nav-control .primary-nav-chevron{
  grid-column:3!important;
  grid-row:1!important;
}

/* Keep PRIMARY-only modules in a deliberate, separate control row. */
.primary-control-nav-wrap{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:7px;
  border-radius:12px;
  border:1px solid rgba(239,196,108,.16);
  background:
    radial-gradient(420px 110px at 4% 0%,rgba(239,196,108,.055),transparent 72%),
    radial-gradient(360px 120px at 95% 0%,rgba(195,162,255,.055),transparent 74%),
    linear-gradient(145deg,rgba(239,196,108,.018),rgba(195,162,255,.018));
}
.primary-control-nav-wrap.hidden{display:none!important}
.primary-control-nav-heading{
  min-width:126px;
  display:grid;
  gap:3px;
  padding:3px 9px 3px 5px;
  border-right:1px solid rgba(239,196,108,.13);
}
.primary-control-nav-heading span{
  color:#f0cb7b;
  font-size:8px;
  font-weight:950;
  line-height:1;
  letter-spacing:.12em;
}
.primary-control-nav-heading small{
  color:#8f879d;
  font-size:6.7px;
  font-weight:800;
  white-space:nowrap;
}

/* Restore the dedicated gold/violet PRIMARY-only card language. */
.primary-nav-control .primary-admin-meta-nav{
  --nav-accent:#f0c875;
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-width:150px!important;
  padding-right:76px!important;
  border:1px solid rgba(239,196,108,.25)!important;
  color:#eaf5f6!important;
  background:
    radial-gradient(120px 70px at 100% 0%,rgba(195,162,255,.15),transparent 72%),
    linear-gradient(135deg,rgba(239,196,108,.075),rgba(105,214,232,.035) 48%,rgba(182,162,255,.085))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 9px 24px rgba(0,0,0,.12)!important;
}
.primary-nav-control .primary-admin-meta-nav::before{
  content:'PRIMARY ONLY'!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:absolute!important;
  top:50%!important;
  right:8px!important;
  transform:translateY(-50%)!important;
  min-height:17px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  border:1px solid rgba(239,196,108,.24)!important;
  background:rgba(239,196,108,.075)!important;
  color:#f0cb7b!important;
  font-size:6.2px!important;
  font-weight:950!important;
  letter-spacing:.075em!important;
  line-height:1!important;
  z-index:3!important;
}
.primary-nav-control .primary-admin-meta-nav::after{
  content:''!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  background:linear-gradient(180deg,rgba(255,255,255,.032),transparent 36%)!important;
  pointer-events:none!important;
}
.primary-nav-control .primary-admin-meta-nav .nav-icon{
  color:#f0cb7b!important;
  border-color:rgba(239,196,108,.22)!important;
  background:linear-gradient(135deg,rgba(239,196,108,.11),rgba(182,162,255,.10))!important;
  box-shadow:0 0 19px rgba(239,196,108,.08)!important;
}
.primary-nav-control .primary-admin-meta-nav:hover,
.primary-nav-control .primary-nav-entry.open>.primary-admin-meta-nav{
  border-color:rgba(239,196,108,.40)!important;
  background:
    radial-gradient(140px 80px at 100% 0%,rgba(195,162,255,.20),transparent 72%),
    linear-gradient(135deg,rgba(239,196,108,.12),rgba(105,214,232,.05) 48%,rgba(182,162,255,.13))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 0 22px rgba(195,162,255,.055),0 12px 28px rgba(0,0,0,.14)!important;
}
.primary-nav-control .primary-admin-meta-nav.active{
  border-color:rgba(239,196,108,.47)!important;
  background:
    radial-gradient(150px 86px at 100% 0%,rgba(195,162,255,.23),transparent 72%),
    linear-gradient(135deg,rgba(239,196,108,.15),rgba(105,214,232,.065) 46%,rgba(182,162,255,.16))!important;
  box-shadow:inset 3px 0 0 #f0c875,0 0 0 1px rgba(239,196,108,.055),0 15px 32px rgba(0,0,0,.17)!important;
}
.primary-nav-control .primary-nav-entry .primary-nav-dropdown{
  border-color:rgba(239,196,108,.24)!important;
  background:
    radial-gradient(300px 130px at 5% 0%,rgba(239,196,108,.075),transparent 72%),
    radial-gradient(260px 120px at 100% 0%,rgba(195,162,255,.055),transparent 72%),
    linear-gradient(165deg,color-mix(in srgb,var(--mr-surface) 98%,black),color-mix(in srgb,var(--mr-bg) 99%,black))!important;
}

/* Admin keeps the PRIMARY palette, but deliberately has no PRIMARY ONLY badge. */
.primary-nav-main .primary-nav-entry[data-nav-group="admin"]>.primary-nav-item{
  --nav-accent:#f0c875;
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border:1px solid rgba(239,196,108,.22)!important;
  color:#eaf5f6!important;
  background:
    radial-gradient(115px 66px at 100% 0%,rgba(195,162,255,.11),transparent 72%),
    linear-gradient(135deg,rgba(239,196,108,.065),rgba(105,214,232,.025) 48%,rgba(182,162,255,.065))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 9px 24px rgba(0,0,0,.11)!important;
}
.primary-nav-main .primary-nav-entry[data-nav-group="admin"]>.primary-nav-item::before{content:none!important;display:none!important}
.primary-nav-main .primary-nav-entry[data-nav-group="admin"]>.primary-nav-item::after{
  content:''!important;display:block!important;position:absolute!important;inset:0!important;border-radius:inherit!important;
  background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 36%)!important;pointer-events:none!important;
}
.primary-nav-main .primary-nav-entry[data-nav-group="admin"]>.primary-nav-item .nav-icon{
  color:#f0cb7b!important;
  border-color:rgba(239,196,108,.22)!important;
  background:linear-gradient(135deg,rgba(239,196,108,.11),rgba(182,162,255,.10))!important;
}
.primary-nav-main .primary-nav-entry[data-nav-group="admin"]>.primary-nav-item:hover,
.primary-nav-main .primary-nav-entry[data-nav-group="admin"].open>.primary-nav-item,
.primary-nav-main .primary-nav-entry[data-nav-group="admin"]>.primary-nav-item.active{
  border-color:rgba(239,196,108,.42)!important;
  background:
    radial-gradient(135px 78px at 100% 0%,rgba(195,162,255,.19),transparent 72%),
    linear-gradient(135deg,rgba(239,196,108,.12),rgba(105,214,232,.05) 48%,rgba(182,162,255,.13))!important;
}
.primary-nav-main .primary-nav-entry[data-nav-group="admin"]>.primary-nav-item.active{
  box-shadow:inset 3px 0 0 #f0c875,0 13px 30px rgba(0,0,0,.16)!important;
}
.primary-nav-main .primary-nav-entry[data-nav-group="admin"] .primary-nav-dropdown{
  border-color:rgba(239,196,108,.24)!important;
  background:
    radial-gradient(300px 130px at 5% 0%,rgba(239,196,108,.075),transparent 72%),
    radial-gradient(260px 120px at 100% 0%,rgba(195,162,255,.055),transparent 72%),
    linear-gradient(165deg,color-mix(in srgb,var(--mr-surface) 98%,black),color-mix(in srgb,var(--mr-bg) 99%,black))!important;
}

/* Do not truncate dropdown labels either. */
.primary-nav-dropdown-copy strong{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.15!important;
}
.primary-nav-dropdown-item{min-height:47px!important}

@media(max-width:1180px){
  .primary-nav-main .primary-nav-entry,
  .primary-nav-control .primary-nav-entry{flex:0 0 auto!important;max-width:none!important}
  .primary-nav-main .primary-nav-item,
  .primary-nav-control .primary-nav-item{min-height:43px!important;grid-template-rows:1fr!important}
  .primary-nav-main .primary-nav-item>small,
  .primary-nav-control .primary-nav-item>small{display:none!important}
}
@media(max-width:900px){
  .primary-control-nav-wrap{grid-template-columns:1fr!important}
  .primary-control-nav-heading{border-right:0;border-bottom:1px solid rgba(239,196,108,.13);padding:2px 4px 7px}
}
@media(max-width:760px){
  .primary-nav-main,
  .primary-nav-control{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
  .primary-nav-main .primary-nav-entry,
  .primary-nav-control .primary-nav-entry{width:100%!important;min-width:0!important}
  .primary-nav-main .primary-nav-item,
  .primary-nav-control .primary-nav-item{width:100%!important;min-width:0!important;grid-template-columns:25px minmax(0,1fr) 9px!important;padding:7px 8px!important}
  .primary-nav-main .primary-nav-entry:not(.has-dropdown) .primary-nav-item,
  .primary-nav-control .primary-nav-entry:not(.has-dropdown) .primary-nav-item{grid-template-columns:25px minmax(0,1fr)!important}
  .primary-nav-main .primary-nav-item>span:not(.primary-nav-chevron),
  .primary-nav-control .primary-nav-item>span:not(.primary-nav-chevron){white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .primary-nav-control .primary-admin-meta-nav{padding-right:8px!important;min-width:0!important}
  .primary-nav-control .primary-admin-meta-nav::before{display:none!important}
}
@media(max-width:520px){
  .primary-nav-main,
  .primary-nav-control{grid-template-columns:1fr!important}
  .primary-nav-main .primary-nav-item>span:not(.primary-nav-chevron),
  .primary-nav-control .primary-nav-item>span:not(.primary-nav-chevron){overflow:visible!important;text-overflow:clip!important}
}

/* v3.0.8 — PRIMARY Control compact single-row hotfix */
/* The old PRIMARY span padding also hit the dropdown chevron and stretched its
   bottom border into the long diagonal line. Keep the real chevron compact. */
.primary-nav-control .primary-admin-meta-nav>.primary-nav-chevron{
  padding:0!important;
  width:6px!important;
  height:6px!important;
  min-width:6px!important;
  max-width:6px!important;
}
.primary-nav-control .primary-admin-meta-nav>span:not(.primary-nav-chevron){
  padding-right:0!important;
}

/* Desktop PRIMARY CONTROL: all five platform modules stay on one line. */
.primary-control-nav-wrap{
  grid-template-columns:120px minmax(0,1fr)!important;
  gap:8px!important;
  padding:5px 6px!important;
}
.primary-control-nav-heading{
  min-width:0!important;
  padding:2px 7px 2px 3px!important;
}
.primary-control-nav-heading span{font-size:7.4px!important}
.primary-control-nav-heading small{font-size:6.1px!important}

.primary-nav-control{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:5px!important;
  width:100%!important;
  overflow:visible!important;
}
.primary-nav-control .primary-nav-entry{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  flex:none!important;
}
.primary-nav-control .primary-nav-item{
  width:100%!important;
  min-width:0!important;
  min-height:38px!important;
  height:38px!important;
  grid-template-columns:23px minmax(0,1fr) 7px!important;
  column-gap:6px!important;
  padding:5px 6px!important;
  border-radius:9px!important;
}
.primary-nav-control .primary-nav-entry:not(.has-dropdown) .primary-nav-item{
  grid-template-columns:23px minmax(0,1fr)!important;
}
.primary-nav-control .primary-nav-item .nav-icon{
  width:23px!important;
  height:23px!important;
  padding:3px!important;
  border-radius:7px!important;
}
.primary-nav-control .primary-nav-item>span:not(.primary-nav-chevron){
  min-width:0!important;
  font-size:9.4px!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.primary-nav-control .primary-admin-meta-nav{
  min-width:0!important;
  padding-right:57px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 6px 18px rgba(0,0,0,.10)!important;
}
.primary-nav-control .primary-admin-meta-nav::before{
  right:5px!important;
  min-height:14px!important;
  padding:0 5px!important;
  font-size:5.35px!important;
  letter-spacing:.055em!important;
}
/* No decorative overlay/pseudo-line on PRIMARY buttons. */
.primary-nav-control .primary-admin-meta-nav::after{
  content:none!important;
  display:none!important;
  background:none!important;
}

@media(max-width:1050px) and (min-width:761px){
  .primary-control-nav-wrap{grid-template-columns:100px minmax(0,1fr)!important;gap:6px!important}
  .primary-control-nav-heading small{display:none!important}
  .primary-nav-control{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important}
  .primary-nav-control .primary-nav-item{grid-template-columns:21px minmax(0,1fr) 6px!important;column-gap:5px!important;padding:4px 5px!important}
  .primary-nav-control .primary-nav-entry:not(.has-dropdown) .primary-nav-item{grid-template-columns:21px minmax(0,1fr)!important}
  .primary-nav-control .primary-nav-item .nav-icon{width:21px!important;height:21px!important}
  .primary-nav-control .primary-nav-item>span:not(.primary-nav-chevron){font-size:8.6px!important}
  .primary-nav-control .primary-admin-meta-nav{padding-right:50px!important}
  .primary-nav-control .primary-admin-meta-nav::before{font-size:4.9px!important;padding:0 4px!important}
}

/* Mobile can wrap again; desktop/tablet is intentionally one row. */
@media(max-width:760px){
  .primary-control-nav-wrap{grid-template-columns:1fr!important;padding:6px!important}
  .primary-control-nav-heading{border-right:0!important;border-bottom:1px solid rgba(239,196,108,.13)!important;padding:2px 4px 6px!important}
  .primary-control-nav-heading small{display:block!important}
  .primary-nav-control{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
  .primary-nav-control .primary-nav-item{height:auto!important;min-height:40px!important;grid-template-columns:23px minmax(0,1fr) 7px!important}
  .primary-nav-control .primary-nav-entry:not(.has-dropdown) .primary-nav-item{grid-template-columns:23px minmax(0,1fr)!important}
  .primary-nav-control .primary-admin-meta-nav{padding-right:6px!important}
  .primary-nav-control .primary-admin-meta-nav::before{display:none!important}
}
@media(max-width:520px){
  .primary-nav-control{grid-template-columns:1fr!important}
}


/* v3.0.8 — PRIMARY CONTROL click-area hardening */
.primary-nav-control .primary-nav-entry{position:relative!important;z-index:1!important}
.primary-nav-control .primary-nav-entry.open{z-index:40!important}
.primary-nav-control .primary-nav-item{position:relative!important;cursor:pointer!important;pointer-events:auto!important}
.primary-nav-control .primary-admin-meta-nav::before,
.primary-nav-control .primary-admin-meta-nav::after{pointer-events:none!important}
.primary-nav-control .primary-nav-dropdown{pointer-events:auto!important;z-index:80!important}
.primary-nav-control .primary-nav-dropdown-item{pointer-events:auto!important;cursor:pointer!important}

/* v3.0.8 · UX / Module Structure Pass
   Goal: a new user should understand purpose, priority and next action without seeing every container at once. */
.module-focus-hidden{display:none!important}

.module-context-strip{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin:0 2px 14px;padding:9px 12px 9px 14px;
  border:1px solid color-mix(in srgb,var(--section-accent) 13%,rgba(205,239,245,.055));
  border-radius:11px;background:linear-gradient(90deg,color-mix(in srgb,var(--section-accent) 4%,transparent),rgba(255,255,255,.008));
}
.module-context-strip>div{min-width:0}.module-context-path{display:flex;align-items:center;gap:7px;color:var(--section-accent);font-size:7px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}
.module-context-path b{color:#58747b;font-size:10px}.module-context-strip p{margin:4px 0 0;color:#829da4;font-size:8.5px;line-height:1.45}
.module-context-count{flex:0 0 auto;padding:4px 7px;border:1px solid rgba(205,239,245,.07);border-radius:999px;color:#6f8a91;background:rgba(255,255,255,.012);font-size:7px;font-weight:850;white-space:nowrap}

/* Page hierarchy: header = orientation, KPIs = quiet status, focused workspace = visual priority. */
.portal-view>.section-head{box-shadow:0 8px 22px rgba(0,0,0,.055)}
.portal-view>.section-head .section-subtitle{margin:6px 0 0;color:#819ba2;font-size:9px;line-height:1.5}
.portal-view>.performance-kpis .perf-kpi,.portal-view>.admin-kpis .perf-kpi,.portal-view .theme-primary-kpis>.card{
  background:rgba(255,255,255,.012)!important;border-color:rgba(205,239,245,.055)!important;box-shadow:none!important;
}
.portal-view>.performance-kpis .perf-kpi strong,.portal-view>.admin-kpis .perf-kpi strong{font-size:24px}

.module-focused-view>.nav-anchor:not(.module-focus-hidden),
.module-focused-view>.planning-grid>.nav-anchor:not(.module-focus-hidden),
.module-focused-view>.tenant-distribution-grid>.nav-anchor:not(.module-focus-hidden),
.module-focused-view>.admin-secondary-grid>.nav-anchor:not(.module-focus-hidden){
  position:relative;border-color:color-mix(in srgb,var(--section-accent) 26%,rgba(205,239,245,.08))!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--section-accent) 4.5%,var(--mr-surface)),color-mix(in srgb,var(--mr-surface2) 80%,transparent))!important;
  box-shadow:0 18px 44px rgba(0,0,0,.12),inset 3px 0 0 color-mix(in srgb,var(--section-accent) 64%,transparent)!important;
}
.module-focused-view>.nav-anchor:not(.module-focus-hidden)::before,
.module-focused-view>.planning-grid>.nav-anchor:not(.module-focus-hidden)::before,
.module-focused-view>.tenant-distribution-grid>.nav-anchor:not(.module-focus-hidden)::before{
  content:"AKTIVER ARBEITSBEREICH";position:absolute;right:14px;top:-8px;padding:3px 6px;border-radius:999px;
  border:1px solid color-mix(in srgb,var(--section-accent) 22%,transparent);background:var(--mr-bg);color:var(--section-accent);font-size:5.8px;font-weight:950;letter-spacing:.08em;z-index:2
}
#analyticsView.module-focused-view>#analyticsCompetition{padding:16px;border:1px solid color-mix(in srgb,var(--section-accent) 22%,rgba(205,239,245,.07));border-radius:14px}
#planningView.module-focused-view .planning-status-grid{grid-template-columns:1fr!important}
#documentsView.module-focused-view>.documents-section:not(.module-focus-hidden){margin-top:8px}
#websiteView.module-focused-view>.website-admin-section:not(.module-focus-hidden){margin-top:8px}
#operationsView.module-focused-view>.operations-section:not(.module-focus-hidden){margin-top:8px}

/* Module landing pages: purpose first, then clear entry points. */
.module-overview{
  margin:8px 0 14px;padding:17px;border:1px solid color-mix(in srgb,var(--section-accent) 19%,rgba(205,239,245,.06));border-radius:15px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--section-accent) 4%,rgba(255,255,255,.014)),rgba(255,255,255,.006) 58%,color-mix(in srgb,var(--mr-secondary) 2%,transparent));
  box-shadow:0 14px 38px rgba(0,0,0,.09)
}
.module-overview-head{display:grid;gap:4px;margin-bottom:12px}.module-overview-head h3{margin:0;font-size:17px;letter-spacing:-.02em}.module-overview-head p{max-width:850px;margin:0;color:#839da4;font-size:9px;line-height:1.5}
.module-entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.module-entry-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.module-entry-grid-five{grid-template-columns:repeat(5,minmax(0,1fr))}
.module-entry-card{
  min-width:0;min-height:88px!important;display:grid!important;grid-template-columns:25px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:2px 9px!important;
  align-content:center!important;justify-items:start!important;text-align:left!important;padding:11px!important;
  border:1px solid rgba(205,239,245,.075)!important;border-radius:11px!important;background:rgba(255,255,255,.014)!important;color:#e7f4f6!important;box-shadow:none!important;transform:none!important
}
.module-entry-card>span{grid-row:1/3;width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--section-accent) 8%,transparent);color:var(--section-accent);font-size:7px;font-weight:950}
.module-entry-card>strong{font-size:9.5px;line-height:1.2}.module-entry-card>small{color:#718d94;font-size:7.4px;line-height:1.35;font-weight:650}
.module-entry-card:hover{border-color:color-mix(in srgb,var(--section-accent) 28%,transparent)!important;background:color-mix(in srgb,var(--section-accent) 4.5%,rgba(255,255,255,.014))!important;transform:translateY(-1px)!important}
.module-entry-card.positive>span{color:#72dca7;background:rgba(90,214,151,.07)}.module-entry-card.positive:hover{border-color:rgba(90,214,151,.22)!important}
.module-entry-card.attention>span{color:#e6c66d;background:rgba(230,198,109,.07)}.module-entry-card.attention:hover{border-color:rgba(230,198,109,.22)!important}
.module-entry-card.danger>span{color:#ff8798;background:rgba(255,113,136,.07)}.module-entry-card.danger:hover{border-color:rgba(255,113,136,.24)!important}
.module-entry-card.quiet{opacity:.82}.module-entry-card.quiet>span{color:#849ca2;background:rgba(255,255,255,.035)}
.module-overview-live{display:grid;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(205,239,245,.055)}
.module-overview-live>.card,.module-overview-live>.tenant-architecture-strip,.module-overview-live>.admin-kpis{margin:0!important}
.module-overview-live>.admin-kpis{display:grid}

/* Stronger workspaces for direct modules that do not need a subview landing. */
#homeView .home-command-center,#scoutingOpponentPicker,#playerScoutingView .player-scout-directory,#ticketsView .ticket-board,#candidatesView .candidate-command-center{
  border-color:color-mix(in srgb,var(--section-accent) 20%,rgba(205,239,245,.07))!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--section-accent) 3.5%,var(--mr-surface)),var(--mr-surface))!important;
  box-shadow:0 16px 40px rgba(0,0,0,.10),inset 3px 0 0 color-mix(in srgb,var(--section-accent) 44%,transparent)!important
}
#maintenanceView .maintenance-control-card{border-color:rgba(255,126,140,.25)!important;background:linear-gradient(145deg,rgba(255,97,119,.045),var(--mr-surface))!important;box-shadow:inset 3px 0 0 rgba(255,111,131,.65),0 16px 38px rgba(0,0,0,.11)!important}
#maintenanceView .maintenance-preview-card{opacity:.86}

/* Archives and secondary context should visually recede. */
.matches-legacy-archive,.planning-archive-card,.health-runs-details{opacity:.82}
.matches-legacy-archive:hover,.planning-archive-card:hover{opacity:1}

/* On focused Admin pages the two-card wrapper collapses cleanly around the selected child. */
#adminView.module-focused-view #adminSecondary{grid-template-columns:1fr!important}

@media(max-width:1100px){.module-entry-grid,.module-entry-grid-five{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
  .module-context-strip{align-items:flex-start;flex-direction:column;gap:7px}.module-context-count{display:none}
  .module-entry-grid,.module-entry-grid-five{grid-template-columns:1fr}.module-entry-card{min-height:70px!important}
  .module-overview{padding:13px}.module-focused-view>.nav-anchor:not(.module-focus-hidden)::before,.module-focused-view>.planning-grid>.nav-anchor:not(.module-focus-hidden)::before{display:none}
}
.module-focused-view .planning-status-grid:not(:has(> .nav-anchor:not(.module-focus-hidden))),
.module-focused-view .tenant-distribution-grid:not(:has(> .nav-anchor:not(.module-focus-hidden))),
.module-focused-view #adminSecondary:not(:has(> .nav-anchor:not(.module-focus-hidden))){display:none!important}
.home-status-strip{margin:0 0 12px!important}.home-status-strip .stat{padding:13px 15px;background:rgba(255,255,255,.011)!important;border-color:rgba(205,239,245,.05)!important;box-shadow:none!important}.home-status-strip .stat strong{font-size:24px;margin-top:5px}.home-status-strip .stat small{display:block;margin-top:2px;color:#617d84;font-size:7px}
#candidatesView .candidate-stage-board-card{border-color:color-mix(in srgb,var(--section-accent) 19%,rgba(205,239,245,.07))!important;background:linear-gradient(145deg,color-mix(in srgb,var(--section-accent) 3%,var(--mr-surface)),var(--mr-surface))!important;box-shadow:inset 3px 0 0 color-mix(in srgb,var(--section-accent) 40%,transparent),0 14px 34px rgba(0,0,0,.09)!important}
#candidatesView .candidate-page-nav{padding:8px!important;background:rgba(255,255,255,.008)!important;border-color:rgba(205,239,245,.05)!important;box-shadow:none!important}
/* v3.0.8 · Map History dropdown header v2 */
.analytics-history-details{
  margin-top:15px;
  border:1px solid rgba(117,211,230,.12);
  border-radius:11px;
  background:rgba(2,12,16,.24);
  overflow:hidden;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.analytics-history-details:hover{border-color:rgba(117,211,230,.22)}
.analytics-history-details[open]{
  background:rgba(2,12,16,.34);
  border-color:rgba(117,211,230,.19);
  box-shadow:inset 3px 0 0 color-mix(in srgb,var(--analytics-accent,#75d3e6) 62%,transparent);
}
.analytics-history-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:46px;
  padding:10px 13px;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.analytics-history-summary::-webkit-details-marker{display:none}
.analytics-history-summary::marker{content:''}
.analytics-history-summary-title{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  line-height:1;
}
.analytics-history-summary-title span{
  color:var(--analytics-accent,#75d3e6);
  font-size:7px;
  font-weight:900;
  letter-spacing:.13em;
}
.analytics-history-summary-title i{
  color:#456871;
  font-size:9px;
  font-style:normal;
  font-weight:800;
}
.analytics-history-summary-title strong{
  color:var(--text,#eef7f9);
  font-size:11px;
  font-weight:800;
}
.analytics-history-summary-meta{
  display:flex;
  align-items:center;
  gap:11px;
  margin-left:auto;
  white-space:nowrap;
}
.analytics-history-summary-meta small{color:#69858c;font-size:8px;font-weight:650}
.analytics-history-chevron{
  flex:0 0 auto;
  width:7px;
  height:7px;
  border-right:1.5px solid var(--analytics-accent,#75d3e6);
  border-bottom:1.5px solid var(--analytics-accent,#75d3e6);
  transform:rotate(45deg) translate(-1px,-1px);
  transform-origin:center;
  transition:transform .16s ease;
  opacity:.9;
}
.analytics-history-details[open] .analytics-history-chevron{transform:rotate(225deg) translate(-1px,-1px)}
.analytics-history-content{padding:0 12px 12px}
.analytics-history-content .analytics-history-table{margin:0}
@media(max-width:720px){
  .analytics-history-summary{padding:10px;gap:10px}
  .analytics-history-summary-title{gap:4px}
  .analytics-history-summary-meta small{max-width:150px;overflow:hidden;text-overflow:ellipsis}
  .analytics-history-content{padding:0 10px 10px}
}

/* v3.0.8 — MR Rating/Swing tooltip hotfix
   Tooltips live on <body> with position:fixed so table/card overflow cannot clip them. */
.care-subvalue::after{content:none!important;display:none!important}
.mr-metric-tooltip{
  position:fixed;
  z-index:2147483000;
  width:min(360px,calc(100vw - 20px));
  padding:9px 11px;
  border:1px solid color-mix(in srgb,var(--mr-primary,#69d6e8) 28%,transparent);
  border-radius:9px;
  background:color-mix(in srgb,var(--mr-surface,#0a171c) 96%,#000 4%);
  color:var(--mr-text,#d8ecef);
  box-shadow:0 12px 34px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.018) inset;
  font-size:10px;
  font-weight:600;
  line-height:1.5;
  letter-spacing:0;
  text-transform:none;
  white-space:normal;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  transform:translateY(3px);
  transition:opacity .12s ease,transform .12s ease,visibility .12s ease;
}
.mr-metric-tooltip.visible{opacity:1;visibility:visible;transform:translateY(0)}
@media(max-width:560px){.mr-metric-tooltip{font-size:9.5px;line-height:1.45}}


/* v3.0.8 — MR tooltip v2: only the info icon is interactive.
   Keeping the metric row passive prevents adjacent Rating/Swing hover zones from colliding. */
.care-subvalue{cursor:default!important;outline:none!important}
.care-info{cursor:help;position:relative;z-index:2}
.care-info:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--mr-primary,#69d6e8) 24%,transparent);border-color:color-mix(in srgb,var(--mr-primary,#69d6e8) 48%,transparent)}
.care-subvalue:hover::after,.care-subvalue:focus-visible::after,.care-info::after{content:none!important;display:none!important}

/* v3.0.8 — Team player master data workspace */
.player-masterdata-toolbar{
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(220px,360px) auto;
  gap:14px;
  align-items:center;
  margin-bottom:12px;
  padding:14px 16px;
}
.player-masterdata-toolbar>div:first-child{display:grid;gap:3px}
.player-masterdata-toolbar>div:first-child>strong{font-size:13px;color:var(--mr-text,#eef7f9)}
.player-masterdata-toolbar>div:first-child>small{font-size:9px;color:var(--mr-muted,#91a8b0)}
.player-masterdata-search{position:relative;display:block}
.player-masterdata-search .ui-icon{position:absolute;left:12px;top:50%;width:15px;height:15px;transform:translateY(-50%);pointer-events:none;color:var(--mr-muted,#78949b);z-index:2}
.player-masterdata-search input{padding:9px 12px 9px 36px!important;line-height:1.25}
.player-masterdata-list{display:grid;gap:9px}
.player-masterdata-row{
  display:grid;
  grid-template-columns:minmax(215px,1.15fr) minmax(220px,1.15fr) minmax(240px,1.35fr) minmax(130px,.65fr) auto;
  gap:14px;
  align-items:center;
  padding:13px 15px!important;
}
.player-masterdata-person{display:grid;grid-template-columns:58px minmax(0,1fr);gap:11px;align-items:center;min-width:0}
.player-masterdata-person .player-portrait{width:58px;height:58px;border-radius:12px}
.player-masterdata-person>div{display:grid;gap:2px;min-width:0}
.player-masterdata-person strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-masterdata-person span{font-size:9px;color:var(--mr-muted,#91a8b0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-masterdata-person small{font-size:8px;color:#66858d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-masterdata-roster,.player-masterdata-profiles,.player-masterdata-quality{min-width:0}
.player-masterdata-roster .badges{margin-top:5px;min-height:0}
.player-master-label{display:block;margin-bottom:5px;color:#67868d;font-size:7px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.player-masterdata-profiles>div{display:flex;gap:5px;flex-wrap:wrap}
.player-master-profile-link{display:inline-flex;align-items:center;min-height:24px;padding:3px 7px;border:1px solid color-mix(in srgb,var(--mr-primary,#69d6e8) 12%,transparent);border-radius:7px;background:color-mix(in srgb,var(--mr-primary,#69d6e8) 3%,transparent);color:color-mix(in srgb,var(--mr-primary,#69d6e8) 76%,white);font-size:8px;font-weight:800;text-decoration:none}
.player-master-profile-link:hover{border-color:color-mix(in srgb,var(--mr-primary,#69d6e8) 30%,transparent);background:color-mix(in srgb,var(--mr-primary,#69d6e8) 7%,transparent)}
.player-masterdata-profiles>small{display:block;margin-top:5px;color:#6e8b92;font-size:8px}
.player-masterdata-quality strong{display:block;font-size:15px;margin-bottom:5px}
.player-master-progress{height:5px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.055)}
.player-master-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mr-secondary,#626E7F),var(--mr-primary,#4A7AA8))}
.player-masterdata-quality small{display:block;margin-top:4px;color:#69868d;font-size:8px}
.player-masterdata-action{justify-self:end;white-space:nowrap}
@media(max-width:1180px){.player-masterdata-row{grid-template-columns:minmax(210px,1fr) minmax(220px,1fr) minmax(210px,1fr) auto}.player-masterdata-quality{grid-column:2/4}.player-masterdata-action{grid-column:4;grid-row:1/3}}
@media(max-width:820px){.player-masterdata-toolbar{grid-template-columns:1fr auto}.player-masterdata-toolbar>div:first-child{grid-column:1/-1}.player-masterdata-search{min-width:0}.player-masterdata-row{grid-template-columns:1fr 1fr}.player-masterdata-person{grid-column:1/-1}.player-masterdata-quality{grid-column:auto}.player-masterdata-action{grid-column:auto;grid-row:auto;justify-self:end}}
@media(max-width:560px){.player-masterdata-toolbar{grid-template-columns:1fr}.player-masterdata-toolbar .counter-pill{justify-self:start}.player-masterdata-row{grid-template-columns:1fr}.player-masterdata-roster,.player-masterdata-profiles,.player-masterdata-quality,.player-masterdata-action{grid-column:1}.player-masterdata-action{justify-self:stretch}.player-masterdata-action button{width:100%}}

/* v3.0.8 — Player scout search alignment fix.
   Global form padding is !important, so this rule must explicitly reserve icon space. */
.player-scout-search .ui-icon{left:12px!important;top:50%!important;transform:translateY(-50%)!important}
.player-scout-search input{padding:9px 12px 9px 36px!important;line-height:1.25!important;text-indent:0!important}


/* MIDROUND v3.0.8 — Candidate pipeline hover stability hotfix */
.candidate-stage-board{
  padding-top:6px!important;
  padding-bottom:8px!important;
}
.candidate-stage-cell{
  position:relative;
  transform:none!important;
  will-change:auto!important;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease!important;
}
.candidate-stage-cell:hover,
.candidate-stage-cell:focus-visible,
.candidate-stage-cell:active{
  transform:none!important;
}
.candidate-stage-cell:hover{
  border-color:color-mix(in srgb,var(--mr-primary) 42%,transparent)!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--mr-primary) 10%,transparent),color-mix(in srgb,var(--mr-secondary) 7%,transparent))!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mr-primary) 7%,transparent),0 8px 24px rgba(0,0,0,.12)!important;
}
.candidate-stage-cell:active{
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mr-primary) 14%,transparent)!important;
}

/* v3.0.8 admin hub cleanup + PRIMARY legal relocation */
#adminView .section-head{margin-bottom:8px}
#adminView .admin-scope-top{border-color:rgba(216,178,79,.28);background:rgba(216,178,79,.06);color:#e8cc7c}
.admin-command-overview{
  margin:8px 0 14px;padding:16px;border:1px solid color-mix(in srgb,var(--section-accent) 18%,rgba(205,239,245,.06));border-radius:15px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--section-accent) 2.8%,var(--mr-surface)),var(--mr-surface));
  box-shadow:0 15px 38px rgba(0,0,0,.10),inset 3px 0 0 color-mix(in srgb,var(--section-accent) 38%,transparent)
}
.admin-command-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}
.admin-command-head>div{display:grid;gap:4px}.admin-command-head h3{margin:0;font-size:18px;letter-spacing:-.02em}.admin-command-head p{margin:0;max-width:820px;color:#849ba2;font-size:10px;line-height:1.5}
.admin-scope-badge{flex:0 0 auto;display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border:1px solid rgba(216,178,79,.22);border-radius:999px;background:rgba(216,178,79,.055);color:#d9bd6c;font-size:7px;font-weight:900;letter-spacing:.08em}
.admin-status-strip{margin:0 0 10px!important;gap:8px!important}
.admin-status-strip .perf-kpi{min-height:72px!important;padding:10px 12px!important;background:rgba(255,255,255,.012)!important;border-color:rgba(205,239,245,.065)!important;box-shadow:none!important}
.admin-status-strip .perf-kpi span{font-size:7.5px}.admin-status-strip .perf-kpi strong{font-size:18px!important}.admin-status-strip .perf-kpi small{font-size:7.4px}
.admin-command-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.admin-hub-panel{min-width:0;padding:13px;border:1px solid rgba(205,239,245,.07);border-radius:12px;background:rgba(255,255,255,.012)}
.admin-hub-security{border-top-color:rgba(101,220,174,.20)}.admin-hub-operations{border-top-color:color-mix(in srgb,var(--section-accent) 28%,transparent)}
.admin-hub-head{display:grid;gap:3px;margin-bottom:9px}.admin-hub-head h4{margin:0;font-size:13px}.admin-hub-head p{margin:0;color:#789197;font-size:8.5px;line-height:1.45}
.admin-hub-actions{display:grid;gap:6px}
.admin-hub-action{width:100%;min-height:54px!important;display:grid!important;grid-template-columns:28px minmax(0,1fr) 12px!important;align-items:center!important;gap:9px!important;padding:8px 9px!important;text-align:left!important;border:1px solid rgba(205,239,245,.065)!important;border-radius:9px!important;background:rgba(1,11,17,.26)!important;color:#e5f1f3!important;box-shadow:none!important;transform:none!important}
.admin-hub-action>.ui-icon{width:16px;height:16px;padding:5px;border-radius:7px;box-sizing:content-box;color:color-mix(in srgb,var(--section-accent) 78%,#fff);background:color-mix(in srgb,var(--section-accent) 7%,transparent);border:1px solid color-mix(in srgb,var(--section-accent) 13%,transparent)}
.admin-hub-action>span{min-width:0;display:grid;gap:2px}.admin-hub-action strong{font-size:9.5px;line-height:1.2}.admin-hub-action small{color:#738b91;font-size:7.6px;line-height:1.35;font-weight:600}.admin-hub-action>b{color:#6e8990;font-size:17px;font-weight:500;transition:transform .16s ease,color .16s ease}
.admin-hub-action:hover{transform:none!important;border-color:color-mix(in srgb,var(--section-accent) 25%,transparent)!important;background:color-mix(in srgb,var(--section-accent) 3.5%,rgba(1,11,17,.26))!important}.admin-hub-action:hover>b{transform:translateX(2px);color:var(--section-accent)}
.website-legal-section{border-color:rgba(216,178,79,.16)!important;box-shadow:inset 3px 0 0 rgba(216,178,79,.30)!important}
.website-legal-section .panel-kicker{color:#d9bd6c}
@media(max-width:860px){.admin-command-grid{grid-template-columns:1fr}.admin-command-head{align-items:flex-start}.admin-status-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.admin-command-head{display:grid}.admin-status-strip{grid-template-columns:1fr}.admin-hub-action{min-height:58px!important}}

/* v3.0.8 · global disclosure / dropdown UX pass
   Collapsible module areas must read as interactive controls, not ordinary cards. */
.ui-disclosure{
  position:relative;
  border:1px solid color-mix(in srgb,var(--mr-primary,#69d6e8) 13%,rgba(205,239,245,.06))!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.012),rgba(0,0,0,.035))!important;
  overflow:hidden;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,opacity .16s ease!important;
}
.ui-disclosure:hover{
  border-color:color-mix(in srgb,var(--mr-primary,#69d6e8) 27%,rgba(205,239,245,.08))!important;
  opacity:1!important;
}
.ui-disclosure[open]{
  border-color:color-mix(in srgb,var(--mr-primary,#69d6e8) 32%,rgba(205,239,245,.09))!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--mr-primary,#69d6e8) 2.4%,rgba(255,255,255,.012)),rgba(0,0,0,.05))!important;
  box-shadow:inset 3px 0 0 color-mix(in srgb,var(--mr-primary,#69d6e8) 58%,transparent),0 10px 28px rgba(0,0,0,.08)!important;
  opacity:1!important;
}
.ui-disclosure>.ui-disclosure-summary{
  position:relative;
  min-height:48px;
  margin:0!important;
  padding:11px 48px 11px 14px!important;
  list-style:none!important;
  cursor:pointer!important;
  user-select:none;
  outline:none;
  transition:background .16s ease,color .16s ease!important;
}
.ui-disclosure>.ui-disclosure-summary::-webkit-details-marker{display:none!important}
.ui-disclosure>.ui-disclosure-summary::marker{content:''}
.ui-disclosure>.ui-disclosure-summary:hover{
  background:linear-gradient(90deg,color-mix(in srgb,var(--mr-primary,#69d6e8) 5%,transparent),transparent 68%)!important;
}
.ui-disclosure>.ui-disclosure-summary:focus-visible{
  box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--mr-primary,#69d6e8) 48%,transparent)!important;
}
.ui-disclosure>.ui-disclosure-summary::after{
  content:''!important;
  position:absolute!important;
  right:17px!important;
  top:50%!important;
  width:9px!important;
  height:9px!important;
  margin:0!important;
  border:0!important;
  border-right:2px solid color-mix(in srgb,var(--mr-primary,#69d6e8) 80%,#fff 20%)!important;
  border-bottom:2px solid color-mix(in srgb,var(--mr-primary,#69d6e8) 80%,#fff 20%)!important;
  transform:translateY(-68%) rotate(45deg)!important;
  transform-origin:center!important;
  transition:transform .17s ease,filter .17s ease!important;
  filter:drop-shadow(0 0 4px color-mix(in srgb,var(--mr-primary,#69d6e8) 22%,transparent));
  opacity:.92;
}
.ui-disclosure[open]>.ui-disclosure-summary::after{
  transform:translateY(-32%) rotate(225deg)!important;
  filter:drop-shadow(0 0 6px color-mix(in srgb,var(--mr-primary,#69d6e8) 42%,transparent));
}
.ui-disclosure[open]>.ui-disclosure-summary{
  border-bottom:1px solid rgba(205,239,245,.055);
  background:linear-gradient(90deg,color-mix(in srgb,var(--mr-primary,#69d6e8) 6%,transparent),transparent 74%)!important;
}
.ui-disclosure-content{padding:12px 14px 14px}
.ui-disclosure-copy{display:grid;gap:3px;min-width:0}
.ui-disclosure-copy strong{font-size:13px;line-height:1.15}
.ui-disclosure-copy small{color:var(--mr-muted,#78949b);font-size:8.5px;line-height:1.35}
.ui-disclosure-kicker{color:var(--mr-primary,#69d6e8);font-size:7px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.ui-disclosure-count{
  margin-left:auto;
  margin-right:4px;
  padding:5px 8px;
  border:1px solid color-mix(in srgb,var(--mr-primary,#69d6e8) 17%,rgba(255,255,255,.05));
  border-radius:999px;
  background:color-mix(in srgb,var(--mr-primary,#69d6e8) 5%,transparent);
  color:var(--mr-muted,#78949b);
  font-size:8px;
  font-weight:850;
  white-space:nowrap;
}
.notification-inbox-disclosure{margin-top:13px}
.notification-inbox-summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important}
.notification-inbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding-bottom:9px;border-bottom:1px solid rgba(205,239,245,.05)}
.notification-inbox-toolbar .muted{font-size:8px}
.notification-inbox-content>.audit-list{margin:0}

/* Existing archive/log disclosures use the same stronger visual language. */
.matches-legacy-archive.ui-disclosure,.planning-archive-card.ui-disclosure{padding:0!important}
.matches-legacy-archive.ui-disclosure .matches-legacy-summary,
.planning-archive-card.ui-disclosure .planning-archive-summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important}
.matches-legacy-archive.ui-disclosure .matches-legacy-summary #legacyMatchesArchiveCount,
.planning-archive-card.ui-disclosure .planning-archive-summary #planningArchiveCount{margin-left:auto;margin-right:2px}
.social-archive.ui-disclosure{margin-top:18px!important;padding-top:0!important;border-top-width:1px!important}
.social-archive.ui-disclosure>.ui-disclosure-summary{display:flex;align-items:center;justify-content:space-between;gap:12px}
.social-archive.ui-disclosure[open]>.ui-disclosure-summary{margin-bottom:0!important}
.social-archive.ui-disclosure>*:not(summary){margin-left:12px;margin-right:12px}
.health-runs-details.ui-disclosure,.sync-details-block.ui-disclosure{margin-top:10px!important;padding-top:0!important;border-top-width:1px!important}
.health-runs-details.ui-disclosure>.ui-disclosure-summary,
.sync-details-block.ui-disclosure>.ui-disclosure-summary{display:flex!important;align-items:center!important;color:var(--mr-muted,#78949b)!important;font-size:9px!important;font-weight:850!important;padding:10px 44px 10px 12px!important}
.health-runs-details.ui-disclosure[open]>.ui-disclosure-summary{margin-bottom:0!important}
.health-runs-details.ui-disclosure>#operationsRunsList,
.sync-details-block.ui-disclosure>.audit-list{margin:0!important;padding:10px 12px 12px!important}

/* Make the navigation and theme dropdown affordances unmistakable too. */
.primary-nav-main .primary-nav-chevron,
.primary-nav-control .primary-nav-chevron{
  width:8px!important;height:8px!important;
  border-right-width:2px!important;border-bottom-width:2px!important;
  border-color:color-mix(in srgb,var(--nav-accent) 52%,#78949b)!important;
  opacity:.9;
  filter:drop-shadow(0 0 4px color-mix(in srgb,var(--nav-accent) 18%,transparent));
}
.primary-nav-entry.open .primary-nav-chevron{
  border-color:var(--nav-accent)!important;
  filter:drop-shadow(0 0 6px color-mix(in srgb,var(--nav-accent) 42%,transparent));
}
.theme-quick-chevron{
  width:8px!important;height:8px!important;
  border-right-width:2px!important;border-bottom-width:2px!important;
  border-color:color-mix(in srgb,var(--mr-primary) 58%,var(--mr-muted))!important;
  filter:drop-shadow(0 0 4px color-mix(in srgb,var(--mr-primary) 18%,transparent));
}
.theme-quick-trigger[aria-expanded="true"] .theme-quick-chevron{border-color:var(--mr-primary)!important;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--mr-primary) 40%,transparent))}
.language-current .language-chevron{opacity:.95!important;color:var(--mr-primary);font-weight:950}

/* Map History already has a bespoke header; strengthen its existing cue instead of adding a second one. */
.analytics-history-chevron{width:8px!important;height:8px!important;border-right-width:2px!important;border-bottom-width:2px!important;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--analytics-accent,#75d3e6) 28%,transparent))}
.analytics-history-details[open] .analytics-history-chevron{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--analytics-accent,#75d3e6) 46%,transparent))}

@media(max-width:680px){
  .ui-disclosure>.ui-disclosure-summary{padding:10px 42px 10px 11px!important;min-height:46px}
  .notification-inbox-summary{align-items:flex-start!important;flex-direction:column!important;padding-right:44px!important}
  .ui-disclosure-count{margin-left:0}
  .notification-inbox-toolbar{align-items:flex-start;flex-direction:column}
}
.notification-inbox-disclosure.has-unread{border-color:color-mix(in srgb,var(--mr-primary,#69d6e8) 35%,rgba(205,239,245,.08))!important;box-shadow:inset 3px 0 0 color-mix(in srgb,var(--mr-primary,#69d6e8) 68%,transparent)!important}
.notification-inbox-disclosure.has-unread .ui-disclosure-count{color:var(--mr-primary,#69d6e8);border-color:color-mix(in srgb,var(--mr-primary,#69d6e8) 32%,transparent);background:color-mix(in srgb,var(--mr-primary,#69d6e8) 9%,transparent)}


/* PRIMARY-only Discord integration */
.primary-webhook-section{border-color:color-mix(in srgb,var(--mr-highlight,#C5D0DB) 24%,rgba(205,239,245,.08))!important}
.primary-webhook-mount{margin-top:14px;max-width:760px}
.primary-webhook-card{padding:18px 20px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--mr-surface2,#102235) 88%,transparent),color-mix(in srgb,var(--mr-bg,#050b14) 96%,transparent))!important}
.primary-webhook-card>div.primary-webhook-status{align-items:flex-start!important}
.primary-webhook-status>div{display:grid;gap:3px}
.primary-webhook-status strong{font-size:15px}
.primary-webhook-card label{margin-top:14px!important}
.primary-webhook-card input{min-height:42px}
.primary-webhook-card .integration-actions{margin-top:10px}
@media(max-width:700px){.primary-webhook-mount{max-width:none}.primary-webhook-status{align-items:flex-start!important;flex-direction:column}.primary-webhook-card{padding:15px!important}}


/* v3.0.8 tenant Discord webhook access correction */
.tenant-webhook-section{border-color:color-mix(in srgb,var(--mr-primary,#4A7AA8) 18%,rgba(205,239,245,.08))!important}
.tenant-webhook-mount{margin-top:14px;max-width:760px}
.tenant-webhook-card{padding:18px 20px!important;background:color-mix(in srgb,var(--mr-surface,#0a1522) 94%,transparent)!important}
.tenant-webhook-card>div.tenant-webhook-status{align-items:flex-start!important}
.tenant-webhook-status>div{display:grid;gap:3px}
.tenant-webhook-status strong{font-size:15px}
.tenant-webhook-card label{margin-top:14px!important}
.tenant-webhook-card input{min-height:42px}
.tenant-webhook-card .integration-actions{margin-top:10px}
@media(max-width:700px){.tenant-webhook-mount{max-width:none}.tenant-webhook-status{align-items:flex-start!important;flex-direction:column}.tenant-webhook-card{padding:15px!important}}

/* v3.1 release-audit wave 1: PRIMARY-only platform secrets */
.platform-secrets-card{border-color:color-mix(in srgb,var(--mr-highlight) 28%,var(--line));}
.platform-secrets-card .platform-secret-content{display:grid;gap:12px;margin-top:12px;}
.platform-secrets-card .sync-explainer-head{margin-bottom:10px;}
.module-entry-card.primary-meta{border-color:color-mix(in srgb,var(--mr-highlight) 30%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--mr-surface) 92%,var(--mr-highlight) 8%),var(--mr-surface));}

/* v3.0.8 home dashboard grid correction: keep the three lower work cards visible */
#homeView > .home-grid{
  grid-template-columns:minmax(0,1.12fr) minmax(0,1fr) minmax(0,1.08fr)!important;
  align-items:start;
}
#homeView > .home-grid > .home-review-card{
  grid-column:auto!important;
}
@media(max-width:1180px){
  #homeView > .home-grid{grid-template-columns:1fr 1fr!important}
  #homeView > .home-grid > .home-review-card{grid-column:1/-1!important}
}
@media(max-width:760px){
  #homeView > .home-grid{grid-template-columns:1fr!important}
  #homeView > .home-grid > .home-review-card{grid-column:auto!important}
}

.role-qa-tenant-picker{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:10px 0 14px}.role-qa-tenant-picker label{display:grid;gap:6px;min-width:240px;font-size:12px;color:var(--muted)}.role-qa-tenant-picker select{min-height:40px}.role-qa-tenant-picker small{color:var(--muted);padding-bottom:10px}

/* ========================================================================== 
   MIDROUND v3.1 Release Audit — Wave 6 UI / Responsive Consistency Pass
   Keeps content hierarchy intact while aligning desktop/tablet/mobile behavior.
   ========================================================================== */

/* Never let a grid child force the whole portal wider than its viewport. */
:where(
  .portal-main,.portal-view,.card,.nav-anchor,.module-overview,.module-overview-live,
  .admin-command-overview,.admin-hub-panel,.analytics-section,.workflow-section,
  .operations-section,.documents-section,.website-admin-section,.planning-grid,
  .home-grid,.performance-grid,.admin-secondary-grid,.tenant-distribution-grid,
  .ticket-board,.match-hub-panel,.match-prep-panel,.candidate-command-center,
  .player-masterdata-card,.theme-primary-grid,.theme-user-workspace
){min-width:0;max-width:100%}

/* Long imported names/URLs must wrap inside cards instead of widening the grid. */
:where(
  .card,.compact-row,.event-card,.analytics-metric,.ticket-row,.candidate-detail-person,
  .candidate-form-card,.player-masterdata-row,.tenant-card,.document-card,.social-item,
  .match-hub-panel,.module-entry-card,.admin-hub-action
) :where(strong,span,small,p){overflow-wrap:anywhere}

/* Dense tables keep usable columns and scroll only inside their own frame. */
.table-wrap,
:where(.admin-table-wrap,.analytics-table-wrap,.document-table-wrap,.ticket-table-wrap){
  width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
}
.table-wrap>table{min-width:max(680px,100%)}
@media(max-width:700px){.table-wrap>table{min-width:620px}}

/* Main navigation: one deliberate line on wide screens; predictable wrapping below. */
@media(min-width:1181px){
  .primary-nav-main{flex-wrap:nowrap!important;align-items:stretch!important}
  .primary-nav-main>.primary-nav-entry,
  .primary-nav-main>.primary-nav-item{
    flex:1 1 0!important;min-width:0!important;width:auto!important;max-width:none!important;
  }
  .primary-nav-main .primary-nav-item{width:100%!important;justify-content:stretch!important}
  .primary-nav-main .primary-nav-item>span:not(.primary-nav-chevron){
    min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
}
@media(max-width:1180px) and (min-width:761px){
  .primary-nav-main{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:5px!important}
  .primary-nav-main>.primary-nav-entry,
  .primary-nav-main>.primary-nav-item{width:100%!important;min-width:0!important;max-width:none!important}
  .primary-nav-main .primary-nav-item{width:100%!important;grid-template-columns:25px minmax(0,1fr) 8px!important;padding:6px 7px!important}
  .primary-nav-main .primary-nav-entry:not(.has-dropdown) .primary-nav-item{grid-template-columns:25px minmax(0,1fr)!important}
  .primary-nav-main .primary-nav-item .nav-icon{width:25px!important;height:25px!important}
  .primary-nav-main .primary-nav-item>span:not(.primary-nav-chevron){font-size:9.4px!important;overflow:hidden!important;text-overflow:ellipsis!important}
}
@media(max-width:930px) and (min-width:761px){
  .primary-nav-main{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* Dropdowns remain inside the viewport and become internally scrollable if necessary. */
.primary-nav-dropdown{
  width:clamp(250px,24vw,330px)!important;
  max-width:calc(100vw - 24px)!important;
  max-height:min(66vh,520px)!important;
  overflow-y:auto!important;overscroll-behavior:contain;
}
@media(max-width:760px){
  .primary-nav-dropdown{width:min(320px,calc(100vw - 24px))!important;max-height:62vh!important}
}

/* Header stays compact instead of creating a wide empty right-hand zone. */
@media(max-width:1180px){
  .app-header{gap:16px!important;padding:14px 16px!important}
  .header-context{min-width:0!important;max-width:48%;gap:8px!important}
  .header-identity>span{max-width:190px!important}
}
@media(max-width:860px){
  .header-context{max-width:none!important}
  .header-actions{width:100%;flex-wrap:wrap!important}
}

/* Consistent KPI density — never leave one module at 6/7 columns while neighbours already wrap. */
@media(max-width:1320px){
  .social-kpi-grid,.social-insights-grid,.social-platform-coverage,
  .social-brief-facts-wide,.scout-coverage-grid,.match-readiness-strip,
  .tenant-roadmap,.tenant-buyer-progress{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .document-kpis-status{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .tenant-platform-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .availability-roster-grid,.tenant-buyer-roster{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .social-kpi-grid,.social-insights-grid,.social-platform-coverage,
  .social-brief-facts-wide,.scout-coverage-grid,.match-readiness-strip,
  .tenant-roadmap,.tenant-buyer-progress,.availability-roster-grid,
  .tenant-buyer-roster,.document-kpis-status,.tenant-platform-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:520px){
  .social-kpi-grid,.social-insights-grid,.social-platform-coverage,
  .social-brief-facts-wide,.scout-coverage-grid,.match-readiness-strip,
  .tenant-roadmap,.tenant-buyer-progress,.availability-roster-grid,
  .tenant-buyer-roster,.document-kpis-status,.tenant-platform-stats{
    grid-template-columns:1fr!important;
  }
}

/* Toolbars become controls, not accidental wide grids. */
@media(max-width:1280px){
  .social-toolbar{grid-template-columns:minmax(220px,1fr) repeat(2,minmax(145px,.65fr))!important}
  .social-toolbar>*:nth-child(n+4){grid-column:auto}
}
@media(max-width:980px){
  .social-toolbar{grid-template-columns:1fr 1fr!important}
  .social-toolbar>*:first-child{grid-column:1/-1}
  .ticket-toolbar{grid-template-columns:1fr 1fr!important}
}
@media(max-width:680px){
  .social-toolbar,.ticket-toolbar{grid-template-columns:1fr!important}
  .social-toolbar>*:first-child{grid-column:auto}
  .inline-selects{width:100%;justify-content:flex-start!important}
  .inline-selects select{min-width:0!important;flex:1 1 160px}
}

/* Two-column workspaces should collapse before their cards become cramped. */
@media(max-width:1080px){
  .admin-command-grid,.admin-secondary-grid,.analytics-two-col,.candidate-detail-grid,
  .performance-grid,.theme-primary-grid,.document-detail-grid{grid-template-columns:1fr!important}
}

/* Home lower dashboard keeps the useful three-column view only where it actually fits. */
@media(min-width:1281px){
  #homeView>.home-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.96fr) minmax(0,1.12fr)!important}
}
@media(max-width:1280px) and (min-width:761px){
  #homeView>.home-grid{grid-template-columns:1fr 1fr!important}
  #homeView>.home-grid>.home-review-card{grid-column:1/-1!important}
}

/* Dialogs and embedded previews respect dynamic viewport height. */
.match-dialog,.candidate-dialog,.document-dialog,.ticket-dialog{
  max-width:calc(100vw - 24px)!important;max-height:min(92dvh,920px)!important;
}
:where(.match-dialog,.candidate-dialog,.document-dialog,.ticket-dialog) .dialog-shell{
  max-height:inherit;overflow-y:auto;overscroll-behavior:contain;
}
.document-preview iframe{max-width:100%;border:0}

/* Horizontal pipelines/calendars advertise that they scroll and do not clip focus rings. */
.candidate-stage-board,.social-month-calendar,.week-days,.week-headers{
  max-width:100%;scrollbar-gutter:stable;overscroll-behavior-inline:contain;
}
.candidate-stage-board{padding-inline:2px!important}

/* Form grids: stop four/five fields from becoming postage stamps. */
@media(max-width:1180px){
  .form-grid.four,.social-editor-form .edit-grid.four,.social-editor-form .edit-grid.five,
  .social-checklist-editor{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .form-grid.four,.social-editor-form .edit-grid.four,.social-editor-form .edit-grid.five,
  .social-checklist-editor{grid-template-columns:1fr!important}
}

/* Keep focus/hover effects inside the layout. */
:where(.module-entry-card,.ticket-row,.admin-hub-action,.candidate-stage-cell,.theme-preview-card):hover{
  translate:0 0!important;
}

/* ========================================================================== 
   MIDROUND v3.1 Release Audit — Wave 7 Visual Consistency Pass
   Fine-grained rhythm, hierarchy and component alignment only.
   Theme palettes and permissions intentionally untouched.
   ========================================================================== */

:root{
  --ui-radius-sm:9px;
  --ui-radius-md:12px;
  --ui-radius-lg:14px;
  --ui-gap-xs:6px;
  --ui-gap-sm:9px;
  --ui-gap-md:12px;
  --ui-gap-lg:16px;
  --ui-control-h:38px;
}

/* Page rhythm and heading hierarchy */
.portal-view{padding-bottom:30px}
.section-head{
  min-width:0;
  margin-top:28px!important;
  margin-bottom:13px!important;
}
.section-head h2{
  margin:4px 0 0!important;
  line-height:1.12!important;
  letter-spacing:-.025em;
  text-wrap:balance;
}
.section-subtitle{
  margin-top:6px!important;
  line-height:1.5!important;
  color:color-mix(in srgb,var(--mr-muted) 94%,var(--mr-text))!important;
}
.kicker,.panel-kicker,.eyebrow{
  line-height:1.2!important;
  letter-spacing:.115em!important;
}
.panel-kicker{margin-bottom:6px!important}

/* Internal card headers line up the same way across modules. */
.detail-section-head,
.analytics-panel-head,
.analytics-subsection-head,
.sync-explainer-head{
  min-width:0;
  align-items:center!important;
  gap:var(--ui-gap-md)!important;
}
.detail-section-head>div,
.analytics-panel-head>div,
.analytics-subsection-head>div,
.sync-explainer-head>div{min-width:0}
.detail-section-head :is(h3,h4),
.analytics-panel-head :is(h3,h4),
.analytics-subsection-head :is(h3,h4){
  margin-top:0!important;
  margin-bottom:0!important;
  line-height:1.22!important;
  text-wrap:balance;
}
.card>.detail-section-head:first-child{margin-top:0}
.card>.detail-section-head{margin-bottom:12px}
.detail-section-head .muted,.analytics-panel-head .muted{line-height:1.45}

/* Cards in the same grid should read as one system, not mixed modules. */
:where(
  .module-entry-grid,.module-entry-grid-five,.home-grid,.planning-grid,.performance-grid,
  .admin-secondary-grid,.analytics-two-col,.quality-check-grid,.candidate-card-grid,
  .opponent-registry-grid,.discovery-grid
)>:where(.card,.module-entry-card,.analytics-feature-card,.candidate-card){
  height:100%;
}
.card,.match-card,.player-card,
.analytics-inner-panel,.analytics-feature-card,.quality-live-item,
.document-card,.candidate-card,.ticket-card,.integration-card{
  background-clip:padding-box;
}
.card{isolation:isolate}

/* Body copy should have one calm reading rhythm. */
:where(.performance-note,.admin-hint,.scouting-caveat,.empty-note,.section-subtitle,.muted){
  line-height:1.48;
}
.performance-note{color:color-mix(in srgb,var(--mr-muted) 92%,var(--mr-text))}

/* Badges: same optical height and baseline, while retaining semantic colors. */
:where(.source-badge,.counter-pill,.role-badge,.roster-badge,.analytics-live-badge,.sync-info-badge){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:22px;
  max-width:100%;
  line-height:1!important;
  vertical-align:middle;
  font-variant-numeric:tabular-nums;
}
.source-badge,.counter-pill{padding-top:4px!important;padding-bottom:4px!important}
.badges,.event-badges,.faceit-command-badges{align-items:center!important}

/* Buttons and button rows: identical control baseline everywhere. */
button,.link-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  line-height:1.15;
  text-align:center;
}
button:not(.icon-btn),.link-btn{min-height:var(--ui-control-h)}
.small-btn{min-height:32px!important}
.icon-btn{
  width:36px;
  min-width:36px!important;
  height:36px;
  min-height:36px!important;
  padding:0!important;
  display:inline-grid!important;
  place-items:center;
  border-radius:10px!important;
}
:where(.section-actions,.actions,.editor-actions,.candidate-actions,.integration-actions,.detail-links){
  align-items:center;
  gap:8px!important;
  flex-wrap:wrap;
}
.section-actions{justify-content:flex-end}

/* Forms: consistent label → control → help-text spacing. */
:where(
  .edit-grid,.form-grid,.availability-form,.tenant-token-form,.tenant-buyer-token-form,
  .tenant-buyer-form-grid,.tenant-buyer-faceit-form,.theme-platform-form,
  .permission-override-form,.role-qa-tenant-picker,.ticket-toolbar,.document-toolbar
) label:not(.toggle-label):not(.theme-toggle-line){
  min-width:0;
  line-height:1.25;
}
:where(
  .edit-grid,.form-grid,.availability-form,.tenant-token-form,.tenant-buyer-token-form,
  .tenant-buyer-form-grid,.tenant-buyer-faceit-form,.theme-platform-form,
  .permission-override-form,.ticket-toolbar,.document-toolbar
) label:not(.toggle-label):not(.theme-toggle-line){
  gap:6px!important;
}
input,select,textarea{
  line-height:1.25;
  font:inherit;
}
select{cursor:pointer}
textarea{line-height:1.45}
input::placeholder,textarea::placeholder{
  color:color-mix(in srgb,var(--mr-muted) 66%,var(--mr-bg))!important;
  opacity:1;
}
input:disabled,select:disabled,textarea:disabled,button:disabled{
  opacity:.55;
  cursor:not-allowed!important;
}

/* Checkbox/radio controls must not inherit full-width text-input geometry. */
input[type="checkbox"],input[type="radio"]{
  width:16px!important;
  min-width:16px!important;
  height:16px!important;
  min-height:16px!important;
  padding:0!important;
  accent-color:var(--mr-primary);
}

/* Tables: clearer header/body separation and one numeric rhythm. */
.table-wrap{border-radius:12px!important}
table{font-variant-numeric:tabular-nums}
th{
  padding-top:10px!important;
  padding-bottom:10px!important;
  line-height:1.25!important;
  font-weight:850!important;
}
td{line-height:1.38}
tbody tr:last-child>td{border-bottom:0!important}
.table-wrap :is(button,.small-btn){white-space:nowrap}

/* Empty states should look intentional rather than like a forgotten paragraph. */
.empty-note{
  min-height:62px;
  display:grid;
  align-items:center;
  padding:14px 15px!important;
  border-radius:12px!important;
  border-style:dashed!important;
  background:color-mix(in srgb,var(--mr-primary) 2.2%,var(--mr-surface))!important;
}
.empty-note:not(.error){
  border-color:color-mix(in srgb,var(--mr-primary) 13%,transparent)!important;
  color:color-mix(in srgb,var(--mr-muted) 94%,var(--mr-text))!important;
}

/* Disclosure headers align with normal card headers. */
.ui-disclosure>.ui-disclosure-summary{
  min-height:48px;
  line-height:1.3;
}
.ui-disclosure-summary strong{line-height:1.2}
.ui-disclosure-count{font-variant-numeric:tabular-nums}

/* Metric cards: keep labels and values aligned even when copy length varies. */
:where(.perf-kpi,.analytics-metric,.dashboard-highlight,.small-kpi,.match-prep-kpi,.stat){min-width:0}
:where(.perf-kpi,.analytics-metric,.dashboard-highlight,.small-kpi,.match-prep-kpi,.stat)>strong{
  font-variant-numeric:tabular-nums;
  line-height:1.05;
}
:where(.perf-kpi,.analytics-metric,.dashboard-highlight,.small-kpi,.match-prep-kpi,.stat)>:is(span,small){line-height:1.35}

/* Module launchers and admin actions: no hover movement; border/glow communicates action. */
.module-entry-card:hover{transform:none!important}
.module-entry-card,.admin-hub-action{
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease!important;
}
.module-entry-card:hover,.admin-hub-action:hover{
  box-shadow:0 10px 28px rgba(0,0,0,.12)!important;
}

/* Keep long status text from pushing action buttons out of a card. */
:where(.detail-section-head,.section-head,.analytics-panel-head,.sync-explainer-head) :is(p,small,span){overflow-wrap:anywhere}

/* Mobile: actions should be easy to tap and never become tiny right-aligned islands. */
@media(max-width:760px){
  .section-head{margin-top:23px!important}
  .section-actions{width:100%;justify-content:flex-start!important}
  .detail-section-head{align-items:flex-start!important;flex-wrap:wrap}
  .detail-section-head>:last-child:not(:first-child){max-width:100%}
  :where(.editor-actions,.integration-actions,.candidate-actions)>button{flex:1 1 150px}
}
@media(max-width:480px){
  .card{padding:14px!important}
  .section-head h2{font-size:24px!important}
  .section-actions>button,.section-actions>.link-btn{flex:1 1 100%}
  :where(.source-badge,.counter-pill,.role-badge,.roster-badge){font-size:9px!important}
}

/* Wave 7: remove last one-off spacing from runtime-generated tenant onboarding form. */
.tenant-buyer-stage>.tenant-buyer-faceit-form{margin-top:12px}

/* ==========================================================================
   v3.0.8 — Fixed portal navigation hotfix
   Navigation stays in normal flow at the top of the page, then locks to the
   viewport as soon as it reaches the top edge. PRIMARY + main nav stay together.
   ========================================================================== */
.portal-nav-placeholder{height:0;width:100%;pointer-events:none}
#portalContent>.portal-navigation{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 0 18px!important;
  transform:none!important;
}
#portalContent>.portal-navigation.portal-nav-fixed{
  position:fixed!important;
  top:8px!important;
  left:50%!important;
  right:auto!important;
  width:min(calc(100vw - 52px),1548px)!important;
  max-width:none!important;
  margin:0!important;
  transform:translateX(-50%)!important;
  z-index:5000!important;
  isolation:isolate;
  box-shadow:0 18px 54px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.03)!important;
  backdrop-filter:blur(22px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(118%)!important;
}
#portalContent>.portal-navigation.portal-nav-fixed:after{
  content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--mr-primary) 28%,transparent),color-mix(in srgb,var(--mr-secondary) 18%,transparent),transparent);
}
@media(max-width:860px){
  #portalContent>.portal-navigation.portal-nav-fixed{top:6px!important;width:calc(100vw - 24px)!important}
}
@media(max-width:640px){
  #portalContent>.portal-navigation.portal-nav-fixed{top:5px!important;width:calc(100vw - 16px)!important}
}


/* v3.1.0 FINAL · Customer-facing Teamlage refinement */
.home-team-situation{align-self:start;gap:0!important;padding-bottom:14px!important;overflow:hidden}
.home-situation-head{align-items:flex-start!important;margin-bottom:4px!important}
.home-situation-summary{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.home-situation-summary>span{display:inline-flex;align-items:center;gap:4px;min-height:25px;padding:4px 7px;border:1px solid color-mix(in srgb,var(--mr-primary) 13%,transparent);border-radius:999px;background:color-mix(in srgb,var(--mr-primary) 4%,transparent);color:var(--mr-muted);font-size:7px;font-weight:850;white-space:nowrap}
.home-situation-summary b{color:var(--mr-text);font-size:9px;font-variant-numeric:tabular-nums}
.home-situation-section{padding-top:11px}
.home-situation-section+.home-situation-section{margin-top:11px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--mr-primary) 8%,transparent)}
.home-situation-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}
.home-team-situation .home-situation-section-head h4{margin:0!important}
.home-situation-link{display:inline-flex!important;align-items:center;gap:4px!important;min-height:24px!important;padding:3px 5px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--mr-muted)!important;font-size:7px!important;font-weight:850!important;white-space:nowrap;transform:none!important}
.home-situation-link:hover{color:var(--mr-primary)!important;background:transparent!important}
.home-situation-list{display:grid;gap:6px}
.home-situation-item{width:100%;display:grid!important;grid-template-columns:26px minmax(0,1fr) auto 12px;align-items:center;gap:8px!important;padding:8px!important;text-align:left;border:1px solid color-mix(in srgb,var(--mr-primary) 9%,transparent)!important;border-radius:10px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--mr-surface-2) 34%,transparent),color-mix(in srgb,var(--mr-bg) 55%,transparent))!important;box-shadow:none!important;transform:none!important;min-height:48px}
.home-situation-item:hover{border-color:color-mix(in srgb,var(--mr-primary) 24%,transparent)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--mr-primary) 5%,var(--mr-surface)),color-mix(in srgb,var(--mr-secondary) 3%,var(--mr-bg)))!important;transform:none!important}
.home-situation-copy{display:grid!important;gap:2px!important;min-width:0;margin:0!important}
.home-situation-copy>strong,.home-candidate-title strong{font-size:9px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mr-text)}
.home-situation-copy>small{margin:0!important;color:var(--mr-muted)!important;font-size:7px!important;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-situation-copy>em{margin:1px 0 0!important;color:color-mix(in srgb,var(--mr-text) 78%,var(--mr-muted))!important;font-size:7.5px!important;line-height:1.35;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-absence-days{display:grid!important;gap:0!important;min-width:34px;margin:0!important;padding:4px 5px;border:1px solid color-mix(in srgb,var(--mr-highlight) 15%,transparent);border-radius:8px;background:color-mix(in srgb,var(--mr-highlight) 4%,transparent);text-align:center}
.home-absence-days b{font-size:10px;color:var(--mr-text);font-variant-numeric:tabular-nums}.home-absence-days small{font-size:6px;color:var(--mr-muted);text-transform:uppercase;letter-spacing:.05em}
.home-situation-arrow{margin:0!important;color:var(--mr-muted)!important;font-size:10px!important}
.home-candidate-title{display:flex!important;align-items:center;gap:5px!important;min-width:0;margin:0!important}
.home-candidate-title strong{min-width:0;max-width:140px}
.home-candidate-title b,.home-candidate-title i{display:inline-flex;align-items:center;min-height:17px;padding:2px 5px;border-radius:999px;font-size:6px;font-style:normal;font-weight:900;white-space:nowrap}
.home-candidate-title b{color:var(--mr-highlight);border:1px solid color-mix(in srgb,var(--mr-highlight) 20%,transparent);background:color-mix(in srgb,var(--mr-highlight) 5%,transparent)}
.home-candidate-title i{color:var(--mr-primary);border:1px solid color-mix(in srgb,var(--mr-primary) 20%,transparent);background:color-mix(in srgb,var(--mr-primary) 5%,transparent)}
.home-recruiting-item{grid-template-columns:26px minmax(0,1fr) 12px}
.home-situation-empty{display:flex;align-items:center;gap:8px;padding:9px;border:1px dashed color-mix(in srgb,var(--mr-primary) 12%,transparent);border-radius:10px;background:color-mix(in srgb,var(--mr-surface-2) 18%,transparent)}
.home-situation-empty>span{color:var(--mr-primary)}.home-situation-empty strong,.home-situation-empty small{display:block}.home-situation-empty strong{font-size:8.5px}.home-situation-empty small{margin-top:2px;color:var(--mr-muted);font-size:7px;line-height:1.35}
@media(max-width:980px){.home-team-situation{align-self:stretch}.home-situation-summary{justify-content:flex-start}}
@media(max-width:520px){.home-situation-head{display:grid!important}.home-situation-summary{justify-content:flex-start}.home-situation-item{grid-template-columns:26px minmax(0,1fr) 12px}.home-absence-days{grid-column:2;justify-self:start;display:flex!important;gap:4px!important;align-items:baseline}.home-absence-days small{font-size:6px}.home-absence-item .home-situation-arrow{grid-column:3;grid-row:1/3}.home-candidate-title{flex-wrap:wrap}.home-candidate-title strong{max-width:100%}}


/* v3.1.0 FINAL — Auto-Sync vs manual Match Prep separation */
.match-prep-auto-sync{margin:12px 0;padding:13px 14px;border-color:color-mix(in srgb,var(--mr-primary) 13%,transparent)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--mr-primary) 4%,var(--mr-surface)),color-mix(in srgb,var(--mr-surface-2) 38%,var(--mr-bg)))!important}
.match-prep-auto-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.match-prep-auto-head h4{margin:2px 0 0}.match-prep-auto-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:11px}.match-prep-auto-grid>div{display:grid;gap:3px;min-width:0;padding:9px 10px;border:1px solid color-mix(in srgb,var(--mr-primary) 9%,transparent);border-radius:9px;background:color-mix(in srgb,var(--mr-surface-2) 30%,transparent)}.match-prep-auto-grid span{font-size:7px;font-weight:900;letter-spacing:.065em;text-transform:uppercase;color:var(--mr-muted)}.match-prep-auto-grid strong{font-size:9px;line-height:1.35;overflow-wrap:anywhere}.match-prep-auto-grid small{font-size:7.5px;color:var(--mr-muted)}.match-prep-auto-grid .auto-ok{border-color:rgba(103,217,154,.18);background:rgba(103,217,154,.025)}.match-prep-auto-grid .auto-ok strong{color:#8de2b1}.match-prep-auto-grid .auto-wait{border-color:color-mix(in srgb,var(--mr-highlight) 18%,transparent);background:color-mix(in srgb,var(--mr-highlight) 3%,transparent)}.match-prep-auto-grid .auto-idle strong{color:color-mix(in srgb,var(--mr-text) 78%,var(--mr-muted))}.match-prep-auto-label{display:inline-flex;margin-left:5px;padding:2px 5px;border-radius:999px;border:1px solid color-mix(in srgb,var(--mr-primary) 14%,transparent);font-size:6.5px;font-weight:850;color:var(--mr-primary);vertical-align:middle}.match-prep-progress{white-space:nowrap}
@media(max-width:760px){.match-prep-auto-grid{grid-template-columns:1fr}.match-prep-auto-head{align-items:center}}

/* v3.1.0 FINAL — tenant provisioning gate */
.tenant-buyer-provisioning{padding:20px;border:1px solid color-mix(in srgb,var(--mr-primary) 24%,transparent);border-radius:15px;background:radial-gradient(420px 180px at 0 0,color-mix(in srgb,var(--mr-primary) 8%,transparent),transparent 72%),linear-gradient(150deg,color-mix(in srgb,var(--mr-surface) 96%,black),color-mix(in srgb,var(--mr-bg) 96%,var(--mr-surface-2)));display:grid;gap:10px}
.tenant-buyer-provisioning.is-failed{border-color:rgba(255,104,121,.28);background:linear-gradient(145deg,rgba(255,104,121,.045),color-mix(in srgb,var(--mr-bg) 97%,black))}
.tenant-buyer-provisioning h3{margin:0;font-size:18px}.tenant-buyer-provisioning>p{margin:0;color:var(--mr-muted);line-height:1.55;max-width:780px}
.tenant-provisioning-orbit{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--mr-primary) 34%,transparent);background:color-mix(in srgb,var(--mr-primary) 8%,transparent);color:var(--mr-primary);font-weight:950;font-size:18px}.tenant-buyer-provisioning:not(.is-failed) .tenant-provisioning-orbit span{animation:tenantProvisionPulse 1.35s ease-in-out infinite}.tenant-buyer-provisioning.is-failed .tenant-provisioning-orbit{border-color:rgba(255,104,121,.32);background:rgba(255,104,121,.07);color:#ff9ca7}
@keyframes tenantProvisionPulse{0%,100%{transform:scale(.92);opacity:.65}50%{transform:scale(1.08);opacity:1}}
.tenant-provisioning-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:4px}.tenant-provisioning-steps>div{min-width:0;display:flex;align-items:center;gap:9px;padding:11px;border:1px solid color-mix(in srgb,var(--mr-primary) 10%,transparent);border-radius:11px;background:color-mix(in srgb,var(--mr-surface-2) 28%,transparent)}.tenant-provisioning-steps b{width:25px;height:25px;flex:0 0 25px;border-radius:999px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--mr-primary) 20%,transparent);font-size:10px}.tenant-provisioning-steps span{display:grid;gap:2px;min-width:0}.tenant-provisioning-steps strong{font-size:9.5px}.tenant-provisioning-steps small{font-size:7.5px;color:var(--mr-muted);line-height:1.35}.tenant-provisioning-steps .is-done{border-color:rgba(75,220,174,.2);background:rgba(75,220,174,.045)}.tenant-provisioning-steps .is-done b{color:#7ff0c4;border-color:rgba(75,220,174,.3)}.tenant-provisioning-steps .is-running{border-color:color-mix(in srgb,var(--mr-primary) 28%,transparent);background:color-mix(in srgb,var(--mr-primary) 6%,transparent)}.tenant-provisioning-steps .is-running b{color:var(--mr-primary);animation:tenantProvisionPulse 1.35s ease-in-out infinite}.tenant-provisioning-steps .is-idle{opacity:.55}.tenant-provisioning-steps .is-error{border-color:rgba(255,104,121,.25);background:rgba(255,104,121,.05)}.tenant-provisioning-steps .is-error b{color:#ff9ca7;border-color:rgba(255,104,121,.3)}
.tenant-provisioning-error{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,104,121,.22);background:rgba(255,104,121,.045);color:#ffb1ba;font-size:9px;line-height:1.45;overflow-wrap:anywhere}
@media(max-width:980px){.tenant-provisioning-steps{grid-template-columns:1fr 1fr}}@media(max-width:560px){.tenant-provisioning-steps{grid-template-columns:1fr}}
.tenant-status-provisioning{border-color:color-mix(in srgb,var(--mr-primary) 32%,transparent);background:color-mix(in srgb,var(--mr-primary) 7%,transparent);color:var(--mr-primary)}


/* MIDROUND v3.1.0 FINAL — exclusive first-login username experience */
body.username-gate-active{overflow:hidden!important}
body.username-gate-active .shell{width:100%!important;max-width:none!important;min-height:100dvh!important;margin:0!important;padding:0!important}
body.username-gate-active .shell>:not(#usernameGate){display:none!important}
body.username-gate-active #usernameGate{
  position:fixed!important;
  inset:0!important;
  z-index:10000!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:clamp(20px,4vw,56px)!important;
  display:grid!important;
  place-items:center!important;
  overflow:auto!important;
  overscroll-behavior:contain;
  background:
    radial-gradient(circle at 22% 8%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 32rem),
    radial-gradient(circle at 82% 90%,color-mix(in srgb,var(--accent-2) 9%,transparent),transparent 34rem),
    linear-gradient(180deg,color-mix(in srgb,var(--bg) 98%,#000),var(--bg));
}
body.username-gate-active #usernameGate .username-gate-card{margin:auto}
@media(max-width:640px){body.username-gate-active #usernameGate{place-items:start center!important;padding:24px 12px!important}}

/* MIDROUND v3.1.0 FINAL — required first-login username gate */
.username-gate{min-height:calc(100dvh - 150px);display:grid;place-items:center;padding:42px 18px 64px}
.username-gate.hidden{display:none!important}
.username-gate-card{width:min(620px,100%);padding:34px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 96%,transparent),color-mix(in srgb,var(--panel-2) 92%,transparent));box-shadow:0 28px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.025)}
.username-gate-brand{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.username-gate-brand img{width:min(210px,48%);height:auto;object-fit:contain}.username-gate-copy h2{margin:0 0 10px;font-size:clamp(26px,4vw,38px);letter-spacing:-.035em}.username-gate-copy p{margin:0;color:var(--muted);line-height:1.65;max-width:54ch}
.username-gate-form{display:grid;gap:10px;margin-top:28px}.username-gate-form>label{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.username-gate-input-wrap{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:0 16px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--panel-2) 82%,transparent);transition:border-color .16s ease,box-shadow .16s ease}.username-gate-input-wrap:focus-within{border-color:color-mix(in srgb,var(--accent) 65%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent)}.username-gate-input-wrap>span{font-size:19px;font-weight:900;color:var(--accent)}.username-gate-input-wrap input{min-width:0;padding:16px 0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:18px;font-weight:800;letter-spacing:.01em}.username-gate-form>small{color:var(--muted);line-height:1.45}.username-gate-status{min-height:20px;font-size:13px;font-weight:700}.username-gate-status.is-error{color:#ff8585}.username-gate-status.is-success{color:#7de4a8}.username-gate-form button{margin-top:4px;min-height:46px}.username-gate-form button:disabled{opacity:.58;cursor:wait}
@media(max-width:640px){.username-gate{padding:24px 10px 44px;align-items:start}.username-gate-card{padding:24px 20px;border-radius:20px}.username-gate-brand{align-items:flex-start;flex-direction:column}.username-gate-brand img{width:190px;max-width:70%}.username-gate-input-wrap input{font-size:16px}}

/* v3.1.0 — Public Shop Sale controls */
.public-shop-item{position:relative}
.public-shop-item.has-sale>div:first-of-type{padding-right:104px}
.shop-sale-badge{
  position:absolute;top:12px;right:12px;z-index:2;
  display:inline-flex;align-items:center;justify-content:center;
  min-width:82px;min-height:38px;padding:8px 14px;border-radius:999px;
  border:1px solid rgba(255,255,255,.42);
  background:linear-gradient(135deg,#ff284f 0%,#ff4d2e 58%,#ff8a1f 100%);color:#fff;
  font-size:14px;font-weight:1000;letter-spacing:.055em;line-height:1;
  text-shadow:0 1px 2px rgba(0,0,0,.32);
  box-shadow:0 0 0 3px rgba(255,50,70,.13),0 10px 28px rgba(255,40,79,.34),0 7px 22px rgba(0,0,0,.28)
}
.public-shop-price-stack{display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1}
.public-shop-original-price{
  color:var(--muted);font-size:14px;font-weight:800;letter-spacing:.01em;
  text-decoration-line:line-through;text-decoration-thickness:1.5px;text-decoration-color:currentColor;
  opacity:.78
}
.public-shop-sale-price{font-size:30px;font-weight:950;letter-spacing:-.03em;color:var(--text)}
.public-shop-card-top .public-shop-sale-price{font-size:25px}
.public-shop-card-top .public-shop-original-price{font-size:12px}
.public-shop-card-top .shop-sale-badge{top:10px;right:10px;min-width:74px;min-height:34px;padding:7px 12px;font-size:12px}
.shop-sale-admin-hint{display:block;margin-top:5px;color:var(--muted);font-size:10px;font-weight:750;line-height:1.35}
.shop-sale-admin-hint.active{color:var(--highlight)}
.public-shop-admin-item input[data-shop-field="salePercent"]{font-variant-numeric:tabular-nums}
@media(max-width:640px){
  .public-shop-item.has-sale>div:first-of-type{padding-right:94px}
  .shop-sale-badge{top:10px;right:10px;min-width:76px;min-height:36px;padding:7px 12px;font-size:13px}
}


/* v3.1.0 FINAL — Public Home shell isolation hotfix */
body.public-home-active{overflow-x:hidden!important}
body.public-home-active .shell>#status,
body.public-home-active .shell>#tenantOnboardingEntry,
body.public-home-active .shell>#tenantBuyerWizard,
body.public-home-active .shell>#portalContent{display:none!important}
body.public-home-active #publicHomePage{display:block!important}
body.public-home-active .public-home-page.hidden{display:block!important}


/* MIDROUND v3.1.1 FINAL — responsive shop, touch targets, checkout and small UI polish */
.login-mobile-label{display:none}
.public-slide-arrow{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;display:inline-grid!important;place-items:center!important;font-size:20px!important;line-height:1!important}
.public-shop-card-top .public-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.public-shop-item{min-width:0}
.public-shop-item .shop-buy-btn{width:100%;border:0;font-family:inherit;cursor:pointer}
.public-shop-item .shop-buy-btn.is-disabled,.public-shop-item .shop-buy-btn:disabled{cursor:not-allowed}
.public-checkout-admin-card{display:grid;gap:16px;margin-top:18px;padding:18px;border:1px solid color-mix(in srgb,var(--mr-highlight) 18%,var(--line));border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--mr-highlight) 3%,var(--panel)),color-mix(in srgb,var(--mr-secondary) 4%,var(--panel-2)))}
.shop-checkout-dialog{width:min(680px,calc(100vw - 28px));max-width:680px}
.shop-checkout-dialog-body{display:grid;gap:14px;padding:4px 2px 2px}.shop-checkout-dialog-body>p{margin:0;line-height:1.55}.shop-checkout-dialog-body>p.is-error{color:#ff8d8d}
.shop-checkout-token-wrap{display:grid;gap:9px;padding:15px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--panel-2) 88%,transparent);min-width:0}.shop-checkout-token-wrap label{font-size:11px;font-weight:850;color:var(--muted)}.shop-checkout-token-wrap input{width:100%;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;letter-spacing:.02em}
@media(max-width:900px){.public-shop-card-top .public-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.public-shop-card-top .public-shop-grid{grid-template-columns:1fr!important}.login-desktop-label{display:none}.login-mobile-label{display:inline}.shop-checkout-dialog{width:calc(100vw - 20px)}.shop-checkout-token-wrap .editor-actions{display:grid;grid-template-columns:1fr}.shop-checkout-token-wrap .editor-actions button{width:100%}}

/* =========================================================
   MIDROUND Demo Analyzer
   ========================================================= */
.demo-analyzer-page{display:flex;flex-direction:column;gap:18px;min-width:0}.demo-analyzer-page.hidden{display:none}.demo-analyzer-head{align-items:flex-start}.demo-local-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent,#57d8ff) 35%,transparent);background:color-mix(in srgb,var(--accent,#57d8ff) 10%,rgba(9,14,24,.86));font-size:12px;font-weight:800;letter-spacing:.03em;white-space:nowrap}.demo-local-dot{width:8px;height:8px;border-radius:50%;background:#47e889;box-shadow:0 0 0 5px rgba(71,232,137,.1),0 0 16px rgba(71,232,137,.55)}
.demo-analyzer-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px}.demo-upload-card,.demo-library-card,.demo-match-overview,.demo-replay-card,.demo-round-card,.demo-stats-card,.demo-utility-card,.demo-event-card{min-width:0}.demo-dropzone{min-height:190px;border:1px dashed color-mix(in srgb,var(--accent,#57d8ff) 45%,rgba(255,255,255,.15));border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;padding:28px;cursor:pointer;background:linear-gradient(145deg,color-mix(in srgb,var(--accent,#57d8ff) 8%,transparent),rgba(255,255,255,.015));transition:border-color .2s ease,transform .2s ease,background .2s ease}.demo-dropzone:hover,.demo-dropzone:focus-visible,.demo-dropzone.is-dragging{border-color:var(--accent,#57d8ff);background:color-mix(in srgb,var(--accent,#57d8ff) 12%,rgba(9,14,24,.85));outline:none;transform:translateY(-1px)}.demo-drop-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:16px;background:color-mix(in srgb,var(--accent,#57d8ff) 18%,rgba(10,16,27,.95));border:1px solid color-mix(in srgb,var(--accent,#57d8ff) 45%,transparent);font-size:13px;font-weight:900;letter-spacing:.14em}.demo-dropzone strong{font-size:17px}.demo-dropzone small{max-width:600px;color:var(--muted,#9aa8ba)}.demo-upload-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.demo-progress-wrap{margin-top:14px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.035)}.demo-progress-track{height:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;margin-bottom:8px}.demo-progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent,#57d8ff),var(--accent-2,#9b76ff));transition:width .2s ease}.demo-privacy-note{margin-top:14px;padding:11px 13px;border-radius:12px;border:1px solid rgba(71,232,137,.18);background:rgba(71,232,137,.055);font-size:12px;color:var(--muted,#aeb8c7)}
.demo-analysis-library{display:flex;flex-direction:column;gap:9px;max-height:350px;overflow:auto}.demo-library-item{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;padding:12px 13px;border-radius:13px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:inherit;cursor:pointer}.demo-library-item:hover{border-color:color-mix(in srgb,var(--accent,#57d8ff) 35%,rgba(255,255,255,.1));background:rgba(255,255,255,.045)}.demo-library-item strong,.demo-library-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-library-item small{margin-top:4px;color:var(--muted,#9aa8ba)}.demo-library-map{padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.06);font-size:11px;font-weight:800;text-transform:uppercase}
.demo-match-link{display:grid;gap:4px;min-width:min(310px,40vw)}.demo-match-link span{font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#9aa8ba)}.demo-match-link select{width:100%;min-width:0}.demo-match-link select:disabled{opacity:.62;cursor:not-allowed}
.demo-result-shell{display:flex;flex-direction:column;gap:16px}.demo-result-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.demo-result-title-row h3{margin:4px 0}.demo-result-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.demo-metric-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:16px}.demo-metric{padding:13px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}.demo-metric span{display:block;color:var(--muted,#9aa8ba);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.demo-metric strong{display:block;margin-top:5px;font-size:21px}.demo-insight-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.demo-insight{padding:12px 13px;border-radius:13px;background:color-mix(in srgb,var(--accent,#57d8ff) 7%,rgba(255,255,255,.025));border:1px solid color-mix(in srgb,var(--accent,#57d8ff) 18%,rgba(255,255,255,.06));font-size:12px}.demo-insight strong{display:block;margin-bottom:4px;color:var(--text,#fff)}
.demo-workspace-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,.48fr);gap:16px}.demo-replay-round-controls,.demo-event-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.demo-replay-round-controls label{font-size:11px;color:var(--muted,#9aa8ba);text-transform:uppercase;font-weight:800}.demo-replay-round-controls select,.demo-event-filters select,.demo-replay-controls select{min-width:92px}.demo-replay-stage{position:relative;isolation:isolate;aspect-ratio:1/1;margin:14px auto 12px;width:min(100%,880px);overflow:hidden;border-radius:20px;border:1px solid rgba(255,255,255,.09);background:#0a0f18}.demo-replay-radar,.demo-replay-grid,.demo-replay-heatmap,.demo-replay-players{position:absolute;inset:0;width:100%;height:100%}.demo-replay-radar{object-fit:contain;opacity:.86;z-index:1}.demo-replay-grid{z-index:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:10% 10%}.demo-replay-heatmap{z-index:2;pointer-events:none;mix-blend-mode:normal;opacity:.82;filter:saturate(.86)}.demo-replay-heatmap.is-empty{opacity:0}.demo-replay-players{z-index:3;pointer-events:none}.demo-replay-empty{position:absolute;inset:0;z-index:4;display:grid;place-items:center;text-align:center;padding:30px;color:var(--muted,#9aa8ba);font-size:13px}.demo-player-dot{position:absolute;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(255,255,255,.9);box-shadow:0 4px 14px rgba(0,0,0,.45);font-size:9px;font-weight:900;color:#081018;transition:left .08s linear,top .08s linear,opacity .15s ease}.demo-player-dot[data-team="2"]{background:#f0bd42}.demo-player-dot[data-team="3"]{background:#64b7ff}.demo-player-dot[data-team="0"],.demo-player-dot[data-team="1"]{background:#b7bfca}.demo-player-dot.is-dead{opacity:.25;filter:grayscale(1)}
.demo-player-dot.is-dead-marker{width:22px;height:22px;margin:-11px 0 0 -11px;background:rgba(78,8,12,.92)!important;border-color:rgba(255,106,113,.95);color:#ff7d84;font-size:14px;line-height:1;box-shadow:0 6px 18px rgba(0,0,0,.46),0 0 0 1px rgba(255,82,90,.22)}
.demo-player-dot.is-dead-marker::after{background:rgba(48,6,10,.92);color:#ffd5d8}
.demo-player-dot.is-alive{opacity:1;filter:none}.demo-player-dot::after{content:attr(data-name);position:absolute;top:27px;left:50%;transform:translateX(-50%);padding:2px 5px;border-radius:5px;background:rgba(5,8,13,.86);color:#fff;font-size:10px;white-space:nowrap;max-width:118px;overflow:hidden;text-overflow:ellipsis}.demo-replay-controls{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;gap:10px;align-items:center}.demo-replay-controls input[type="range"]{width:100%}.demo-replay-clock{font-variant-numeric:tabular-nums;font-size:12px;min-width:48px;text-align:center}.demo-replay-card #demoReplayNote{display:block;margin-top:8px}
.demo-round-timeline{display:flex;flex-direction:column;gap:7px;max-height:590px;overflow:auto;padding-right:3px}.demo-round-row{display:grid;grid-template-columns:46px 1fr auto;gap:8px;align-items:center;padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.055);cursor:pointer}.demo-round-row:hover{border-color:color-mix(in srgb,var(--accent,#57d8ff) 28%,rgba(255,255,255,.06))}.demo-round-number{font-weight:900}.demo-round-winner{font-size:11px;font-weight:800}.demo-round-score{font-variant-numeric:tabular-nums;font-weight:800}.demo-analysis-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:16px}.demo-stats-table{min-width:760px}.demo-stats-table td,.demo-stats-table th{white-space:nowrap}.demo-player-name{font-weight:800}.demo-player-steam{display:block;font-size:10px;color:var(--muted,#9aa8ba)}.demo-utility-summary{display:flex;flex-direction:column;gap:8px}.demo-utility-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px 11px;border-radius:10px;background:rgba(255,255,255,.03)}.demo-utility-row strong{font-variant-numeric:tabular-nums}.demo-event-list{display:flex;flex-direction:column;gap:7px;max-height:500px;overflow:auto}.demo-event-row{display:grid;grid-template-columns:58px 82px minmax(0,1fr);gap:9px;align-items:center;padding:9px 11px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);font-size:12px}.demo-event-round{font-weight:900}.demo-event-type{font-size:10px;text-transform:uppercase;color:var(--muted,#9aa8ba)}.demo-event-main strong{font-weight:850}.demo-parser-error{padding:12px 13px;border-radius:12px;border:1px solid rgba(255,92,104,.28);background:rgba(255,92,104,.07);color:#ffc4c9}.demo-parser-error small{display:block;margin-top:5px;color:var(--muted,#9aa8ba)}
@media(min-width:1600px){.demo-replay-stage{width:min(100%,940px)}}
@media(max-width:1100px){.demo-analyzer-layout,.demo-workspace-grid,.demo-analysis-grid{grid-template-columns:1fr}.demo-replay-stage{width:min(100%,820px)}.demo-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-insight-strip{grid-template-columns:1fr}.demo-analysis-library{max-height:260px}}
@media(max-width:700px){.demo-analyzer-head,.demo-result-title-row{flex-direction:column}.demo-result-actions{width:100%;justify-content:flex-start}.demo-match-link{min-width:0;width:100%}.demo-local-badge{white-space:normal}.demo-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-replay-round-controls{width:100%}.demo-replay-round-controls select{flex:1}.demo-replay-controls{grid-template-columns:auto minmax(0,1fr) auto}.demo-replay-controls select{grid-column:auto;width:100%}.demo-replay-controls #demoReplaySpeed{grid-column:1/2}.demo-replay-controls #demoReplayHeatmap{grid-column:2/4}.demo-event-row{grid-template-columns:48px 1fr}.demo-event-main{grid-column:1/-1}.demo-upload-actions>*{flex:1 1 auto}.demo-upload-actions #demoAnalyzerStatus{flex-basis:100%}.demo-dropzone{min-height:160px;padding:20px 14px}}

/* MIDROUND Demo Analyzer Hotfix 22 · tactical replay HUD + utility layer */
.demo-replay-effects{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:hidden}.demo-replay-players{z-index:4}.demo-replay-hud{position:absolute;z-index:6;top:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;min-height:38px;padding:7px 11px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(4,8,14,.88);box-shadow:0 8px 28px rgba(0,0,0,.28);font-size:11px;font-weight:800;backdrop-filter:blur(7px);pointer-events:none}.demo-replay-hud strong{min-width:54px;text-align:center;font-size:17px;font-variant-numeric:tabular-nums;color:#fff}.demo-bomb-timer{padding:5px 8px;border-radius:8px;background:rgba(255,111,59,.18);border:1px solid rgba(255,111,59,.48);color:#ffbb80;font-variant-numeric:tabular-nums}.demo-bomb-timer.is-defuse{background:rgba(80,181,255,.17);border-color:rgba(80,181,255,.48);color:#9fd8ff}.demo-utility-marker{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;min-width:46px;min-height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.6);box-shadow:0 0 22px rgba(0,0,0,.32);font-size:8px;font-weight:900;text-align:center;line-height:1.05;color:#fff;text-shadow:0 1px 4px #000}.demo-utility-marker small{display:block;margin-top:2px;padding:1px 3px;border-radius:4px;background:rgba(0,0,0,.62);font-size:8px;font-variant-numeric:tabular-nums}.demo-utility-marker.is-smoke{width:66px;height:66px;background:radial-gradient(circle,rgba(195,205,216,.64) 0 28%,rgba(145,157,171,.32) 50%,rgba(120,132,146,0) 76%);border-color:rgba(210,220,230,.38)}.demo-utility-marker.is-fire{width:62px;height:62px;background:radial-gradient(circle,rgba(255,122,45,.68),rgba(255,73,25,.25) 48%,rgba(255,73,25,0) 76%);border-color:rgba(255,146,67,.5)}.demo-utility-marker.is-flash{width:38px;height:38px;min-width:38px;min-height:38px;background:radial-gradient(circle,#fff 0 15%,rgba(255,248,191,.78) 25%,rgba(255,245,158,0) 72%);color:#161616}.demo-utility-marker.is-he{width:42px;height:42px;min-width:42px;min-height:42px;background:radial-gradient(circle,rgba(255,93,72,.82),rgba(255,93,72,.15) 55%,transparent 75%)}.demo-utility-marker.is-decoy{width:42px;height:42px;min-width:42px;min-height:42px;background:radial-gradient(circle,rgba(181,111,255,.7),rgba(181,111,255,.12) 58%,transparent 76%)}.demo-utility-marker.is-bomb{width:48px;height:48px;min-width:48px;min-height:48px;background:rgba(255,97,55,.2);border-color:rgba(255,124,75,.85);color:#ffd5c4}.demo-replay-empty{z-index:7}
@media(min-width:1500px){.demo-replay-stage{width:min(100%,980px)}}
@media(min-width:1850px){.demo-replay-stage{width:min(100%,1040px)}}
@media(max-width:700px){.demo-replay-hud{top:8px;gap:6px;padding:5px 7px;font-size:9px}.demo-replay-hud strong{font-size:14px;min-width:46px}.demo-utility-marker.is-smoke,.demo-utility-marker.is-fire{transform:translate(-50%,-50%) scale(.78)}}

/* Demo Analyzer Hotfix 22: authoritative radar projection + event-backed utility layer */
.demo-replay-event-strip{display:flex;align-items:center;gap:7px;overflow-x:auto;min-height:38px;margin-top:8px;padding:5px 1px 3px;scrollbar-width:thin}
.demo-replay-event-chip{appearance:none;flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:9px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:inherit;font:inherit;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer}
.demo-replay-event-chip:hover,.demo-replay-event-chip:focus-visible{border-color:color-mix(in srgb,var(--accent,#57d8ff) 45%,rgba(255,255,255,.08));background:color-mix(in srgb,var(--accent,#57d8ff) 10%,rgba(255,255,255,.035));outline:none}
.demo-replay-event-chip.is-utility{opacity:.86}.demo-replay-event-chip time{font-variant-numeric:tabular-nums;color:var(--muted,#9aa8ba)}
.demo-event-row{width:100%;text-align:left;color:inherit;font:inherit;cursor:pointer;appearance:none}
.demo-event-row:hover,.demo-event-row:focus-visible{border-color:color-mix(in srgb,var(--accent,#57d8ff) 32%,rgba(255,255,255,.06));background:rgba(255,255,255,.045);outline:none}
.demo-bomb-timer.is-danger{background:rgba(255,70,74,.2);border-color:rgba(255,70,74,.62);color:#ffb2b4;animation:demoBombPulse 1s ease-in-out infinite alternate}
.demo-utility-marker.is-bomb.is-dropped{width:54px;height:54px;background:rgba(255,73,46,.24);border-style:dashed}.demo-utility-marker.is-bomb.is-carried{width:34px;height:34px;min-width:34px;min-height:34px;font-size:7px;background:rgba(255,189,66,.2);border-color:rgba(255,203,99,.9)}
@keyframes demoBombPulse{to{box-shadow:0 0 18px rgba(255,70,74,.24)}}

/* Hotfix 22: short-lived tactical event pulse. Kept above utility effects but below the HUD. */
.demo-event-marker{position:absolute;transform:translate(-50%,-50%);z-index:5;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.82);background:rgba(255,70,78,.22);color:#fff;font-size:17px;font-weight:1000;line-height:1;text-shadow:0 1px 4px rgba(0,0,0,.9);box-shadow:0 0 0 5px rgba(255,70,78,.08),0 0 18px rgba(255,70,78,.28);animation:demoEventPulse .7s ease-out both}
.demo-event-marker.is-kill{border-color:rgba(255,190,194,.9);background:rgba(255,58,66,.28)}
@keyframes demoEventPulse{0%{opacity:.2;transform:translate(-50%,-50%) scale(.62)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}100%{opacity:.92;transform:translate(-50%,-50%) scale(1)}}

/* Demo Analyzer Hotfix 24 — authoritative C4 drop + clean deaths + projectile layer */
.demo-player-dot{transition:left .055s linear,top .055s linear,opacity .12s ease}
.demo-grenade-flight-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.demo-grenade-flight-line{fill:none;stroke:rgba(255,255,255,.88);stroke-width:.68;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1.5 1.35;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 2px rgba(0,0,0,.82))}
.demo-grenade-flight-svg.is-smoke .demo-grenade-flight-line{stroke:rgba(219,226,234,.78)}
.demo-grenade-flight-svg.is-fire .demo-grenade-flight-line{stroke:rgba(255,145,75,.85)}
.demo-grenade-flight-svg.is-flash .demo-grenade-flight-line{stroke:rgba(255,248,196,.9)}
.demo-grenade-flight-svg.is-he .demo-grenade-flight-line{stroke:rgba(255,108,90,.88)}
.demo-grenade-flight-svg.is-decoy .demo-grenade-flight-line{stroke:rgba(198,147,255,.84)}
.demo-grenade-projectile{position:absolute;transform:translate(-50%,-50%);z-index:5;min-width:20px;height:20px;padding:0 4px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.88);background:rgba(9,14,22,.94);box-shadow:0 3px 12px rgba(0,0,0,.55);color:#fff;font-size:7px;font-weight:950;line-height:1}
.demo-grenade-projectile small{position:absolute;top:22px;left:50%;transform:translateX(-50%);max-width:112px;padding:2px 4px;border-radius:5px;background:rgba(4,7,12,.88);font-size:8px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.demo-utility-marker small{max-width:112px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.demo-player-dot{transition:opacity .12s ease;will-change:left,top}

/* Hotfix 24 replay cleanup */
.demo-replay-projectiles{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none;overflow:visible}
.demo-replay-projectiles .demo-grenade-projectile{z-index:1;box-shadow:0 4px 16px rgba(0,0,0,.7),0 0 0 2px rgba(255,255,255,.12)}
.demo-replay-projectiles .demo-grenade-projectile small{font-size:9px;top:23px;padding:3px 5px;background:rgba(3,6,10,.94);border:1px solid rgba(255,255,255,.13)}
.demo-utility-marker.is-bomb.is-dropped{min-width:54px;min-height:54px}

.demo-grenade-flight-svg.is-persistent{opacity:.96}

.demo-replay-killfeed{position:absolute;z-index:6;top:14px;right:14px;display:grid;gap:6px;max-width:240px;pointer-events:none}.demo-killfeed-item{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;padding:6px 8px;border-radius:10px;background:rgba(5,8,13,.84);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(6px);box-shadow:0 6px 20px rgba(0,0,0,.25)}.demo-killfeed-item.is-latest{border-color:rgba(255,98,103,.45)}.demo-killfeed-item .killer{justify-self:end;font-weight:800;color:#e8f2ff;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-killfeed-item .victim{justify-self:start;font-weight:800;color:#ffd8da;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-killfeed-item .sep{font-weight:900;color:#ff7b83}.demo-killfeed-item small{grid-column:1 / -1;color:#9aa8ba;font-size:9px;justify-self:center}.demo-grenade-projectile{min-width:22px;height:22px;font-size:8px}.demo-grenade-projectile small{font-size:9px}.demo-grenade-flight-line{stroke-width:.9;stroke-dasharray:2 1.4}.demo-replay-projectiles{overflow:visible}

/* HOTFIX 27: keep killfeed outside of the playable radar area */
.demo-replay-killfeed{position:static!important;z-index:auto!important;display:flex!important;justify-content:flex-end;align-items:stretch;gap:6px;flex-wrap:wrap;width:min(100%,880px);max-width:880px;margin:0 auto 10px;pointer-events:none;min-height:0}
.demo-killfeed-item{flex:0 1 205px;min-width:165px;max-width:220px;padding:5px 7px}
.demo-killfeed-item .killer,.demo-killfeed-item .victim{font-size:10px}
.demo-killfeed-item small{font-size:8px}
.demo-grenade-flight-line{stroke-width:1.15!important;stroke-dasharray:2.6 1.3!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.95)) drop-shadow(0 0 2px rgba(255,255,255,.22))}
.demo-grenade-flight-svg.is-persistent{opacity:1!important}
@media(max-width:900px){.demo-replay-killfeed{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.demo-killfeed-item{flex:0 0 190px}}

/* HOTFIX 28: compact killfeed above radar; never covers map or bloats below it */
.demo-replay-killfeed{position:static!important;z-index:auto!important;width:min(100%,880px)!important;max-width:880px!important;height:38px!important;min-height:38px!important;margin:8px auto -4px!important;padding:0!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:6px!important;flex-wrap:nowrap!important;overflow:hidden!important;pointer-events:none!important}
.demo-killfeed-item{flex:0 1 auto!important;min-width:0!important;max-width:205px!important;height:32px!important;padding:3px 7px!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;gap:5px!important;border-radius:7px!important}
.demo-killfeed-item .killer,.demo-killfeed-item .victim{font-size:9px!important;max-width:78px!important}
.demo-killfeed-item small{display:none!important}
.demo-killfeed-item .sep{font-size:10px!important}
@media(max-width:900px){.demo-replay-killfeed{justify-content:flex-start!important;overflow-x:auto!important}.demo-killfeed-item{flex:0 0 170px!important;max-width:170px!important}}
.demo-grenade-flight-svg.is-entity-track .demo-grenade-flight-line{stroke-width:1.15!important;stroke-dasharray:2.2 1.1!important;opacity:1!important;filter:drop-shadow(0 0 2px rgba(0,0,0,.95)) drop-shadow(0 0 3px rgba(255,255,255,.22))!important}

.demo-replay-projectiles .demo-utility-marker.is-bomb{z-index:4}.demo-utility-marker.is-bomb.is-planted{min-width:38px;min-height:38px;width:38px;height:38px;background:rgba(120,69,255,.30);border:2px solid rgba(191,164,255,.95);color:#fff;box-shadow:0 0 0 3px rgba(109,76,255,.16),0 0 22px rgba(113,75,255,.58);font-size:9px}

/* Hotfix 33 · utility labels: type above, timer centered, thrower outside marker */
.demo-utility-marker{grid-template-rows:auto auto;align-content:center;justify-items:center;overflow:visible}
.demo-utility-marker>.demo-utility-type{display:block;font-size:7px;font-weight:950;line-height:1;letter-spacing:.02em;pointer-events:none}
.demo-utility-marker>.demo-utility-timer{display:block;margin-top:3px;padding:1px 4px;border-radius:5px;background:rgba(4,7,12,.72);color:#fff;font-size:8px;font-weight:950;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}
.demo-utility-marker>.demo-utility-thrower{position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);z-index:3;display:block;margin:0;max-width:110px;padding:2px 5px;border:1px solid rgba(255,255,255,.12);border-radius:5px;background:rgba(3,6,10,.94);color:#fff;font-size:8px;font-weight:800;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:none;pointer-events:none}
.demo-utility-marker.is-flash>.demo-utility-type,.demo-utility-marker.is-flash>.demo-utility-timer{color:#171717;text-shadow:none}
.demo-utility-marker.is-flash>.demo-utility-timer{background:rgba(255,255,255,.72)}

/* HOTFIX 34 · CS2-like killfeed in the right-side viewer column */
.demo-replay-side-card{display:flex;flex-direction:column;gap:0;min-width:0;align-self:start}
.demo-killfeed-panel{min-width:0}
.demo-killfeed-head{margin-bottom:10px}
.demo-killfeed-head .muted{margin-top:3px;font-size:10px}
.demo-replay-killfeed{position:static!important;z-index:auto!important;width:100%!important;max-width:none!important;height:auto!important;min-height:48px!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important;overflow:visible!important;pointer-events:none!important}
.demo-killfeed-empty{padding:18px 12px;text-align:center;border:1px dashed rgba(255,255,255,.1);border-radius:12px;font-size:11px}
.demo-killfeed-item{display:grid!important;grid-template-columns:minmax(72px,1fr) minmax(116px,1.25fr) minmax(72px,1fr)!important;align-items:center!important;gap:7px!important;min-height:48px!important;padding:7px 9px!important;border-radius:10px!important;background:linear-gradient(180deg,rgba(9,14,22,.94),rgba(5,9,15,.94))!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:none!important;backdrop-filter:none!important;max-width:none!important;flex:none!important}
.demo-killfeed-item.is-latest{border-color:rgba(255,91,98,.48)!important;box-shadow:inset 3px 0 0 rgba(255,91,98,.82)!important}
.demo-killfeed-item .killer,.demo-killfeed-item .victim{font-size:10px!important;font-weight:900!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
.demo-killfeed-item .killer{justify-self:end!important;text-align:right!important;color:#f4f8ff!important}
.demo-killfeed-item .victim{justify-self:start!important;text-align:left!important;color:#f4f8ff!important}
.demo-killfeed-item[data-attacker-team="2"] .killer,.demo-killfeed-item[data-victim-team="2"] .victim{color:#f4c24e!important}
.demo-killfeed-item[data-attacker-team="3"] .killer,.demo-killfeed-item[data-victim-team="3"] .victim{color:#79c5ff!important}
.demo-killfeed-item .weapon{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:22px auto;column-gap:4px;align-items:center;justify-items:center;min-width:0;padding:3px 5px 2px;border-radius:7px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
.demo-killfeed-item .weapon-svg{grid-column:1/-1;width:72px;height:22px;display:flex;align-items:center;justify-content:center;color:#eef4fb}
.demo-killfeed-item .weapon-svg svg{width:100%;height:100%;fill:currentColor;opacity:.93}
.demo-killfeed-item .weapon b{grid-column:1/-1;font-size:8px;line-height:1;color:#aeb9c8;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.demo-killfeed-item .weapon .hs{position:absolute;right:-5px;top:-6px;display:grid;place-items:center;min-width:20px;height:16px;padding:0 4px;border-radius:999px;background:#9a2028;border:1px solid rgba(255,124,130,.72);color:#fff;font-size:7px;font-weight:950;box-shadow:0 2px 8px rgba(0,0,0,.4)}
.demo-side-divider{height:1px;margin:16px 0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}
.demo-round-timeline-shell{min-width:0}
@media(min-width:1500px){.demo-workspace-grid{grid-template-columns:minmax(0,1.85fr) minmax(310px,.55fr)}}
@media(max-width:1100px){.demo-replay-side-card{margin-top:0}.demo-replay-killfeed{grid-template-columns:repeat(2,minmax(0,1fr))!important}.demo-killfeed-item{grid-template-columns:minmax(60px,1fr) minmax(110px,1.15fr) minmax(60px,1fr)!important}}
@media(max-width:700px){.demo-replay-killfeed{grid-template-columns:1fr!important}.demo-killfeed-item{grid-template-columns:minmax(60px,1fr) minmax(104px,1.2fr) minmax(60px,1fr)!important}}

/* HOTFIX 35 · clean utility labels + model-aware weapon outlines */
.demo-killfeed-item .weapon-svg{width:84px!important;height:26px!important}
.demo-killfeed-item .weapon-svg svg{width:100%!important;height:100%!important;fill:none!important;stroke:currentColor!important;opacity:.96!important;overflow:visible}
.demo-killfeed-item .weapon-svg svg g{fill:none!important;stroke:currentColor!important}
.demo-utility-marker>.demo-utility-thrower{top:calc(100% + 7px)!important}
.demo-grenade-projectile small{top:24px!important}


/* HOTFIX 36 · CS2-style filled weapon silhouettes + single smoke owner label */
.demo-killfeed-item .weapon-svg{width:96px!important;height:28px!important;color:#f4f7fb!important}
.demo-killfeed-item .weapon-svg svg{width:100%!important;height:100%!important;fill:currentColor!important;stroke:none!important;opacity:1!important;overflow:visible}
.demo-killfeed-item .weapon-svg svg g{fill:currentColor!important;stroke:none!important}
.demo-killfeed-item .weapon{grid-template-columns:1fr!important;grid-template-rows:28px auto!important;min-width:118px!important;padding:3px 7px 3px!important}
.demo-killfeed-item .weapon b{font-size:7.5px!important;color:#93a0b2!important;margin-top:1px!important}
.demo-killfeed-item .weapon .hs{display:none!important}
.demo-killfeed-item .weapon .hs-icon{position:absolute;right:-10px;top:5px;width:18px;height:18px;display:grid;place-items:center;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.65));z-index:3}
.demo-killfeed-item .weapon .hs-icon svg{width:18px!important;height:18px!important;display:block!important;fill:none!important}
.demo-killfeed-item .weapon .hs-icon svg path:first-child{fill:currentColor!important}
.demo-killfeed-item .weapon .hs-icon svg circle,.demo-killfeed-item .weapon .hs-icon svg path:last-child{fill:#0a0f18!important}
.demo-utility-marker.is-smoke>.demo-utility-thrower{top:calc(100% + 8px)!important}


/* HOTFIX 37 · user-provided original CS2 killfeed silhouettes + final smoke separation */
.demo-killfeed-item .weapon{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:116px!important;
  height:34px!important;
  padding:2px 8px!important;
  background:transparent!important;
  border:0!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
}
.demo-killfeed-item .weapon-original{
  display:block!important;
  width:auto!important;
  max-width:104px!important;
  height:30px!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
  opacity:1!important;
}
.demo-killfeed-item .hs-original{
  position:absolute!important;
  right:-7px!important;
  top:4px!important;
  width:20px!important;
  height:20px!important;
  object-fit:contain!important;
  filter:none!important;
  opacity:1!important;
}
.demo-killfeed-item .weapon-fallback{
  display:block!important;
  max-width:105px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:9px!important;
  color:#f4f7fb!important;
  letter-spacing:.02em!important;
}
.demo-killfeed-item .weapon-svg,.demo-killfeed-item .hs-icon{display:none!important}

/* Active smoke owns the center after detonation. The projectile S marker is
   removed in JS at the detonation tick, so only one semantic layer remains. */
.demo-utility-marker.is-smoke{
  grid-template-rows:auto auto!important;
  align-content:center!important;
  overflow:visible!important;
}
.demo-utility-marker.is-smoke>.demo-utility-type{
  font-size:7px!important;
  line-height:1!important;
  margin:0!important;
}
.demo-utility-marker.is-smoke>.demo-utility-timer{
  margin-top:4px!important;
  font-size:8px!important;
  line-height:1!important;
}
.demo-utility-marker.is-smoke>.demo-utility-thrower{
  top:auto!important;
  bottom:calc(100% + 7px)!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  min-width:max-content!important;
  max-width:110px!important;
  padding:2px 5px!important;
  background:rgba(3,6,10,.96)!important;
  border:1px solid rgba(255,255,255,.15)!important;
  z-index:6!important;
}

/* HOTFIX 38 · killfeed identity repair + no misleading latest-kill border */
.demo-killfeed-item.is-latest,.demo-killfeed-item.is-headshot{border-color:rgba(255,255,255,.09)!important;box-shadow:none!important}

/* === DEMO ANALYZER HF40 · Analysis Workspace === */
.demo-source-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:4px 0 14px}.demo-source-option{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"step title" "step meta";gap:2px 10px;align-items:center;text-align:left;padding:14px 15px;border-radius:15px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:inherit}.demo-source-option:hover{border-color:color-mix(in srgb,var(--accent,#57d8ff) 35%,rgba(255,255,255,.08))}.demo-source-option.is-active{border-color:color-mix(in srgb,var(--accent,#57d8ff) 62%,rgba(255,255,255,.12));background:color-mix(in srgb,var(--accent,#57d8ff) 10%,rgba(8,13,22,.9));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent,#57d8ff) 16%,transparent)}.demo-source-step{grid-area:step;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.055);font-size:10px;font-weight:900;letter-spacing:.08em}.demo-source-option strong{grid-area:title;font-size:13px}.demo-source-option small{grid-area:meta;color:var(--muted,#9aa8ba);font-size:10px;line-height:1.35}.demo-source-pane{margin-top:4px}.demo-match-import-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.demo-match-import-grid label{display:grid;gap:6px;font-size:10px;text-transform:uppercase;font-weight:850;letter-spacing:.06em;color:var(--muted,#9aa8ba)}.demo-match-import-grid select{width:100%;min-width:0}.demo-source-status{display:flex;gap:8px;align-items:flex-start;margin-top:10px;padding:10px 12px;border-radius:11px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);font-size:11px;color:var(--muted,#9aa8ba)}.demo-source-status strong{color:var(--text,#e9eef7);white-space:nowrap}
.demo-analysis-meta-editor{display:grid;grid-template-columns:minmax(240px,.55fr) minmax(320px,1fr);gap:12px;margin:14px 0 2px;padding:14px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.065)}.demo-analysis-meta-editor label{display:grid;gap:6px}.demo-analysis-meta-editor label>span{font-size:10px;text-transform:uppercase;font-weight:850;letter-spacing:.07em;color:var(--muted,#9aa8ba)}.demo-analysis-meta-editor input,.demo-analysis-meta-editor textarea{width:100%;resize:vertical}.demo-description-field{grid-column:2}.demo-meta-hint{grid-column:1/-1;display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted,#9aa8ba)}.demo-meta-hint strong{color:var(--text,#e8eef7)}
.demo-analysis-control-center{padding:16px}.demo-analysis-filter-grid{display:grid;grid-template-columns:repeat(6,minmax(125px,1fr));gap:10px}.demo-analysis-filter-grid label{display:grid;gap:5px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--muted,#9aa8ba)}.demo-analysis-filter-grid select{width:100%;min-width:0}.demo-analysis-filter-summary{margin-top:10px;padding:8px 10px;border-radius:9px;background:color-mix(in srgb,var(--accent,#57d8ff) 7%,rgba(255,255,255,.02));border:1px solid color-mix(in srgb,var(--accent,#57d8ff) 17%,rgba(255,255,255,.05));font-size:11px;font-weight:750;color:#dbe9f7}
.demo-deep-analysis{display:grid;gap:14px}.demo-deep-kpi-grid{display:grid;grid-template-columns:repeat(8,minmax(110px,1fr));gap:9px}.demo-deep-kpi{min-width:0;padding:12px 12px;border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.07)}.demo-deep-kpi span,.demo-deep-kpi small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-deep-kpi span{font-size:9px;text-transform:uppercase;letter-spacing:.075em;font-weight:900;color:var(--muted,#9aa8ba)}.demo-deep-kpi strong{display:block;margin:6px 0 4px;font-size:20px;line-height:1;font-variant-numeric:tabular-nums}.demo-deep-kpi small{font-size:9px;color:var(--muted,#9aa8ba)}
.demo-analysis-panels-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.demo-analysis-panel{min-width:0;padding:14px}.demo-analysis-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:11px}.demo-analysis-panel-head span{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#9aa8ba);font-weight:900}.demo-analysis-panel-head strong{font-size:12px}.demo-analysis-bar{display:grid;gap:4px;margin:8px 0}.demo-analysis-bar>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px}.demo-analysis-bar>div span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d7e0eb}.demo-analysis-bar>div strong{font-variant-numeric:tabular-nums}.demo-analysis-bar>i{height:5px;border-radius:20px;background:rgba(255,255,255,.055);overflow:hidden}.demo-analysis-bar>i>b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--accent,#57d8ff) 82%,white 4%),color-mix(in srgb,var(--accent-2,#9b76ff) 78%,white 4%))}.demo-analysis-bar small{font-size:8px;color:var(--muted,#9aa8ba);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.demo-event-matrix-card{min-width:0}.demo-event-matrix-table{min-width:980px}.demo-event-matrix-table th,.demo-event-matrix-table td{white-space:nowrap;text-align:right}.demo-event-matrix-table th:first-child,.demo-event-matrix-table td:first-child{text-align:left}.demo-event-matrix-table td small{display:block;color:var(--muted,#9aa8ba);font-size:9px}
.demo-heatmap-legend{display:flex;align-items:center;gap:5px;min-width:92px;font-size:8px;color:var(--muted,#9aa8ba)}.demo-heatmap-legend i{display:block;width:36px;height:7px;border-radius:99px;background:linear-gradient(90deg,#3fafff,#f5d34c,#ff4b3f)}.demo-heatmap-legend b{font-weight:700;color:#cfd8e4}.demo-replay-heatmap{opacity:.72;filter:none}

@media(max-width:1500px){.demo-analysis-filter-grid{grid-template-columns:repeat(3,minmax(140px,1fr))}.demo-deep-kpi-grid{grid-template-columns:repeat(4,minmax(120px,1fr))}.demo-analysis-panels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.demo-source-switch{grid-template-columns:1fr}.demo-match-import-grid{grid-template-columns:1fr}.demo-analysis-meta-editor{grid-template-columns:1fr}.demo-description-field{grid-column:auto}.demo-analysis-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-deep-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-analysis-panels-grid{grid-template-columns:1fr}}
@media(max-width:560px){.demo-analysis-filter-grid{grid-template-columns:1fr}.demo-meta-hint{align-items:flex-start;flex-direction:column}.demo-heatmap-legend{display:none}}

/* ==========================================================================
   Legacy HF43 — Demo Analyzer layout / heatmap / scroll stability
   ========================================================================== */
body:has(#demoAnalyzerView:not(.hidden)) .portal-navigation{
  position:relative!important;
  top:auto!important;
}
#demoAnalyzerView,
#demoAnalyzerView .demo-result-shell{
  overflow:visible!important;
  contain:none!important;
}
#demoAnalyzerView .demo-workspace-grid{
  order:0;
}
.demo-replay-controls{
  grid-template-columns:auto minmax(0,1fr) auto auto auto auto auto!important;
}
#demoReplayHeatmapIntensity{
  min-width:86px;
}
.demo-analysis-heatmap-card{
  padding:16px;
}
.demo-analysis-heatmap-stage{
  position:relative;
  width:min(100%,760px);
  aspect-ratio:1/1;
  margin:12px auto 10px;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.09);
  background:#0a0f18;
  isolation:isolate;
}
.demo-analysis-heatmap-radar,
.demo-analysis-heatmap-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.demo-analysis-heatmap-radar{
  z-index:1;
  object-fit:contain;
  opacity:.82;
}
.demo-analysis-heatmap-canvas{
  z-index:2;
  pointer-events:none;
  opacity:.9;
}
.demo-analysis-heatmap-canvas.is-empty{opacity:0}
.demo-analysis-heatmap-empty{
  position:absolute;
  inset:0;
  z-index:3;
  display:grid;
  place-items:center;
  padding:28px;
  text-align:center;
  color:var(--muted,#9aa8ba);
  font-size:12px;
  background:linear-gradient(180deg,rgba(5,10,16,.12),rgba(5,10,16,.36));
}
.demo-analysis-heatmap-empty.hidden{display:none!important}
.demo-analysis-heatmap-card>#demoAnalysisHeatmapNote{
  display:block;
  text-align:center;
  font-size:9px;
}
@media(max-width:700px){
  .demo-replay-controls{grid-template-columns:auto minmax(0,1fr) auto!important}
  #demoReplayHeatmap,#demoReplayHeatmapIntensity{grid-column:auto!important;width:100%}
  .demo-heatmap-legend{grid-column:1/-1}
}
#demoAnalyzerView .demo-insight-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1050px){#demoAnalyzerView .demo-insight-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){#demoAnalyzerView .demo-insight-strip{grid-template-columns:1fr}}

/* HF47: shared side truth + optional full-match utility destination heatmap */
.demo-analysis-heatmap-head{align-items:flex-end;gap:18px}
.demo-utility-heatmap-controls{display:flex;align-items:end;gap:10px;flex:0 0 auto}
.demo-utility-heatmap-controls label{display:grid;gap:6px;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted,#9aa8ba)}
.demo-utility-heatmap-controls select{min-width:150px}
.demo-analysis-heatmap-radar,
.demo-analysis-heatmap-canvas,
.demo-analysis-utility-heatmap-canvas{position:absolute;inset:0;width:100%;height:100%}
.demo-analysis-utility-heatmap-canvas{z-index:3;pointer-events:none;opacity:1;mix-blend-mode:normal}
.demo-analysis-utility-heatmap-canvas.is-empty{opacity:0}
.demo-analysis-heatmap-empty{z-index:4}
.demo-analysis-side-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
.demo-analysis-side-pill{padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025)}
.demo-analysis-side-pill span{display:block;font-size:9px;color:var(--muted,#9aa8ba)}
.demo-analysis-side-pill strong{display:block;margin-top:2px;font-size:12px}
@media(max-width:760px){.demo-analysis-heatmap-head{align-items:stretch;flex-direction:column}.demo-utility-heatmap-controls,.demo-utility-heatmap-controls label,.demo-utility-heatmap-controls select{width:100%}}
.demo-analysis-heatmap-card>.demo-utility-heatmap-note{display:block;text-align:center;font-size:9px;margin-top:3px;color:var(--muted,#9aa8ba)}

/* HF49: utility target markers must stay readable over dense position heatmaps */
.demo-utility-heatmap-controls{flex-wrap:wrap;justify-content:flex-end}
.demo-utility-heatmap-controls select{min-width:145px}
#demoUtilityHeatmapMode{min-width:132px}
.demo-analysis-utility-heatmap-canvas{filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}
@media(max-width:900px){.demo-utility-heatmap-controls{width:100%;justify-content:flex-start}}

/* HF50 · Multi-demo opponent intelligence + chart workspace */
.demo-source-switch{grid-template-columns:repeat(3,minmax(0,1fr))}
.demo-multi-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}.demo-multi-head label{display:grid;gap:6px;min-width:240px;flex:1;font-size:10px;text-transform:uppercase;font-weight:850;letter-spacing:.06em;color:var(--muted,#9aa8ba)}.demo-multi-head input{width:100%}.demo-multi-badge{flex:0 0 auto;padding:7px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent,#57d8ff) 30%,rgba(255,255,255,.08));background:color-mix(in srgb,var(--accent,#57d8ff) 8%,rgba(6,12,19,.9));font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.demo-multi-file-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}.demo-multi-file-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.065);font-size:10px}.demo-multi-file-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-multi-file-chip small{color:var(--muted,#9aa8ba);white-space:nowrap}.demo-multi-dropzone .demo-drop-icon{width:58px}
.demo-intelligence-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.demo-chart-card{min-width:0;padding:15px}.demo-chart-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}.demo-chart-head h3{margin:2px 0 0}.demo-chart-head>small{font-size:9px;color:var(--muted,#9aa8ba);text-align:right}.demo-chart-surface{min-height:220px;border-radius:13px;border:1px solid rgba(255,255,255,.055);background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.008));padding:8px;overflow:hidden}.demo-chart-svg{display:block;width:100%;height:210px}.demo-chart-grid{stroke:rgba(255,255,255,.065);stroke-width:.6}.demo-chart-axis{fill:var(--muted,#9aa8ba);font-size:7.5px;font-family:system-ui,sans-serif}.demo-chart-label{fill:#dfe8f3;font-size:8px;font-weight:800;font-family:system-ui,sans-serif}.demo-chart-line-a{fill:none;stroke:color-mix(in srgb,var(--accent,#57d8ff) 88%,white 5%);stroke-width:2}.demo-chart-line-b{fill:none;stroke:color-mix(in srgb,var(--accent-2,#9b76ff) 85%,white 5%);stroke-width:2}.demo-chart-point-a{fill:color-mix(in srgb,var(--accent,#57d8ff) 80%,white 10%)}.demo-chart-point-b{fill:color-mix(in srgb,var(--accent-2,#9b76ff) 80%,white 10%)}.demo-chart-bar{fill:color-mix(in srgb,var(--accent,#57d8ff) 74%,transparent)}.demo-chart-stack-smoke{fill:#3ecfff}.demo-chart-stack-flash{fill:#ffdc48}.demo-chart-stack-he{fill:#ff5a64}.demo-chart-stack-molotov{fill:#ff8738}.demo-chart-stack-decoy{fill:#bd74ff}.demo-chart-legend{display:flex;flex-wrap:wrap;gap:8px;padding:4px 2px 0;font-size:9px;color:var(--muted,#9aa8ba)}.demo-chart-legend span{display:flex;align-items:center;gap:5px}.demo-chart-legend i{width:8px;height:8px;border-radius:3px;display:inline-block}.demo-chart-empty{height:200px;display:grid;place-items:center;color:var(--muted,#9aa8ba);font-size:11px;text-align:center;padding:20px}
.demo-tactical-summary-card{padding:16px}.demo-pattern-confidence{padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#9aa8ba)}.demo-tactical-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.demo-pattern-card{padding:12px;border-radius:13px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015));min-width:0}.demo-pattern-card>span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--muted,#9aa8ba)}.demo-pattern-card strong{display:block;margin:6px 0 5px;font-size:13px;line-height:1.25}.demo-pattern-card p{margin:0;color:#b9c6d5;font-size:10px;line-height:1.45}.demo-pattern-card small{display:block;margin-top:7px;color:var(--muted,#9aa8ba);font-size:8px}.demo-bundle-kicker{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);font-size:8px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
@media(max-width:1200px){.demo-intelligence-dashboard{grid-template-columns:1fr}.demo-tactical-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.demo-source-switch{grid-template-columns:1fr}.demo-multi-file-list{grid-template-columns:1fr}.demo-multi-head{align-items:stretch;flex-direction:column}.demo-tactical-summary{grid-template-columns:1fr}}


/* HF53 · 2D replay zoom / pan */
.demo-replay-world-layer{transform:none;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.demo-replay-radar{image-rendering:auto;backface-visibility:visible}
.demo-replay-stage.is-zoomed{cursor:grab;touch-action:none;overscroll-behavior:contain}
.demo-replay-stage.is-panning{cursor:grabbing;user-select:none}
.demo-replay-zoom-controls{position:absolute;left:14px;bottom:14px;z-index:10;display:flex;align-items:center;gap:5px;padding:5px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(4,8,14,.88);box-shadow:0 8px 24px rgba(0,0,0,.28);backdrop-filter:blur(7px)}
.demo-replay-zoom-controls button{min-width:34px!important;height:32px!important;min-height:32px!important;padding:0 9px!important;border-radius:8px!important;font-weight:900;font-variant-numeric:tabular-nums}
.demo-replay-zoom-controls .demo-replay-zoom-reset{min-width:58px!important;font-size:10px}
.demo-replay-zoom-controls button:disabled{opacity:.38}
@media(max-width:700px){.demo-replay-zoom-controls{left:8px;bottom:8px}.demo-replay-zoom-controls button{min-width:31px!important;height:30px!important;min-height:30px!important}.demo-replay-zoom-controls .demo-replay-zoom-reset{min-width:52px!important}}


/* HF56 · P1 Utility Intelligence */
.demo-utility-intelligence-card{display:grid;gap:14px;overflow:hidden}
.demo-utility-intel-head{align-items:flex-end;gap:18px}.demo-utility-intel-controls{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.demo-utility-intel-controls label{display:grid;gap:6px;color:var(--muted,#9aa8ba);font-size:9px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.demo-utility-intel-controls select{min-width:150px}
.demo-utility-intel-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.demo-utility-intel-kpi{min-width:0;padding:12px 13px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent,#57d8ff) 5%,rgba(255,255,255,.025)),rgba(255,255,255,.018))}.demo-utility-intel-kpi span,.demo-utility-spatial-head span{display:block;color:var(--muted,#9aa8ba);font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.demo-utility-intel-kpi strong{display:block;margin:5px 0 2px;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-utility-intel-kpi small{display:block;color:var(--muted,#9aa8ba);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.demo-utility-intel-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.demo-utility-intel-panel,.demo-utility-spatial-panel,.demo-utility-rank-panel{min-width:0;padding:13px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(255,255,255,.018)}.demo-utility-intel-panel h4{margin:2px 0 0;font-size:15px}.demo-utility-intel-panel .demo-chart-head{margin-bottom:8px}
.demo-utility-spatial-grid,.demo-utility-rank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.demo-utility-spatial-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:9px}.demo-utility-spatial-head strong{font-size:13px;text-align:right}.demo-utility-spatial-stage{position:relative;width:100%;aspect-ratio:1/1;max-height:460px;overflow:hidden;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.035),rgba(4,8,14,.85));isolation:isolate}.demo-utility-spatial-radar,.demo-utility-spatial-canvas{position:absolute;inset:0;width:100%;height:100%}.demo-utility-spatial-radar{z-index:1;object-fit:contain;opacity:.92;user-select:none;pointer-events:none}.demo-utility-spatial-canvas{z-index:2;pointer-events:none}.demo-utility-spatial-canvas.is-empty{opacity:0}.demo-utility-spatial-panel>small{display:block;margin-top:7px;font-size:9px;line-height:1.35}
.demo-utility-rank-list{display:grid;gap:7px}.demo-utility-rank-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px;border-radius:11px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.018)}.demo-utility-rank-row>b{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:color-mix(in srgb,var(--accent,#57d8ff) 13%,rgba(255,255,255,.035));font-size:10px}.demo-utility-rank-row span{min-width:0}.demo-utility-rank-row strong,.demo-utility-rank-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-utility-rank-row strong{font-size:10px}.demo-utility-rank-row small{margin-top:2px;color:var(--muted,#9aa8ba);font-size:8px}.demo-utility-rank-row em{font-size:10px;font-weight:900;font-style:normal;color:var(--accent,#57d8ff)}
@media(max-width:1100px){.demo-utility-intel-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-utility-intel-chart-grid,.demo-utility-spatial-grid,.demo-utility-rank-grid{grid-template-columns:1fr}}
@media(max-width:700px){.demo-utility-intel-head{align-items:stretch;flex-direction:column}.demo-utility-intel-controls,.demo-utility-intel-controls label,.demo-utility-intel-controls select{width:100%}.demo-utility-intel-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-utility-spatial-head{align-items:flex-start;flex-direction:column}.demo-utility-spatial-head strong{text-align:left}}

.demo-utility-timeline-panel{padding:13px}.demo-utility-match-timeline{min-height:250px}.demo-utility-match-timeline .demo-chart-svg{height:238px}.demo-utility-match-timeline-svg circle{stroke:rgba(4,8,14,.82);stroke-width:1.4px;vector-effect:non-scaling-stroke}

/* HF57 · Utility Readability / Naming / Interaction */
.demo-utility-spatial-empty{position:absolute;z-index:4;inset:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;padding:24px;border:1px dashed rgba(255,255,255,.13);border-radius:12px;background:rgba(4,9,15,.72);backdrop-filter:blur(3px);pointer-events:none}.demo-utility-spatial-empty.hidden{display:none}.demo-utility-spatial-empty strong{font-size:13px}.demo-utility-spatial-empty span{max-width:360px;color:var(--muted,#9aa8ba);font-size:10px;line-height:1.45}
.demo-utility-rank-hint{margin:-2px 0 9px;font-size:9px;line-height:1.4}.demo-utility-rank-row{appearance:none;width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease,box-shadow .14s ease}.demo-utility-rank-row:hover,.demo-utility-rank-row:focus-visible{border-color:color-mix(in srgb,var(--accent,#57d8ff) 34%,rgba(255,255,255,.08));background:color-mix(in srgb,var(--accent,#57d8ff) 6%,rgba(255,255,255,.018));outline:none;transform:translateY(-1px)}.demo-utility-rank-row.is-active{border-color:color-mix(in srgb,var(--accent,#57d8ff) 60%,rgba(255,255,255,.12));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent,#57d8ff) 22%,transparent),0 0 22px color-mix(in srgb,var(--accent,#57d8ff) 10%,transparent)}.demo-utility-setup-row strong{white-space:normal;line-height:1.28}.demo-utility-setup-row small{white-space:normal;line-height:1.35}

/* HF59 · Utility spatial zoom/pan mirrors the 2D viewer interaction. */
.demo-utility-spatial-world-layer{transform:none}
.demo-utility-spatial-radar{image-rendering:auto;backface-visibility:visible}
.demo-utility-spatial-stage.is-zoomed{cursor:grab;touch-action:none}
.demo-utility-spatial-stage.is-panning{cursor:grabbing;user-select:none}
.demo-utility-spatial-zoom-controls{position:absolute;left:12px;bottom:12px;z-index:8;display:flex;align-items:center;gap:5px;padding:5px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(4,8,14,.88);box-shadow:0 8px 24px rgba(0,0,0,.28);backdrop-filter:blur(7px)}
.demo-utility-spatial-zoom-controls button{min-width:34px!important;height:32px!important;min-height:32px!important;padding:0 9px!important;border-radius:8px!important;font-weight:900;font-variant-numeric:tabular-nums}
.demo-utility-spatial-zoom-controls .demo-utility-spatial-zoom-reset{min-width:58px!important;font-size:10px}
.demo-utility-spatial-zoom-controls button:disabled{opacity:.38}
@media(max-width:700px){.demo-utility-spatial-zoom-controls{left:8px;bottom:8px}.demo-utility-spatial-zoom-controls button{min-width:31px!important;height:30px!important;min-height:30px!important}.demo-utility-spatial-zoom-controls .demo-utility-spatial-zoom-reset{min-width:52px!important}}

/* HF59 · Utility map readability: lists belong to their map; marker glyphs stay visually constant while zooming. */
.demo-utility-spatial-column{display:grid;align-content:start;gap:11px;min-width:0}.demo-utility-map-rank{margin:0}.demo-utility-setups-wide{margin-top:11px}.demo-utility-setups-wide .demo-utility-rank-list{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-utility-rank-row:hover small,.demo-utility-rank-row:focus-visible small{color:color-mix(in srgb,var(--muted,#9aa8ba) 78%,white)}
@media(max-width:1100px){.demo-utility-setups-wide .demo-utility-rank-list{grid-template-columns:1fr}}


/* HF62 · crisp zoom rendering + fitted radar world rectangle. */

/* HF62 · Utility dashboard declutter + radar/world alignment */
.demo-utility-chart-switch{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:2px 0 1px}
.demo-utility-chart-switch button{min-height:34px!important;padding:7px 13px!important;border-radius:10px!important;font-size:10px!important;font-weight:900!important;letter-spacing:.02em}
.demo-utility-chart-switch button.is-active{border-color:color-mix(in srgb,var(--accent,#57d8ff) 58%,rgba(255,255,255,.16));background:color-mix(in srgb,var(--accent,#57d8ff) 13%,rgba(255,255,255,.035));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent,#57d8ff) 12%,transparent)}
.demo-utility-chart-switch>span{margin-left:auto;color:var(--muted,#9aa8ba);font-size:9px}
.demo-utility-intel-panel[data-utility-chart-panel="team"],.demo-utility-intel-panel[data-utility-chart-panel="player"]{grid-column:1/-1}
.demo-utility-match-timeline-svg circle{opacity:.74;stroke:rgba(5,10,16,.55);stroke-width:.75px}
.demo-utility-match-timeline-svg circle:hover{opacity:1;stroke:rgba(255,255,255,.95);stroke-width:1.25px}
.demo-utility-spatial-stage{background:#060b12}
.demo-utility-spatial-world-layer,.demo-replay-world-layer{box-sizing:border-box}
@media(max-width:700px){.demo-utility-chart-switch>span{width:100%;margin-left:0}}

/* HF63 · Customer-first Intelligence Workspace */
.demo-intel-nav-card{padding:18px 18px 14px;border-color:rgba(65,220,255,.24);background:linear-gradient(145deg,rgba(10,23,35,.98),rgba(8,17,28,.98))}
.demo-intel-nav-head{align-items:flex-start;gap:18px;margin-bottom:14px}
.demo-intel-quality{display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;border:1px solid rgba(120,160,185,.2);border-radius:999px;background:rgba(5,15,24,.65);font-size:11px;color:#b8cad8;white-space:nowrap}
.demo-intel-quality.is-good{border-color:rgba(60,220,155,.28);color:#8ff0c2}.demo-intel-quality.is-partial{border-color:rgba(255,196,76,.3);color:#ffd67a}
.demo-intel-tabs{display:flex;gap:7px;flex-wrap:wrap}.demo-intel-tabs button{min-width:94px;padding:9px 13px;border-radius:10px;font-size:12px}.demo-intel-tabs button.is-active{background:rgba(52,210,255,.13);border-color:rgba(52,210,255,.42);color:#eafaff;box-shadow:0 0 0 1px rgba(52,210,255,.08) inset}
.demo-intel-view{display:grid;gap:12px}.demo-intel-view.hidden,.demo-intel-native.hidden{display:none!important}.demo-intel-native{margin-top:0}
.demo-intel-hero-card{padding:18px}.demo-intel-kpi-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:12px}.demo-intel-kpi{padding:12px 13px;border:1px solid rgba(108,148,174,.17);border-radius:12px;background:rgba(5,14,23,.72);min-height:82px}.demo-intel-kpi span{display:block;color:#7896aa;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.demo-intel-kpi strong{display:block;margin-top:5px;color:#f2fbff;font-size:20px;line-height:1.08}.demo-intel-kpi small{display:block;margin-top:6px;color:#8ea5b5;font-size:10px;line-height:1.35}
.demo-intel-brief-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.demo-intel-brief{padding:13px 14px;border:1px solid rgba(100,145,170,.15);border-radius:12px;background:rgba(6,17,27,.72)}.demo-intel-brief span{font-size:9px;color:#6f91a7;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.demo-intel-brief strong{display:block;margin:5px 0 6px;color:#edf9ff;font-size:14px}.demo-intel-brief p{margin:0;color:#9ab0bf;font-size:11px;line-height:1.5}
.demo-intel-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.demo-intel-two-col>.card{padding:16px;min-width:0}.demo-intel-report-card,.demo-geometry-gate{padding:16px}.demo-geometry-gate{border-style:dashed;border-color:rgba(255,196,76,.25)}
.demo-intel-list{display:grid;gap:7px}.demo-intel-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 10px;border:1px solid rgba(104,147,172,.13);border-radius:10px;background:rgba(6,15,24,.58)}.demo-intel-row>span{min-width:0}.demo-intel-row strong{display:block;color:#e9f7ff;font-size:11px;line-height:1.35}.demo-intel-row small{display:block;margin-top:3px;color:#7893a6;font-size:9.5px;line-height:1.35}.demo-intel-row em{font-style:normal;color:#36dcff;font-size:11px;font-weight:800;white-space:nowrap}.demo-intel-row.is-warning em{color:#ffd25d}.demo-intel-row.is-danger em{color:#ff6b74}.demo-intel-row.is-success em{color:#65e8ae}
.demo-intel-progress{height:5px;margin-top:7px;border-radius:999px;background:rgba(95,130,150,.13);overflow:hidden}.demo-intel-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#30c8ee,#8a72ff);width:var(--p,0%)}
.demo-intel-note{padding:11px 12px;border:1px solid rgba(105,150,177,.14);border-radius:10px;background:rgba(6,16,25,.52);color:#9db1bf;font-size:10.5px;line-height:1.5}.demo-intel-note strong{color:#edf9ff}.demo-intel-note.is-warning{border-color:rgba(255,196,76,.22);background:rgba(76,53,12,.14)}
.demo-economy-round-strip{display:flex;gap:7px;overflow-x:auto;padding:3px 1px 8px}.demo-econ-round{flex:0 0 104px;padding:9px 10px;border:1px solid rgba(100,145,170,.15);border-radius:10px;background:rgba(5,15,24,.66)}.demo-econ-round span{display:flex;justify-content:space-between;color:#7f9aac;font-size:9px;font-weight:800}.demo-econ-round strong{display:block;margin:5px 0 3px;color:#ecf8ff;font-size:11px}.demo-econ-round small{color:#7892a4;font-size:9px}.demo-econ-round[data-buy="FULL"]{border-color:rgba(77,220,160,.24)}.demo-econ-round[data-buy="FORCE"]{border-color:rgba(255,151,61,.28)}.demo-econ-round[data-buy="ECO"]{border-color:rgba(255,93,104,.24)}.demo-econ-round[data-buy="PISTOL"]{border-color:rgba(255,217,80,.24)}
.demo-intel-pattern{padding:11px 12px;border:1px solid rgba(100,145,170,.14);border-radius:11px;background:rgba(5,15,24,.62)}.demo-intel-pattern-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-intel-pattern-head strong{font-size:12px;color:#eefaff}.demo-intel-pattern-head em{font-style:normal;color:#35d8ff;font-size:11px;font-weight:800}.demo-intel-pattern p{margin:6px 0 0;color:#8fa7b8;font-size:10px;line-height:1.45}.demo-intel-round-links{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.demo-intel-round-link{border:1px solid rgba(85,145,174,.22);background:rgba(10,27,39,.8);color:#a9c4d4;border-radius:7px;padding:4px 6px;font-size:9px;cursor:pointer}.demo-intel-round-link:hover{border-color:rgba(52,216,255,.5);color:white}
.demo-intel-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.demo-intel-role{padding:11px 12px;border:1px solid rgba(100,145,170,.14);border-radius:11px;background:rgba(5,15,24,.6)}.demo-intel-role>div{display:flex;justify-content:space-between;gap:10px}.demo-intel-role strong{color:#f0faff;font-size:11px}.demo-intel-role b{font-size:10px;color:#36dcff}.demo-intel-role small{display:block;color:#7e99aa;font-size:9.5px;margin-top:6px;line-height:1.4}
.demo-intel-callout{padding:12px 13px;border-left:3px solid rgba(54,220,255,.65);background:rgba(10,30,42,.48);border-radius:0 10px 10px 0;color:#a5bac8;font-size:10.5px;line-height:1.5}.demo-intel-callout strong{color:#effbff}.demo-intel-callout+.demo-intel-callout{margin-top:8px}.demo-intel-callout.warn{border-left-color:#ffd25d}.demo-intel-callout.good{border-left-color:#66e5ad}
@media(max-width:1180px){.demo-intel-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-intel-brief-grid{grid-template-columns:1fr}.demo-intel-two-col{grid-template-columns:1fr}}
@media(max-width:720px){.demo-intel-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-intel-tabs{display:grid;grid-template-columns:repeat(2,1fr)}.demo-intel-tabs button{min-width:0}.demo-intel-role-grid{grid-template-columns:1fr}}
/* HF63 · customer-first intelligence extensions */
.demo-round-compare{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:stretch;margin-bottom:12px}
.demo-round-compare>div{border:1px solid var(--border);border-radius:12px;padding:14px;background:rgba(7,17,29,.5);display:flex;flex-direction:column;gap:5px}
.demo-round-compare>b{align-self:center;color:var(--muted);font-size:11px;letter-spacing:.12em}
.demo-round-compare strong{font-size:15px}.demo-round-compare span{font-weight:700}.demo-round-compare small{color:var(--muted);line-height:1.45}
.demo-pov-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin-top:10px}
.demo-pov-round{appearance:none;text-align:left;border:1px solid var(--border);border-radius:11px;padding:10px 12px;background:rgba(7,17,29,.55);color:inherit;display:flex;flex-direction:column;gap:4px;cursor:pointer;transition:border-color .16s ease,transform .16s ease,background .16s ease}
.demo-pov-round:hover{border-color:var(--accent);transform:translateY(-1px);background:rgba(11,27,43,.75)}
.demo-pov-round.is-win{box-shadow:inset 3px 0 0 rgba(62,217,152,.65)}.demo-pov-round.is-loss{box-shadow:inset 3px 0 0 rgba(255,91,107,.6)}
.demo-pov-round b{font-size:12px}.demo-pov-round span{font-weight:700;font-size:12px}.demo-pov-round small{color:var(--muted);line-height:1.35}
@media(max-width:760px){.demo-round-compare{grid-template-columns:1fr}.demo-round-compare>b{text-align:center}}
.demo-flow-rounds{display:flex;flex-direction:column;gap:6px}.demo-flow-round{appearance:none;border:1px solid var(--border);border-radius:9px;background:rgba(7,17,29,.48);color:inherit;padding:8px 10px;display:grid;grid-template-columns:54px 1fr;gap:8px;text-align:left;cursor:pointer}.demo-flow-round:hover{border-color:var(--accent)}.demo-flow-round b{font-size:11px}.demo-flow-round span{font-size:11px;color:var(--muted);line-height:1.4}

/* HF64 · clearer position-presence readout */
.demo-presence-side{margin-top:5px;color:#b8cad6;font-size:10.5px;line-height:1.45}
.demo-presence-side b{color:#eefaff}

/* HF70 · customer-first multi-demo scouting */
.demo-scouting-hero-card{overflow:hidden}.demo-scouting-tags{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.demo-scouting-tag{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;border:1px solid rgba(52,216,255,.25);background:rgba(52,216,255,.08);color:#c9f6ff;font-size:10px;font-weight:800}.demo-scouting-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.demo-scouting-summary-card{padding:13px;border:1px solid rgba(100,145,170,.16);border-radius:12px;background:rgba(5,16,25,.7)}.demo-scouting-summary-card span{display:block;color:#7898ab;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.demo-scouting-summary-card strong{display:block;margin:6px 0;color:#effbff;font-size:14px}.demo-scouting-summary-card p{margin:0;color:#9bb2c1;font-size:10.5px;line-height:1.5}.demo-scouting-evidence{padding:11px 12px;border:1px solid rgba(100,145,170,.14);border-radius:11px;background:rgba(5,15,24,.62)}.demo-scouting-evidence+.demo-scouting-evidence{margin-top:8px}.demo-scouting-evidence-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.demo-scouting-evidence-head strong{font-size:12px;color:#eefaff}.demo-scouting-evidence-head em{font-style:normal;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;padding:4px 7px;border-radius:999px}.demo-scouting-evidence-head em.is-strong{color:#78efba;background:rgba(79,224,161,.1)}.demo-scouting-evidence-head em.is-medium{color:#ffe08a;background:rgba(255,210,93,.1)}.demo-scouting-evidence-head em.is-weak{color:#91aab9;background:rgba(130,160,180,.08)}.demo-scouting-evidence p{margin:6px 0 0;color:#92a9b9;font-size:10.5px;line-height:1.45}.demo-scouting-note{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;color:#90a9b8;font-size:10.5px}.demo-scouting-note strong{color:#edfaff;white-space:nowrap}.demo-multi-order-hint{padding:9px 11px;margin:8px 0;border-left:3px solid rgba(52,216,255,.5);background:rgba(9,28,40,.45);border-radius:0 9px 9px 0;color:#8fa9b9;font-size:10px;line-height:1.4}.demo-multi-order-hint strong{color:#dff8ff}.demo-multi-file-chip{display:flex;align-items:center;gap:8px}.demo-multi-file-chip>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-multi-file-actions{display:flex;gap:4px}.demo-multi-file-actions button{min-width:26px;padding:3px 6px;border-radius:6px;font-size:10px}.demo-multi-file-actions button:disabled{opacity:.25}.demo-intel-tabs button[data-demo-intel-view="scouting"]{border-color:rgba(165,111,255,.25)}.demo-intel-tabs button[data-demo-intel-view="scouting"].is-active{background:rgba(165,111,255,.12);border-color:rgba(184,139,255,.45)}
@media(max-width:900px){.demo-scouting-summary{grid-template-columns:1fr}}

/* HF71 · Round DNA */
.demo-dna-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px}.demo-dna-card{border:1px solid rgba(148,163,184,.16);background:rgba(7,12,24,.58);border-radius:16px;padding:14px;display:grid;gap:10px}.demo-dna-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.demo-dna-card-head>div{display:grid;gap:3px}.demo-dna-card-head span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.demo-dna-card-head strong{font-size:15px}.demo-dna-card-head em{font-style:normal;font-size:11px;border:1px solid rgba(148,163,184,.2);border-radius:999px;padding:4px 8px;white-space:nowrap}.demo-dna-card-head em.is-strong{border-color:rgba(52,211,153,.35)}.demo-dna-card-head em.is-medium{border-color:rgba(56,189,248,.35)}.demo-dna-card-head em.is-weak{border-color:rgba(251,191,36,.28)}.demo-dna-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.demo-dna-metrics span{font-size:11px;color:var(--muted);background:rgba(148,163,184,.06);padding:7px 9px;border-radius:9px}.demo-dna-metrics b{color:var(--text);font-size:12px}.demo-dna-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}

/* HF72 · Change Detection */
.demo-change-list{display:grid;gap:10px;margin-top:12px}.demo-change-row{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid rgba(148,163,184,.14);border-radius:14px;background:rgba(7,12,24,.5)}.demo-change-row>div:first-child{display:grid;gap:3px}.demo-change-row>div:first-child span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.demo-change-row>div:first-child small{color:var(--muted)}.demo-change-values{display:grid;grid-template-columns:auto auto auto;gap:8px;align-items:center;font-size:12px}.demo-change-values b{padding:5px 8px;border-radius:999px;background:rgba(148,163,184,.08)}.demo-change-values b.is-up{border:1px solid rgba(56,189,248,.26)}.demo-change-values b.is-down{border:1px solid rgba(251,146,60,.25)}.demo-change-row .demo-intel-round-links{grid-column:1/-1;margin-top:2px}.demo-change-row.is-strong{border-color:rgba(56,189,248,.28)}.demo-change-row.is-medium{border-color:rgba(148,163,184,.2)}@media(max-width:760px){.demo-change-row{grid-template-columns:1fr}.demo-change-values{justify-content:start}}

/* HF73 · Anti-Strat Report */
.demo-antistrat-list{display:grid;gap:10px;margin-top:14px}.demo-antistrat-read{border:1px solid rgba(148,163,184,.15);border-radius:15px;background:rgba(7,12,24,.5);overflow:hidden}.demo-antistrat-read summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px}.demo-antistrat-read summary::-webkit-details-marker{display:none}.demo-antistrat-read summary>div{display:grid;gap:3px}.demo-antistrat-read summary span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.demo-antistrat-read summary strong{font-size:14px}.demo-antistrat-read summary em{font-style:normal;font-size:11px;color:var(--muted)}.demo-antistrat-body{border-top:1px solid rgba(148,163,184,.1);padding:14px 15px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.demo-antistrat-body>div{border:1px solid rgba(148,163,184,.1);background:rgba(148,163,184,.04);border-radius:11px;padding:10px}.demo-antistrat-body b{font-size:11px;text-transform:uppercase;letter-spacing:.06em}.demo-antistrat-body p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.demo-antistrat-body .is-advice{border-color:rgba(56,189,248,.2)}.demo-antistrat-body>small,.demo-antistrat-body>.demo-intel-round-links{grid-column:1/-1}.demo-antistrat-body>small{color:var(--muted)}@media(max-width:760px){.demo-antistrat-body{grid-template-columns:1fr}.demo-antistrat-body>small,.demo-antistrat-body>.demo-intel-round-links{grid-column:auto}}

/* HF74 · Coaching Mode */
.demo-coaching-priority-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:14px}.demo-coaching-priority{display:grid;gap:6px;border:1px solid rgba(148,163,184,.15);border-radius:15px;padding:14px;background:rgba(7,12,24,.52)}.demo-coaching-priority span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.demo-coaching-priority strong{font-size:15px}.demo-coaching-priority>b{font-size:12px}.demo-coaching-priority p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.demo-coaching-priority.is-high{border-color:rgba(251,146,60,.32)}.demo-coaching-priority.is-medium{border-color:rgba(251,191,36,.25)}.demo-coaching-priority.is-good{border-color:rgba(52,211,153,.3)}.demo-coaching-list{display:grid;gap:9px}.demo-coaching-detail{border:1px solid rgba(148,163,184,.14);border-radius:13px;overflow:hidden;background:rgba(7,12,24,.45)}.demo-coaching-detail summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px}.demo-coaching-detail summary::-webkit-details-marker{display:none}.demo-coaching-detail summary>div{display:grid;gap:2px}.demo-coaching-detail summary span{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.demo-coaching-detail summary strong{font-size:13px}.demo-coaching-detail summary em{font-style:normal;font-size:11px}.demo-coaching-detail>div{border-top:1px solid rgba(148,163,184,.1);padding:12px;display:grid;gap:5px}.demo-coaching-detail p{margin:0 0 6px;color:var(--muted);font-size:12px;line-height:1.5}.demo-coaching-detail small{color:var(--muted)}

/* HF76 · Full Match Replay Cache */
.demo-replay-cache-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}.demo-replay-cache-line .source-badge{white-space:nowrap}.demo-replay-cache-line small{font-size:11px}.demo-replay-cache-line .source-badge.success{border-color:rgba(45,212,191,.45);color:#63f5dd}.demo-replay-cache-line .source-badge.warning{border-color:rgba(250,204,21,.4)}

/* HF77 · Demo Hub */
.demo-source-switch{grid-template-columns:repeat(4,minmax(0,1fr))}
.demo-hub-toolbar{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(130px,.7fr) minmax(130px,.7fr) auto;gap:10px;align-items:end}
.demo-hub-toolbar label{display:grid;gap:6px;font-size:10px;text-transform:uppercase;font-weight:850;letter-spacing:.06em;color:var(--muted,#9aa8ba)}
.demo-hub-toolbar input,.demo-hub-toolbar select{width:100%;min-width:0}
.demo-hub-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 8px;padding:10px 12px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(255,255,255,.025)}
.demo-hub-summary>div{display:grid;gap:2px}.demo-hub-summary strong{font-size:12px}.demo-hub-summary span{font-size:10px;color:var(--muted,#9aa8ba);line-height:1.45}
.demo-hub-results{display:grid;gap:7px;max-height:390px;overflow:auto;padding-right:2px}
.demo-hub-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(255,255,255,.022);cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}
.demo-hub-row:hover{border-color:color-mix(in srgb,var(--accent,#57d8ff) 35%,rgba(255,255,255,.08));background:rgba(255,255,255,.035)}
.demo-hub-row.is-selected{border-color:color-mix(in srgb,var(--accent,#57d8ff) 68%,rgba(255,255,255,.08));background:color-mix(in srgb,var(--accent,#57d8ff) 8%,rgba(6,12,19,.92))}
.demo-hub-row input{width:16px;height:16px;accent-color:var(--accent,#57d8ff)}
.demo-hub-row-main{display:grid;gap:2px;min-width:0}.demo-hub-row-main strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-hub-row-main small{font-size:10px;color:var(--muted,#9aa8ba);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-hub-row-main em{font-style:normal;font-size:9px;color:color-mix(in srgb,var(--muted,#9aa8ba) 78%,transparent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.demo-hub-row-side{display:grid;justify-items:end;gap:5px}.demo-hub-row-side small{font-size:9px;color:var(--muted,#9aa8ba)}
.demo-hub-status{padding:5px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.08);font-size:9px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;background:rgba(255,255,255,.03)}
.demo-hub-status.is-ready{color:#7ef0b7;border-color:rgba(76,220,148,.3);background:rgba(76,220,148,.08)}
.demo-hub-status.is-fetchable{color:#74dbff;border-color:rgba(87,216,255,.3);background:rgba(87,216,255,.08)}
.demo-hub-status.is-loading{color:#ffd36a;border-color:rgba(255,196,74,.3);background:rgba(255,196,74,.08)}
.demo-hub-status.is-error{color:#ff8d9b;border-color:rgba(255,93,111,.3);background:rgba(255,93,111,.08)}
.demo-hub-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.055)}
@media(max-width:1100px){.demo-source-switch{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-hub-toolbar{grid-template-columns:1fr 1fr}.demo-hub-toolbar .demo-hub-search{grid-column:1/-1}}
@media(max-width:700px){.demo-source-switch{grid-template-columns:1fr}.demo-hub-toolbar{grid-template-columns:1fr}.demo-hub-toolbar .demo-hub-search{grid-column:auto}.demo-hub-summary,.demo-hub-actions{align-items:stretch;flex-direction:column}.demo-hub-row{grid-template-columns:auto minmax(0,1fr)}.demo-hub-row-side{grid-column:2;justify-items:start}}

/* HF78 · FACEIT Discovery Provider */
.demo-hub-provider-card{border:1px solid rgba(34,211,238,.22);background:linear-gradient(135deg,rgba(34,211,238,.055),rgba(139,92,246,.035));border-radius:14px;padding:12px 14px;display:grid;gap:10px}
.demo-hub-provider-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.demo-hub-provider-head>div{display:grid;gap:3px}.demo-hub-provider-head strong{font-size:13px}.demo-hub-provider-head span{font-size:11px;color:var(--muted)}
.demo-hub-provider-status{font-size:10px;white-space:nowrap;padding:5px 8px;border-radius:999px;border:1px solid rgba(148,163,184,.24);color:var(--muted);background:rgba(15,23,42,.54)}.demo-hub-provider-status.is-ready{color:#67e8f9;border-color:rgba(34,211,238,.35)}.demo-hub-provider-status.is-limited{color:#fbbf24;border-color:rgba(251,191,36,.35)}.demo-hub-provider-status.is-error{color:#fb7185;border-color:rgba(251,113,133,.35)}
.demo-hub-provider-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.demo-hub-provider-form input{min-width:0}
.demo-hub-status.is-discovered{color:#fbbf24;border-color:rgba(251,191,36,.32)}
@media(max-width:760px){.demo-hub-provider-head{display:grid}.demo-hub-provider-form{grid-template-columns:1fr}.demo-hub-provider-form button{width:100%}}
.demo-hub-row.is-catalog-only{opacity:.8;cursor:default}.demo-hub-row.is-catalog-only input{opacity:.35}.demo-hub-row.is-catalog-only:hover{border-color:var(--border)}

/* HF79 · Opponent Demo Search */
.demo-hub-team-discovery{display:grid;gap:7px;padding:9px 10px;border-radius:10px;background:rgba(2,6,23,.26);border:1px solid rgba(34,211,238,.1)}.demo-hub-team-discovery>div:first-child{display:grid;gap:2px}.demo-hub-team-discovery strong{font-size:11px}.demo-hub-team-discovery span{font-size:10px;color:var(--muted)}
.demo-hub-provider-form-team{grid-template-columns:minmax(0,1fr) auto auto}.demo-hub-provider-form-team select{min-width:92px}.demo-hub-single-match{font-size:10px;color:var(--muted)}.demo-hub-single-match summary{cursor:pointer;user-select:none}.demo-hub-single-match[open] summary{margin-bottom:8px}
@media(max-width:900px){.demo-hub-provider-form-team{grid-template-columns:1fr 110px}.demo-hub-provider-form-team button{grid-column:1/-1}}
@media(max-width:560px){.demo-hub-provider-form-team{grid-template-columns:1fr}.demo-hub-provider-form-team button{grid-column:auto}}

/* HF84 · automatic upcoming-match demo scouting */
.demo-auto-scout-card{border:1px solid rgba(118,183,255,.18);background:linear-gradient(135deg,rgba(66,153,225,.055),rgba(126,87,194,.04));border-radius:14px;padding:12px 14px;display:grid;gap:10px}
.demo-auto-scout-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-auto-scout-head>div{display:grid;gap:2px;min-width:0}.demo-auto-scout-head strong{font-size:.82rem}.demo-auto-scout-head span{font-size:11px;color:var(--muted)}
.demo-auto-scout-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.demo-auto-scout-steps span{padding:8px 9px;border-radius:10px;border:1px solid rgba(118,183,255,.14);font-size:10px;font-weight:900;text-align:center;color:var(--muted);background:rgba(255,255,255,.025)}
.demo-auto-scout-list{display:grid;gap:8px}.demo-auto-scout-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid rgba(118,183,255,.14);border-radius:12px;background:rgba(7,18,29,.58)}.demo-auto-scout-row>div{display:grid;gap:2px;min-width:0}.demo-auto-scout-row strong{font-size:.78rem}.demo-auto-scout-row span,.demo-auto-scout-row small{font-size:.68rem;color:var(--muted)}
.demo-auto-scout-state{flex:0 0 auto;padding:5px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.1);font-size:.66rem;font-weight:900;color:var(--muted);white-space:nowrap}.demo-auto-scout-state.is-ready{color:#7ef0b7;border-color:rgba(76,220,148,.28);background:rgba(76,220,148,.07)}.demo-auto-scout-state.is-waiting{color:#ffd36a;border-color:rgba(255,196,74,.25);background:rgba(255,196,74,.06)}.demo-auto-scout-state.is-running{color:#9bc8ff;border-color:rgba(118,183,255,.28);background:rgba(118,183,255,.07)}.demo-auto-scout-state.is-error{color:#ff9d9d;border-color:rgba(255,96,96,.28);background:rgba(255,96,96,.06)}
@media(max-width:700px){.demo-auto-scout-head{align-items:stretch;flex-direction:column}.demo-auto-scout-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-auto-scout-row{align-items:flex-start;flex-direction:column}.demo-auto-scout-state{align-self:flex-start}}

/* HF80 · remote demo processing pipeline */
.demo-processing-card{border:1px solid rgba(126,240,183,.18);background:linear-gradient(135deg,rgba(16,185,129,.045),rgba(34,211,238,.035));border-radius:14px;padding:12px 14px;display:grid;gap:10px}
.demo-processing-head,.demo-processing-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-processing-head>div{display:grid;gap:2px}.demo-processing-head span{font-size:11px;color:var(--muted)}
.demo-processing-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.demo-processing-step{padding:8px 9px;border-radius:10px;border:1px solid rgba(255,255,255,.08);font-size:10px;font-weight:900;text-align:center;color:var(--muted);background:rgba(255,255,255,.025)}.demo-processing-step.is-ready{color:#7ef0b7;border-color:rgba(76,220,148,.3);background:rgba(76,220,148,.07)}.demo-processing-step.is-waiting{color:#ffd36a;border-color:rgba(255,196,74,.25);background:rgba(255,196,74,.06)}.demo-processing-step.is-off{opacity:.55}.demo-hub-action-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:700px){.demo-processing-head,.demo-processing-meta{align-items:stretch;flex-direction:column}.demo-processing-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-hub-action-buttons{width:100%;justify-content:stretch}.demo-hub-action-buttons button{flex:1}}
.demo-processing-job-list{display:grid;gap:8px;margin-top:10px}.demo-processing-job{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid rgba(118,183,255,.14);border-radius:12px;background:rgba(7,18,29,.58)}.demo-processing-job>div:first-child{display:grid;gap:2px;min-width:0}.demo-processing-job strong{font-size:.78rem}.demo-processing-job span,.demo-processing-job small{font-size:.68rem;color:var(--muted)}.demo-processing-job small{color:#ff9d9d}.demo-processing-job-side{display:grid;grid-template-columns:auto minmax(80px,130px);align-items:center;gap:7px;flex:0 0 auto}.demo-processing-job-side>b{font-size:.72rem;text-align:right}.demo-processing-job-side>i{height:5px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.08);min-width:90px}.demo-processing-job-side>i>em{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#9e70ff);border-radius:inherit}.demo-processing-job-side>button{grid-column:1/-1;justify-self:end}.demo-processing-job.is-failed{border-color:rgba(255,96,96,.28)}

/* HF85 · Evidence Viewer */
.demo-evidence-viewer{border-color:rgba(76,220,255,.24);background:linear-gradient(145deg,rgba(8,22,34,.98),rgba(7,15,26,.98));overflow:hidden}
.demo-evidence-head{align-items:flex-start}.demo-evidence-head-actions{display:flex;align-items:center;gap:8px}.demo-evidence-head-actions .small-btn{min-width:34px;padding:6px 10px;font-size:17px;line-height:1}
.demo-evidence-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0}
.demo-evidence-facts>div{min-width:0;padding:10px 11px;border:1px solid rgba(100,145,170,.14);border-radius:11px;background:rgba(5,15,24,.62)}
.demo-evidence-facts span{display:block;color:#7898ab;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.demo-evidence-facts strong{display:block;margin-top:5px;color:#effbff;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.demo-evidence-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 14px}
.demo-evidence-context{display:grid;gap:7px;margin-top:8px}
.demo-evidence-event{appearance:none;width:100%;display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;padding:9px 10px;border:1px solid rgba(100,145,170,.13);border-radius:10px;background:rgba(5,15,24,.58);color:inherit;font:inherit;cursor:pointer}
.demo-evidence-event:hover,.demo-evidence-event:focus-visible,.demo-evidence-event.is-selected{outline:none;border-color:rgba(52,216,255,.45);background:rgba(52,216,255,.07)}
.demo-evidence-event time{font-variant-numeric:tabular-nums;color:#7fcfe6;font-size:10px;font-weight:800}.demo-evidence-event strong{font-size:11px;color:#eafaff}.demo-evidence-event small{color:#7693a5;font-size:9px}
.demo-intel-round-link{position:relative}.demo-intel-round-link::after{content:'↗';margin-left:4px;opacity:.55;font-size:8px}.demo-intel-round-link.is-evidence-active{border-color:rgba(52,216,255,.62);color:#fff;background:rgba(52,216,255,.12)}
.demo-replay-event-chip.is-evidence{border-color:rgba(52,216,255,.62);background:rgba(52,216,255,.12);color:#fff}
@media(max-width:900px){.demo-evidence-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.demo-evidence-facts{grid-template-columns:1fr}.demo-evidence-event{grid-template-columns:58px minmax(0,1fr)}.demo-evidence-event small{display:none}}

/* HF87 · pipeline gate close / read-only E2E */
.demo-e2e-card{border:1px solid rgba(255,196,74,.2);background:linear-gradient(135deg,rgba(255,196,74,.045),rgba(118,183,255,.035));border-radius:14px;padding:12px 14px;display:grid;gap:10px}
.demo-e2e-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-e2e-head>div{display:grid;gap:2px;min-width:0}.demo-e2e-head strong{font-size:.82rem}.demo-e2e-head span{font-size:11px;color:var(--muted)}
.demo-e2e-gates{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.demo-e2e-gates span{padding:8px 7px;border-radius:10px;border:1px solid rgba(255,255,255,.08);font-size:10px;font-weight:900;text-align:center;color:var(--muted);background:rgba(255,255,255,.025)}.demo-e2e-gates span.is-ready{color:#7ef0b7;border-color:rgba(76,220,148,.28);background:rgba(76,220,148,.07)}.demo-e2e-gates span.is-blocked{color:#ffd36a;border-color:rgba(255,196,74,.28);background:rgba(255,196,74,.07)}
.demo-e2e-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.demo-e2e-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid rgba(118,183,255,.13);border-radius:11px;background:rgba(7,18,29,.55)}.demo-e2e-row>div{display:grid;gap:2px;min-width:0}.demo-e2e-row strong{font-size:.73rem}.demo-e2e-row small{font-size:.64rem;color:var(--muted)}.demo-e2e-row>b{font-size:.65rem;padding:4px 7px;border-radius:999px;white-space:nowrap}.demo-e2e-row.is-pass>b{color:#7ef0b7;background:rgba(76,220,148,.08);border:1px solid rgba(76,220,148,.23)}.demo-e2e-row.is-fail{border-color:rgba(255,96,96,.26)}.demo-e2e-row.is-fail>b{color:#ff9d9d;background:rgba(255,96,96,.07);border:1px solid rgba(255,96,96,.24)}
@media(max-width:800px){.demo-e2e-gates{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-e2e-results{grid-template-columns:1fr}}@media(max-width:700px){.demo-e2e-head{align-items:stretch;flex-direction:column}}


/* ==========================================================================
   HF88 · MIDROUND PROFESSIONAL DESIGN SYSTEM
   Restrained enterprise CS2 aesthetic. No candy gradients / no neon chrome.
   ========================================================================== */
:root{
  --hf88-radius:10px;
  --hf88-radius-sm:7px;
  --hf88-border:rgba(137,160,184,.20);
  --hf88-border-strong:rgba(var(--mr-primary-rgb),.34);
  --hf88-shadow:0 18px 44px rgba(0,0,0,.24);
  --hf88-panel:color-mix(in srgb,var(--mr-surface) 94%,#000 6%);
  --hf88-panel-2:color-mix(in srgb,var(--mr-surface2) 86%,var(--mr-surface) 14%);
}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 50% -18%,rgba(var(--mr-primary-rgb),.055),transparent 32rem),
    linear-gradient(180deg,color-mix(in srgb,var(--mr-bg) 96%,#07111e 4%),var(--mr-bg));
  color:var(--mr-text);
}
.shell{max-width:1540px;padding:18px 24px 28px}
.card,
.match-dialog .dialog-shell,
.portal-navigation,
.notification-panel,
.theme-quick-menu{
  background:var(--hf88-panel);
  border:1px solid var(--hf88-border);
  border-radius:var(--hf88-radius);
  box-shadow:none;
}
button,.button-link,.shop-buy-btn{
  border-radius:var(--hf88-radius-sm);
  font-weight:700;
  letter-spacing:.01em;
  box-shadow:none!important;
  transition:border-color .18s ease,background-color .18s ease,transform .18s ease,color .18s ease;
}
button:not(.secondary):not(.primary-nav-item):not(.nav-sub-item):not(.theme-quick-option):not(.notification-row):not(.theme-quick-trigger):not(.demo-source-option):not(.demo-library-item):not(.module-entry-card):not(.admin-hub-action):not(.schedule-filter):not(.schedule-today):not(.icon-control):not(.home-action-item):not(.home-action-toggle):not(.theme-choice):not(.theme-primary-tile):not(.primary-nav-dropdown-item),
.button-link:not(.secondary){
  background:color-mix(in srgb,var(--mr-primary) 72%,#183966 28%);
  border:1px solid color-mix(in srgb,var(--mr-primary) 70%,#fff 8%);
  color:#fff;
}
button:hover,.button-link:hover{}
button.secondary,.button-link.secondary{
  background:rgba(255,255,255,.025);
  border:1px solid var(--hf88-border);
  color:var(--mr-text);
}
input,select,textarea{
  background:color-mix(in srgb,var(--mr-bg) 68%,var(--mr-surface) 32%)!important;
  border:1px solid var(--hf88-border)!important;
  border-radius:var(--hf88-radius-sm)!important;
  color:var(--mr-text)!important;
  box-shadow:none!important;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--hf88-border-strong)!important;
  outline:2px solid rgba(var(--mr-primary-rgb),.08)!important;
}
.kicker,.panel-kicker,.public-eyebrow{
  color:color-mix(in srgb,var(--mr-primary) 78%,#b9d6ee 22%);
  letter-spacing:.105em;
  font-weight:800;
}
.source-badge.faceit,.counter-pill{
  background:rgba(var(--mr-primary-rgb),.08);
  border-color:rgba(var(--mr-primary-rgb),.22);
  color:color-mix(in srgb,var(--mr-primary) 70%,#dcecff 30%);
}

/* Header */
.hero.app-header{
  min-height:76px;
  padding:12px 17px;
  display:grid;
  grid-template-columns:minmax(230px,310px) minmax(0,1fr) auto;
  align-items:center;
  gap:20px;
  background:color-mix(in srgb,var(--mr-bg) 93%,#0b1a29 7%);
  border:1px solid var(--hf88-border);
  border-radius:12px;
  box-shadow:0 8px 28px rgba(0,0,0,.14);
}
.brand-lockup{min-width:0;gap:0}
.brand-mark.brand-mark-wordmark{width:min(280px,24vw);height:44px;display:flex;align-items:center;justify-content:flex-start;background:none;border:0;box-shadow:none}
.brand-mark.brand-mark-wordmark img{width:100%;height:100%;object-fit:contain;object-position:left center;filter:none}
.brand-copy-compact{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.public-site-nav{display:none;align-items:center;justify-content:center;gap:28px;min-width:0}
.public-home-active .public-site-nav{display:flex}
.public-site-nav a{color:var(--mr-muted);font-size:.82rem;font-weight:700;text-decoration:none}
.public-site-nav a:hover{color:var(--mr-text)}
.header-context{gap:12px}
.live-indicator{background:transparent!important;border:0!important;color:var(--mr-muted)!important}
.public-header-beta-btn{display:none}
.public-home-active .public-header-beta-btn{display:inline-flex}
.public-home-active #themeQuickPicker,
.public-home-active #notificationBtn,
.public-home-active #liveIndicator{display:none!important}
.language-current,.theme-quick-trigger,.notification-btn,#loginBtn,#logoutBtn,#publicHomeNavBtn{
  min-height:40px;
  border-color:var(--hf88-border)!important;
  background:rgba(255,255,255,.02)!important;
}
#loginBtn{color:var(--mr-text)!important}

/* Portal navigation */
.portal-navigation{padding:8px}
.primary-nav-item{
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:transparent!important;
  color:var(--mr-muted)!important;
}
.primary-nav-item:hover{background:rgba(255,255,255,.025)!important;color:var(--mr-text)!important;border-color:var(--hf88-border)!important}
.primary-nav-item.active{
  background:rgba(var(--mr-primary-rgb),.075)!important;
  border-color:rgba(var(--mr-primary-rgb),.25)!important;
  color:var(--mr-text)!important;
  box-shadow:inset 2px 0 0 var(--mr-primary)!important;
}
.primary-nav-item small{color:color-mix(in srgb,var(--mr-muted) 82%,transparent)!important}
.primary-control-nav-wrap{border-color:var(--hf88-border)!important}
.primary-control-nav-heading span{color:var(--mr-muted)!important}

/* Public homepage */
.public-home-product{
  margin-top:18px;
  display:flex;
  flex-direction:column;
  gap:0;
  overflow:hidden;
  border:1px solid var(--hf88-border);
  border-radius:14px;
  background:
    radial-gradient(circle at 82% 4%,rgba(var(--mr-secondary-rgb),.045),transparent 24rem),
    color-mix(in srgb,var(--mr-bg) 97%,#0b1624 3%);
  box-shadow:var(--hf88-shadow);
}
.public-home-product h2,.public-home-product h3,.public-home-product p{margin-top:0}
.public-marketing-hero{
  min-height:560px;
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);
  gap:64px;
  align-items:center;
  padding:76px clamp(42px,6vw,92px);
  border-bottom:1px solid var(--hf88-border);
  position:relative;
}
.public-marketing-hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(148,168,190,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(148,168,190,.035) 1px,transparent 1px);
  background-size:48px 48px;mask-image:linear-gradient(to right,transparent 3%,#000 44%,#000 100%);
}
.public-hero-copy{position:relative;z-index:1}
.public-eyebrow{display:block;font-size:.72rem;margin-bottom:14px}
.public-hero-copy h2{max-width:780px;font-size:clamp(2.3rem,4.2vw,4.35rem);line-height:1.03;letter-spacing:-.048em;color:#f4f7fb;margin-bottom:22px}
.public-hero-copy>p{max-width:700px;font-size:1.08rem;line-height:1.72;color:var(--mr-muted);margin-bottom:28px}
.public-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.public-hero-actions button{min-height:48px;padding:0 22px}
.public-primary-cta{background:color-mix(in srgb,var(--mr-primary) 76%,#173d72 24%)!important;border-color:rgba(var(--mr-primary-rgb),.68)!important}
.public-trust-row{margin-top:36px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px;max-width:730px}
.public-trust-row>div{display:flex;gap:10px;align-items:center;color:var(--mr-muted)}
.public-trust-row .ui-icon{width:20px;height:20px;color:color-mix(in srgb,var(--mr-primary) 70%,#dce8f5 30%)}
.public-trust-row span{display:flex;flex-direction:column;gap:2px}
.public-trust-row strong{font-size:.82rem;color:var(--mr-text)}
.public-trust-row small{font-size:.72rem;color:var(--mr-muted)}
.public-hero-visual{position:relative;min-height:420px;z-index:1}
.public-hero-mark{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(330px,56%);aspect-ratio:1;
  display:grid;place-items:center;
  background:radial-gradient(circle,rgba(var(--mr-primary-rgb),.09),rgba(var(--mr-primary-rgb),0) 67%);
}
.public-hero-mark:before,.public-hero-mark:after{content:"";position:absolute;border:1px solid rgba(141,161,187,.12);border-radius:50%}
.public-hero-mark:before{inset:0}.public-hero-mark:after{inset:14%}
.public-hero-mark img{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 20px 38px rgba(0,0,0,.32))}
.hero-metric{
  position:absolute;width:175px;padding:13px 14px;border:1px solid var(--hf88-border);
  border-radius:8px;background:rgba(7,14,24,.82);backdrop-filter:blur(9px);
  display:flex;flex-direction:column;gap:4px;box-shadow:0 14px 30px rgba(0,0,0,.18)
}
.hero-metric span{font-size:.62rem;letter-spacing:.1em;color:var(--mr-muted);font-weight:800}
.hero-metric strong{font-size:.82rem;color:var(--mr-text)}
.hero-metric small{font-size:.66rem;color:var(--mr-muted)}
.hero-metric-a{left:0;top:10%}.hero-metric-b{left:3%;bottom:9%}.hero-metric-c{right:0;top:12%}.hero-metric-d{right:3%;bottom:8%}

.public-section{padding:64px clamp(42px,6vw,92px);border-bottom:1px solid var(--hf88-border)}
.public-section-intro{max-width:780px;margin-bottom:32px}
.public-section-intro h2,.public-beta-copy h2{font-size:clamp(1.7rem,2.8vw,2.65rem);line-height:1.1;letter-spacing:-.035em;margin-bottom:14px}
.public-section-intro>p,.public-beta-copy>p{color:var(--mr-muted);line-height:1.7;font-size:.96rem}
.public-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.public-feature-card{
  min-height:142px;padding:18px;border:1px solid var(--hf88-border);border-radius:9px;
  background:color-mix(in srgb,var(--mr-surface) 86%,transparent);
  display:flex;gap:14px;align-items:flex-start;
}
.public-feature-card:hover{border-color:rgba(var(--mr-primary-rgb),.31);background:color-mix(in srgb,var(--mr-surface2) 76%,var(--mr-surface) 24%)}
.public-feature-card.feature-viewer{
  grid-row:span 2;min-height:296px;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;
  background:
    linear-gradient(180deg,rgba(var(--mr-primary-rgb),.025),rgba(var(--mr-primary-rgb),.065)),
    color-mix(in srgb,var(--mr-surface) 92%,#07111c 8%);
  border-color:rgba(var(--mr-primary-rgb),.35);
}
.public-feature-card.feature-viewer:before{
  content:"";position:absolute;inset:18px 18px 118px;border:1px solid rgba(141,161,187,.14);border-radius:7px;
  background:
    radial-gradient(circle at 22% 34%,rgba(71,149,231,.9) 0 4px,transparent 5px),
    radial-gradient(circle at 69% 61%,rgba(224,142,67,.9) 0 4px,transparent 5px),
    radial-gradient(circle at 54% 26%,rgba(71,149,231,.8) 0 4px,transparent 5px),
    linear-gradient(28deg,transparent 45%,rgba(131,151,175,.14) 46% 48%,transparent 49%),
    linear-gradient(132deg,transparent 52%,rgba(131,151,175,.14) 53% 55%,transparent 56%),
    #0b1520;
}
.public-feature-icon{flex:0 0 34px;width:34px;height:34px;border:1px solid var(--hf88-border);border-radius:7px;display:grid;place-items:center;color:color-mix(in srgb,var(--mr-primary) 70%,#cbd9e8 30%)}
.public-feature-icon .ui-icon{width:17px;height:17px}
.public-feature-card h3{font-size:.91rem;margin-bottom:7px}
.public-feature-card p{font-size:.76rem;line-height:1.5;color:var(--mr-muted);margin:0}

.public-why-section{display:grid;grid-template-columns:minmax(260px,.42fr) minmax(0,1fr);gap:46px;align-items:center}
.public-why-section .public-section-intro{margin:0}
.public-pillar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--hf88-border);border-radius:10px;overflow:hidden;background:var(--hf88-panel)}
.public-pillar-grid article{padding:25px 22px;border-right:1px solid var(--hf88-border)}
.public-pillar-grid article:last-child{border:0}
.public-pillar-grid .ui-icon{width:26px;height:26px;color:color-mix(in srgb,var(--mr-primary) 68%,#dae5f0 32%);margin-bottom:20px}
.public-pillar-grid h3{font-size:.95rem;margin-bottom:9px}
.public-pillar-grid p{font-size:.76rem;line-height:1.55;color:var(--mr-muted);margin:0}

.public-beta-section{display:grid;grid-template-columns:minmax(260px,.56fr) minmax(460px,1fr) minmax(230px,.45fr);gap:34px;align-items:start}
.public-beta-benefits{display:grid;gap:16px;margin-top:28px}
.public-beta-benefits>div{display:flex;gap:12px;align-items:flex-start}
.public-beta-benefits .ui-icon{width:20px;height:20px;margin-top:2px;color:var(--mr-primary)}
.public-beta-benefits span{display:flex;flex-direction:column;gap:3px}.public-beta-benefits strong{font-size:.82rem}.public-beta-benefits small{font-size:.72rem;color:var(--mr-muted)}
.public-beta-form{padding:24px;border:1px solid var(--hf88-border);border-radius:10px;background:var(--hf88-panel);box-shadow:0 18px 34px rgba(0,0,0,.16)}
.public-form-head h3{font-size:1.16rem;margin-bottom:7px}.public-form-head p{font-size:.78rem;color:var(--mr-muted);margin-bottom:19px}
.public-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.public-form-grid label{display:flex;flex-direction:column;gap:6px;color:var(--mr-muted);font-size:.71rem;font-weight:700}
.public-form-grid label>span small{font-weight:500;color:var(--mr-muted)}
.public-form-grid input,.public-form-grid select{height:40px}
.public-form-grid textarea{resize:vertical;min-height:92px}
.beta-consent{flex-direction:row!important;align-items:flex-start!important;font-weight:500!important;line-height:1.45}
.beta-consent input{width:16px;height:16px;flex:0 0 16px;margin-top:2px}
.beta-honeypot{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.public-beta-form>button{width:100%;min-height:44px;margin-top:16px}
.public-form-status{min-height:22px;margin-top:10px;font-size:.76rem;color:var(--mr-muted)}
.public-form-status.success{color:#8fd9b1}.public-form-status.error{color:#ff9a9a}
.public-beta-process{padding:10px 0}
.public-beta-process h3{font-size:1rem;margin-bottom:20px}
.public-beta-process ol{list-style:none;padding:0;margin:0;display:grid;gap:4px}
.public-beta-process li{display:grid;grid-template-columns:28px 1fr;gap:11px;position:relative;padding-bottom:16px}
.public-beta-process li:not(:last-child):after{content:"";position:absolute;left:13px;top:29px;bottom:0;border-left:1px solid var(--hf88-border)}
.public-beta-process li>b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(var(--mr-primary-rgb),.10);border:1px solid rgba(var(--mr-primary-rgb),.35);font-size:.7rem;color:var(--mr-primary)}
.public-beta-process li span{display:flex;flex-direction:column;gap:3px}.public-beta-process li strong{font-size:.79rem}.public-beta-process li small{font-size:.69rem;line-height:1.45;color:var(--mr-muted)}

.public-design-section{display:grid;grid-template-columns:minmax(260px,.46fr) minmax(0,1fr);gap:42px;align-items:center}
.public-design-section .public-section-intro{margin:0}
.public-theme-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.public-theme-preview{padding:11px;border:1px solid var(--hf88-border);border-radius:9px;background:var(--hf88-panel)}
.public-theme-preview h3{font-size:.82rem;margin:10px 0 3px}.public-theme-preview p{font-size:.68rem;color:var(--mr-muted);margin:0}
.theme-mini-ui{height:92px;border:1px solid rgba(149,168,189,.16);border-radius:6px;padding:9px;display:grid;grid-template-columns:30% 1fr;grid-template-rows:18px 1fr;gap:7px;background:#09121d}
.theme-mini-ui:before{content:"";grid-row:1/-1;background:#0e1a28;border-radius:3px}
.theme-mini-ui i{height:18px;background:#111f30;border-radius:3px}.theme-mini-ui i:nth-of-type(2){width:74%}.theme-mini-ui i:nth-of-type(3){width:92%}
.theme-mini-ui span{grid-column:2;background:#0d1a28;border-radius:3px;box-shadow:inset 2px 0 0 #547da9}
.theme-steel .theme-mini-ui span{box-shadow:inset 2px 0 0 #5a8fc0}.theme-graphite .theme-mini-ui span{box-shadow:inset 2px 0 0 #8794a3}.theme-midnight .theme-mini-ui span{box-shadow:inset 2px 0 0 #6d65a8}

.public-site-footer{padding:38px clamp(42px,6vw,92px) 22px;background:color-mix(in srgb,var(--mr-bg) 92%,#02070d 8%)}
.public-site-footer button{padding:0;background:none!important;border:0!important;color:var(--mr-muted)!important;font-weight:600}
.public-site-footer button:hover{color:var(--mr-text)!important;transform:none}
.public-footer-brand{display:flex;align-items:flex-start;gap:28px;padding-bottom:28px;border-bottom:1px solid var(--hf88-border)}
.public-footer-brand img{width:238px;height:auto}.public-footer-brand p{max-width:520px;color:var(--mr-muted);font-size:.75rem;line-height:1.55;margin:5px 0 0}
.public-footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:620px;margin:28px 0}
.public-footer-links>div{display:flex;flex-direction:column;gap:7px}.public-footer-links strong{font-size:.75rem}.public-footer-links a,.public-footer-links button{font-size:.7rem;color:var(--mr-muted);text-decoration:none;text-align:left}
.public-footer-bottom{display:flex;justify-content:space-between;gap:20px;color:var(--mr-muted);font-size:.66rem;border-top:1px solid var(--hf88-border);padding-top:18px}

/* Primary Admin · Content Center */
.content-center-toolbar{display:grid;grid-template-columns:150px 220px minmax(260px,1fr);gap:12px;align-items:end;margin-bottom:18px}
.content-center-toolbar label{display:flex;flex-direction:column;gap:6px;font-size:.7rem;color:var(--mr-muted)}
.content-center-help{grid-column:1/-1;color:var(--mr-muted);font-size:.72rem}
.content-center-list{display:grid;gap:10px}
.content-center-row{display:grid;grid-template-columns:minmax(210px,.62fr) minmax(260px,.78fr) minmax(320px,1fr);gap:16px;align-items:start;padding:16px;border:1px solid var(--hf88-border);border-radius:9px;background:rgba(255,255,255,.012)}
.content-center-row.has-override{border-left:2px solid var(--mr-primary)}
.content-center-row-head>div{display:flex;flex-direction:column;gap:5px}.content-center-row-head span{font-size:.61rem;color:var(--mr-primary);font-weight:800;letter-spacing:.08em}.content-center-row-head strong{font-size:.85rem}.content-center-row-head code{font-size:.63rem;color:var(--mr-muted);overflow-wrap:anywhere}
.content-center-row-head>b{display:inline-flex;margin-top:10px;font-size:.58rem;letter-spacing:.08em;color:var(--mr-muted);border:1px solid var(--hf88-border);border-radius:999px;padding:4px 7px}
.content-center-default span,.content-center-row label>span{display:block;font-size:.64rem;color:var(--mr-muted);font-weight:700;margin-bottom:6px}
.content-center-default p{font-size:.73rem;line-height:1.45;color:color-mix(in srgb,var(--mr-text) 82%,var(--mr-muted) 18%);margin:0}
.content-center-row input,.content-center-row textarea{width:100%}
.content-center-actions{grid-column:3;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.content-center-actions small{color:var(--mr-muted);font-size:.63rem}
.website-legacy-tools>summary{cursor:pointer;display:flex;justify-content:space-between;gap:18px;align-items:center;list-style:none;padding:6px}.website-legacy-tools>summary span{font-size:.72rem;color:var(--mr-muted)}
.website-legacy-grid{display:grid;gap:24px;margin-top:24px;padding-top:20px;border-top:1px solid var(--hf88-border)}

/* Primary Admin · Beta Requests */
.beta-admin-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}
.beta-admin-kpis>div{padding:14px;border:1px solid var(--hf88-border);border-radius:8px;background:rgba(255,255,255,.012);display:flex;flex-direction:column;gap:4px}
.beta-admin-kpis span{font-size:.66rem;color:var(--mr-muted)}.beta-admin-kpis strong{font-size:1.28rem}
.beta-admin-list{display:grid;gap:12px}
.beta-admin-card{padding:17px;border:1px solid var(--hf88-border);border-radius:9px;background:rgba(255,255,255,.012)}
.beta-admin-card.status-open{border-left:2px solid var(--mr-primary)}
.beta-admin-card-head{display:flex;justify-content:space-between;gap:18px}
.beta-admin-card-head span{font-size:.64rem;color:var(--mr-muted)}.beta-admin-card-head h4{font-size:1rem;margin:4px 0}.beta-admin-card-head p{font-size:.72rem;color:var(--mr-muted);margin:0}.beta-admin-card-head a{color:var(--mr-text)}
.beta-admin-card-head>b{height:max-content;font-size:.62rem;letter-spacing:.08em;border:1px solid var(--hf88-border);border-radius:999px;padding:5px 8px;color:var(--mr-muted)}
.beta-admin-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:15px 0}
.beta-admin-meta>span{display:flex;flex-direction:column;gap:3px;padding:9px;border:1px solid rgba(139,159,181,.13);border-radius:7px}.beta-admin-meta small{font-size:.59rem;color:var(--mr-muted)}.beta-admin-meta strong,.beta-admin-meta a{font-size:.71rem;color:var(--mr-text);overflow-wrap:anywhere}
.beta-admin-card blockquote{margin:10px 0 14px;padding:11px 13px;border-left:2px solid var(--hf88-border);background:rgba(0,0,0,.12);color:var(--mr-muted);font-size:.73rem;line-height:1.55}
.beta-admin-card>label{display:flex;flex-direction:column;gap:6px;font-size:.68rem;color:var(--mr-muted)}.beta-admin-card textarea{width:100%}
.beta-admin-actions{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin-top:10px}.beta-duration{display:flex;flex-direction:column;gap:4px;font-size:.63rem;color:var(--mr-muted)}.beta-duration select{height:34px}
.beta-token-prefix{font-size:.66rem;color:var(--mr-muted);padding:0 6px}
.beta-token-reveal{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px;padding:18px;border:1px solid rgba(var(--mr-primary-rgb),.34);border-radius:9px;background:rgba(var(--mr-primary-rgb),.055)}
.beta-token-reveal>div:first-child{display:grid;gap:5px}.beta-token-reveal span{font-size:.61rem;letter-spacing:.09em;color:var(--mr-primary);font-weight:800}.beta-token-reveal code{font-size:.92rem;color:var(--mr-text);word-break:break-all}.beta-token-reveal small{color:var(--mr-muted)}
.beta-token-reveal>div:last-child{display:flex;gap:8px;flex-wrap:wrap}

/* Footer */
.midround-footer-hf88,.midround-footer-product{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:18px 20px;background:color-mix(in srgb,var(--mr-bg) 94%,#02070d 6%);border:1px solid var(--hf88-border);border-radius:10px}
.portal-footer-brand{display:flex;align-items:center;gap:22px;min-width:0}.portal-footer-brand img{width:210px;max-height:52px;object-fit:contain;object-position:left}.portal-footer-brand span{font-size:.68rem;color:var(--mr-muted)}
.portal-footer-meta{display:flex;align-items:center;gap:18px;font-size:.66rem;color:var(--mr-muted)}
.midround-footer-hf88 .footer-legal-link,.midround-footer-product .footer-legal-link{background:transparent!important;border:1px solid var(--hf88-border)!important;color:var(--mr-text)!important;padding:7px 10px!important}

/* Make legacy loud gradients quieter across the portal */
.hero:not(.public-marketing-hero),.section-head,.detail-section-head{background-image:none!important}
.role-badge,.source-badge,.counter-pill,.eyebrow{box-shadow:none!important}
table thead th{background:color-mix(in srgb,var(--mr-surface2) 56%,var(--mr-surface) 44%)!important;color:color-mix(in srgb,var(--mr-text) 82%,var(--mr-muted) 18%)!important}
tbody tr:hover{background:rgba(var(--mr-primary-rgb),.025)!important}
.match-dialog::backdrop{background:rgba(0,5,10,.72);backdrop-filter:blur(3px)}

/* Responsive */
@media (max-width:1180px){
  .hero.app-header{grid-template-columns:minmax(210px,280px) 1fr auto}.public-site-nav{gap:15px}
  .public-marketing-hero{grid-template-columns:1fr;gap:38px;padding-top:54px}.public-hero-visual{min-height:360px}
  .public-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .public-why-section,.public-design-section{grid-template-columns:1fr}
  .public-beta-section{grid-template-columns:minmax(0,.65fr) minmax(430px,1fr)}.public-beta-process{grid-column:1/-1}.public-beta-process ol{grid-template-columns:repeat(5,1fr)}.public-beta-process li{grid-template-columns:28px 1fr}.public-beta-process li:after{display:none}
  .content-center-row{grid-template-columns:minmax(190px,.65fr) 1fr}.content-center-row label,.content-center-actions{grid-column:2}.content-center-default{grid-row:2}
}
@media (max-width:860px){
  .shell{padding:10px}
  .hero.app-header{grid-template-columns:1fr auto;padding:10px}.brand-mark.brand-mark-wordmark{width:210px}.public-site-nav{display:none!important}
  .public-header-beta-btn{display:none!important}
  .public-marketing-hero,.public-section,.public-site-footer{padding-left:24px;padding-right:24px}
  .public-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-feature-card.feature-viewer{grid-row:auto;min-height:240px}
  .public-pillar-grid{grid-template-columns:repeat(2,1fr)}.public-pillar-grid article:nth-child(2){border-right:0}.public-pillar-grid article:nth-child(-n+2){border-bottom:1px solid var(--hf88-border)}
  .public-beta-section{grid-template-columns:1fr}.public-beta-process{grid-column:auto}.public-beta-process ol{grid-template-columns:1fr}.public-beta-process li:after{display:block}
  .public-theme-preview-grid{grid-template-columns:repeat(2,1fr)}
  .public-footer-brand{flex-direction:column;gap:8px}.public-footer-links{max-width:none}.public-footer-bottom{flex-direction:column}
  .content-center-toolbar{grid-template-columns:1fr 1fr}.content-center-search{grid-column:1/-1}.content-center-row{grid-template-columns:1fr}.content-center-row>*{grid-column:1!important}.content-center-default{grid-row:auto}
  .beta-admin-meta{grid-template-columns:repeat(2,1fr)}.beta-token-reveal{flex-direction:column;align-items:flex-start}
  .midround-footer-hf88,.midround-footer-product{flex-direction:column;align-items:flex-start}.portal-footer-meta{width:100%;justify-content:space-between}
}
@media (max-width:560px){
  .hero.app-header{grid-template-columns:minmax(0,1fr) auto}.brand-mark.brand-mark-wordmark{width:170px;height:36px}
  .header-context{gap:5px}.language-current{padding:7px}.language-current strong{display:none}
  .public-marketing-hero{padding-top:42px;padding-bottom:42px}.public-hero-copy h2{font-size:2.25rem}.public-hero-visual{min-height:300px}.public-hero-mark{width:210px}.hero-metric{width:135px;padding:9px}.hero-metric strong{font-size:.68rem}.hero-metric small{font-size:.58rem}
  .public-trust-row,.public-feature-grid,.public-form-grid,.public-theme-preview-grid,.public-footer-links,.beta-admin-kpis,.beta-admin-meta{grid-template-columns:1fr}
  .public-feature-card.feature-viewer{min-height:260px}
  .public-pillar-grid{grid-template-columns:1fr}.public-pillar-grid article{border-right:0!important;border-bottom:1px solid var(--hf88-border)!important}.public-pillar-grid article:last-child{border-bottom:0!important}
  .content-center-toolbar{grid-template-columns:1fr}.content-center-search{grid-column:auto}
}


/* HF88 final restraint pass: PRIMARY controls, diagnostics and role chrome use the same sober system. */
.primary-admin-meta-nav,
.primary-nav-control .primary-admin-meta-nav,
.primary-nav-main .primary-nav-entry[data-nav-group="admin"]>.primary-nav-item{
  --nav-accent:var(--mr-primary)!important;
  border-color:rgba(var(--mr-primary-rgb),.24)!important;
  background:rgba(var(--mr-primary-rgb),.055)!important;
  color:var(--mr-text)!important;
  box-shadow:none!important;
}
.primary-admin-meta-nav:hover,
.primary-admin-meta-nav.active,
.primary-nav-control .primary-admin-meta-nav:hover,
.primary-nav-control .primary-nav-entry.open>.primary-admin-meta-nav,
.primary-nav-control .primary-admin-meta-nav.active{
  border-color:rgba(var(--mr-primary-rgb),.34)!important;
  background:rgba(var(--mr-primary-rgb),.085)!important;
  box-shadow:inset 2px 0 0 var(--mr-primary)!important;
}
.primary-admin-meta-nav::before,
.primary-nav-control .primary-admin-meta-nav::before{
  border-color:rgba(var(--mr-primary-rgb),.26)!important;
  background:rgba(var(--mr-primary-rgb),.08)!important;
  color:color-mix(in srgb,var(--mr-primary) 62%,var(--mr-text) 38%)!important;
}
.primary-admin-meta-nav::after,
.primary-nav-control .primary-admin-meta-nav::after{background:none!important;box-shadow:none!important}
.primary-admin-meta-nav .nav-icon,
.primary-admin-meta-nav:hover .nav-icon,
.primary-admin-meta-nav.active .nav-icon,
.primary-nav-control .primary-admin-meta-nav .nav-icon{
  color:color-mix(in srgb,var(--mr-primary) 70%,var(--mr-text) 30%)!important;
  border-color:rgba(var(--mr-primary-rgb),.22)!important;
  background:rgba(var(--mr-primary-rgb),.06)!important;
  box-shadow:none!important;
}
.primary-nav-control .primary-nav-entry .primary-nav-dropdown{
  border-color:var(--hf88-border)!important;
  background:color-mix(in srgb,var(--mr-bg) 94%,var(--mr-surface) 6%)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.24)!important;
}
.primary-control-nav-heading small{color:var(--mr-muted)!important}
.role-badge,
.role-primary-admin,.role-admin,.role-management,.role-coach,.role-team-captain,.role-player,.role-streamer-caster,.role-viewer{
  color:color-mix(in srgb,var(--mr-text) 88%,var(--mr-muted) 12%)!important;
  background:rgba(var(--mr-primary-rgb),.055)!important;
  border-color:rgba(var(--mr-primary-rgb),.16)!important;
  box-shadow:none!important;
}
.demo-e2e-card{
  border-color:var(--hf88-border)!important;
  background:var(--hf88-panel)!important;
  box-shadow:none!important;
}
.demo-e2e-row{border-color:var(--hf88-border)!important;background:rgba(255,255,255,.012)!important}
.player-master-progress i{background:var(--mr-primary)!important}
.public-checkout-admin-card{border-color:var(--hf88-border)!important;background:var(--hf88-panel)!important}
.primary-webhook-section,.tenant-webhook-section{border-color:var(--hf88-border)!important}

/* HF88 theme normalization: legacy theme keys remain for compatibility, visuals come only from the new serious palettes. */
html[data-theme-key] body{
  background:
    radial-gradient(680px 380px at 8% -5%,color-mix(in srgb,var(--mr-primary) 7%,transparent),transparent 74%),
    radial-gradient(560px 330px at 94% 2%,color-mix(in srgb,var(--mr-secondary) 4%,transparent),transparent 76%),
    linear-gradient(180deg,var(--mr-bg) 0%,color-mix(in srgb,var(--mr-bg) 88%,var(--mr-surface)) 58%,var(--mr-bg) 100%)!important;
}
html[data-theme-key] body:before{
  background-image:
    linear-gradient(color-mix(in srgb,var(--mr-primary) 1.5%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--mr-primary) 1.5%,transparent) 1px,transparent 1px)!important;
  background-size:52px 52px!important;
}
html[data-theme-key] .app-header,
html[data-theme-key] .portal-navigation{
  background:color-mix(in srgb,var(--mr-bg) 91%,var(--mr-surface) 9%)!important;
  border-color:var(--hf88-border)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.14)!important;
}
html[data-theme-key] .card:not(.public-home-hero):not(.public-shop-card),
html[data-theme-key] .match-card,
html[data-theme-key] .player-card{
  background:var(--hf88-panel)!important;
  border-color:var(--hf88-border)!important;
  box-shadow:none!important;
}
html[data-theme-key] button:not(.primary-nav-item):not(.language-current):not(.secondary):not(.danger-btn):not(.theme-quick-trigger):not(.demo-source-option):not(.demo-library-item):not(.module-entry-card):not(.admin-hub-action):not(.schedule-filter):not(.schedule-today):not(.icon-control):not(.home-action-item):not(.home-action-toggle):not(.theme-choice):not(.theme-primary-tile):not(.primary-nav-dropdown-item),
html[data-theme-key] .link-btn:not(.secondary-link),
html[data-theme-key] .shop-buy-btn:not(.is-disabled){
  background:color-mix(in srgb,var(--mr-primary) 68%,#18324f 32%)!important;
  border-color:rgba(var(--mr-primary-rgb),.40)!important;
  box-shadow:none!important;
}
html[data-theme-key] .performance-bar,
html[data-theme-key] .analytics-map-meter i,
html[data-theme-key] .axis-track i{background:var(--mr-primary)!important}
.theme-live-preview[data-theme-key]{
  background:
    radial-gradient(340px 160px at 10% 0%,color-mix(in srgb,var(--preview-primary) 8%,transparent),transparent 72%),
    radial-gradient(300px 150px at 94% 4%,color-mix(in srgb,var(--preview-secondary) 4%,transparent),transparent 74%),
    linear-gradient(180deg,var(--preview-bg),color-mix(in srgb,var(--preview-bg) 88%,var(--preview-surface)))!important;
}
.maintenance-screen[data-theme-key]{
  background:
    radial-gradient(900px 520px at 50% 34%,color-mix(in srgb,var(--maint-primary,var(--mr-primary)) 7%,transparent),transparent 68%),
    linear-gradient(180deg,var(--maint-bg,var(--mr-bg)),color-mix(in srgb,var(--maint-bg,var(--mr-bg)) 90%,#020507 10%))!important;
}
.theme-primary-head{border-top-color:var(--hf88-border)!important}
.theme-primary-kpis>.card,
.theme-toggle-line,
.theme-primary-tile{
  border-color:var(--hf88-border)!important;
  background:rgba(255,255,255,.012)!important;
  box-shadow:none!important;
}
.theme-toggle-line input,.theme-definition-flags input{accent-color:var(--mr-primary)!important}
.theme-primary-tile>div span{color:var(--mr-muted)!important}
.theme-primary-tile.active{border-color:rgba(var(--mr-primary-rgb),.34)!important;box-shadow:inset 2px 0 0 var(--mr-primary)!important}


/* ==========================================================================
   Public header / restored shop / customer beta / live theme preview
   ========================================================================== */
.public-app-header-product{
  min-height:94px!important;
  grid-template-columns:minmax(300px,360px) minmax(390px,1fr) auto!important;
  gap:24px!important;
  padding:13px 18px 13px 15px!important;
  overflow:visible!important;
}
.public-home-active .public-brand-lockup{align-self:stretch;display:flex;align-items:center;min-width:0}
.public-home-active .public-brand-plaque{
  width:min(345px,100%)!important;height:64px!important;padding:8px 13px!important;
  border:1px solid rgba(171,190,211,.13)!important;border-radius:9px!important;
  background:linear-gradient(90deg,rgba(225,234,244,.11),rgba(225,234,244,.035) 78%,transparent)!important;
  overflow:visible!important;
}
.public-home-active .public-brand-plaque img{
  width:100%!important;height:100%!important;object-fit:contain!important;object-position:left center!important;
  filter:drop-shadow(0 0 .7px rgba(238,246,255,.82)) drop-shadow(0 1px 1px rgba(238,246,255,.20))!important;
}
.public-site-nav-product{gap:7px!important;justify-content:center!important}
.public-site-nav-product a{
  min-height:42px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid transparent;border-radius:7px;
  color:color-mix(in srgb,var(--mr-muted) 82%,var(--mr-text) 18%)!important;font-size:.78rem!important;white-space:nowrap;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease!important;
}
.public-site-nav-product a .ui-icon{width:15px;height:15px;color:color-mix(in srgb,var(--mr-primary) 65%,var(--mr-text) 35%)}
.public-site-nav-product a:hover{transform:none!important;color:var(--mr-text)!important;background:rgba(255,255,255,.026);border-color:var(--hf88-border)}
.public-header-context-product{min-width:0}
.public-header-actions-product{gap:7px!important;flex-wrap:nowrap!important}
.public-header-actions-product>button{min-height:42px!important;padding:0 12px!important;white-space:nowrap;gap:7px;align-items:center}
.public-header-actions-product>button .ui-icon{width:15px;height:15px}
.public-header-beta-btn{background:rgba(255,255,255,.025)!important;color:var(--mr-text)!important;border-color:var(--hf88-border)!important}
.public-header-portal-btn{background:color-mix(in srgb,var(--mr-primary) 70%,#18345b 30%)!important;border-color:rgba(var(--mr-primary-rgb),.46)!important;color:#fff!important}
.public-login-btn{background:transparent!important;color:var(--mr-muted)!important;border-color:transparent!important;padding-left:9px!important;padding-right:9px!important}
.public-login-btn:hover{background:rgba(255,255,255,.025)!important;color:var(--mr-text)!important;border-color:var(--hf88-border)!important}
.public-home-active .public-hero-actions .public-portal-cta{border-color:rgba(var(--mr-primary-rgb),.27)!important}

.public-shop-section-product{display:grid;grid-template-columns:minmax(250px,.30fr) minmax(0,.70fr);gap:34px 48px;align-items:start}
.public-shop-intro-product{margin:0!important}
.public-shop-intro-product>p{color:var(--mr-muted);line-height:1.65}
.public-shop-grid-product{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.public-shop-grid-product .public-shop-item{
  min-height:250px;padding:18px!important;border:1px solid var(--hf88-border)!important;border-radius:9px!important;
  background:var(--hf88-panel)!important;box-shadow:none!important;
}
.public-shop-grid-product .public-shop-item:hover{transform:none!important;border-color:rgba(var(--mr-primary-rgb),.31)!important;background:color-mix(in srgb,var(--hf88-panel) 96%,var(--mr-primary) 4%)!important}
.public-shop-grid-product .public-shop-price,.public-shop-grid-product .public-shop-sale-price{color:var(--mr-text)!important}
.public-shop-grid-product .shop-buy-btn{background:rgba(var(--mr-primary-rgb),.075)!important;border-color:rgba(var(--mr-primary-rgb),.25)!important;color:var(--mr-text)!important;box-shadow:none!important}
.public-shop-grid-product .shop-buy-btn:hover{transform:none!important;background:rgba(var(--mr-primary-rgb),.11)!important}
.public-shop-footer-product{grid-column:2;display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:4px}
.public-shop-footer-product>small{max-width:620px;color:var(--mr-muted)}
.public-shop-footer-actions-product{display:flex;gap:8px;flex-wrap:wrap}
.public-shop-footer-actions-product button{display:inline-flex;align-items:center;gap:7px;min-height:40px}
.public-shop-footer-actions-product .ui-icon{width:15px;height:15px}

.public-theme-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.public-theme-preview{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:end;transition:border-color .16s ease,background-color .16s ease!important}
.public-theme-preview .theme-mini-ui{grid-column:1/-1}
.public-theme-preview-copy{min-width:0}
.public-theme-preview-btn{min-height:34px!important;padding:0 10px!important;font-size:.66rem!important;align-self:end}
.public-theme-preview.active{border-color:rgba(var(--mr-primary-rgb),.42)!important;background:rgba(var(--mr-primary-rgb),.05)!important}
.public-theme-reset{display:inline-flex;align-items:center;gap:7px;margin-top:8px;min-height:38px!important}.public-theme-reset .ui-icon{width:14px;height:14px}

/* Public/legal footer links are text links, never glowing CTA buttons. */
.public-site-footer-product .public-footer-links a,
.public-site-footer-product .public-footer-links button,
.midround-footer-product .footer-legal-link{
  display:inline-flex!important;align-items:center!important;width:max-content!important;min-height:26px!important;padding:2px 0!important;
  background:transparent!important;border:0!important;border-radius:0!important;color:var(--mr-muted)!important;
  box-shadow:none!important;text-decoration:none!important;transform:none!important;
}
.public-site-footer-product .public-footer-links a:hover,
.public-site-footer-product .public-footer-links button:hover,
.midround-footer-product .footer-legal-link:hover{
  color:var(--mr-text)!important;background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;text-decoration:underline!important;text-underline-offset:3px!important;
}
.public-footer-logo-plaque{width:250px;padding:7px 10px;border:1px solid rgba(171,190,211,.12);border-radius:8px;background:linear-gradient(90deg,rgba(225,234,244,.10),rgba(225,234,244,.025))}
.public-footer-logo-plaque img{width:100%!important;height:auto!important;filter:drop-shadow(0 0 .7px rgba(238,246,255,.75))}

@media(max-width:1360px){
  .public-app-header-product{grid-template-columns:minmax(260px,305px) minmax(330px,1fr) auto!important;gap:13px!important}
  .public-home-active .public-brand-plaque{height:58px!important}
  .public-site-nav-product a{padding:0 7px;font-size:.72rem!important}.public-site-nav-product a .ui-icon{width:13px;height:13px}
  .public-header-actions-product>button{padding:0 9px!important}.public-header-beta-btn span{display:none}.public-header-beta-btn{width:42px!important;justify-content:center}
}
@media(max-width:1080px){
  .public-app-header-product{grid-template-columns:minmax(250px,300px) 1fr auto!important}
  .public-site-nav-product{display:none!important}
  .public-shop-section-product{grid-template-columns:1fr}.public-shop-footer-product{grid-column:1}
}
@media(max-width:820px){
  .public-app-header-product{grid-template-columns:minmax(0,1fr) auto!important;min-height:78px!important}
  .public-home-active .public-brand-plaque{width:min(285px,58vw)!important;height:52px!important;padding:6px 9px!important}
  .public-header-portal-btn span,.public-login-btn .login-desktop-label{display:none}.public-header-portal-btn,.public-login-btn{width:42px!important;justify-content:center!important;padding:0!important}
  .public-shop-grid-product{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
  .public-home-active .public-brand-plaque{width:min(230px,54vw)!important;height:46px!important}
  .public-header-beta-btn{display:none!important}.public-header-actions-product{gap:3px!important}.public-header-actions-product>button{min-height:38px!important}
  .public-shop-grid-product{grid-template-columns:1fr!important}.public-shop-footer-product{flex-direction:column;align-items:flex-start}.public-shop-footer-actions-product{width:100%}.public-shop-footer-actions-product button{flex:1}
  .public-theme-preview-grid{grid-template-columns:1fr!important}
}

/* Public footer hover hard-stop: legal/navigation text never inherits CTA motion or glow transitions. */
.public-site-footer-product .public-footer-links a,
.public-site-footer-product .public-footer-links button,
.midround-footer-product .footer-legal-link{
  transition:color .14s ease,text-decoration-color .14s ease!important;
}
.public-home-active .public-brand-plaque{height:72px!important}
@media(max-width:1360px){.public-home-active .public-brand-plaque{height:66px!important}}
@media(max-width:820px){.public-home-active .public-brand-plaque{height:56px!important}}
@media(max-width:560px){.public-home-active .public-brand-plaque{height:50px!important}}


/* ==========================================================================
   MIDROUND v3.3.1 · PRODUCT UI
   Public website + portal polish. No release/hotfix branding in the UI.
   ========================================================================== */

/* --- Brand lockup: no card/plaque around the logo --- */
.brand-mark.brand-mark-wordmark,
.public-home-active .public-brand-plaque{
  width:min(318px,29vw)!important;
  min-width:0!important;
  height:54px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.brand-mark.brand-mark-wordmark img,
.public-home-active .public-brand-plaque img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:none!important;
  border-radius:0!important;
  background:transparent!important;
}
.public-footer-logo-plaque{
  width:min(286px,100%)!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.public-footer-logo-plaque img{
  width:100%!important;
  filter:none!important;
}

/* --- Public header: proper website navigation, not a floating card --- */
body.public-home-active .shell{
  padding-top:0!important;
}
body.public-home-active .public-app-header-product{
  position:relative;
  min-height:82px!important;
  margin:0!important;
  padding:13px 4px!important;
  grid-template-columns:minmax(285px,340px) minmax(420px,1fr) auto!important;
  gap:22px!important;
  border:0!important;
  border-bottom:1px solid color-mix(in srgb,var(--mr-primary) 15%,transparent)!important;
  border-radius:0!important;
  background:color-mix(in srgb,var(--mr-bg) 96%,#071421 4%)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px);
}
body.public-home-active .public-site-nav-product{
  gap:4px!important;
}
body.public-home-active .public-site-nav-product a{
  min-height:40px!important;
  padding:0 11px!important;
  border-radius:7px!important;
  font-size:.76rem!important;
  font-weight:720!important;
  color:color-mix(in srgb,var(--mr-muted) 76%,var(--mr-text) 24%)!important;
}
body.public-home-active .public-site-nav-product a:hover{
  color:var(--mr-text)!important;
  background:rgba(255,255,255,.028)!important;
  border-color:color-mix(in srgb,var(--mr-primary) 14%,transparent)!important;
}
body.public-home-active .public-header-context-product{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
}
body.public-home-active .public-header-actions-product{order:1}
body.public-home-active #languageSwitcher{order:2}
body.public-home-active .public-header-actions-product>button{
  min-height:40px!important;
  padding:0 12px!important;
  border-radius:7px!important;
}
body.public-home-active .public-header-portal-btn{
  background:transparent!important;
  border-color:color-mix(in srgb,var(--mr-primary) 24%,transparent)!important;
  color:var(--mr-text)!important;
}
body.public-home-active .public-header-beta-btn{
  background:linear-gradient(105deg,color-mix(in srgb,var(--mr-primary) 90%,#1177ba 10%),color-mix(in srgb,var(--mr-secondary) 72%,#7240bb 28%))!important;
  border-color:rgba(142,172,205,.24)!important;
  color:#fff!important;
}
body.public-home-active .public-login-btn{
  border:1px solid color-mix(in srgb,var(--mr-primary) 14%,transparent)!important;
  padding-left:12px!important;
  padding-right:12px!important;
  color:color-mix(in srgb,var(--mr-muted) 70%,var(--mr-text) 30%)!important;
}
body.public-home-active .language-current{
  min-height:40px!important;
  border-radius:7px!important;
}

/* --- Portal header: compact toolbar, correct wordmark sizing --- */
body:not(.public-home-active) .hero.app-header{
  min-height:72px!important;
  margin-bottom:10px!important;
  padding:8px 12px!important;
  grid-template-columns:minmax(255px,305px) minmax(280px,1fr) auto!important;
  gap:15px!important;
  border-radius:10px!important;
  border-color:color-mix(in srgb,var(--mr-primary) 13%,transparent)!important;
  background:color-mix(in srgb,var(--mr-bg) 91%,var(--mr-surface) 9%)!important;
  box-shadow:none!important;
}
body:not(.public-home-active) .brand-lockup{
  flex:0 0 auto!important;
  align-self:center!important;
}
body:not(.public-home-active) .brand-mark.brand-mark-wordmark{
  width:278px!important;
  min-width:278px!important;
  height:50px!important;
}
body:not(.public-home-active) .global-search-wrap{
  width:min(100%,620px)!important;
  max-width:620px!important;
  min-width:260px!important;
  margin:0 auto!important;
  min-height:40px!important;
  padding:5px 10px!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.012)!important;
  border-color:color-mix(in srgb,var(--mr-primary) 12%,transparent)!important;
}
body:not(.public-home-active) .header-context{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-width:0!important;
}
body:not(.public-home-active) .header-identity{
  display:none!important;
}
body:not(.public-home-active) .header-actions{
  gap:6px!important;
  flex-wrap:nowrap!important;
}
body:not(.public-home-active) .header-actions>button,
body:not(.public-home-active) .theme-quick-trigger,
body:not(.public-home-active) .language-current{
  min-height:38px!important;
}
body:not(.public-home-active) #publicPortalHeaderBtn,
body:not(.public-home-active) #publicHeaderShopBtn{
  display:none!important;
}

/* --- Hero: stronger product positioning --- */
.public-marketing-hero{
  min-height:540px!important;
  gap:58px!important;
  padding-top:64px!important;
  padding-bottom:64px!important;
  background:
    radial-gradient(circle at 75% 42%,rgba(var(--mr-primary-rgb),.065),transparent 25rem),
    radial-gradient(circle at 96% 16%,rgba(var(--mr-secondary-rgb),.045),transparent 20rem);
}
.public-hero-copy h2{
  max-width:720px!important;
  font-size:clamp(2.75rem,5vw,5rem)!important;
  line-height:.97!important;
  letter-spacing:-.055em!important;
  text-wrap:balance;
}
.public-hero-copy>p{
  max-width:690px!important;
}
.public-hero-actions{
  margin-top:2px;
}
.public-hero-visual{
  min-height:410px!important;
}
.public-hero-mark{
  width:min(355px,64%)!important;
}
.public-hero-mark:before{
  inset:-8%!important;
  border-color:rgba(var(--mr-primary-rgb),.12)!important;
}
.public-hero-mark:after{
  inset:10%!important;
  border-color:rgba(var(--mr-secondary-rgb),.12)!important;
}
.hero-metric{
  width:168px!important;
  padding:12px 13px!important;
  border-radius:8px!important;
  background:color-mix(in srgb,var(--mr-bg) 86%,transparent)!important;
  box-shadow:none!important;
}

/* --- Real-looking 2D Demo Viewer product preview --- */
.public-feature-card.feature-viewer{
  justify-content:flex-start!important;
  gap:15px!important;
  padding:14px!important;
  min-height:330px!important;
}
.public-feature-card.feature-viewer:before{display:none!important}
.public-viewer-preview{
  width:100%;
  min-height:214px;
  display:grid;
  grid-template-rows:30px minmax(132px,1fr) 9px 24px;
  gap:7px;
  padding:8px;
  border:1px solid color-mix(in srgb,var(--mr-primary) 19%,transparent);
  border-radius:8px;
  background:#07111c;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.012);
}
.public-viewer-preview-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 4px;
  color:#dce7f2;
  font-size:.62rem;
}
.public-viewer-preview-head strong{font-size:.62rem}
.public-viewer-preview-head span{
  padding:3px 7px;
  border:1px solid rgba(149,174,199,.14);
  border-radius:5px;
  color:#91a6ba;
}
.public-viewer-preview-map{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(142,163,186,.13);
  border-radius:6px;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    #091521;
  background-size:22px 22px;
}
.viewer-map-geometry{position:absolute;inset:10px}
.viewer-map-geometry .geo{
  position:absolute;
  display:block;
  border:5px solid #25394c;
  border-radius:4px;
  opacity:.82;
  transform:rotate(var(--r,0deg));
}
.viewer-map-geometry .geo.a{left:8%;top:12%;width:44%;height:18%;--r:-8deg}
.viewer-map-geometry .geo.b{left:33%;top:30%;width:20%;height:42%;--r:12deg}
.viewer-map-geometry .geo.c{right:8%;top:12%;width:31%;height:25%;--r:5deg}
.viewer-map-geometry .geo.d{right:10%;bottom:10%;width:40%;height:20%;--r:-6deg}
.viewer-map-geometry .geo.e{left:8%;bottom:12%;width:24%;height:25%;--r:4deg}
.viewer-map-geometry .site{
  position:absolute;
  width:19px;height:19px;
  display:grid;place-items:center;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.12);
  color:#dfe8f1;
  background:#152436;
  font:bold .52rem/1 sans-serif;
}
.viewer-map-geometry .site-a{right:12%;top:15%}
.viewer-map-geometry .site-b{left:12%;bottom:15%}
.viewer-player{
  position:absolute;
  width:9px;height:9px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.55);
  box-shadow:0 0 0 2px rgba(0,0,0,.28);
}
.viewer-ct{background:#4a92dc}.viewer-t{background:#dc8746}
.viewer-player.p1{left:26%;top:24%}.viewer-player.p2{left:39%;top:49%}.viewer-player.p3{left:58%;top:34%}
.viewer-player.p4{right:22%;top:25%}.viewer-player.p5{right:31%;bottom:21%}
.viewer-utility{
  position:absolute;width:24px;height:24px;border-radius:50%;
  border:1px dashed currentColor;opacity:.72;
}
.viewer-utility.smoke{left:46%;top:33%;color:#8aa4bc;background:rgba(139,164,188,.08)}
.viewer-utility.flash{right:27%;top:46%;width:16px;height:16px;color:#d9c26f;background:rgba(217,194,111,.08)}
.viewer-bomb{
  position:absolute;right:18%;bottom:24%;
  width:10px;height:10px;border-radius:2px;
  background:#d98a4a;box-shadow:0 0 0 2px rgba(217,138,74,.16);
}
.public-viewer-preview-timeline{
  position:relative;
  height:5px;
  margin:0 4px;
  border-radius:99px;
  background:#172638;
}
.public-viewer-preview-timeline b{
  display:block;height:100%;width:58%;border-radius:99px;
  background:linear-gradient(90deg,#4c84b4,#6e7698);
}
.public-viewer-preview-timeline span{
  position:absolute;left:58%;top:50%;width:9px;height:9px;border-radius:50%;
  transform:translate(-50%,-50%);background:#d8e3ed;border:2px solid #547ca3;
}
.public-viewer-preview-meta{
  display:flex;align-items:center;gap:10px;
  font-size:.52rem;color:#7f94a8;
}
.public-viewer-preview-meta span{display:inline-flex;align-items:center;gap:4px}
.public-viewer-preview-meta .dot{width:6px;height:6px;border-radius:50%}
.public-viewer-preview-meta .dot.ct{background:#4a92dc}.public-viewer-preview-meta .dot.t{background:#dc8746}
.feature-viewer-copy{
  display:flex;
  align-items:flex-start;
  gap:12px;
  width:100%;
}

/* --- Feature cards: clearer hierarchy, less "admin table" --- */
.public-feature-grid{gap:11px!important}
.public-feature-card{
  min-height:144px!important;
  border-radius:9px!important;
  background:color-mix(in srgb,var(--mr-surface) 91%,#07111b 9%)!important;
  box-shadow:none!important;
}
.public-feature-card:not(.feature-viewer){
  padding:18px!important;
}
.public-feature-card:not(.feature-viewer):hover{
  transform:none!important;
  border-color:color-mix(in srgb,var(--mr-primary) 24%,transparent)!important;
}
.public-feature-card h3{
  font-size:.9rem!important;
  letter-spacing:-.015em;
}
.public-feature-icon{
  background:rgba(var(--mr-primary-rgb),.035)!important;
}

/* --- Actual mini portal previews for each design --- */
.public-theme-preview{
  padding:10px!important;
  border-radius:9px!important;
  background:color-mix(in srgb,var(--mr-surface) 92%,var(--mr-bg) 8%)!important;
}
.theme-mini-ui{
  --tm-bg:#07101a;
  --tm-surface:#0b1622;
  --tm-surface2:#111f2e;
  --tm-accent:#4a7aa8;
  --tm-accent2:#626e7f;
  height:126px!important;
  display:grid!important;
  grid-template-columns:42px 1fr!important;
  grid-template-rows:1fr!important;
  gap:0!important;
  padding:0!important;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--tm-accent) 20%,transparent)!important;
  border-radius:7px!important;
  background:var(--tm-bg)!important;
}
.theme-mini-ui:before{display:none!important}
.theme-mini-sidebar{
  display:grid;grid-template-rows:24px repeat(4,14px);gap:6px;
  padding:9px 7px;
  background:color-mix(in srgb,var(--tm-surface) 95%,black);
  border-right:1px solid color-mix(in srgb,var(--tm-accent) 13%,transparent);
}
.theme-mini-sidebar b{
  width:20px;height:20px;border-radius:5px;
  background:linear-gradient(135deg,var(--tm-accent),var(--tm-accent2));
  opacity:.8;
}
.theme-mini-sidebar i{
  height:8px!important;width:26px!important;border-radius:3px!important;
  background:color-mix(in srgb,var(--tm-surface2) 82%,var(--tm-accent) 18%)!important;
}
.theme-mini-main{padding:8px;display:grid;grid-template-rows:18px 31px 1fr;gap:7px;min-width:0}
.theme-mini-top{display:flex;justify-content:space-between;gap:7px}
.theme-mini-top span{width:54%;border-radius:3px;background:var(--tm-surface2);box-shadow:none!important}
.theme-mini-top em{width:24%;border-radius:3px;border:1px solid color-mix(in srgb,var(--tm-accent) 23%,transparent)}
.theme-mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.theme-mini-kpis i{height:auto!important;width:auto!important;border-radius:4px!important;background:var(--tm-surface)!important;border:1px solid color-mix(in srgb,var(--tm-accent) 11%,transparent)}
.theme-mini-body{display:grid;grid-template-columns:1.3fr .7fr;gap:5px;min-height:0}
.theme-mini-body>div,.theme-mini-body>aside{border:1px solid color-mix(in srgb,var(--tm-accent) 11%,transparent);border-radius:4px;background:var(--tm-surface);padding:5px}
.theme-mini-body>div{display:grid;grid-template-rows:9px repeat(3,1fr);gap:4px}
.theme-mini-body>div b{width:44%;border-radius:2px;background:linear-gradient(90deg,var(--tm-accent),var(--tm-accent2));opacity:.8}
.theme-mini-body>div span{display:block!important;grid-column:auto!important;border-radius:2px!important;background:var(--tm-surface2)!important;box-shadow:inset 2px 0 0 color-mix(in srgb,var(--tm-accent) 70%,transparent)!important}
.theme-mini-body>aside{display:grid;align-content:center;gap:5px}
.theme-mini-body>aside i{height:7px!important;width:100%!important;border-radius:3px!important;background:linear-gradient(90deg,var(--tm-accent) 65%,var(--tm-surface2) 65%)!important}
.theme-slate .theme-mini-ui{--tm-bg:#07101a;--tm-surface:#0b1622;--tm-surface2:#111f2e;--tm-accent:#4a7aa8;--tm-accent2:#626e7f}
.theme-steel .theme-mini-ui{--tm-bg:#07111b;--tm-surface:#0b1723;--tm-surface2:#122436;--tm-accent:#3f7eac;--tm-accent2:#526f8e}
.theme-graphite .theme-mini-ui{--tm-bg:#090d12;--tm-surface:#0e141b;--tm-surface2:#171f28;--tm-accent:#6f8295;--tm-accent2:#586473}
.theme-midnight .theme-mini-ui{--tm-bg:#070b13;--tm-surface:#0b111c;--tm-surface2:#121a28;--tm-accent:#536a93;--tm-accent2:#625b8c}
.theme-carbon .theme-mini-ui{--tm-bg:#070a0b;--tm-surface:#0a0f11;--tm-surface2:#10171a;--tm-accent:#29464d;--tm-accent2:#24383e}
.theme-obsidian .theme-mini-ui{--tm-bg:#090a0d;--tm-surface:#111319;--tm-surface2:#1a1e26;--tm-accent:#7c756f;--tm-accent2:#625f6c}

/* --- Footer separation: one public footer only, portal footer only in portal --- */
body.public-home-active .midround-footer-product{
  display:none!important;
}
.public-site-footer-product{
  background:transparent!important;
  border-top:1px solid color-mix(in srgb,var(--mr-primary) 11%,transparent);
}
.public-footer-brand{
  align-items:center!important;
  gap:30px!important;
}
.public-footer-brand img{width:265px!important}
body:not(.public-home-active) .midround-footer-product{
  margin-top:22px!important;
  padding:16px 2px 7px!important;
  border:0!important;
  border-top:1px solid color-mix(in srgb,var(--mr-primary) 12%,transparent)!important;
  border-radius:0!important;
  background:transparent!important;
}
body:not(.public-home-active) .portal-footer-brand img{
  width:230px!important;
  max-height:50px!important;
}

/* --- Responsive --- */
@media(max-width:1380px){
  body.public-home-active .public-app-header-product{
    grid-template-columns:minmax(255px,300px) minmax(350px,1fr) auto!important;
    gap:12px!important;
  }
  .brand-mark.brand-mark-wordmark,.public-home-active .public-brand-plaque{
    width:min(286px,27vw)!important;height:50px!important;
  }
  body.public-home-active .public-site-nav-product a{padding:0 7px!important;font-size:.7rem!important}
  body.public-home-active .public-header-actions-product>button{padding:0 9px!important}
  body:not(.public-home-active) .hero.app-header{
    grid-template-columns:255px minmax(240px,1fr) auto!important;
  }
  body:not(.public-home-active) .brand-mark.brand-mark-wordmark{
    width:245px!important;min-width:245px!important;height:46px!important;
  }
}
@media(max-width:1120px){
  body.public-home-active .public-app-header-product{
    grid-template-columns:minmax(235px,285px) 1fr auto!important;
  }
  body.public-home-active .public-site-nav-product{display:none!important}
  body:not(.public-home-active) .hero.app-header{
    grid-template-columns:230px minmax(220px,1fr) auto!important;
  }
  body:not(.public-home-active) .brand-mark.brand-mark-wordmark{
    width:220px!important;min-width:220px!important;height:43px!important;
  }
}
@media(max-width:820px){
  body.public-home-active .public-app-header-product{
    min-height:70px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    padding:9px 0!important;
  }
  body.public-home-active .public-brand-plaque{
    width:min(270px,55vw)!important;height:46px!important;
  }
  body.public-home-active .public-header-beta-btn{display:none!important}
  body:not(.public-home-active) .hero.app-header{
    grid-template-columns:minmax(0,1fr) auto!important;
    min-height:66px!important;
  }
  body:not(.public-home-active) .brand-mark.brand-mark-wordmark{
    width:min(235px,52vw)!important;min-width:0!important;height:42px!important;
  }
  body:not(.public-home-active) .global-search-wrap{display:none!important}
  .public-theme-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
  body.public-home-active .public-brand-plaque{
    width:min(220px,52vw)!important;height:40px!important;
  }
  body.public-home-active .public-login-btn .login-desktop-label{display:none!important}
  body.public-home-active .public-login-btn{width:38px!important;padding:0!important;justify-content:center!important}
  .public-theme-preview-grid{grid-template-columns:1fr!important}
  .public-viewer-preview{min-height:196px}
}


/* MIDROUND v3.3.1 · real 2D viewer homepage preview */
.public-viewer-preview-image{
  width:100%;
  margin:0;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--mr-primary) 20%,transparent);
  border-radius:8px;
  background:#07101a;
  aspect-ratio:1.16/1;
}
.public-viewer-preview-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
.public-feature-card.feature-viewer{
  min-height:0!important;
}
@media(max-width:820px){
  .public-viewer-preview-image{aspect-ratio:1.18/1}
}

/* v3.3.1 viewer preview flex containment */
.public-viewer-preview-image{
  min-width:0!important;
  max-width:100%!important;
  flex:0 0 auto!important;
}
.public-viewer-preview-image img{
  max-width:100%!important;
  min-width:0!important;
}
.public-feature-card.feature-viewer{
  flex-direction:column!important;
  align-items:stretch!important;
}
.public-feature-card.feature-viewer .feature-viewer-copy{
  flex:0 0 auto!important;
}

.public-feature-card.feature-viewer > .public-viewer-preview-image{width:100%!important;max-width:100%!important;min-width:0!important;align-self:stretch!important;flex:0 0 auto!important;}
.public-feature-card.feature-viewer > .public-viewer-preview-image{margin:0!important;}

/* MIDROUND v3.3.2 · Public footer space utilization */
.public-footer-main{
  display:grid;
  grid-template-columns:minmax(420px,620px) minmax(360px,480px);
  justify-content:space-between;
  align-items:stretch;
  gap:clamp(36px,6vw,86px);
  padding:28px 0 30px;
}
.public-footer-main .public-footer-links{
  width:100%;
  max-width:none!important;
  margin:0!important;
  align-self:start;
}
.public-footer-access{
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:10px;
  min-height:178px;
  padding:20px 22px;
  border:1px solid color-mix(in srgb,var(--mr-primary) 15%,transparent);
  border-radius:10px;
  background:
    linear-gradient(135deg,rgba(var(--mr-primary-rgb),.035),transparent 42%),
    color-mix(in srgb,var(--mr-surface) 88%,var(--mr-bg) 12%);
  box-shadow:none;
}
.public-footer-access-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  color:color-mix(in srgb,var(--mr-primary) 82%,#b9d0e5 18%);
  font-size:.64rem;
  font-weight:800;
  letter-spacing:.13em;
}
.public-footer-access-kicker>i,
.public-footer-access-meta>span:first-child>i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--mr-primary);
  box-shadow:0 0 0 3px rgba(var(--mr-primary-rgb),.08);
}
.public-footer-access h3{
  margin:0;
  max-width:390px;
  color:var(--mr-text);
  font-size:clamp(1.05rem,1.4vw,1.28rem);
  letter-spacing:-.025em;
  line-height:1.18;
}
.public-footer-access>p{
  margin:0;
  max-width:430px;
  color:var(--mr-muted);
  font-size:.72rem;
  line-height:1.55;
}
.public-footer-access-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:3px;
}
.public-footer-access-actions button{
  min-height:38px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  border-radius:7px!important;
  font-size:.69rem!important;
  font-weight:760!important;
}
.public-footer-access-actions .primary{
  background:linear-gradient(105deg,color-mix(in srgb,var(--mr-primary) 90%,#1177ba 10%),color-mix(in srgb,var(--mr-secondary) 72%,#7240bb 28%))!important;
  border-color:rgba(142,172,205,.22)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.public-footer-access-actions .primary:hover{
  filter:brightness(1.05);
  transform:none!important;
  box-shadow:none!important;
}
.public-footer-access-actions .secondary{
  background:transparent!important;
  border-color:color-mix(in srgb,var(--mr-primary) 20%,transparent)!important;
  color:var(--mr-text)!important;
  box-shadow:none!important;
}
.public-footer-access-actions .secondary:hover{
  background:rgba(255,255,255,.022)!important;
  transform:none!important;
  box-shadow:none!important;
}
.public-footer-access-actions .ui-icon{width:14px;height:14px}
.public-footer-access-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-top:3px;
  color:color-mix(in srgb,var(--mr-muted) 88%,transparent);
  font-size:.58rem;
}
.public-footer-access-meta>span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
}
.public-footer-access-meta>span:first-child>i{
  width:6px;
  height:6px;
}

@media(max-width:1080px){
  .public-footer-main{
    grid-template-columns:1fr;
    gap:24px;
  }
  .public-footer-access{
    max-width:none;
    min-height:0;
  }
}
@media(max-width:640px){
  .public-footer-main{padding:22px 0 24px}
  .public-footer-access{padding:17px}
  .public-footer-access-actions{flex-direction:column}
  .public-footer-access-actions button{width:100%!important;justify-content:center!important}
  .public-footer-access-meta{align-items:flex-start;flex-direction:column;gap:7px}
}

/* ==========================================================================
   MIDROUND v3.3.13 · UI balance / semantic control surfaces
   Structural selectors are not primary action buttons.
   ========================================================================== */

/* Footer conversion block: balanced two-button action group. */
.public-footer-access-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  width:100%!important;
  max-width:330px!important;
  margin:5px auto 0!important;
}
.public-footer-access-actions button{
  width:100%!important;
  min-width:0!important;
  justify-content:center!important;
  text-align:center!important;
}
.public-footer-access-actions .secondary{
  min-height:38px!important;
  padding:0 12px!important;
  border:1px solid color-mix(in srgb,var(--mr-primary) 17%,var(--hf88-border))!important;
  background:color-mix(in srgb,var(--mr-bg) 82%,var(--mr-surface) 18%)!important;
  color:color-mix(in srgb,var(--mr-text) 90%,var(--mr-muted) 10%)!important;
}
.public-footer-access-actions .secondary:hover{
  background:color-mix(in srgb,var(--mr-bg) 72%,var(--mr-surface) 28%)!important;
  border-color:color-mix(in srgb,var(--mr-primary) 30%,var(--hf88-border))!important;
}
@media(max-width:640px){
  .public-footer-access-actions{
    grid-template-columns:1fr!important;
    max-width:none!important;
  }
}

/* Portal theme picker: compact dark control instead of theme-colored slab. */
html[data-theme-key] body:not(.public-home-active) .theme-quick-trigger,
body:not(.public-home-active) .theme-quick-trigger{
  min-width:178px!important;
  height:40px!important;
  min-height:40px!important;
  padding:0 10px!important;
  border-radius:8px!important;
  border:1px solid color-mix(in srgb,var(--mr-primary) 16%,var(--hf88-border))!important;
  background:color-mix(in srgb,var(--mr-bg) 78%,var(--mr-surface) 22%)!important;
  color:var(--mr-text)!important;
  box-shadow:none!important;
  transform:none!important;
}
html[data-theme-key] body:not(.public-home-active) .theme-quick-trigger:hover,
html[data-theme-key] body:not(.public-home-active) .theme-quick-trigger[aria-expanded="true"],
body:not(.public-home-active) .theme-quick-trigger:hover,
body:not(.public-home-active) .theme-quick-trigger[aria-expanded="true"]{
  background:color-mix(in srgb,var(--mr-bg) 68%,var(--mr-surface) 32%)!important;
  border-color:color-mix(in srgb,var(--mr-primary) 30%,var(--hf88-border))!important;
  box-shadow:none!important;
}
body:not(.public-home-active) .theme-quick-icon{
  color:color-mix(in srgb,var(--mr-primary) 70%,var(--mr-muted) 30%)!important;
  stroke:currentColor!important;
  filter:none!important;
}
body:not(.public-home-active) .theme-quick-trigger-swatches i{
  border-color:color-mix(in srgb,var(--mr-bg) 88%,transparent)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.09)!important;
}

/* Demo source selector: these are navigation cards, not CTA buttons. */
html[data-theme-key] .demo-source-option,
.demo-source-option{
  min-height:116px!important;
  padding:14px 14px!important;
  align-content:center!important;
  border-radius:10px!important;
  border:1px solid color-mix(in srgb,var(--mr-primary) 11%,var(--hf88-border))!important;
  background:color-mix(in srgb,var(--mr-bg) 73%,var(--mr-surface) 27%)!important;
  color:var(--mr-text)!important;
  box-shadow:none!important;
  transform:none!important;
}
html[data-theme-key] .demo-source-option:hover,
.demo-source-option:hover{
  background:color-mix(in srgb,var(--mr-bg) 63%,var(--mr-surface) 37%)!important;
  border-color:color-mix(in srgb,var(--mr-primary) 25%,var(--hf88-border))!important;
  transform:none!important;
}
html[data-theme-key] .demo-source-option.is-active,
.demo-source-option.is-active{
  background:color-mix(in srgb,var(--mr-primary) 6%,color-mix(in srgb,var(--mr-bg) 72%,var(--mr-surface) 28%))!important;
  border-color:color-mix(in srgb,var(--mr-primary) 48%,var(--hf88-border))!important;
  box-shadow:inset 3px 0 0 color-mix(in srgb,var(--mr-primary) 72%,transparent)!important;
}
.demo-source-option .demo-source-step{
  width:34px!important;
  height:34px!important;
  border-radius:8px!important;
  background:color-mix(in srgb,var(--mr-surface2) 58%,var(--mr-bg) 42%)!important;
  border:1px solid color-mix(in srgb,var(--mr-primary) 9%,transparent)!important;
  color:color-mix(in srgb,var(--mr-text) 82%,var(--mr-muted) 18%)!important;
}
.demo-source-option.is-active .demo-source-step{
  color:color-mix(in srgb,var(--mr-primary) 72%,#dceafa 28%)!important;
  border-color:color-mix(in srgb,var(--mr-primary) 27%,transparent)!important;
  background:rgba(var(--mr-primary-rgb),.055)!important;
}
.demo-source-option strong{
  color:var(--mr-text)!important;
  font-size:.78rem!important;
  line-height:1.2!important;
}
.demo-source-option small{
  color:color-mix(in srgb,var(--mr-muted) 92%,transparent)!important;
  font-size:.64rem!important;
  line-height:1.45!important;
}

/* Stored-analysis rows: list rows, never primary-filled buttons. */
html[data-theme-key] .demo-library-item,
.demo-library-item{
  min-height:58px!important;
  padding:10px 12px!important;
  border-radius:9px!important;
  border:1px solid color-mix(in srgb,var(--mr-primary) 10%,var(--hf88-border))!important;
  background:color-mix(in srgb,var(--mr-bg) 75%,var(--mr-surface) 25%)!important;
  color:var(--mr-text)!important;
  box-shadow:none!important;
  transform:none!important;
}
html[data-theme-key] .demo-library-item:hover,
.demo-library-item:hover{
  background:color-mix(in srgb,var(--mr-bg) 65%,var(--mr-surface) 35%)!important;
  border-color:color-mix(in srgb,var(--mr-primary) 25%,var(--hf88-border))!important;
  transform:none!important;
}
.demo-library-item strong{color:var(--mr-text)!important}
.demo-library-item small{color:var(--mr-muted)!important}
.demo-library-map{
  border:1px solid color-mix(in srgb,var(--mr-primary) 10%,transparent)!important;
  background:color-mix(in srgb,var(--mr-surface2) 52%,var(--mr-bg) 48%)!important;
  color:color-mix(in srgb,var(--mr-text) 88%,var(--mr-muted) 12%)!important;
}

/* Demo Hub rows are also selectors/list rows. */
html[data-theme-key] .demo-hub-row,
.demo-hub-row{
  background:color-mix(in srgb,var(--mr-bg) 77%,var(--mr-surface) 23%)!important;
  border-color:color-mix(in srgb,var(--mr-primary) 9%,var(--hf88-border))!important;
  box-shadow:none!important;
  transform:none!important;
}
html[data-theme-key] .demo-hub-row:hover,
.demo-hub-row:hover{
  background:color-mix(in srgb,var(--mr-bg) 67%,var(--mr-surface) 33%)!important;
  border-color:color-mix(in srgb,var(--mr-primary) 22%,var(--hf88-border))!important;
}
html[data-theme-key] .demo-hub-row.is-selected,
.demo-hub-row.is-selected{
  background:color-mix(in srgb,var(--mr-primary) 5%,color-mix(in srgb,var(--mr-bg) 72%,var(--mr-surface) 28%))!important;
  border-color:color-mix(in srgb,var(--mr-primary) 42%,var(--hf88-border))!important;
}

/* Other structural buttons keep their component design instead of inheriting primary CTA fill. */
html[data-theme-key] :is(.module-entry-card,.admin-hub-action,.schedule-filter,.schedule-today,.icon-control,.home-action-item,.home-action-toggle),
:is(.module-entry-card,.admin-hub-action,.schedule-filter,.schedule-today,.icon-control,.home-action-item,.home-action-toggle){
  box-shadow:none!important;
}
html[data-theme-key] .module-entry-card,
html[data-theme-key] .admin-hub-action{
  background:color-mix(in srgb,var(--mr-bg) 76%,var(--mr-surface) 24%)!important;
  border-color:color-mix(in srgb,var(--mr-primary) 9%,var(--hf88-border))!important;
  color:var(--mr-text)!important;
}
html[data-theme-key] .module-entry-card:hover,
html[data-theme-key] .admin-hub-action:hover{
  background:color-mix(in srgb,var(--mr-bg) 66%,var(--mr-surface) 34%)!important;
  border-color:color-mix(in srgb,var(--mr-primary) 22%,var(--hf88-border))!important;
  box-shadow:none!important;
}

/* Keep the analyzer's two main columns aligned and calm. */
.demo-analyzer-layout{
  align-items:start!important;
}
.demo-upload-card,.demo-library-card{
  height:auto!important;
  align-self:start!important;
}
.demo-library-card .detail-section-head{
  align-items:flex-start!important;
}

@media(max-width:1100px){
  .demo-source-switch{gap:8px!important}
  .demo-source-option{min-height:104px!important}
}
@media(max-width:700px){
  .demo-source-option{min-height:0!important}
}


/* ==========================================================================
   MIDROUND v3.3.13 · Navigation clarity + PRIMARY playground
   ========================================================================== */

/* One navigation cue means one navigation cue. No glow-ghost / pseudo-chevron. */
.primary-nav-main .primary-nav-item::before,
.primary-nav-main .primary-nav-item::after{
  pointer-events:none!important;
}
.primary-nav-entry.has-dropdown>.primary-nav-item>.primary-nav-chevron{
  position:relative!important;
  display:block!important;
  width:11px!important;
  min-width:11px!important;
  height:10px!important;
  border:0!important;
  background:none!important;
  transform:none!important;
  filter:none!important;
  opacity:.86!important;
}
.primary-nav-entry.has-dropdown>.primary-nav-item>.primary-nav-chevron::before{
  content:""!important;
  position:absolute!important;
  left:2px!important;
  top:1px!important;
  width:6px!important;
  height:6px!important;
  border-right:1.5px solid color-mix(in srgb,var(--nav-accent) 58%,var(--mr-muted))!important;
  border-bottom:1.5px solid color-mix(in srgb,var(--nav-accent) 58%,var(--mr-muted))!important;
  transform:rotate(45deg)!important;
  transition:transform .16s ease,border-color .16s ease!important;
}
.primary-nav-entry.open>.primary-nav-item>.primary-nav-chevron::before{
  transform:translateY(3px) rotate(225deg)!important;
  border-color:var(--nav-accent)!important;
}
.primary-nav-entry:not(.has-dropdown)>.primary-nav-item>.primary-nav-chevron{display:none!important}

/* PRIMARY CONTROL is intentionally NOT sober. This area is Primary Admin only. */
.primary-control-nav-wrap{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border:1px solid rgba(255,210,102,.38)!important;
  background:
    radial-gradient(420px 170px at 4% -20%,rgba(255,215,95,.18),transparent 68%),
    radial-gradient(520px 180px at 52% 140%,rgba(60,216,255,.13),transparent 70%),
    radial-gradient(430px 190px at 98% -10%,rgba(188,91,255,.20),transparent 70%),
    linear-gradient(120deg,rgba(255,191,72,.055),rgba(48,207,255,.045) 44%,rgba(187,86,255,.075))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(180,93,255,.10),
    0 0 0 1px rgba(255,214,105,.035),
    0 0 26px rgba(192,91,255,.09),
    0 14px 32px rgba(0,0,0,.22)!important;
}
.primary-control-nav-wrap::before{
  content:"";
  position:absolute;
  z-index:0;
  width:440px;
  height:440px;
  left:-160px;
  top:-205px;
  border-radius:50%;
  background:conic-gradient(from 0deg,transparent 0 18%,rgba(255,219,111,.32) 23%,transparent 29% 48%,rgba(71,218,255,.24) 54%,transparent 61% 78%,rgba(193,90,255,.28) 84%,transparent 91%);
  filter:blur(9px);
  opacity:.62;
  animation:primaryAdminOrbit 9s linear infinite;
  pointer-events:none;
}
.primary-control-nav-wrap::after{
  content:"✦   ·   ✧   ·   ✦";
  position:absolute;
  z-index:0;
  right:15px;
  top:-3px;
  color:rgba(255,223,132,.68);
  font-size:10px;
  letter-spacing:10px;
  text-shadow:0 0 9px rgba(255,207,84,.85),0 0 18px rgba(188,91,255,.50);
  animation:primaryAdminSparkle 2.6s ease-in-out infinite;
  pointer-events:none;
}
.primary-control-nav-wrap>*{position:relative;z-index:1}
.primary-control-nav-heading{
  border-right-color:rgba(255,213,103,.30)!important;
}
.primary-control-nav-heading span{
  color:transparent!important;
  background:linear-gradient(90deg,#ffe486 0%,#ffffff 28%,#5ee7ff 53%,#d493ff 76%,#ffe486 100%);
  background-size:220% auto;
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:0 0 18px rgba(255,207,81,.14);
  animation:primaryAdminTextShine 3.2s linear infinite;
}
.primary-control-nav-heading small{
  color:rgba(220,209,239,.72)!important;
}
.primary-nav-control .primary-admin-meta-nav{
  --nav-accent:#ffd66c!important;
  border-color:rgba(255,210,103,.34)!important;
  background:
    radial-gradient(150px 80px at 100% -10%,rgba(203,101,255,.23),transparent 70%),
    radial-gradient(130px 80px at -10% 100%,rgba(52,219,255,.12),transparent 70%),
    linear-gradient(135deg,rgba(255,198,83,.095),rgba(41,202,255,.055) 48%,rgba(187,86,255,.11))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.095),
    0 0 0 1px rgba(255,214,98,.025),
    0 0 18px rgba(194,88,255,.075),
    0 8px 20px rgba(0,0,0,.19)!important;
}
.primary-nav-control .primary-admin-meta-nav::before{
  border-color:rgba(255,221,116,.40)!important;
  background:linear-gradient(100deg,rgba(255,203,83,.15),rgba(184,92,255,.16))!important;
  color:#ffe496!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 12px rgba(255,202,78,.13)!important;
}
.primary-nav-control .primary-admin-meta-nav::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-120% -45%!important;
  border-radius:inherit!important;
  background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.03) 44%,rgba(255,232,156,.25) 49%,rgba(212,148,255,.16) 52%,transparent 58%)!important;
  transform:translateX(-58%) rotate(2deg)!important;
  animation:primaryAdminSweep 4.8s ease-in-out infinite!important;
  pointer-events:none!important;
  z-index:2!important;
}
.primary-nav-control .primary-admin-meta-nav .nav-icon{
  color:#ffe080!important;
  border-color:rgba(255,215,105,.38)!important;
  background:linear-gradient(135deg,rgba(255,201,76,.17),rgba(68,216,255,.09) 48%,rgba(190,93,255,.18))!important;
  box-shadow:0 0 13px rgba(255,209,82,.11),0 0 20px rgba(188,91,255,.08)!important;
}
.primary-nav-control .primary-admin-meta-nav:hover,
.primary-nav-control .primary-nav-entry.open>.primary-admin-meta-nav,
.primary-nav-control .primary-admin-meta-nav.active{
  border-color:rgba(255,224,127,.70)!important;
  background:
    radial-gradient(170px 90px at 100% 0%,rgba(204,101,255,.34),transparent 70%),
    radial-gradient(150px 90px at 0 100%,rgba(54,223,255,.19),transparent 70%),
    linear-gradient(135deg,rgba(255,199,78,.16),rgba(42,204,255,.085) 48%,rgba(190,88,255,.18))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 3px 0 0 rgba(255,219,104,.92),
    0 0 15px rgba(255,205,78,.12),
    0 0 26px rgba(188,91,255,.14),
    0 12px 26px rgba(0,0,0,.22)!important;
}
.primary-nav-control .primary-nav-entry .primary-nav-dropdown{
  border-color:rgba(255,214,105,.38)!important;
  background:
    radial-gradient(300px 140px at 8% 0%,rgba(255,203,78,.11),transparent 72%),
    radial-gradient(260px 130px at 100% 0%,rgba(191,87,255,.12),transparent 72%),
    linear-gradient(165deg,color-mix(in srgb,var(--mr-surface) 97%,black),color-mix(in srgb,var(--mr-bg) 98%,black))!important;
  box-shadow:0 22px 62px rgba(0,0,0,.48),0 0 24px rgba(189,89,255,.10)!important;
}
.primary-nav-control .primary-nav-entry.has-dropdown>.primary-nav-item>.primary-nav-chevron::before{
  border-color:#ffde7e!important;
}

@keyframes primaryAdminOrbit{to{transform:rotate(360deg)}}
@keyframes primaryAdminSparkle{0%,100%{opacity:.25;transform:translateY(0) scale(.95)}50%{opacity:1;transform:translateY(2px) scale(1.05)}}
@keyframes primaryAdminTextShine{to{background-position:220% center}}
@keyframes primaryAdminSweep{0%,50%{transform:translateX(-62%) rotate(2deg)}72%,100%{transform:translateX(62%) rotate(2deg)}}

@media(prefers-reduced-motion:reduce){
  .primary-control-nav-wrap::before,
  .primary-control-nav-wrap::after,
  .primary-control-nav-heading span,
  .primary-nav-control .primary-admin-meta-nav::after{animation:none!important}
}


/* ==========================================================================
   MIDROUND v3.3.13 · footer rebuild / navigation polish / dropdown layering
   ========================================================================== */

/* --------------------------------------------------------------------------
   Brand contrast on dark surfaces
   No plaque, no background box: only stronger image contrast.
   -------------------------------------------------------------------------- */
body.public-home-active .public-brand-plaque img,
body:not(.public-home-active) .brand-mark.brand-mark-wordmark img,
.public-site-footer-product .public-footer-logo-plaque img,
body:not(.public-home-active) .portal-footer-brand img{
  filter:brightness(1.27) contrast(1.07) saturate(1.08)!important;
  opacity:1!important;
}

/* --------------------------------------------------------------------------
   PUBLIC FOOTER – completely new composition
   Open horizontal close-out -> directory -> meta line.
   -------------------------------------------------------------------------- */
.public-site-footer-product{
  margin:0!important;
  padding:0 clamp(42px,6vw,92px)!important;
  border:0!important;
  border-top:1px solid color-mix(in srgb,var(--mr-primary) 13%,transparent)!important;
  border-radius:0!important;
  background:
    radial-gradient(680px 240px at 8% 0%,rgba(var(--mr-primary-rgb),.045),transparent 72%),
    radial-gradient(620px 220px at 92% 0%,rgba(var(--mr-secondary-rgb),.035),transparent 72%),
    linear-gradient(180deg,color-mix(in srgb,var(--mr-bg) 98%,#02070d 2%),color-mix(in srgb,var(--mr-bg) 99%,black))!important;
  box-shadow:none!important;
}

.public-footer-closing{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:50px;
  padding:42px 0 36px;
  border-bottom:1px solid color-mix(in srgb,var(--mr-primary) 11%,transparent);
}
.public-footer-closing-copy{
  max-width:760px;
  min-width:0;
}
.public-footer-closing-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:13px;
  color:color-mix(in srgb,var(--mr-primary) 76%,#dbeaf8 24%);
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.15em;
}
.public-footer-closing-kicker>i{
  width:7px;
  height:7px;
  flex:0 0 auto;
  border-radius:50%;
  background:color-mix(in srgb,var(--mr-primary) 75%,#b9d8f4 25%);
  box-shadow:0 0 0 4px rgba(var(--mr-primary-rgb),.055);
}
.public-footer-closing h2{
  margin:0!important;
  max-width:760px;
  color:var(--mr-text);
  font-size:clamp(1.65rem,2.4vw,2.45rem)!important;
  line-height:1.06!important;
  letter-spacing:-.035em!important;
}
.public-footer-closing p{
  max-width:690px;
  margin:13px 0 0!important;
  color:var(--mr-muted);
  line-height:1.7;
  font-size:.82rem;
}
.public-footer-closing-actions{
  width:min(470px,36vw);
  display:grid;
  justify-items:stretch;
  gap:12px;
}
.public-footer-closing-buttons{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.public-footer-closing-buttons>button{
  min-width:0;
  min-height:46px!important;
  width:100%;
  padding:0 18px!important;
  border-radius:8px!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  white-space:nowrap;
}
.public-footer-closing-buttons>button .ui-icon{
  width:15px;
  height:15px;
}
.public-footer-closing-buttons #publicFooterBetaCta{
  background:linear-gradient(
    105deg,
    color-mix(in srgb,var(--mr-primary) 82%,#356a99 18%),
    color-mix(in srgb,var(--mr-secondary) 55%,var(--mr-primary) 45%)
  )!important;
  border-color:color-mix(in srgb,var(--mr-primary) 38%,transparent)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.public-footer-closing-buttons #publicFooterPortalCta{
  background:transparent!important;
  border-color:color-mix(in srgb,var(--mr-primary) 23%,transparent)!important;
  color:var(--mr-text)!important;
}
.public-footer-closing-buttons>button:hover{
  transform:none!important;
  border-color:color-mix(in srgb,var(--mr-primary) 42%,transparent)!important;
}
.public-footer-closing-meta{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:7px;
  color:color-mix(in srgb,var(--mr-muted) 88%,transparent);
  font-size:.62rem;
  white-space:nowrap;
}
.public-footer-closing-meta b{
  color:color-mix(in srgb,var(--mr-primary) 42%,transparent);
}

.public-footer-directory{
  display:grid;
  grid-template-columns:minmax(340px,.86fr) minmax(500px,1.14fr);
  gap:70px;
  align-items:start;
  padding:34px 0 32px;
}
.public-site-footer-product .public-footer-brand{
  display:grid!important;
  grid-template-columns:270px minmax(0,1fr)!important;
  align-items:center!important;
  gap:28px!important;
  min-width:0;
}
.public-site-footer-product .public-footer-logo-plaque{
  width:270px!important;
  height:auto!important;
}
.public-site-footer-product .public-footer-brand p{
  margin:0!important;
  max-width:430px;
  color:var(--mr-muted);
  font-size:.71rem;
  line-height:1.75;
}
.public-site-footer-product .public-footer-links{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(135px,1fr))!important;
  gap:34px!important;
  justify-self:stretch;
}
.public-site-footer-product .public-footer-links>div{
  display:grid;
  align-content:start;
  gap:10px;
}
.public-site-footer-product .public-footer-links strong{
  color:var(--mr-text);
  font-size:.69rem;
  margin-bottom:2px;
}
.public-site-footer-product .public-footer-links a,
.public-site-footer-product .public-footer-links button{
  width:max-content;
  max-width:100%;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mr-muted)!important;
  font-size:.66rem;
  font-weight:550!important;
  text-decoration:none;
  transform:none!important;
}
.public-site-footer-product .public-footer-links a:hover,
.public-site-footer-product .public-footer-links button:hover{
  color:var(--mr-text)!important;
  text-decoration:underline;
  text-underline-offset:4px;
}

.public-site-footer-product .public-footer-bottom{
  min-height:58px;
  padding:16px 0 18px!important;
  border-top:1px solid color-mix(in srgb,var(--mr-primary) 9%,transparent)!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  gap:24px!important;
  color:color-mix(in srgb,var(--mr-muted) 83%,transparent);
  font-size:.61rem;
}
.public-site-footer-product .public-footer-bottom>span:last-child{
  justify-self:end;
}
.public-footer-platform-state{
  display:inline-flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
}
.public-footer-platform-state>i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#4bc58a;
  box-shadow:0 0 0 4px rgba(75,197,138,.055);
}

/* old footer conversion layout is intentionally retired */
.public-footer-main,
.public-footer-access,
.public-footer-access-actions,
.public-footer-access-meta{
  all:unset;
}
.public-footer-main,
.public-footer-access{
  display:none!important;
}

/* --------------------------------------------------------------------------
   NORMAL NAVIGATION – restrained PRIMARY-inspired light sweep
   -------------------------------------------------------------------------- */
.primary-nav-main .primary-nav-entry:not([data-nav-group="admin"])>.primary-nav-item{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
.primary-nav-main .primary-nav-entry:not([data-nav-group="admin"])>.primary-nav-item::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  top:-35%!important;
  bottom:-35%!important;
  left:-60%!important;
  width:34%!important;
  border-radius:50%!important;
  background:linear-gradient(
    90deg,
    transparent,
    color-mix(in srgb,var(--nav-accent) 14%,rgba(255,255,255,.04)),
    transparent
  )!important;
  filter:blur(7px)!important;
  opacity:0!important;
  transform:skewX(-18deg)!important;
  pointer-events:none!important;
}
.primary-nav-main .primary-nav-entry:not([data-nav-group="admin"])>.primary-nav-item:hover::after{
  opacity:.68!important;
  animation:midroundNavSweep 1.05s ease-out 1!important;
}
.primary-nav-main .primary-nav-entry:not([data-nav-group="admin"])>.primary-nav-item.active::after{
  opacity:.38!important;
  animation:midroundNavSweepActive 5.8s ease-in-out infinite!important;
}
.primary-nav-main .primary-nav-entry:not([data-nav-group="admin"])>.primary-nav-item>*{
  position:relative;
  z-index:1;
}
.primary-nav-main .primary-nav-entry:not([data-nav-group="admin"])>.primary-nav-item:hover,
.primary-nav-main .primary-nav-entry:not([data-nav-group="admin"])>.primary-nav-item.active{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 -1px 0 color-mix(in srgb,var(--nav-accent) 8%,transparent)!important;
}
@keyframes midroundNavSweep{
  from{left:-55%}
  to{left:132%}
}
@keyframes midroundNavSweepActive{
  0%,58%{left:-62%;opacity:0}
  66%{opacity:.42}
  82%{left:128%;opacity:.22}
  100%{left:128%;opacity:0}
}

/* --------------------------------------------------------------------------
   PRIMARY DROPDOWNS – escape the glitter container instead of being clipped
   -------------------------------------------------------------------------- */
.primary-control-nav-wrap{
  overflow:visible!important;
  z-index:3!important;
}
/* Keep decoration inside the panel even though overflow is now visible. */
.primary-control-nav-wrap::before{
  inset:1px!important;
  left:1px!important;
  top:1px!important;
  right:1px!important;
  bottom:1px!important;
  width:auto!important;
  height:auto!important;
  border-radius:11px!important;
  background:
    linear-gradient(
      115deg,
      transparent 0 18%,
      rgba(255,218,108,.10) 28%,
      rgba(72,218,255,.08) 48%,
      rgba(191,89,255,.11) 68%,
      transparent 82%
    )!important;
  background-size:220% 100%!important;
  filter:none!important;
  opacity:.92!important;
  transform:none!important;
  animation:primaryAdminAurora 7s ease-in-out infinite!important;
  pointer-events:none!important;
}
.primary-control-nav-wrap::after{
  right:14px!important;
  top:4px!important;
}
.primary-nav-control{
  overflow:visible!important;
  position:relative!important;
  z-index:5!important;
}
.primary-nav-control .primary-nav-entry{
  overflow:visible!important;
  position:relative!important;
}
.primary-nav-control .primary-nav-entry.open{
  z-index:500!important;
}
.primary-nav-control .primary-nav-entry .primary-nav-dropdown{
  z-index:1000!important;
  top:calc(100% + 8px)!important;
  overflow:auto!important;
  max-height:min(62vh,560px)!important;
}
.portal-navigation{
  overflow:visible!important;
}
@keyframes primaryAdminAurora{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

@media(prefers-reduced-motion:reduce){
  .primary-nav-main .primary-nav-item::after,
  .primary-control-nav-wrap::before{
    animation:none!important;
  }
}

/* Footer responsive */
@media(max-width:1180px){
  .public-footer-directory{
    grid-template-columns:1fr;
    gap:30px;
  }
  .public-site-footer-product .public-footer-brand{
    grid-template-columns:250px minmax(0,1fr)!important;
  }
  .public-site-footer-product .public-footer-links{
    max-width:760px;
  }
}
@media(max-width:900px){
  .public-footer-closing{
    grid-template-columns:1fr;
    gap:24px;
  }
  .public-footer-closing-actions{
    width:100%;
    max-width:620px;
  }
  .public-footer-closing-meta{
    justify-content:flex-start;
  }
  .public-site-footer-product .public-footer-bottom{
    grid-template-columns:1fr auto!important;
  }
  .public-footer-platform-state{
    display:none!important;
  }
}
@media(max-width:700px){
  .public-site-footer-product{
    padding-left:24px!important;
    padding-right:24px!important;
  }
  .public-site-footer-product .public-footer-brand{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  .public-site-footer-product .public-footer-logo-plaque{
    width:min(270px,78vw)!important;
  }
  .public-site-footer-product .public-footer-links{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:26px 20px!important;
  }
}
@media(max-width:520px){
  .public-footer-closing{
    padding:32px 0 28px;
  }
  .public-footer-closing-buttons{
    grid-template-columns:1fr;
  }
  .public-footer-closing-meta{
    flex-wrap:wrap;
    white-space:normal;
  }
  .public-site-footer-product .public-footer-links{
    grid-template-columns:1fr!important;
  }
  .public-site-footer-product .public-footer-bottom{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .public-site-footer-product .public-footer-bottom>span:last-child{
    justify-self:start;
  }
}

/* ==========================================================================
   MIDROUND v3.3.13 · compact product footer
   ========================================================================== */
.public-site-footer-product{
  padding:0 clamp(32px,5vw,76px)!important;
  border:0!important;
  border-top:1px solid color-mix(in srgb,var(--mr-primary) 13%,transparent)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--mr-bg) 98%,#03080d 2%),var(--mr-bg))!important;
  box-shadow:none!important;
}
.public-footer-core{
  display:grid;
  grid-template-columns:minmax(330px,1.1fr) minmax(440px,1.45fr) minmax(280px,.82fr);
  gap:clamp(34px,4vw,68px);
  align-items:start;
  padding:32px 0 29px;
}
.public-site-footer-product .public-footer-brand{
  display:block!important;
  min-width:0;
}
.public-site-footer-product .public-footer-logo-plaque{
  width:260px!important;
  margin:0 0 15px!important;
}
.public-site-footer-product .public-footer-brand p{
  max-width:390px;
  margin:0!important;
  color:var(--mr-muted);
  font-size:.69rem;
  line-height:1.72;
}
.public-site-footer-product .public-footer-links{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(110px,1fr))!important;
  gap:28px!important;
  align-items:start;
  padding-top:5px;
}
.public-site-footer-product .public-footer-links>div{
  display:grid;
  align-content:start;
  gap:10px;
}
.public-site-footer-product .public-footer-links strong{
  margin-bottom:2px;
  color:var(--mr-text);
  font-size:.68rem;
}
.public-site-footer-product .public-footer-links a,
.public-site-footer-product .public-footer-links button{
  width:max-content;
  max-width:100%;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  color:var(--mr-muted)!important;
  font-size:.65rem;
  font-weight:550!important;
  text-decoration:none;
}
.public-site-footer-product .public-footer-links a:hover,
.public-site-footer-product .public-footer-links button:hover{
  color:var(--mr-text)!important;
  text-decoration:underline;
  text-underline-offset:4px;
}
.public-footer-access-compact{
  min-width:0;
  padding-left:28px;
  border-left:1px solid color-mix(in srgb,var(--mr-primary) 12%,transparent);
}
.public-footer-access-kicker{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:10px;
  color:color-mix(in srgb,var(--mr-primary) 72%,#d9e8f7 28%);
  font-size:.59rem;
  font-weight:900;
  letter-spacing:.14em;
}
.public-footer-access-kicker i{
  width:6px;height:6px;border-radius:50%;
  background:color-mix(in srgb,var(--mr-primary) 78%,#bfe0fb 22%);
}
.public-footer-access-compact>strong{
  display:block;
  max-width:330px;
  color:var(--mr-text);
  font-size:1rem;
  line-height:1.22;
  letter-spacing:-.018em;
}
.public-footer-access-compact>p{
  margin:8px 0 14px!important;
  max-width:330px;
  color:var(--mr-muted);
  font-size:.66rem;
  line-height:1.58;
}
.public-footer-access-buttons{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.public-footer-access-buttons>button{
  width:100%;
  min-width:0;
  min-height:38px!important;
  padding:0 10px!important;
  border-radius:7px!important;
  font-size:.64rem!important;
  box-shadow:none!important;
  transform:none!important;
}
.public-footer-access-buttons #publicFooterBetaCta{
  background:color-mix(in srgb,var(--mr-primary) 78%,#2f608b 22%)!important;
  border-color:color-mix(in srgb,var(--mr-primary) 34%,transparent)!important;
  color:#fff!important;
}
.public-footer-access-buttons #publicFooterPortalCta{
  background:transparent!important;
  border-color:color-mix(in srgb,var(--mr-primary) 22%,transparent)!important;
  color:var(--mr-text)!important;
}
.public-footer-access-compact>small{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:9px;
  color:color-mix(in srgb,var(--mr-muted) 82%,transparent);
  font-size:.56rem;
  white-space:nowrap;
}
.public-footer-access-compact>small b{color:color-mix(in srgb,var(--mr-primary) 38%,transparent)}
.public-site-footer-product .public-footer-bottom{
  min-height:49px;
  padding:13px 0 14px!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  gap:20px!important;
  border-top:1px solid color-mix(in srgb,var(--mr-primary) 9%,transparent)!important;
  color:color-mix(in srgb,var(--mr-muted) 82%,transparent);
  font-size:.58rem;
}
.public-site-footer-product .public-footer-bottom>span:last-child{justify-self:end}
.public-footer-platform-state{display:flex;align-items:center;gap:7px;white-space:nowrap}
.public-footer-platform-state i{width:6px;height:6px;border-radius:50%;background:#4bc58a;box-shadow:0 0 0 3px rgba(75,197,138,.045)}
/* retire the oversized 3.3.4 close-out composition */
.public-footer-closing,.public-footer-directory,.public-footer-closing-copy,.public-footer-closing-actions,.public-footer-closing-buttons,.public-footer-closing-meta{display:none!important}
@media(max-width:1120px){
  .public-footer-core{grid-template-columns:minmax(300px,.9fr) minmax(410px,1.1fr);gap:30px 44px}
  .public-footer-access-compact{grid-column:1/-1;padding:24px 0 0;border-left:0;border-top:1px solid color-mix(in srgb,var(--mr-primary) 10%,transparent);display:grid;grid-template-columns:minmax(240px,1fr) minmax(320px,420px);column-gap:32px;align-items:center}
  .public-footer-access-kicker,.public-footer-access-compact>strong,.public-footer-access-compact>p{grid-column:1}
  .public-footer-access-buttons,.public-footer-access-compact>small{grid-column:2}
  .public-footer-access-buttons{grid-row:1/4;align-self:center}
  .public-footer-access-compact>small{grid-row:4;justify-self:end}
}
@media(max-width:760px){
  .public-site-footer-product{padding-left:24px!important;padding-right:24px!important}
  .public-footer-core{grid-template-columns:1fr;gap:27px;padding-top:28px}
  .public-site-footer-product .public-footer-links{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .public-footer-access-compact{grid-column:auto;display:block;padding:24px 0 0;border-top:1px solid color-mix(in srgb,var(--mr-primary) 10%,transparent)}
  .public-footer-access-compact>small{justify-content:flex-start}
  .public-site-footer-product .public-footer-bottom{grid-template-columns:1fr auto!important}
  .public-footer-platform-state{display:none!important}
}
@media(max-width:520px){
  .public-site-footer-product .public-footer-links{grid-template-columns:1fr 1fr!important;gap:24px 18px!important}
  .public-footer-access-buttons{grid-template-columns:1fr}
  .public-footer-access-compact>small{white-space:normal;flex-wrap:wrap}
  .public-site-footer-product .public-footer-bottom{grid-template-columns:1fr!important;gap:6px!important}
  .public-site-footer-product .public-footer-bottom>span:last-child{justify-self:start}
}


/* ==========================================================================
   MIDROUND v3.3.13 · navigation truth / theme selector cards / brand runtime
   ========================================================================== */

/* Runtime captions are data, not visible navigation UI. */
.primary-nav-item>.primary-nav-caption{
  display:none!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  max-width:0!important;
  overflow:hidden!important;
  opacity:0!important;
  visibility:hidden!important;
  position:absolute!important;
  pointer-events:none!important;
}

/* One clean chevron. No text glyph, no border artifact, no glow ghost. */
.primary-nav-entry.has-dropdown>.primary-nav-item>.primary-nav-chevron{
  position:relative!important;
  display:block!important;
  width:9px!important;
  min-width:9px!important;
  height:7px!important;
  border:0!important;
  background:none!important;
  filter:none!important;
  opacity:.82!important;
  transform:none!important;
  overflow:visible!important;
}
.primary-nav-entry.has-dropdown>.primary-nav-item>.primary-nav-chevron::before{
  content:""!important;
  position:absolute!important;
  inset:1px 0 auto 0!important;
  width:9px!important;
  height:5px!important;
  border:0!important;
  background:color-mix(in srgb,var(--nav-accent) 60%,var(--mr-muted))!important;
  clip-path:polygon(0 0,50% 72%,100% 0,100% 30%,50% 100%,0 30%)!important;
  transform:none!important;
  transition:transform .16s ease,background .16s ease!important;
  filter:none!important;
  box-shadow:none!important;
}
.primary-nav-entry.open>.primary-nav-item>.primary-nav-chevron::before{
  transform:rotate(180deg)!important;
  background:color-mix(in srgb,var(--nav-accent) 86%,#dfeaf4)!important;
}
.primary-nav-entry:not(.has-dropdown)>.primary-nav-item>.primary-nav-chevron{
  display:none!important;
}

/* Theme selectors are selector cards – never global CTA buttons. */
html[data-theme-key] button.theme-choice,
html[data-theme-key] button.theme-primary-tile{
  color:var(--mr-text)!important;
  background:
    linear-gradient(
      155deg,
      color-mix(in srgb,var(--mr-surface) 96%,var(--mr-primary) 4%),
      color-mix(in srgb,var(--mr-bg) 93%,var(--mr-surface) 7%)
    )!important;
  border-color:color-mix(in srgb,var(--mr-primary) 13%,var(--line))!important;
  box-shadow:none!important;
}
html[data-theme-key] button.theme-choice:hover:not(:disabled),
html[data-theme-key] button.theme-primary-tile:hover:not(:disabled){
  transform:none!important;
  background:
    linear-gradient(
      155deg,
      color-mix(in srgb,var(--mr-surface) 93%,var(--mr-primary) 7%),
      color-mix(in srgb,var(--mr-bg) 90%,var(--mr-surface) 10%)
    )!important;
  border-color:color-mix(in srgb,var(--mr-primary) 28%,var(--line))!important;
}
html[data-theme-key] button.theme-choice.active,
html[data-theme-key] button.theme-primary-tile.active{
  background:
    linear-gradient(
      140deg,
      color-mix(in srgb,var(--mr-surface) 88%,var(--mr-primary) 12%),
      color-mix(in srgb,var(--mr-bg) 88%,var(--mr-secondary) 12%)
    )!important;
  border-color:color-mix(in srgb,var(--mr-primary) 48%,var(--line))!important;
  box-shadow:inset 3px 0 0 var(--mr-primary)!important;
}
html[data-theme-key] button.theme-choice:disabled{
  opacity:.62!important;
}

/* PRIMARY dropdown is a viewport overlay, fully independent of nav clipping. */
.primary-nav-control .primary-nav-entry.primary-dropdown-fixed>.primary-nav-dropdown{
  position:fixed!important;
  right:auto!important;
  margin:0!important;
  z-index:10000!important;
  max-height:min(64vh,580px)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  isolation:isolate!important;
}
.primary-nav-control .primary-nav-entry.primary-dropdown-fixed{
  z-index:10000!important;
}
.portal-navigation,
.primary-control-nav-wrap,
.primary-nav-control,
.primary-nav-control .primary-nav-entry{
  overflow:visible!important;
}

/* Keep PRIMARY badge and chevron in distinct lanes. */
.primary-nav-control .primary-admin-meta-nav{
  grid-template-columns:23px minmax(0,1fr) 10px!important;
}
.primary-nav-control .primary-admin-meta-nav.has-dropdown{
  padding-right:76px!important;
}
.primary-nav-control .primary-nav-entry.has-dropdown>.primary-admin-meta-nav{
  padding-right:76px!important;
}
.primary-nav-control .primary-nav-entry.has-dropdown>.primary-admin-meta-nav>.primary-nav-chevron{
  position:absolute!important;
  right:58px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:4!important;
}

/* The dark-surface logo file itself is the source of truth. No filter can
   rescue black pixels from the legacy compact logo, so runtime now uses dark. */
body:not(.public-home-active) .brand-mark.brand-mark-wordmark img,
body.public-home-active .public-brand-plaque img,
.public-site-footer-product .public-footer-logo-plaque img,
body:not(.public-home-active) .portal-footer-brand img{
  filter:none!important;
  opacity:1!important;
}



/* v3.3.13 final theme-card guard: cards stay panels in every portal theme. */
html[data-theme-key] body .theme-center-page button.theme-choice,
html[data-theme-key] body .theme-center-page button.theme-primary-tile{
  background:color-mix(in srgb,var(--mr-surface) 96%,var(--mr-bg) 4%)!important;
  border:1px solid color-mix(in srgb,var(--mr-primary) 14%,var(--line))!important;
  color:var(--mr-text)!important;
  box-shadow:none!important;
}
html[data-theme-key] body .theme-center-page button.theme-choice:hover:not(:disabled),
html[data-theme-key] body .theme-center-page button.theme-primary-tile:hover:not(:disabled){
  background:color-mix(in srgb,var(--mr-surface) 92%,var(--mr-primary) 8%)!important;
  border-color:color-mix(in srgb,var(--mr-primary) 29%,var(--line))!important;
  transform:none!important;
}
html[data-theme-key] body .theme-center-page button.theme-choice.active,
html[data-theme-key] body .theme-center-page button.theme-primary-tile.active{
  background:
    linear-gradient(
      140deg,
      color-mix(in srgb,var(--mr-surface) 88%,var(--mr-primary) 12%),
      color-mix(in srgb,var(--mr-bg) 91%,var(--mr-secondary) 9%)
    )!important;
  border-color:color-mix(in srgb,var(--mr-primary) 46%,var(--line))!important;
  box-shadow:inset 3px 0 0 var(--mr-primary)!important;
}


/* Dropdown destinations are menu rows, never Primary CTA buttons. */
html[data-theme-key] body button.primary-nav-dropdown-item{
  min-height:46px!important;
  padding:9px 10px!important;
  color:var(--mr-text)!important;
  background:color-mix(in srgb,var(--mr-surface) 94%,var(--mr-bg) 6%)!important;
  border:1px solid color-mix(in srgb,var(--mr-primary) 9%,var(--line))!important;
  box-shadow:none!important;
  transform:none!important;
}
html[data-theme-key] body button.primary-nav-dropdown-item:hover{
  color:var(--mr-text)!important;
  background:color-mix(in srgb,var(--mr-surface) 89%,var(--mr-primary) 11%)!important;
  border-color:color-mix(in srgb,var(--mr-primary) 23%,var(--line))!important;
  transform:none!important;
}
html[data-theme-key] body button.primary-nav-dropdown-item.active{
  background:color-mix(in srgb,var(--mr-surface) 84%,var(--mr-primary) 16%)!important;
  border-color:color-mix(in srgb,var(--mr-primary) 35%,var(--line))!important;
  box-shadow:inset 3px 0 0 var(--mr-primary)!important;
}
.primary-nav-control .primary-nav-dropdown button.primary-nav-dropdown-item{
  border-color:rgba(255,216,111,.10)!important;
  background:color-mix(in srgb,var(--mr-surface) 96%,#0b0a09 4%)!important;
}
.primary-nav-control .primary-nav-dropdown button.primary-nav-dropdown-item:hover{
  background:linear-gradient(100deg,rgba(255,210,100,.065),rgba(194,91,255,.055))!important;
  border-color:rgba(255,216,111,.23)!important;
}
.primary-nav-control .primary-nav-dropdown button.primary-nav-dropdown-item.active{
  background:linear-gradient(100deg,rgba(255,210,100,.10),rgba(194,91,255,.075))!important;
  border-color:rgba(255,216,111,.34)!important;
  box-shadow:inset 3px 0 0 #f0cb7b!important;
}


/* ==========================================================================
   MIDROUND v3.3.13 · single-line navigation contract
   ========================================================================== */
/* Navigation buttons contain exactly icon + title + optional chevron.
   Legacy secondary captions are metadata only and must never render. */
.primary-nav-item>small,
.primary-nav-item>.primary-nav-caption{
  display:none!important;
  position:absolute!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.primary-nav-main .primary-nav-item,
.primary-nav-control .primary-nav-item{
  grid-template-rows:1fr!important;
  align-items:center!important;
}
.primary-nav-main .primary-nav-item .nav-icon,
.primary-nav-control .primary-nav-item .nav-icon{
  grid-row:1!important;
}
.primary-nav-main .primary-nav-item>span:not(.primary-nav-chevron),
.primary-nav-control .primary-nav-item>span:not(.primary-nav-chevron){
  grid-row:1!important;
  align-self:center!important;
  line-height:1.1!important;
}
.primary-nav-main .primary-nav-entry.has-dropdown>.primary-nav-item>.primary-nav-chevron,
.primary-nav-control .primary-nav-entry.has-dropdown>.primary-nav-item>.primary-nav-chevron{
  grid-row:1!important;
  align-self:center!important;
}
/* PRIMARY buttons reserve the badge lane without inventing a second text line. */
.primary-nav-control .primary-admin-meta-nav{
  min-height:42px!important;
}


/* ==========================================================================
   MIDROUND v3.3.13 · definitive nav contract + public partners
   ========================================================================== */

/* Closed dropdowns are not painted at all. This removes the final source of
   title bleed-through seen as duplicate Team / Operations / Website labels. */
.primary-nav-entry:not(.open) > .primary-nav-dropdown{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.primary-nav-entry.open > .primary-nav-dropdown{
  display:block!important;
}

/* The button itself has one and only one visible text lane. */
.primary-nav-item{
  font-size:0!important;
}
.primary-nav-item > .primary-nav-title{
  display:block!important;
  min-width:0!important;
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  color:inherit!important;
  font-size:10.5px!important;
  font-weight:900!important;
  line-height:1.08!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.primary-nav-control .primary-nav-item > .primary-nav-title{
  font-size:9.8px!important;
}
.primary-nav-item > span:not(.primary-nav-title):not(.primary-nav-chevron),
.primary-nav-item > small,
.primary-nav-item > .primary-nav-caption{
  display:none!important;
}

/* --------------------------------------------------------------------------
   Public partners
   -------------------------------------------------------------------------- */
.public-partner-section{
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);
  gap:clamp(34px,5vw,76px);
  align-items:start;
}
.public-partner-section.hidden{display:none!important}
.public-partner-intro{
  position:sticky;
  top:108px;
}
.public-partner-grid{
  display:grid;
  gap:12px;
}
.public-partner-card{
  min-height:150px;
  display:grid;
  grid-template-columns:168px minmax(0,1fr);
  gap:24px;
  align-items:center;
  padding:18px;
  border:1px solid color-mix(in srgb,var(--mr-primary) 13%,var(--line));
  border-radius:11px;
  background:
    radial-gradient(250px 130px at 0 50%,rgba(var(--mr-primary-rgb),.035),transparent 75%),
    color-mix(in srgb,var(--mr-surface) 95%,var(--mr-bg) 5%);
  box-shadow:none;
}
.public-partner-card.hidden{display:none!important}
.public-partner-logo{
  min-height:108px;
  display:grid;
  place-items:center;
  padding:16px;
  border-right:1px solid color-mix(in srgb,var(--mr-primary) 10%,transparent);
}
.public-partner-logo img{
  display:block;
  width:100%;
  max-width:138px;
  max-height:82px;
  object-fit:contain;
  filter:none;
}
.public-partner-card.partner-logo-error .public-partner-logo::after{
  content:"Logo nicht verfügbar";
  color:var(--mr-muted);
  font-size:.64rem;
}
.public-partner-card.partner-logo-error .public-partner-logo img{display:none}
.public-partner-copy{
  min-width:0;
  display:grid;
  align-content:center;
  gap:8px;
}
.public-partner-index{
  color:color-mix(in srgb,var(--mr-primary) 72%,var(--mr-muted));
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.13em;
}
.public-partner-copy h3{
  margin:0;
  color:var(--mr-text);
  font-size:1.05rem;
  letter-spacing:-.02em;
}
.public-partner-copy p{
  margin:0;
  max-width:680px;
  color:var(--mr-muted);
  font-size:.75rem;
  line-height:1.65;
}
.public-partner-link{
  width:max-content;
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:3px;
  color:color-mix(in srgb,var(--mr-primary) 75%,#dfeaf3);
  font-size:.67rem;
  font-weight:800;
  text-decoration:none;
}
.public-partner-link:hover{text-decoration:underline;text-underline-offset:4px}

/* --------------------------------------------------------------------------
   Primary partner editor
   -------------------------------------------------------------------------- */
.partner-admin-toolbar{
  display:flex;
  align-items:end;
  gap:18px;
  flex-wrap:wrap;
  margin:0 0 16px;
  padding:12px 14px;
  border:1px solid color-mix(in srgb,var(--mr-primary) 11%,var(--line));
  border-radius:10px;
  background:rgba(255,255,255,.012);
}
.partner-admin-toolbar label{
  display:grid;
  gap:6px;
  min-width:120px;
  color:var(--mr-muted);
  font-size:.66rem;
  font-weight:800;
}
.partner-admin-toolbar span{
  flex:1 1 360px;
  color:var(--mr-muted);
  font-size:.67rem;
  line-height:1.5;
}
.partner-admin-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.partner-admin-card{
  display:grid;
  gap:13px;
  padding:15px;
  border:1px solid color-mix(in srgb,var(--mr-primary) 12%,var(--line));
  border-radius:11px;
  background:color-mix(in srgb,var(--mr-surface) 96%,var(--mr-bg) 4%);
}
.partner-admin-card.is-active{
  border-color:color-mix(in srgb,var(--mr-primary) 32%,var(--line));
  box-shadow:inset 3px 0 0 var(--mr-primary);
}
.partner-admin-preview{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:13px;
  align-items:center;
}
.partner-admin-logo-preview{
  height:72px;
  display:grid;
  place-items:center;
  padding:9px;
  border:1px solid color-mix(in srgb,var(--mr-primary) 11%,var(--line));
  border-radius:8px;
  background:rgba(255,255,255,.015);
  overflow:hidden;
}
.partner-admin-logo-preview img{max-width:100%;max-height:54px;object-fit:contain}
.partner-admin-logo-preview span{color:var(--mr-muted);font-size:.58rem;font-weight:900;letter-spacing:.12em}
.partner-admin-preview>div:last-child{display:grid;gap:3px;min-width:0}
.partner-admin-preview>div:last-child>span{color:var(--mr-muted);font-size:.56rem;font-weight:900;letter-spacing:.11em}
.partner-admin-preview strong{color:var(--mr-text);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.partner-admin-preview small{color:var(--mr-muted);font-size:.6rem}
.partner-admin-toggle{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between;
  gap:14px!important;
  padding:10px 11px!important;
  border:1px solid color-mix(in srgb,var(--mr-primary) 9%,var(--line));
  border-radius:8px;
  background:rgba(255,255,255,.012);
}
.partner-admin-toggle>span{display:grid;gap:2px}
.partner-admin-toggle strong{color:var(--mr-text);font-size:.69rem}
.partner-admin-toggle small{color:var(--mr-muted);font-size:.59rem;font-weight:500}
.partner-admin-toggle input{width:18px!important;height:18px!important}
.partner-admin-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.partner-admin-fields label{
  display:grid;
  gap:6px;
  color:var(--mr-muted);
  font-size:.64rem;
  font-weight:800;
}
.partner-admin-fields label>small{font-size:.57rem;font-weight:500;line-height:1.4}
.partner-admin-fields .grid-span-2{grid-column:1/-1}
.partner-admin-fields input,.partner-admin-fields textarea{
  width:100%;
}
.partner-admin-actions{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  padding-top:2px;
}
.partner-admin-actions button{
  min-height:34px!important;
  padding:0 10px!important;
  font-size:.62rem!important;
}
.partner-admin-actions small{margin-left:auto;color:var(--mr-muted);font-size:.58rem}

@media(max-width:980px){
  .public-partner-section{grid-template-columns:1fr}
  .public-partner-intro{position:static}
  .partner-admin-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .public-partner-card{grid-template-columns:1fr;gap:12px}
  .public-partner-logo{min-height:82px;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--mr-primary) 10%,transparent)}
  .partner-admin-preview{grid-template-columns:88px minmax(0,1fr)}
  .partner-admin-fields{grid-template-columns:1fr}
  .partner-admin-fields .grid-span-2{grid-column:auto}
}



/* ==========================================================================
   MIDROUND v3.3.13 · single navigation overlay / runtime recovery
   ========================================================================== */

/* Per-entry dropdowns are retired. If stale markup survives browser caching,
   it is never allowed to participate in layout. */
.portal-navigation .primary-nav-entry > .primary-nav-dropdown{
  display:none!important;
}

/* The one real dropdown lives directly under body. */
body > #primaryNavOverlay.primary-nav-overlay{
  position:fixed!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
  z-index:100000!important;
  display:grid!important;
  gap:7px!important;
  padding:8px!important;
  max-height:min(64vh,580px)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  border:1px solid color-mix(in srgb,var(--nav-accent,#4a7aa8) 24%,var(--line))!important;
  border-radius:10px!important;
  background:color-mix(in srgb,var(--mr-bg) 96%,#05090d 4%)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
  isolation:isolate!important;
}
body > #primaryNavOverlay.primary-nav-overlay.hidden{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body > #primaryNavOverlay.primary-nav-overlay.is-primary-control{
  --nav-accent:#f0cb7b;
  border-color:rgba(255,216,111,.28)!important;
  background:
    radial-gradient(260px 100px at 100% 0%,rgba(188,91,255,.10),transparent 72%),
    radial-gradient(220px 100px at 0 100%,rgba(62,216,255,.055),transparent 72%),
    color-mix(in srgb,var(--mr-bg) 96%,#080707 4%)!important;
  box-shadow:0 20px 52px rgba(0,0,0,.48),0 0 20px rgba(192,91,255,.055),inset 0 1px 0 rgba(255,224,132,.06)!important;
}
body > #primaryNavOverlay .primary-nav-dropdown-head{
  position:sticky!important;
  top:-8px!important;
  z-index:2!important;
  margin:-8px -8px 2px!important;
  padding:10px 11px 8px!important;
  background:color-mix(in srgb,var(--mr-bg) 98%,#05090d 2%)!important;
  border-bottom:1px solid color-mix(in srgb,var(--nav-accent) 12%,var(--line))!important;
}
body > #primaryNavOverlay.is-primary-control .primary-nav-dropdown-head{
  background:linear-gradient(100deg,rgba(255,210,100,.055),rgba(194,91,255,.045)),color-mix(in srgb,var(--mr-bg) 98%,#050505 2%)!important;
}

/* The nav itself can contain no secondary text lane. */
.portal-navigation .primary-nav-item{
  position:relative!important;
  font-size:0!important;
}
.portal-navigation .primary-nav-item > .primary-nav-title{
  display:block!important;
  min-width:0!important;
  color:inherit!important;
  font-size:10.5px!important;
  font-weight:900!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.primary-nav-control .primary-nav-item > .primary-nav-title{font-size:9.8px!important}
.portal-navigation .primary-nav-item > :is(small,.primary-nav-caption),
.portal-navigation .primary-nav-item > span:not(.primary-nav-title):not(.primary-nav-chevron){
  display:none!important;
}
.portal-navigation .primary-nav-entry.has-dropdown > .primary-nav-item > .primary-nav-chevron{
  display:block!important;
}

@media(max-width:640px){
  body > #primaryNavOverlay.primary-nav-overlay{
    width:min(320px,calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
  }
}

/* ==========================================================================
   MIDROUND v3.3.13 · final navigation proportions / PRIME signature
   ========================================================================== */

/* Normal portal navigation: compact, intentionally proportioned buttons.
   Long module names no longer inflate the entire row. */
@media(min-width:1181px){
  .primary-nav-main{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:5px!important;
    width:100%!important;
  }
  .primary-nav-main .primary-nav-entry{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
  }
  .primary-nav-main .primary-nav-item{
    min-height:40px!important;
    height:40px!important;
    padding:5px 7px!important;
    column-gap:5px!important;
    grid-template-columns:24px minmax(0,1fr) 8px!important;
    border-radius:8px!important;
  }
  .primary-nav-main .primary-nav-entry:not(.has-dropdown)>.primary-nav-item{
    grid-template-columns:24px minmax(0,1fr)!important;
  }
  .primary-nav-main .primary-nav-item>.nav-icon{
    width:24px!important;
    height:24px!important;
    padding:3px!important;
    border-radius:7px!important;
  }
  .primary-nav-main .primary-nav-item>.primary-nav-title{
    font-size:9.35px!important;
    letter-spacing:-.01em!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .primary-nav-main .primary-nav-entry[data-nav-group="overview"]>.primary-nav-item{width:100px!important}
  .primary-nav-main .primary-nav-entry[data-nav-group="team"]>.primary-nav-item{width:82px!important}
  .primary-nav-main .primary-nav-entry[data-nav-group="matches"]>.primary-nav-item{width:92px!important}
  .primary-nav-main .primary-nav-entry[data-nav-group="analytics"]>.primary-nav-item{width:94px!important}
  .primary-nav-main .primary-nav-entry[data-nav-group="demo"]>.primary-nav-item{width:112px!important}
  .primary-nav-main .primary-nav-entry[data-nav-group="scouting"]>.primary-nav-item{width:94px!important}
  .primary-nav-main .primary-nav-entry[data-nav-group="candidates"]>.primary-nav-item{width:99px!important}
  .primary-nav-main .primary-nav-entry[data-nav-group="planning"]>.primary-nav-item{width:90px!important}
  .primary-nav-main .primary-nav-entry[data-nav-group="workflow"]>.primary-nav-item{width:108px!important}
  .primary-nav-main .primary-nav-entry[data-nav-group="documents"]>.primary-nav-item{width:101px!important}
  .primary-nav-main .primary-nav-entry[data-nav-group="tickets"]>.primary-nav-item{width:84px!important}
  .primary-nav-main .primary-nav-entry[data-nav-group="admin"]>.primary-nav-item{width:94px!important}
}

/* Admin is the bridge into platform administration: same premium material as
   PRIMARY CONTROL, but deliberately without the PRIME signature rail. */
.primary-nav-main .primary-nav-entry[data-nav-group="admin"]>.primary-nav-item{
  --nav-accent:#ffd66c!important;
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border:1px solid rgba(255,210,103,.32)!important;
  color:#f2f6fa!important;
  background:
    radial-gradient(145px 80px at 100% -10%,rgba(203,101,255,.20),transparent 70%),
    radial-gradient(120px 70px at 0 110%,rgba(52,219,255,.10),transparent 70%),
    linear-gradient(135deg,rgba(255,198,83,.095),rgba(41,202,255,.045) 48%,rgba(187,86,255,.10))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 7px 18px rgba(0,0,0,.16)!important;
}
.primary-nav-main .primary-nav-entry[data-nav-group="admin"]>.primary-nav-item>.nav-icon{
  color:#ffe080!important;
  border-color:rgba(255,215,105,.34)!important;
  background:linear-gradient(135deg,rgba(255,201,76,.15),rgba(68,216,255,.075) 48%,rgba(190,93,255,.14))!important;
  box-shadow:0 0 11px rgba(255,209,82,.075)!important;
}
.primary-nav-main .primary-nav-entry[data-nav-group="admin"]>.primary-nav-item::before{
  content:none!important;
  display:none!important;
}
.primary-nav-main .primary-nav-entry[data-nav-group="admin"]>.primary-nav-item::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  top:-55%!important;
  bottom:-55%!important;
  left:-50%!important;
  width:34%!important;
  border-radius:50%!important;
  background:linear-gradient(90deg,transparent,rgba(255,229,151,.16),rgba(211,148,255,.13),transparent)!important;
  filter:blur(5px)!important;
  opacity:.26!important;
  transform:skewX(-16deg)!important;
  pointer-events:none!important;
  animation:midroundAdminNavSweep 6.2s ease-in-out infinite!important;
}
.primary-nav-main .primary-nav-entry[data-nav-group="admin"]>.primary-nav-item>*{position:relative;z-index:1}
.primary-nav-main .primary-nav-entry[data-nav-group="admin"]>.primary-nav-item:hover,
.primary-nav-main .primary-nav-entry[data-nav-group="admin"].open>.primary-nav-item,
.primary-nav-main .primary-nav-entry[data-nav-group="admin"]>.primary-nav-item.active{
  border-color:rgba(255,224,127,.60)!important;
  background:
    radial-gradient(160px 88px at 100% 0%,rgba(204,101,255,.29),transparent 70%),
    radial-gradient(140px 82px at 0 100%,rgba(54,223,255,.15),transparent 70%),
    linear-gradient(135deg,rgba(255,199,78,.14),rgba(42,204,255,.07) 48%,rgba(190,88,255,.15))!important;
  box-shadow:inset 3px 0 0 rgba(255,219,104,.90),0 0 19px rgba(188,91,255,.09),0 10px 24px rgba(0,0,0,.19)!important;
}
@keyframes midroundAdminNavSweep{
  0%,58%{left:-52%;opacity:0}
  67%{opacity:.38}
  84%{left:125%;opacity:.17}
  100%{left:125%;opacity:0}
}

/* PRIMARY role marker: integrated PRIME rail instead of the old pill badge. */
.primary-nav-control .primary-admin-meta-nav{
  padding-right:66px!important;
}
.primary-nav-control .primary-admin-meta-nav::before{
  content:'◆  PRIME'!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:absolute!important;
  top:4px!important;
  right:4px!important;
  bottom:4px!important;
  width:55px!important;
  min-height:0!important;
  padding:0!important;
  transform:none!important;
  border:0!important;
  border-left:1px solid rgba(255,222,120,.27)!important;
  border-radius:0 6px 6px 0!important;
  background:
    radial-gradient(60px 45px at 100% 0%,rgba(198,99,255,.23),transparent 72%),
    linear-gradient(180deg,rgba(255,215,100,.075),rgba(189,89,255,.065))!important;
  color:#ffe59b!important;
  font-size:5.85px!important;
  font-weight:950!important;
  letter-spacing:.105em!important;
  line-height:1!important;
  text-shadow:0 0 9px rgba(255,211,93,.30)!important;
  box-shadow:none!important;
  clip-path:none!important;
  z-index:4!important;
  pointer-events:none!important;
}
.primary-nav-control .primary-admin-meta-nav:hover::before,
.primary-nav-control .primary-nav-entry.open>.primary-admin-meta-nav::before,
.primary-nav-control .primary-admin-meta-nav.active::before{
  color:#fff1ba!important;
  border-left-color:rgba(255,229,144,.48)!important;
  background:
    radial-gradient(60px 45px at 100% 0%,rgba(202,104,255,.32),transparent 72%),
    linear-gradient(180deg,rgba(255,220,112,.12),rgba(190,90,255,.10))!important;
}

/* Give the PRIMARY chevron its own lane left of the PRIME rail. */
.primary-nav-control .primary-nav-entry.has-dropdown>.primary-admin-meta-nav{
  grid-template-columns:23px minmax(0,1fr) 7px!important;
  padding-right:72px!important;
}
.primary-nav-control .primary-nav-entry.has-dropdown>.primary-admin-meta-nav>.primary-nav-chevron{
  position:absolute!important;
  right:62px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:5!important;
}

@media(max-width:760px){
  .primary-nav-control .primary-admin-meta-nav{padding-right:8px!important}
  .primary-nav-control .primary-admin-meta-nav::before{display:none!important}
  .primary-nav-control .primary-nav-entry.has-dropdown>.primary-admin-meta-nav>.primary-nav-chevron{
    position:relative!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .primary-nav-main .primary-nav-entry[data-nav-group="admin"]>.primary-nav-item::after{animation:none!important}
}

/* Final label-fit guard: compact without truncating the actual module names. */
@media(min-width:1181px){
  html body .portal-navigation .primary-nav-main .primary-nav-item>.primary-nav-title{
    font-size:9.35px!important;
    max-width:none!important;
  }
  .primary-nav-main .primary-nav-entry[data-nav-group="analytics"]>.primary-nav-item{width:98px!important}
  .primary-nav-main .primary-nav-entry[data-nav-group="scouting"]>.primary-nav-item{width:96px!important}
  .primary-nav-main .primary-nav-entry[data-nav-group="planning"]>.primary-nav-item{width:92px!important}
  .primary-nav-main .primary-nav-entry[data-nav-group="workflow"]>.primary-nav-item{width:112px!important}
  .primary-nav-main .primary-nav-entry[data-nav-group="documents"]>.primary-nav-item{width:108px!important}
  .primary-nav-main .primary-nav-entry[data-nav-group="tickets"]>.primary-nav-item{width:86px!important}
  .primary-nav-main .primary-nav-entry[data-nav-group="admin"]>.primary-nav-item{width:96px!important}
}
@media(min-width:1181px){
  .primary-nav-main .primary-nav-entry[data-nav-group="matches"]>.primary-nav-item{width:96px!important}
  .primary-nav-main .primary-nav-entry[data-nav-group="planning"]>.primary-nav-item{width:96px!important}
  .primary-nav-main .primary-nav-entry[data-nav-group="tickets"]>.primary-nav-item{width:90px!important}
}


/* ==========================================================================
   MIDROUND v3.3.13 · NAVIGATION RESET
   One button = icon + title + optional chevron. No pseudo-content on buttons.
   ========================================================================== */

/* Kill every historical button-generated layer. Glitter lives on the PRIMARY wrapper only. */
.portal-navigation button.primary-nav-item::before,
.portal-navigation button.primary-nav-item::after,
.portal-navigation button.primary-admin-meta-nav::before,
.portal-navigation button.primary-admin-meta-nav::after,
.portal-navigation button.admin-primary-style::before,
.portal-navigation button.admin-primary-style::after{
  content:none!important;
  display:none!important;
  animation:none!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
}

.portal-navigation{
  overflow:visible!important;
}
.portal-navigation .primary-nav-entry{
  min-width:0!important;
  width:auto!important;
  overflow:visible!important;
}
.portal-navigation button.primary-nav-item{
  display:inline-flex!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  min-height:38px!important;
  height:38px!important;
  padding:5px 8px!important;
  margin:0!important;
  border-radius:8px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  font-size:inherit!important;
}
.portal-navigation button.primary-nav-item > svg.nav-icon{
  position:static!important;
  flex:0 0 25px!important;
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  padding:3px!important;
  margin:0!important;
  border-radius:7px!important;
}
.portal-navigation button.primary-nav-item > .primary-nav-title{
  position:static!important;
  display:block!important;
  flex:0 1 auto!important;
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
  color:inherit!important;
  font-size:10px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.portal-navigation button.primary-nav-item > .primary-nav-chevron{
  position:relative!important;
  inset:auto!important;
  flex:0 0 8px!important;
  width:8px!important;
  height:6px!important;
  margin:0 0 0 1px!important;
  padding:0!important;
  transform:none!important;
  background:none!important;
  border:0!important;
  filter:none!important;
  box-shadow:none!important;
}
.portal-navigation button.primary-nav-item > .primary-nav-chevron::before{
  content:""!important;
  display:block!important;
  width:8px!important;
  height:5px!important;
  background:currentColor!important;
  opacity:.58!important;
  clip-path:polygon(0 0,50% 72%,100% 0,100% 28%,50% 100%,0 28%)!important;
  transition:transform .16s ease,opacity .16s ease!important;
}
.portal-navigation .primary-nav-entry.open > button.primary-nav-item > .primary-nav-chevron::before{
  transform:rotate(180deg)!important;
  opacity:.88!important;
}
.portal-navigation button.primary-nav-item > :not(svg.nav-icon):not(.primary-nav-title):not(.primary-nav-chevron){
  display:none!important;
}

/* Normal navigation: natural button widths; compact long labels, no fixed oversized cards. */
.primary-nav-main{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:5px!important;
  width:100%!important;
}
.primary-nav-main .primary-nav-entry{flex:0 0 auto!important}
.primary-nav-main button.primary-nav-item{
  border:1px solid color-mix(in srgb,var(--nav-accent) 18%,var(--line))!important;
  background:color-mix(in srgb,var(--mr-surface) 94%,var(--mr-bg) 6%)!important;
  color:color-mix(in srgb,var(--mr-text) 90%,var(--mr-muted) 10%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}
.primary-nav-main button.primary-nav-item:hover{
  transform:none!important;
  border-color:color-mix(in srgb,var(--nav-accent) 34%,var(--line))!important;
  background:linear-gradient(110deg,color-mix(in srgb,var(--mr-surface) 91%,var(--nav-accent) 9%),color-mix(in srgb,var(--mr-surface) 97%,var(--mr-bg) 3%))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 13px color-mix(in srgb,var(--nav-accent) 6%,transparent)!important;
}
.primary-nav-main button.primary-nav-item.active{
  border-color:color-mix(in srgb,var(--nav-accent) 46%,var(--line))!important;
  background:linear-gradient(110deg,color-mix(in srgb,var(--mr-surface) 87%,var(--nav-accent) 13%),color-mix(in srgb,var(--mr-bg) 94%,var(--mr-surface) 6%))!important;
  box-shadow:inset 2px 0 0 var(--nav-accent)!important;
}

/* Admin: premium PRIMARY material, but no role marker. */
.primary-nav-main .primary-nav-entry[data-nav-group="admin"] > button.primary-nav-item{
  --nav-accent:#e7c46c!important;
  border-color:rgba(235,198,105,.30)!important;
  background:linear-gradient(120deg,rgba(235,198,105,.085),rgba(58,190,220,.035) 48%,rgba(160,89,216,.075))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.primary-nav-main .primary-nav-entry[data-nav-group="admin"] > button.primary-nav-item:hover,
.primary-nav-main .primary-nav-entry[data-nav-group="admin"] > button.primary-nav-item.active{
  border-color:rgba(244,211,124,.50)!important;
  background:linear-gradient(120deg,rgba(235,198,105,.13),rgba(58,190,220,.05) 48%,rgba(160,89,216,.11))!important;
  box-shadow:inset 2px 0 0 #e9c76f,0 0 15px rgba(164,95,221,.055)!important;
}

/* PRIMARY: fancy container, simple reliable buttons. */
.primary-control-nav-wrap{
  overflow:visible!important;
  grid-template-columns:165px minmax(0,1fr)!important;
  gap:10px!important;
  padding:8px!important;
}
.primary-control-nav-heading{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:2px!important;
  min-width:0!important;
  padding:0 12px 0 4px!important;
}
.primary-control-nav-heading .primary-mode-signature{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  margin-top:5px!important;
  padding:3px 7px!important;
  border:1px solid rgba(255,216,105,.30)!important;
  border-radius:5px!important;
  background:linear-gradient(100deg,rgba(255,204,83,.10),rgba(187,88,255,.11))!important;
  color:#f5d77e!important;
  font-size:5.8px!important;
  font-weight:950!important;
  letter-spacing:.095em!important;
  line-height:1!important;
  box-shadow:0 0 12px rgba(190,89,255,.055),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.primary-control-nav-heading .primary-mode-signature i{
  color:#fff0ad!important;
  font-style:normal!important;
  text-shadow:0 0 7px rgba(255,214,95,.42)!important;
}
.primary-nav-control{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:6px!important;
  width:100%!important;
  min-width:0!important;
}
.primary-nav-control .primary-nav-entry{width:100%!important;min-width:0!important}
.primary-nav-control button.primary-nav-item{
  width:100%!important;
  min-width:0!important;
  border:1px solid rgba(255,210,103,.28)!important;
  background:linear-gradient(120deg,rgba(255,198,83,.075),rgba(41,202,255,.035) 48%,rgba(187,86,255,.08))!important;
  color:#eef3f7!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.primary-nav-control button.primary-nav-item:hover,
.primary-nav-control button.primary-nav-item.active{
  transform:none!important;
  border-color:rgba(255,222,122,.46)!important;
  background:linear-gradient(120deg,rgba(255,198,83,.12),rgba(41,202,255,.05) 48%,rgba(187,86,255,.13))!important;
  box-shadow:inset 2px 0 0 #f0cc73,0 0 16px rgba(187,86,255,.07)!important;
}
.primary-nav-control button.primary-nav-item > .primary-nav-title{
  font-size:9.6px!important;
}

/* Explicitly retire the old per-button role marker forever. */
.primary-nav-control .primary-admin-meta-nav{padding-right:8px!important}
.primary-nav-control .primary-admin-meta-nav::before,
.primary-nav-control .primary-admin-meta-nav::after{content:none!important;display:none!important}

@media(min-width:1380px){
  .primary-nav-main{flex-wrap:nowrap!important}
}
@media(max-width:1120px){
  .primary-control-nav-wrap{grid-template-columns:135px minmax(0,1fr)!important}
  .primary-control-nav-heading small{display:none!important}
  .primary-nav-control{grid-template-columns:repeat(5,minmax(112px,1fr))!important;overflow-x:auto!important;padding-bottom:2px!important}
}
@media(max-width:760px){
  .primary-control-nav-wrap{grid-template-columns:1fr!important}
  .primary-control-nav-heading{padding:2px 3px 5px!important}
  .primary-control-nav-heading .primary-mode-signature{margin-top:3px!important}
  .primary-nav-control{grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important}
  .portal-navigation button.primary-nav-item{min-height:38px!important;height:38px!important}
}
@media(max-width:430px){
  .primary-nav-control{grid-template-columns:1fr!important}
}


/* v3.3.13 root-cause guard: a chevron is never a text target. */
.portal-navigation button.primary-nav-item > .primary-nav-chevron{
  font-size:0!important;
  line-height:0!important;
  text-indent:-9999px!important;
  white-space:nowrap!important;
  overflow:visible!important;
}


/* ==========================================================================
   MIDROUND v3.3.13 · normal navbar typography only
   ========================================================================== */
/* The standard portal navigation gets slightly larger, clearer labels while
   keeping the existing compact button geometry. PRIMARY remains untouched. */
.primary-nav-main button.primary-nav-item > .primary-nav-title{
  font-size:11.4px!important;
  font-weight:880!important;
  line-height:1!important;
  letter-spacing:-.012em!important;
}
@media(max-width:1240px){
  .primary-nav-main button.primary-nav-item > .primary-nav-title{font-size:11px!important}
}
@media(max-width:760px){
  .primary-nav-main button.primary-nav-item > .primary-nav-title{font-size:10.7px!important}
}


/* v3.3.13 final normal-navbar type scale (wins over legacy 9.35px guards). */
html body .portal-navigation .primary-nav-main button.primary-nav-item > .primary-nav-title{
  font-size:10.3px!important;
  font-weight:880!important;
  line-height:1!important;
  letter-spacing:-.008em!important;
}
@media(max-width:1240px){
  html body .portal-navigation .primary-nav-main button.primary-nav-item > .primary-nav-title{font-size:10.1px!important}
}
@media(max-width:760px){
  html body .portal-navigation .primary-nav-main button.primary-nav-item > .primary-nav-title{font-size:9.9px!important}
}


/* ==========================================================================
   MIDROUND v3.3.13 · normal navbar proportions + role identity badges
   ========================================================================== */

@media(min-width:1181px){
  html body .portal-navigation .primary-nav-main{
    gap:5px!important;
  }
  html body .portal-navigation .primary-nav-main button.primary-nav-item{
    min-height:40px!important;
    height:40px!important;
    padding:5px 8px!important;
    column-gap:5px!important;
  }
  html body .portal-navigation .primary-nav-main button.primary-nav-item > .primary-nav-title{
    font-size:10.45px!important;
    font-weight:880!important;
    line-height:1!important;
    letter-spacing:-.006em!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  html body .primary-nav-main .primary-nav-entry[data-nav-group="overview"]>.primary-nav-item{width:101px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="team"]>.primary-nav-item{width:91px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="matches"]>.primary-nav-item{width:96px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="analytics"]>.primary-nav-item{width:101px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="demo"]>.primary-nav-item{width:129px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="scouting"]>.primary-nav-item{width:99px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="candidates"]>.primary-nav-item{width:116px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="planning"]>.primary-nav-item{width:96px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="workflow"]>.primary-nav-item{width:120px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="documents"]>.primary-nav-item{width:105px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="tickets"]>.primary-nav-item{width:88px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="admin"]>.primary-nav-item{width:99px!important}
}

@media(min-width:981px) and (max-width:1180px){
  html body .portal-navigation .primary-nav-main{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(132px,1fr))!important;
    gap:5px!important;
  }
  html body .portal-navigation .primary-nav-main .primary-nav-entry{
    min-width:0!important;
    width:100%!important;
  }
  html body .portal-navigation .primary-nav-main .primary-nav-item{
    width:100%!important;
    min-width:0!important;
  }
  html body .portal-navigation .primary-nav-main button.primary-nav-item > .primary-nav-title{
    font-size:10.35px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}
@media(max-width:980px){
  html body .portal-navigation .primary-nav-main button.primary-nav-item > .primary-nav-title{
    font-size:10.15px!important;
    font-weight:870!important;
  }
}
@media(max-width:760px){
  html body .portal-navigation .primary-nav-main button.primary-nav-item > .primary-nav-title{
    font-size:10px!important;
  }
}

/* Role badges */
.role-badge{
  --role-fg:#d9e3ec;
  --role-a:91,112,132;
  --role-b:62,78,94;
  position:relative!important;
  isolation:isolate!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:24px!important;
  padding:4px 9px!important;
  border:1px solid rgba(var(--role-a),.34)!important;
  border-radius:7px!important;
  color:var(--role-fg)!important;
  background:linear-gradient(110deg,rgba(var(--role-a),.14),rgba(var(--role-b),.08))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 3px 10px rgba(0,0,0,.10)!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.035em!important;
  white-space:nowrap!important;
}
.role-badge::before{
  content:""!important;
  width:6px!important;
  height:6px!important;
  flex:0 0 auto!important;
  border-radius:50%!important;
  background:rgb(var(--role-a))!important;
  box-shadow:0 0 0 3px rgba(var(--role-a),.10)!important;
}

/* PRIMARY ADMIN – colourful flagship gradient */
.role-primary-admin{
  --role-fg:#fff8df;
  --role-a:70,218,255;
  --role-b:190,82,255;
  border-color:rgba(255,210,98,.46)!important;
  background:linear-gradient(
      105deg,
      rgba(35,211,255,.20) 0%,
      rgba(48,111,255,.17) 32%,
      rgba(188,77,255,.19) 67%,
      rgba(255,198,75,.18) 100%
    )!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 0 1px rgba(117,111,255,.055),
    0 5px 14px rgba(44,75,125,.13)!important;
}
.role-primary-admin::before{
  width:8px!important;
  height:8px!important;
  border-radius:3px!important;
  background:linear-gradient(135deg,#40ddff,#7b77ff 45%,#d557ff 72%,#ffd05c)!important;
  transform:rotate(45deg)!important;
  box-shadow:0 0 8px rgba(103,157,255,.30)!important;
}

.role-admin{--role-fg:#ffe6a8;--role-a:244,184,70;--role-b:214,103,47}
.role-management{--role-fg:#a9f3ee;--role-a:49,202,190;--role-b:45,135,171}
.role-coach{--role-fg:#ded1ff;--role-a:158,119,255;--role-b:104,80,194}
.role-team-captain{--role-fg:#b9f4cd;--role-a:71,201,126;--role-b:44,135,93}
.role-player{--role-fg:#b9ddff;--role-a:74,158,231;--role-b:55,107,186}
.role-streamer-caster{--role-fg:#ffd2af;--role-a:238,139,76;--role-b:211,81,121}
.role-viewer{--role-fg:#c2ccd5;--role-a:119,137,154;--role-b:73,86,99}

.role-primary-admin::after{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  inset:0!important;
  border-radius:inherit!important;
  background:linear-gradient(105deg,transparent 10%,rgba(255,255,255,.11) 38%,transparent 60%)!important;
  background-size:240% 100%!important;
  animation:midroundPrimaryRoleSweep 5.8s ease-in-out infinite!important;
  pointer-events:none!important;
}
@keyframes midroundPrimaryRoleSweep{
  0%,58%{background-position:160% 0}
  78%{background-position:-80% 0}
  100%{background-position:-80% 0}
}
@media(prefers-reduced-motion:reduce){
  .role-primary-admin::after{animation:none!important}
}


/* v3.3.13 measured navbar width correction.
   Every desktop label has enough text lane including icon + optional chevron. */
@media(min-width:1411px){
  html body .primary-nav-main .primary-nav-entry[data-nav-group="overview"]>.primary-nav-item{width:115px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="team"]>.primary-nav-item{width:91px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="matches"]>.primary-nav-item{width:108px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="analytics"]>.primary-nav-item{width:113px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="demo"]>.primary-nav-item{width:129px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="scouting"]>.primary-nav-item{width:111px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="candidates"]>.primary-nav-item{width:116px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="planning"]>.primary-nav-item{width:108px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="workflow"]>.primary-nav-item{width:130px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="documents"]>.primary-nav-item{width:123px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="tickets"]>.primary-nav-item{width:88px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="admin"]>.primary-nav-item{width:99px!important}
}

/* Below a wide desktop, stop squeezing labels into one line. */
@media(min-width:981px) and (max-width:1410px){
  html body .portal-navigation .primary-nav-main{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(138px,1fr))!important;
    gap:5px!important;
    width:100%!important;
  }
  html body .portal-navigation .primary-nav-main .primary-nav-entry,
  html body .portal-navigation .primary-nav-main .primary-nav-item{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  html body .portal-navigation .primary-nav-main button.primary-nav-item > .primary-nav-title{
    font-size:10.35px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

/* Roles return to true badge/pill geometry. */
.role-badge{
  border-radius:999px!important;
  padding-left:10px!important;
  padding-right:11px!important;
}

/* Stronger colourful Primary Admin identity. */
.role-primary-admin{
  color:#fff!important;
  border-color:rgba(158,164,255,.54)!important;
  background:
    linear-gradient(
      105deg,
      rgba(25,210,255,.34) 0%,
      rgba(42,116,255,.31) 25%,
      rgba(119,82,255,.34) 48%,
      rgba(209,70,255,.34) 72%,
      rgba(255,187,62,.30) 100%
    )!important;
  background-size:180% 100%!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 0 0 1px rgba(108,144,255,.08),
    0 5px 16px rgba(69,79,168,.17)!important;
  animation:midroundPrimaryRoleGradient 8s ease-in-out infinite!important;
}
@keyframes midroundPrimaryRoleGradient{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
@media(prefers-reduced-motion:reduce){
  .role-primary-admin{animation:none!important}
}

/* MIDROUND v3.3.13 · Home UI surface cleanup hotfix
   Structural Home buttons must not inherit the portal-wide primary CTA surface/glow. */
#homeView button.home-action-item,
#homeView button.home-situation-item{
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}
#homeView button.home-action-item{
  border-color:color-mix(in srgb,var(--mr-primary) 10%,transparent)!important;
}
#homeView button.home-situation-item{
  border-color:color-mix(in srgb,var(--mr-primary) 9%,transparent)!important;
}
#homeView button.home-action-item:hover,
#homeView button.home-situation-item:hover{
  background:color-mix(in srgb,var(--mr-primary) 2.5%,transparent)!important;
  border-color:color-mix(in srgb,var(--mr-primary) 22%,transparent)!important;
  box-shadow:none!important;
  filter:none!important;
}
#homeView button.home-action-toggle{
  background:transparent!important;
  border-color:color-mix(in srgb,var(--mr-primary) 10%,transparent)!important;
  box-shadow:none!important;
  filter:none!important;
}
#homeView button.home-action-toggle:hover{
  background:color-mix(in srgb,var(--mr-primary) 2.5%,transparent)!important;
  border-color:color-mix(in srgb,var(--mr-primary) 22%,transparent)!important;
  box-shadow:none!important;
  filter:none!important;
}
#homeView button.home-situation-link,
#homeView button.home-situation-link:hover{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}



/* MIDROUND v3.3.13 · portal scroll stability */
html{scrollbar-gutter:stable;}
.portal-view .nav-anchor{scroll-margin-top:110px;}
@media(max-width:860px){.portal-view .nav-anchor{scroll-margin-top:92px;}}
@media(max-width:640px){.portal-view .nav-anchor{scroll-margin-top:82px;}}

/* ==========================================================================
   MIDROUND v3.3.13 · Playbook MVP
   ========================================================================== */
.playbook-page{--pb-t:var(--accent,#69d6e8);--pb-ct:var(--purple,#b6a2ff);--pb-line:var(--border,rgba(205,239,245,.095))}
.playbook-page-head{align-items:flex-end}.playbook-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0}.playbook-kpi span,.playbook-kpi small{display:block}.playbook-kpi span{font-size:11px;color:var(--muted)}.playbook-kpi strong{display:block;font-size:28px;margin:6px 0 2px}.playbook-kpi small{font-size:10px;color:var(--muted)}
.playbook-import-banner{margin:12px 0;padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);background:color-mix(in srgb,var(--accent) 9%,transparent);border-radius:12px}
.playbook-mode-tabs,.playbook-editor-tabs{display:flex;gap:7px;flex-wrap:wrap}.playbook-mode-tabs{margin:14px 0}.playbook-mode-tabs button,.playbook-editor-tabs button{background:transparent;border-color:var(--pb-line);color:var(--muted);box-shadow:none}.playbook-mode-tabs button.active,.playbook-editor-tabs button.active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}
.playbook-toolbar{display:grid;grid-template-columns:minmax(220px,1.6fr) repeat(3,minmax(130px,.55fr));gap:10px;margin-bottom:12px}.playbook-toolbar label,.playbook-inspector label,.playbook-notes-grid label{display:grid;gap:5px;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.playbook-toolbar input,.playbook-toolbar select,.playbook-inspector input,.playbook-inspector select,.playbook-inspector textarea,.playbook-notes-grid input,.playbook-notes-grid textarea,.playbook-callout-row input,.playbook-timeline-row input{width:100%;border:1px solid var(--pb-line);background:rgba(4,13,16,.58);color:var(--text);border-radius:9px;padding:9px 10px;outline:none}.playbook-toolbar input:focus,.playbook-toolbar select:focus,.playbook-inspector input:focus,.playbook-inspector select:focus,.playbook-inspector textarea:focus,.playbook-notes-grid input:focus,.playbook-notes-grid textarea:focus{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}
.playbook-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:12px;align-items:start}.playbook-library{position:sticky;top:92px;max-height:calc(100vh - 112px);overflow:auto}.playbook-strategy-list{display:grid;gap:8px;margin-top:12px}.playbook-strategy-card{width:100%;display:grid;gap:5px;text-align:left;padding:12px;border:1px solid var(--pb-line)!important;background:rgba(255,255,255,.018)!important;box-shadow:none!important}.playbook-strategy-card:hover,.playbook-strategy-card.active{background:color-mix(in srgb,var(--accent) 7%,transparent)!important;border-color:color-mix(in srgb,var(--accent) 34%,transparent)!important}.playbook-strategy-card.active{box-shadow:inset 3px 0 0 var(--accent)!important}.playbook-strategy-card strong{font-size:13px}.playbook-strategy-card small{color:var(--muted);font-size:10px;line-height:1.4}.playbook-strategy-card>div{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.playbook-strategy-map{font-size:9px;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-weight:850}.playbook-tag{font-size:9px;padding:3px 6px;border:1px solid var(--pb-line);border-radius:999px;color:var(--muted)}
.playbook-editor-shell{min-height:650px}.playbook-editor-empty{min-height:600px;display:grid;place-items:center;align-content:center;text-align:center;gap:8px;color:var(--muted)}.playbook-editor-empty h3{margin:8px 0 0;color:var(--text)}.playbook-editor-empty p{max-width:460px;margin:0 0 8px}.playbook-empty-icon{width:70px;height:70px;border-radius:20px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);background:color-mix(in srgb,var(--accent) 9%,transparent);font-weight:900;color:var(--accent);letter-spacing:.1em}
.playbook-editor-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid var(--pb-line)}.playbook-title-fields{min-width:0;flex:1}.playbook-title-input{width:100%;border:0;background:transparent;color:var(--text);font-size:22px;font-weight:850;outline:none;padding:2px 0 8px}.playbook-meta-fields{display:flex;gap:7px;flex-wrap:wrap}.playbook-meta-fields select{border:1px solid var(--pb-line);background:rgba(5,15,18,.62);color:var(--text);border-radius:8px;padding:7px 9px;font-size:10px}.playbook-source-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0;color:var(--muted);font-size:10px}.playbook-source-line strong{color:var(--text)}.playbook-editor-tabs{padding:10px 0;border-bottom:1px solid var(--pb-line);margin-bottom:12px}.playbook-editor-tabs button{padding:7px 10px;font-size:10px}.playbook-editor-panel{min-height:500px}
.playbook-board-toolbar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.playbook-board-toolbar button{padding:7px 9px;font-size:9px}.playbook-board-toolbar button.active{border-color:color-mix(in srgb,var(--accent) 48%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.playbook-tool-separator{width:1px;background:var(--pb-line);margin:2px 3px}.playbook-board-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:12px}.playbook-board{position:relative;aspect-ratio:1/1;min-height:520px;overflow:hidden;border:1px solid var(--pb-line);border-radius:14px;background:radial-gradient(circle at center,rgba(105,214,232,.05),transparent 52%),#071013;isolation:isolate;touch-action:none}.playbook-radar{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.82;filter:saturate(.82) contrast(1.08);pointer-events:none;z-index:1}.playbook-radar.is-fallback{object-fit:contain;opacity:.26;filter:grayscale(.3)}.playbook-board-grid{position:absolute;inset:0;z-index:2;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:10% 10%;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),rgba(0,0,0,.25))}.playbook-marker-layer,.playbook-route-layer{position:absolute;inset:0;width:100%;height:100%;z-index:4}.playbook-marker-layer{pointer-events:none}.playbook-marker{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;display:grid;place-items:center;padding:0!important;box-shadow:0 5px 14px rgba(0,0,0,.3)!important;user-select:none}.playbook-player-marker{width:31px;height:31px;border-radius:50%!important;font-size:9px!important;border-width:2px!important}.playbook-player-marker.t{background:color-mix(in srgb,var(--accent) 28%,#071013)!important;border-color:var(--accent)!important;color:#eaffff!important}.playbook-player-marker.ct{background:color-mix(in srgb,var(--purple) 25%,#071013)!important;border-color:var(--purple)!important;color:#f3efff!important}.playbook-marker.selected{outline:2px solid white;outline-offset:2px}.playbook-utility-marker{width:27px;height:27px;border-radius:8px!important;font-size:8px!important;background:#0b151a!important}.playbook-utility-marker.type-smoke{border-color:#95aab0!important;color:#d8e5e8!important}.playbook-utility-marker.type-flash{border-color:#f2df83!important;color:#fff2ad!important}.playbook-utility-marker.type-molotov{border-color:#ff996f!important;color:#ffc0a8!important}.playbook-utility-marker.type-he{border-color:#8fda91!important;color:#bff0c1!important}.playbook-route-layer{z-index:3;pointer-events:none;overflow:visible}.playbook-route{fill:none;stroke-width:.65;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2.2 1.6;vector-effect:non-scaling-stroke;opacity:.9}.playbook-route.t{stroke:var(--accent)}.playbook-route.ct{stroke:var(--purple)}.playbook-route-end{fill:white;opacity:.85}
.playbook-inspector{border:1px solid var(--pb-line);border-radius:12px;padding:12px;background:rgba(255,255,255,.018);display:grid;gap:9px;align-content:start;min-height:280px}.playbook-inspector h4{margin:0 0 4px}.playbook-inspector-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.playbook-inspector-stats span{border:1px solid var(--pb-line);border-radius:8px;padding:7px;font-size:9px;color:var(--muted)}.playbook-inspector-stats b{display:block;color:var(--text);margin-top:3px}
.playbook-timeline-head{display:flex;justify-content:space-between;align-items:end;gap:12px}.playbook-timeline-head h3{margin:4px 0}.playbook-timeline-scrub{display:grid;grid-template-columns:auto minmax(0,1fr) 60px;gap:10px;align-items:center;margin:14px 0;padding:11px;border:1px solid var(--pb-line);border-radius:12px;background:rgba(255,255,255,.018)}.playbook-timeline-scrub input{width:100%}.playbook-timeline-events{display:grid;gap:7px}.playbook-timeline-row{display:grid;grid-template-columns:72px 10px minmax(160px,1fr) minmax(110px,.5fr) auto auto;gap:8px;align-items:center;padding:8px;border-bottom:1px solid var(--pb-line)}.playbook-timeline-row input{padding:7px 8px}.playbook-timeline-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.playbook-timeline-dot.type-kill{background:var(--red)}.playbook-timeline-dot.type-utility{background:var(--amber)}.playbook-timeline-dot.type-objective{background:var(--green)}
.playbook-utility-list{display:grid;gap:8px;margin-top:12px}.playbook-utility-row,.playbook-manager-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--pb-line);border-radius:11px;background:rgba(255,255,255,.018)}.playbook-utility-row strong,.playbook-utility-row small,.playbook-manager-card strong,.playbook-manager-card small{display:block}.playbook-utility-row small,.playbook-manager-card small{color:var(--muted);font-size:10px;margin-top:3px}.playbook-utility-type{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--pb-line);border-radius:9px;font-size:9px;font-weight:850}.playbook-utility-type.type-smoke{color:#d2dfe2}.playbook-utility-type.type-flash{color:#f2df83}.playbook-utility-type.type-molotov{color:#ff996f}.playbook-utility-type.type-he{color:#8fda91}.playbook-manager-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.playbook-manager-card{grid-template-columns:auto auto minmax(0,1fr) auto}.playbook-manager-map{font-size:9px;color:var(--accent);font-weight:800;min-width:55px}
.playbook-notes-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:12px}.playbook-notes-grid label:first-child{grid-row:span 2}.playbook-notes-grid small{font-size:9px;text-transform:none;letter-spacing:0}.playbook-match-assignments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.playbook-match-choice{display:flex;gap:10px;align-items:center;border:1px solid var(--pb-line);border-radius:10px;padding:10px;background:rgba(255,255,255,.018);cursor:pointer}.playbook-match-choice input{accent-color:var(--accent)}.playbook-match-choice span{display:grid;gap:3px}.playbook-match-choice strong{font-size:11px}.playbook-match-choice small{font-size:9px;color:var(--muted)}
.playbook-callout-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px;margin-top:14px}.playbook-callout-board{min-height:540px}.playbook-callout-marker{position:absolute;transform:translate(-50%,-50%);pointer-events:auto!important;padding:5px 7px!important;border-radius:7px!important;font-size:8px!important;background:rgba(5,15,18,.88)!important;border-color:var(--accent)!important;color:var(--text)!important;box-shadow:0 4px 12px rgba(0,0,0,.28)!important;white-space:nowrap}.playbook-callout-list{display:grid;gap:7px;align-content:start;max-height:540px;overflow:auto}.playbook-callout-row{display:grid;grid-template-columns:minmax(0,1fr) 80px auto;gap:7px;align-items:center;padding:8px;border:1px solid var(--pb-line);border-radius:10px}.playbook-callout-row span{font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums}
.match-prep-playbook{margin-top:12px}.match-prep-playbook-list{display:grid;gap:7px;margin-top:10px}.match-prep-playbook-list>button{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 9px;align-items:center;text-align:left;background:transparent!important;border-color:var(--border)!important;box-shadow:none!important}.match-prep-playbook-list>button strong{font-size:11px}.match-prep-playbook-list>button small{grid-column:2;color:var(--muted);font-size:9px}
.demo-playbook-side{max-width:135px}
@media(min-width:1181px){html body .primary-nav-main .primary-nav-entry[data-nav-group="playbook"]>.primary-nav-item{width:102px!important}}
@media(min-width:1411px){html body .primary-nav-main .primary-nav-entry[data-nav-group="playbook"]>.primary-nav-item{width:108px!important}}
@media(max-width:1050px){.playbook-layout{grid-template-columns:1fr}.playbook-library{position:static;max-height:none}.playbook-strategy-list{grid-template-columns:repeat(2,minmax(0,1fr))}.playbook-board-layout{grid-template-columns:1fr}.playbook-inspector{min-height:0}.playbook-callout-layout{grid-template-columns:1fr}.playbook-callout-list{max-height:none}.playbook-manager-grid,.playbook-match-assignments{grid-template-columns:1fr}}
@media(max-width:760px){.playbook-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.playbook-toolbar{grid-template-columns:1fr 1fr}.playbook-strategy-list{grid-template-columns:1fr}.playbook-editor-head,.playbook-timeline-head{flex-direction:column;align-items:stretch}.playbook-board{min-height:0}.playbook-notes-grid{grid-template-columns:1fr}.playbook-notes-grid label:first-child{grid-row:auto}.playbook-timeline-row{grid-template-columns:64px 8px minmax(0,1fr) auto}.playbook-timeline-row input:nth-of-type(3){grid-column:3}.playbook-timeline-row button{grid-row:2}.playbook-manager-card{grid-template-columns:auto minmax(0,1fr) auto}.playbook-manager-map{grid-column:1/-1}.demo-playbook-side{max-width:none}}
@media(max-width:480px){.playbook-kpis,.playbook-toolbar{grid-template-columns:1fr}.playbook-board-toolbar{display:grid;grid-template-columns:repeat(2,1fr)}.playbook-tool-separator{display:none}.playbook-meta-fields{display:grid;grid-template-columns:1fr 1fr}.playbook-callout-row{grid-template-columns:1fr auto}.playbook-callout-row span{display:none}}

/* ========================================================================== 
   MIDROUND v3.3.15 · desktop navbar fit hotfix
   Keep the approved label type scale. Reclaim width only from chrome/gaps and
   measured button geometry so the complete 13-item nav retains a clean right
   edge after Playbook was added.
   ========================================================================== */
@media (min-width:1411px){
  html body .portal-navigation .primary-nav-main{
    gap:4px!important;
    padding-right:6px!important;
    box-sizing:border-box!important;
  }
  html body .portal-navigation .primary-nav-main button.primary-nav-item{
    padding-left:6px!important;
    padding-right:6px!important;
    column-gap:4px!important;
  }
  html body .portal-navigation .primary-nav-main button.primary-nav-item > .primary-nav-chevron{
    margin-left:0!important;
  }

  html body .primary-nav-main .primary-nav-entry[data-nav-group="overview"]>.primary-nav-item,
  html body .primary-nav-main>.primary-nav-item[data-nav-group="overview"]{width:108px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="team"]>.primary-nav-item,
  html body .primary-nav-main>.primary-nav-item[data-nav-group="team"]{width:91px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="matches"]>.primary-nav-item,
  html body .primary-nav-main>.primary-nav-item[data-nav-group="matches"]{width:101px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="analytics"]>.primary-nav-item,
  html body .primary-nav-main>.primary-nav-item[data-nav-group="analytics"]{width:107px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="demo"]>.primary-nav-item,
  html body .primary-nav-main>.primary-nav-item[data-nav-group="demo"]{width:129px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="playbook"]>.primary-nav-item,
  html body .primary-nav-main>.primary-nav-item[data-nav-group="playbook"]{width:100px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="scouting"]>.primary-nav-item,
  html body .primary-nav-main>.primary-nav-item[data-nav-group="scouting"]{width:105px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="candidates"]>.primary-nav-item,
  html body .primary-nav-main>.primary-nav-item[data-nav-group="candidates"]{width:116px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="planning"]>.primary-nav-item,
  html body .primary-nav-main>.primary-nav-item[data-nav-group="planning"]{width:102px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="workflow"]>.primary-nav-item,
  html body .primary-nav-main>.primary-nav-item[data-nav-group="workflow"]{width:124px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="documents"]>.primary-nav-item,
  html body .primary-nav-main>.primary-nav-item[data-nav-group="documents"]{width:114px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="tickets"]>.primary-nav-item,
  html body .primary-nav-main>.primary-nav-item[data-nav-group="tickets"]{width:82px!important}
  html body .primary-nav-main .primary-nav-entry[data-nav-group="admin"]>.primary-nav-item,
  html body .primary-nav-main>.primary-nav-item[data-nav-group="admin"]{width:94px!important}
}


/* ==========================================================================
   MIDROUND v3.3.20 · CANONICAL INTERACTIVE SURFACES
   One source of truth for navigation submenus, portal actions, Home actions,
   Playbook controls and positive Create / Upload / Import actions.
   ========================================================================== */

:root{
  --mr-positive:#59e3a1;
  --mr-positive-deep:#123a29;
  --mr-positive-deep-hover:#184b35;
  --mr-positive-line:rgba(89,227,161,.48);
}

/* --------------------------------------------------------------------------
   1. BODY-LEVEL NAV OVERLAY
   The dropdown is appended to <body> as #primaryNavOverlay, NOT inside
   .portal-navigation. Keep the outer menu panel; remove cards-inside-card.
   -------------------------------------------------------------------------- */
#primaryNavOverlay.primary-nav-overlay .primary-nav-dropdown-item,
#primaryNavOverlay.primary-nav-overlay button.primary-nav-dropdown-item{
  background:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
}
#primaryNavOverlay.primary-nav-overlay .primary-nav-dropdown-item:hover,
#primaryNavOverlay.primary-nav-overlay .primary-nav-dropdown-item:focus-visible{
  background:transparent!important;
  background-image:none!important;
  border-color:color-mix(in srgb,var(--nav-accent,var(--mr-primary,#69d6e8)) 20%,transparent)!important;
  box-shadow:none!important;
}
#primaryNavOverlay.primary-nav-overlay .primary-nav-dropdown-item.active{
  background:transparent!important;
  background-image:none!important;
  border-color:color-mix(in srgb,var(--nav-accent,var(--mr-primary,#69d6e8)) 34%,transparent)!important;
  box-shadow:inset 2px 0 0 var(--nav-accent,var(--mr-primary,#69d6e8))!important;
}
#primaryNavOverlay.primary-nav-overlay .primary-nav-dropdown-item::before,
#primaryNavOverlay.primary-nav-overlay .primary-nav-dropdown-item::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}

/* --------------------------------------------------------------------------
   2. PORTAL PAGE ACTIONS
   Default action = transparent outline. Structural cards/panels are untouched.
   Top-level navbar buttons and map markers are explicitly excluded.
   -------------------------------------------------------------------------- */
body.portal-active .portal-main button:not(.primary-nav-item):not(.primary-nav-dropdown-item):not(.playbook-marker):not(.action-positive),
body.portal-active .portal-main .button-link:not(.action-positive),
body.portal-active .portal-main .link-btn:not(.action-positive){
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
}
body.portal-active .portal-main button:not(.primary-nav-item):not(.primary-nav-dropdown-item):not(.playbook-marker):not(.action-positive):hover,
body.portal-active .portal-main button:not(.primary-nav-item):not(.primary-nav-dropdown-item):not(.playbook-marker):not(.action-positive):focus-visible,
body.portal-active .portal-main .button-link:not(.action-positive):hover,
body.portal-active .portal-main .link-btn:not(.action-positive):hover{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}

/* If portal-active has not been assigned yet during first paint, #portalContent
   gives the same visual result without depending on public-home-active state. */
#portalContent:not(.hidden) .portal-main button:not(.primary-nav-item):not(.primary-nav-dropdown-item):not(.playbook-marker):not(.action-positive),
#portalContent:not(.hidden) .portal-main .button-link:not(.action-positive),
#portalContent:not(.hidden) .portal-main .link-btn:not(.action-positive){
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
}

/* Preserve semantic danger coloring, but do not paint a grey/red slab. */
body.portal-active .portal-main button.danger-btn:not(.action-positive),
#portalContent:not(.hidden) .portal-main button.danger-btn:not(.action-positive){
  background:transparent!important;
  box-shadow:none!important;
}

/* --------------------------------------------------------------------------
   3. PORTAL HOME
   The Home page contained button-like rows that inherited the old CTA fill.
   -------------------------------------------------------------------------- */
#homeView button.home-action-item,
#homeView button.home-situation-item,
#homeView button.home-action-toggle,
#homeView button.home-situation-link,
#homeView .notification-row{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}
#homeView button.home-action-item:hover,
#homeView button.home-situation-item:hover,
#homeView button.home-action-toggle:hover,
#homeView button.home-situation-link:hover{
  background:transparent!important;
  box-shadow:none!important;
}

/* --------------------------------------------------------------------------
   4. PLAYBOOK
   No grey tiles behind labels. State is communicated by border/accent only.
   -------------------------------------------------------------------------- */
.playbook-page .playbook-mode-tabs button,
.playbook-page .playbook-editor-tabs button,
.playbook-page .playbook-board-toolbar button{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}
.playbook-page .playbook-mode-tabs button.active,
.playbook-page .playbook-editor-tabs button.active,
.playbook-page .playbook-board-toolbar button.active{
  background:transparent!important;
  background-image:none!important;
  color:var(--text)!important;
  border-color:color-mix(in srgb,var(--accent,#69d6e8) 46%,transparent)!important;
  box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--accent,#69d6e8) 82%,transparent)!important;
}
.playbook-page .playbook-strategy-card,
.playbook-page .playbook-strategy-card:hover{
  display:grid!important;
  grid-template-columns:1fr!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  gap:5px!important;
  text-align:left!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}
.playbook-page .playbook-strategy-card.active{
  background:transparent!important;
  background-image:none!important;
  border-color:color-mix(in srgb,var(--accent,#69d6e8) 40%,transparent)!important;
  box-shadow:inset 3px 0 0 var(--accent,#69d6e8)!important;
}

/* --------------------------------------------------------------------------
   5. OTHER HISTORIC BUTTON-LIKE ROWS
   -------------------------------------------------------------------------- */
.portal-main .notification-row,
.portal-main .match-prep-playbook-list>button,
.portal-main .demo-source-option{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}

/* --------------------------------------------------------------------------
   6. POSITIVE ACTIONS
   New / Create / Add / Upload / Import / Setup controls are intentionally
   green. This is a semantic positive action, not a generic grey button fill.
   -------------------------------------------------------------------------- */
button.action-positive,
.button-link.action-positive,
.link-btn.action-positive{
  background:linear-gradient(180deg,var(--mr-positive-deep),rgba(9,31,22,.96))!important;
  background-image:linear-gradient(180deg,var(--mr-positive-deep),rgba(9,31,22,.96))!important;
  border-color:var(--mr-positive-line)!important;
  color:#effff6!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 0 1px rgba(89,227,161,.06)!important;
  filter:none!important;
}
button.action-positive:hover,
button.action-positive:focus-visible,
.button-link.action-positive:hover,
.link-btn.action-positive:hover{
  background:linear-gradient(180deg,var(--mr-positive-deep-hover),rgba(11,38,26,.98))!important;
  background-image:linear-gradient(180deg,var(--mr-positive-deep-hover),rgba(11,38,26,.98))!important;
  border-color:rgba(105,238,174,.68)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 0 16px rgba(89,227,161,.08)!important;
}

/* Exact Playbook CTA geometry. */
#playbookNewStrategyBtn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  min-width:168px!important;
  min-height:40px!important;
  line-height:1.1!important;
}

/* --------------------------------------------------------------------------
   7. PUBLIC / MARKETING HOME
   Remove the same washed-out generic button treatment from the public header.
   Branded primary CTAs can still carry their dedicated site styles.
   -------------------------------------------------------------------------- */
body.public-home-active .public-app-header-product .header-actions>button:not(.public-header-portal-btn):not(.action-positive),
body.public-home-active .language-current{
  background:rgba(7,16,22,.86)!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  border-color:rgba(205,239,245,.12)!important;
}
body.public-home-active .public-app-header-product .header-actions>button:not(.public-header-portal-btn):not(.action-positive):hover,
body.public-home-active .language-current:hover{
  background:rgba(9,21,28,.94)!important;
  border-color:rgba(205,239,245,.22)!important;
  box-shadow:none!important;
}

/* Positive actions stay green on public Home too. */
body.public-home-active button.action-positive,
body.public-home-active .button-link.action-positive,
body.public-home-active .link-btn.action-positive{
  background:linear-gradient(180deg,var(--mr-positive-deep),rgba(9,31,22,.96))!important;
  border-color:var(--mr-positive-line)!important;
  color:#effff6!important;
}

/* No decorative pseudo-layer may recreate a grey slab. */
body.portal-active .portal-main button:not(.primary-nav-item):not(.playbook-marker)::before,
body.portal-active .portal-main button:not(.primary-nav-item):not(.playbook-marker)::after,
#primaryNavOverlay .primary-nav-dropdown-item::before,
#primaryNavOverlay .primary-nav-dropdown-item::after{
  box-shadow:none!important;
  filter:none!important;
}


/* ==========================================================================
   MIDROUND v3.3.21 · CARBON PALETTE GUARD
   Carbon used a bright grey-blue primary (#6F878E), which made global theme
   control fills look milky. Carbon is now deep anthracite / dark cool teal.
   Live palette is supplied by Theme Center; these rules guarantee the intended
   visual hierarchy even against old generic theme button selectors.
   ========================================================================== */

/* Carbon identity: theme key is historically "gold", display name is Carbon. */
html[data-theme-key="gold"]{
  --carbon-bg:#070A0B;
  --carbon-surface:#0A0F11;
  --carbon-surface-2:#10171A;
  --carbon-control:#0C1417;
  --carbon-control-hover:#101C20;
  --carbon-line:rgba(121,174,183,.20);
  --carbon-line-strong:rgba(121,174,183,.38);
}

/* Top-level portal controls remain distinct, but never pale grey. */
html[data-theme-key="gold"] #portalContent .primary-nav-item{
  background:linear-gradient(180deg,#0C1417,#091013)!important;
  border-color:rgba(121,174,183,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
html[data-theme-key="gold"] #portalContent .primary-nav-item:hover,
html[data-theme-key="gold"] #portalContent .primary-nav-item.active{
  background:linear-gradient(180deg,#101C20,#0B1417)!important;
  border-color:rgba(121,174,183,.42)!important;
}

/* Dropdown menu rows: dark carbon instead of grey/milky tiles. */
html[data-theme-key="gold"] #primaryNavOverlay .primary-nav-dropdown-item{
  background:#0A1012!important;
  background-image:none!important;
  border-color:rgba(121,174,183,.10)!important;
  box-shadow:none!important;
}
html[data-theme-key="gold"] #primaryNavOverlay .primary-nav-dropdown-item:hover,
html[data-theme-key="gold"] #primaryNavOverlay .primary-nav-dropdown-item:focus-visible{
  background:#0D171A!important;
  border-color:rgba(121,174,183,.26)!important;
}
html[data-theme-key="gold"] #primaryNavOverlay .primary-nav-dropdown-item.active{
  background:#0F1B1F!important;
  border-color:rgba(121,174,183,.38)!important;
  box-shadow:inset 2px 0 0 #79AEB7!important;
}

/* Playbook: all selectable surfaces stay deep Carbon. */
html[data-theme-key="gold"] #playbookView .playbook-mode-tabs button,
html[data-theme-key="gold"] #playbookView .playbook-editor-tabs button,
html[data-theme-key="gold"] #playbookView .playbook-board-toolbar button{
  background:#0A1012!important;
  background-image:none!important;
  border-color:rgba(121,174,183,.14)!important;
  color:#A9B5B8!important;
  box-shadow:none!important;
}
html[data-theme-key="gold"] #playbookView .playbook-mode-tabs button:hover,
html[data-theme-key="gold"] #playbookView .playbook-editor-tabs button:hover,
html[data-theme-key="gold"] #playbookView .playbook-board-toolbar button:hover{
  background:#0D171A!important;
  border-color:rgba(121,174,183,.28)!important;
}
html[data-theme-key="gold"] #playbookView .playbook-mode-tabs button.active,
html[data-theme-key="gold"] #playbookView .playbook-editor-tabs button.active,
html[data-theme-key="gold"] #playbookView .playbook-board-toolbar button.active{
  background:#101C20!important;
  border-color:rgba(121,174,183,.40)!important;
  color:#F2F5F6!important;
  box-shadow:inset 0 -2px 0 #79AEB7!important;
}

html[data-theme-key="gold"] #playbookView .playbook-strategy-card{
  background:#0B1214!important;
  background-image:none!important;
  border-color:rgba(121,174,183,.14)!important;
  box-shadow:none!important;
}
html[data-theme-key="gold"] #playbookView .playbook-strategy-card:hover{
  background:#0E181B!important;
  border-color:rgba(121,174,183,.28)!important;
}
html[data-theme-key="gold"] #playbookView .playbook-strategy-card.active{
  background:#101C20!important;
  border-color:rgba(121,174,183,.40)!important;
  box-shadow:inset 3px 0 0 #79AEB7!important;
}

/* Portal Home: remove the washed Carbon fill from content-action rows. */
html[data-theme-key="gold"] #homeView button.home-action-item,
html[data-theme-key="gold"] #homeView button.home-situation-item,
html[data-theme-key="gold"] #homeView button.home-action-toggle,
html[data-theme-key="gold"] #homeView button.home-situation-link{
  background:#0A0F11!important;
  background-image:none!important;
  border-color:rgba(121,174,183,.12)!important;
  box-shadow:none!important;
}
html[data-theme-key="gold"] #homeView button.home-action-item:hover,
html[data-theme-key="gold"] #homeView button.home-situation-item:hover,
html[data-theme-key="gold"] #homeView button.home-action-toggle:hover,
html[data-theme-key="gold"] #homeView button.home-situation-link:hover{
  background:#0D171A!important;
  border-color:rgba(121,174,183,.26)!important;
}

/* Positive creation/upload/import controls are explicitly green.
   IDs / action-positive class give this rule enough specificity to beat the
   legacy html[data-theme-key] generic button fill. */
html[data-theme-key="gold"] #playbookNewStrategyBtn,
html[data-theme-key="gold"] #portalContent button.action-positive,
html[data-theme-key="gold"] body.public-home-active button.action-positive{
  background:linear-gradient(180deg,#173F2C,#0E2D20)!important;
  background-image:linear-gradient(180deg,#173F2C,#0E2D20)!important;
  border-color:rgba(89,227,161,.52)!important;
  color:#F0FFF6!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 0 1px rgba(89,227,161,.05)!important;
}
html[data-theme-key="gold"] #playbookNewStrategyBtn:hover,
html[data-theme-key="gold"] #portalContent button.action-positive:hover,
html[data-theme-key="gold"] body.public-home-active button.action-positive:hover{
  background:linear-gradient(180deg,#1D5138,#123826)!important;
  border-color:rgba(105,238,174,.70)!important;
  box-shadow:0 0 16px rgba(89,227,161,.09)!important;
}

/* Public Home Carbon header: dark, not washed-out. */
html[data-theme-key="gold"] body.public-home-active .public-app-header-product .header-actions>button,
html[data-theme-key="gold"] body.public-home-active .language-current{
  background:#0A1012!important;
  background-image:none!important;
  border-color:rgba(121,174,183,.16)!important;
  box-shadow:none!important;
}


/* ==========================================================================
   MIDROUND v3.3.22 · NOTIFICATION SURFACE FIX
   Root cause: notificationDialog lives outside .portal-main, therefore the
   portal-wide surface reset never reached its button.notification-row items.
   Old theme-wide CTA selectors then painted each notification with the theme
   primary color. This block is intentionally theme-independent.
   ========================================================================== */

/* The notification modal is a structural dark panel in every theme. */
html body #notificationDialog.match-dialog{
  background:color-mix(in srgb,var(--mr-bg,#071013) 94%,#000 6%)!important;
  border-color:color-mix(in srgb,var(--mr-primary,#69d6e8) 18%,rgba(205,239,245,.12))!important;
  box-shadow:0 24px 72px rgba(0,0,0,.42)!important;
}
html body #notificationDialog .dialog-shell{
  background:transparent!important;
  box-shadow:none!important;
}

/* Notification entries are content rows, never CTA buttons. */
html[data-theme-key] body #notificationDialog button.notification-row,
html body #notificationDialog button.notification-row,
html[data-theme-key] body #notificationInbox button.notification-row,
html body #notificationInbox button.notification-row{
  width:100%!important;
  display:grid!important;
  grid-template-columns:10px minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:12px!important;
  text-align:left!important;
  padding:13px 14px!important;
  margin-bottom:8px!important;
  border-radius:10px!important;
  background:color-mix(in srgb,var(--mr-bg,#071013) 88%,var(--mr-surface,#102027) 12%)!important;
  background-image:none!important;
  border:1px solid color-mix(in srgb,var(--mr-primary,#69d6e8) 12%,rgba(205,239,245,.10))!important;
  color:var(--mr-text,#eef7f9)!important;
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  transform:none!important;
}

/* Hover stays dark; only the border becomes clearer. */
html[data-theme-key] body #notificationDialog button.notification-row:hover,
html body #notificationDialog button.notification-row:hover,
html[data-theme-key] body #notificationInbox button.notification-row:hover,
html body #notificationInbox button.notification-row:hover{
  background:color-mix(in srgb,var(--mr-bg,#071013) 82%,var(--mr-surface,#102027) 18%)!important;
  background-image:none!important;
  border-color:color-mix(in srgb,var(--mr-primary,#69d6e8) 28%,rgba(205,239,245,.12))!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Unread is communicated subtly – no full blue/grey slab. */
html[data-theme-key] body #notificationDialog button.notification-row.unread,
html body #notificationDialog button.notification-row.unread,
html[data-theme-key] body #notificationInbox button.notification-row.unread,
html body #notificationInbox button.notification-row.unread{
  background:color-mix(in srgb,var(--mr-bg,#071013) 91%,#174437 9%)!important;
  background-image:none!important;
  border-color:rgba(82,205,154,.20)!important;
  box-shadow:inset 2px 0 0 rgba(82,205,154,.58)!important;
}

/* Read entries are a touch quieter. */
html body #notificationDialog button.notification-row.read,
html body #notificationInbox button.notification-row.read{
  opacity:.86;
}

/* Dot is the primary unread signal. */
html body #notificationDialog .notification-dot,
html body #notificationInbox .notification-dot{
  width:7px!important;
  height:7px!important;
  margin-top:5px!important;
  background:#52676c!important;
  box-shadow:none!important;
}
html body #notificationDialog .notification-row.unread .notification-dot,
html body #notificationInbox .notification-row.unread .notification-dot{
  background:#52CD9A!important;
  box-shadow:0 0 0 3px rgba(82,205,154,.08)!important;
}

/* Typography stays readable instead of being washed by theme primary fills. */
html body #notificationDialog .notification-copy strong,
html body #notificationInbox .notification-copy strong{
  color:var(--mr-text,#eef7f9)!important;
}
html body #notificationDialog .notification-copy small,
html body #notificationDialog .notification-copy em,
html body #notificationInbox .notification-copy small,
html body #notificationInbox .notification-copy em{
  color:var(--mr-muted,#91a8ae)!important;
}

/* Close button is a simple dark icon control. */
html[data-theme-key] body #notificationDialog #closeNotificationDialog,
html body #notificationDialog #closeNotificationDialog{
  background:transparent!important;
  background-image:none!important;
  border-color:rgba(205,239,245,.12)!important;
  box-shadow:none!important;
}
html[data-theme-key] body #notificationDialog #closeNotificationDialog:hover,
html body #notificationDialog #closeNotificationDialog:hover{
  background:rgba(255,255,255,.025)!important;
  border-color:rgba(205,239,245,.24)!important;
}

/* Positive actions: theme-independent specificity so generic theme CTA rules
   can never turn Create/Upload/Import controls grey/blue again. */
html[data-theme-key] body #portalContent button.action-positive,
html[data-theme-key] body #portalContent #playbookNewStrategyBtn,
html body #portalContent button.action-positive,
html body #portalContent #playbookNewStrategyBtn{
  background:linear-gradient(180deg,#173F2C,#0E2D20)!important;
  background-image:linear-gradient(180deg,#173F2C,#0E2D20)!important;
  border-color:rgba(89,227,161,.52)!important;
  color:#F0FFF6!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 0 1px rgba(89,227,161,.05)!important;
}
html[data-theme-key] body #portalContent button.action-positive:hover,
html[data-theme-key] body #portalContent #playbookNewStrategyBtn:hover,
html body #portalContent button.action-positive:hover,
html body #portalContent #playbookNewStrategyBtn:hover{
  background:linear-gradient(180deg,#1D5138,#123826)!important;
  border-color:rgba(105,238,174,.70)!important;
  box-shadow:0 0 16px rgba(89,227,161,.09)!important;
}


/* ==========================================================================
   MIDROUND v3.3.24 · PLAYBOOK RADAR VIEWPORT + SMOOTH DRAG
   Mirrors Demo Analyzer zoom behavior and removes marker drag re-render jitter.
   ========================================================================== */

.playbook-board .playbook-world-layer{
  position:absolute!important;
  right:auto;
  bottom:auto;
  transform:none!important;
  transform-origin:0 0;
}

.playbook-board.is-zoomed{
  cursor:grab;
}
.playbook-board.is-panning{
  cursor:grabbing;
}
.playbook-board.is-panning .playbook-world-layer{
  pointer-events:none;
}

.playbook-zoom-controls{
  position:absolute;
  left:14px;
  bottom:14px;
  z-index:12;
  display:flex;
  align-items:center;
  gap:5px;
  padding:5px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:11px;
  background:rgba(4,8,14,.88);
  box-shadow:0 8px 24px rgba(0,0,0,.28);
  backdrop-filter:blur(7px);
}
.playbook-zoom-controls button{
  min-width:34px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0 9px!important;
  border-radius:8px!important;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}
.playbook-zoom-controls .playbook-zoom-reset{
  min-width:58px!important;
  font-size:10px;
}
.playbook-zoom-controls button:disabled{
  opacity:.38;
}

.playbook-zoom-hint{
  position:absolute;
  right:14px;
  bottom:17px;
  z-index:11;
  padding:5px 8px;
  border-radius:8px;
  background:rgba(4,8,14,.72);
  color:var(--muted);
  font-size:8px;
  font-weight:750;
  letter-spacing:.02em;
  pointer-events:none;
  opacity:.78;
}

.playbook-marker,
.playbook-callout-marker{
  touch-action:none;
  transition:none!important;
  will-change:left,top;
  backface-visibility:hidden;
  -webkit-font-smoothing:antialiased;
}
.playbook-marker{
  cursor:grab;
}
.playbook-marker.is-dragging,
.playbook-callout-marker.is-dragging{
  cursor:grabbing!important;
  z-index:20!important;
  outline:2px solid rgba(255,255,255,.88);
  outline-offset:2px;
  box-shadow:0 7px 18px rgba(0,0,0,.38)!important;
}

/* At zoom > 100%, marker size stays visually useful and route lines remain crisp. */
.playbook-route-layer{
  shape-rendering:geometricPrecision;
}
.playbook-route{
  vector-effect:non-scaling-stroke;
}

@media(max-width:700px){
  .playbook-zoom-controls{left:8px;bottom:8px}
  .playbook-zoom-controls button{min-width:31px!important;height:30px!important;min-height:30px!important}
  .playbook-zoom-controls .playbook-zoom-reset{min-width:52px!important}
  .playbook-zoom-hint{display:none}
}


/* ==========================================================================
   MIDROUND v3.3.25 · PLAYBOOK MARKER HOVER + VISUAL CLEANUP
   Root cause: global button:hover sets transform:translateY(-1px), which
   overwrote the marker's centering transform translate(-50%,-50%).
   Generic button min-height/background rules also distorted small map markers.
   ========================================================================== */

/* Marker geometry is owned here and may never inherit generic CTA geometry. */
.playbook-board button.playbook-marker,
.playbook-board button.playbook-marker:hover,
.playbook-board button.playbook-marker:focus,
.playbook-board button.playbook-marker:focus-visible,
.playbook-board button.playbook-marker:active{
  transform:translate(-50%,-50%)!important;
  transition:none!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  line-height:1!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
}

/* Clean player chip: dark core + side-colored ring, no bulky generic button look. */
.playbook-board button.playbook-player-marker{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  border-radius:50%!important;
  border-width:2px!important;
  border-style:solid!important;
  background:#081014!important;
  color:#f4fbfc!important;
  font-size:8.5px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  box-shadow:0 2px 8px rgba(0,0,0,.34)!important;
  cursor:grab!important;
  overflow:hidden!important;
}
.playbook-board button.playbook-player-marker>span{
  display:block;
  max-width:24px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:clip;
  pointer-events:none;
}
.playbook-board button.playbook-player-marker.t{
  border-color:var(--accent,#69d6e8)!important;
  background:color-mix(in srgb,#081014 86%,var(--accent,#69d6e8) 14%)!important;
}
.playbook-board button.playbook-player-marker.ct{
  border-color:var(--purple,#b6a2ff)!important;
  background:color-mix(in srgb,#081014 86%,var(--purple,#b6a2ff) 14%)!important;
}

/* Hover only clarifies the ring. It must never move or resize the marker. */
.playbook-board button.playbook-player-marker:hover{
  transform:translate(-50%,-50%)!important;
  box-shadow:0 3px 10px rgba(0,0,0,.38),0 0 0 2px rgba(255,255,255,.08)!important;
}
.playbook-board button.playbook-player-marker.t:hover{
  background:color-mix(in srgb,#081014 80%,var(--accent,#69d6e8) 20%)!important;
}
.playbook-board button.playbook-player-marker.ct:hover{
  background:color-mix(in srgb,#081014 80%,var(--purple,#b6a2ff) 20%)!important;
}

/* Selection without changing box metrics. */
.playbook-board button.playbook-marker.selected{
  outline:2px solid rgba(255,255,255,.88)!important;
  outline-offset:2px!important;
  transform:translate(-50%,-50%)!important;
}
.playbook-board button.playbook-marker.is-dragging{
  transform:translate(-50%,-50%)!important;
  cursor:grabbing!important;
  z-index:20!important;
  outline:2px solid rgba(255,255,255,.92)!important;
  outline-offset:2px!important;
  box-shadow:0 4px 12px rgba(0,0,0,.44)!important;
}

/* Utility markers get their real intended size back instead of global min-height. */
.playbook-board button.playbook-utility-marker,
.playbook-board button.playbook-utility-marker:hover,
.playbook-board button.playbook-utility-marker:focus-visible,
.playbook-board button.playbook-utility-marker:active{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  border-radius:8px!important;
  transform:translate(-50%,-50%)!important;
  background:#081014!important;
  box-shadow:0 2px 7px rgba(0,0,0,.32)!important;
  font-size:7.5px!important;
  font-weight:900!important;
  cursor:grab!important;
}
.playbook-board button.playbook-utility-marker:hover{
  box-shadow:0 3px 9px rgba(0,0,0,.38),0 0 0 2px rgba(255,255,255,.06)!important;
}


/* ==========================================================================\n   MIDROUND v3.3.26 · FIRST-PAINT / THEME BOOT GATE\n   Ctrl+F5 must never expose the public Home or fallback theme before auth,\n   route restoration and the final palette have been resolved.\n   ========================================================================== */
html.app-boot-pending{background:var(--mr-bg,#07101A)!important;}
html.app-boot-pending body{opacity:0!important;pointer-events:none!important;}
html.app-boot-ready body{opacity:1;}


/* ==========================================================================
   MIDROUND v3.3.29 · PUBLIC FEATURE CATALOGUE REFRESH
   ========================================================================== */

/* ==========================================================================
   MIDROUND v3.3.30 · PUBLIC HOME DEDUPE
   Feature catalogue exists once; hero is only a compact current overview.
   ========================================================================== */
.public-hero-visual .hero-metric{
  min-width:0;
}
.public-hero-visual .hero-metric strong,
.public-hero-visual .hero-metric small{
  overflow-wrap:anywhere;
}
.public-hero-visual .hero-metric span{
  white-space:normal;
}


/* ==========================================================================
   MIDROUND v3.3.32 · PACKAGE SHOP
   Basic / Advanced / Performance + Organisation
   ========================================================================== */
.public-shop-grid-product{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
.public-shop-grid-product .public-package-card{
  min-height:440px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  padding:20px!important;
  background:color-mix(in srgb,var(--mr-bg) 93%,var(--mr-surface) 7%)!important;
  border:1px solid color-mix(in srgb,var(--mr-primary) 12%,var(--line))!important;
  box-shadow:none!important;
  overflow:hidden;
}
.public-shop-grid-product .public-package-card.is-recommended{
  border-color:color-mix(in srgb,var(--mr-primary) 46%,var(--line))!important;
  box-shadow:inset 0 2px 0 color-mix(in srgb,var(--mr-primary) 72%,transparent)!important;
}
.public-package-badges{
  min-height:24px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  padding-right:86px;
}
.public-shop-plan-badge,.public-shop-slots{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:3px 8px;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--mr-primary) 24%,var(--line));
  background:transparent;
  color:color-mix(in srgb,var(--mr-primary) 68%,var(--mr-text) 32%);
  font-size:8px;
  font-weight:900;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.public-shop-slots{
  color:var(--mr-muted);
  border-color:color-mix(in srgb,var(--mr-primary) 12%,var(--line));
}
.public-package-head{
  display:flex;
  flex-direction:column;
  gap:7px;
  min-height:118px;
}
.public-package-head .eyebrow{color:var(--mr-muted)!important}
.public-package-head h4{
  margin:0!important;
  color:var(--mr-text)!important;
  font-size:1.18rem!important;
}
.public-package-head p{
  margin:0!important;
  color:var(--mr-muted)!important;
  font-size:.72rem!important;
  line-height:1.55!important;
}
.public-package-card .public-shop-price,
.public-package-card .public-shop-price-stack{
  min-height:64px;
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:7px;
  margin:0!important;
}
.public-package-card .public-shop-price strong{
  color:var(--mr-text);
  font-size:1.7rem;
  line-height:1;
}
.public-package-card .public-shop-price small,
.public-package-card .public-shop-price-stack small{
  width:100%;
  color:var(--mr-muted);
  font-size:.65rem;
  font-weight:750;
}
.public-package-card .public-shop-price.is-contact strong{font-size:1.45rem}
.public-shop-features{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:8px;
  margin:0;
  padding:12px 0 4px;
  border-top:1px solid color-mix(in srgb,var(--mr-primary) 9%,var(--line));
}
.public-shop-features li{
  display:grid;
  grid-template-columns:16px minmax(0,1fr);
  gap:7px;
  align-items:start;
  color:var(--mr-muted);
  font-size:.68rem;
  line-height:1.4;
}
.public-shop-features li>span:first-child{color:#52cd9a;font-weight:1000}
.public-package-cta{margin-top:auto;padding-top:8px}
.public-package-card .shop-buy-btn{
  min-height:42px!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  border:1px solid color-mix(in srgb,var(--mr-primary) 26%,var(--line))!important;
  border-radius:9px!important;
  background:transparent!important;
}
.public-package-card.is-recommended .shop-buy-btn{
  background:color-mix(in srgb,var(--mr-primary) 12%,transparent)!important;
  border-color:color-mix(in srgb,var(--mr-primary) 42%,var(--line))!important;
}
.public-package-card .shop-contact-btn{
  border-color:rgba(82,205,154,.35)!important;
  background:rgba(82,205,154,.06)!important;
}
.public-package-card.has-sale .shop-sale-badge{
  top:14px!important;
  right:14px!important;
  min-width:70px!important;
  min-height:31px!important;
  padding:6px 10px!important;
  font-size:11px!important;
}
.public-package-card .public-shop-original-price{
  font-size:.8rem!important;
  color:var(--mr-muted)!important;
  text-decoration:line-through;
}
.public-package-card .public-shop-sale-price{
  font-size:1.7rem!important;
  line-height:1!important;
}

/* PRIMARY ADMIN · package editor */
.public-package-admin{display:flex;flex-direction:column;gap:14px}
.public-shop-admin-products{display:flex!important;flex-direction:column!important;gap:14px!important}
.public-shop-admin-item.public-package-admin-item{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  padding:16px!important;
  border:1px solid color-mix(in srgb,var(--mr-primary) 12%,var(--line))!important;
  border-radius:12px!important;
  background:color-mix(in srgb,var(--mr-bg) 95%,var(--mr-surface) 5%)!important;
}
.public-package-admin-item .grid-span-2{grid-column:1/-1!important}
.public-package-admin-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  padding-bottom:10px;
  border-bottom:1px solid color-mix(in srgb,var(--mr-primary) 9%,var(--line));
}
.public-package-admin-head>div:first-child{display:flex;flex-direction:column;gap:3px}
.public-package-admin-head strong{color:var(--mr-text);font-size:.9rem}
.public-package-admin-head small{color:var(--mr-muted);font-size:.62rem}
.public-package-admin-order{display:flex;gap:5px}
.public-package-admin-item textarea[data-shop-field="features"]{
  min-height:148px;
  resize:vertical;
  font-family:inherit;
  line-height:1.5;
}

@media(max-width:1260px){
  .public-shop-grid-product{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .public-shop-admin-item.public-package-admin-item{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  .public-shop-grid-product{grid-template-columns:1fr!important}
  .public-shop-admin-item.public-package-admin-item{grid-template-columns:1fr!important}
  .public-package-admin-item .grid-span-2{grid-column:1!important}
  .public-package-badges{padding-right:78px}
}


/* ========================================================================== 
   MIDROUND v3.3.33 · CUSTOMER PACKAGE COMPARISON
   ========================================================================== */
.public-shop-section-product{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:24px!important;
  align-items:start!important;
}
.public-shop-intro-product{
  max-width:820px!important;
  margin:0!important;
}
.public-shop-intro-product>p{
  max-width:760px!important;
}
.public-shop-grid-product{
  width:100%!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
.public-shop-footer-product{
  grid-column:1!important;
  width:100%!important;
  justify-content:flex-end!important;
  padding-top:0!important;
}
#publicShopNotice.hidden,
#publicShopNotice:empty{
  display:none!important;
}
.public-shop-footer-product:has(#publicShopNotice.hidden),
.public-shop-footer-product:has(#publicShopNotice:empty){
  justify-content:flex-end!important;
}
.public-package-card{
  min-height:100%!important;
}
.public-package-head{
  min-height:110px!important;
}
.public-package-feature-block{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding-top:4px;
}
.public-package-feature-label{
  color:var(--mr-muted);
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.public-shop-features{
  padding-top:10px!important;
  border-top:1px solid color-mix(in srgb,var(--mr-primary) 9%,var(--line))!important;
}
.public-shop-features li{
  color:color-mix(in srgb,var(--mr-text) 72%,var(--mr-muted) 28%)!important;
}
.public-shop-features li>span:first-child{
  width:15px;
  height:15px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(82,205,154,.08);
  color:#52cd9a!important;
  font-size:9px;
}
.public-package-card.is-recommended{
  position:relative;
  border-color:color-mix(in srgb,var(--mr-primary) 52%,var(--line))!important;
  box-shadow:inset 0 2px 0 color-mix(in srgb,var(--mr-primary) 82%,transparent)!important;
}
.public-package-card.is-recommended .public-shop-plan-badge{
  border-color:color-mix(in srgb,var(--mr-primary) 46%,var(--line))!important;
  background:color-mix(in srgb,var(--mr-primary) 12%,transparent)!important;
  color:color-mix(in srgb,var(--mr-primary) 70%,#fff 30%)!important;
}
.public-package-card[data-plan-key="ORGANISATION"] .public-shop-slots{
  border-color:rgba(82,205,154,.28)!important;
  color:color-mix(in srgb,#52cd9a 70%,var(--mr-text) 30%)!important;
}
@media(max-width:1320px){
  .public-shop-grid-product{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  .public-shop-grid-product{grid-template-columns:1fr!important}
  .public-shop-footer-product{justify-content:stretch!important}
  .public-shop-footer-actions-product{width:100%!important}
}
\n\n/* ==========================================================================\n   MIDROUND v3.3.34 · PRIMARY CONTROL CLEANUP\n   ========================================================================== */\n.primary-control-nav-wrap{margin-top:8px!important}\n.primary-control-nav-heading{display:flex!important;align-items:center!important;gap:10px!important}\n.primary-control-nav-heading small{margin-right:auto!important}\n.primary-nav-control{gap:6px!important}\n.primary-nav-control .primary-nav-item{min-width:0!important}\n\n.primary-workspace-page>.section-head{margin-bottom:10px!important}\n.primary-workspace-overview{margin-top:4px!important}\n.primary-workspace-page .module-context-strip{margin-bottom:10px!important}\n\n.primary-shop-workspace-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.55fr);gap:14px;align-items:start}\n.primary-shop-subsection{min-width:0;padding:0}\n.primary-shop-subsection>.detail-section-head{margin-bottom:9px}\n.primary-shop-workspace .public-shop-admin-form{margin-top:0!important}\n.primary-shop-workspace #publicHomeAdminMount .public-shop-admin-form{padding:12px!important;border:1px solid color-mix(in srgb,var(--mr-primary) 10%,var(--line))!important;border-radius:10px!important;background:transparent!important}\n.primary-shop-workspace #publicShopProductsAdminMount{min-width:0}\n\n.theme-center-page>.nav-anchor{margin-top:10px}\n.theme-editor-workspace{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}\n.theme-editor-workspace.module-focus-hidden{display:none!important}\n#themeView.module-focused-view>#themeEditor:not(.module-focus-hidden){border:0!important;background:transparent!important;box-shadow:none!important}\n#themeView.module-focused-view>#themeEditor:not(.module-focus-hidden)::before{display:none!important}\n\n.tenant-token-fields-four{grid-template-columns:repeat(4,minmax(0,1fr))!important}\n\n/* Legacy homepage slideshow is intentionally removed from PRIMARY UI. */\n#websiteSlideshow,#publicSlideAdminMount,.website-legacy-tools{display:none!important}\n\n@media(max-width:1180px){\n  .primary-shop-workspace-grid{grid-template-columns:1fr}\n  .tenant-token-fields-four{grid-template-columns:repeat(2,minmax(0,1fr))!important}\n}\n@media(max-width:720px){\n  .tenant-token-fields-four{grid-template-columns:1fr!important}\n}\n
.tenant-plan-badge{
  display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:3px 8px;
  border:1px solid color-mix(in srgb,var(--mr-primary) 20%,var(--line));border-radius:999px;
  color:color-mix(in srgb,var(--mr-primary) 72%,var(--mr-text) 28%);background:transparent;
  font-size:7px;font-weight:950;letter-spacing:.07em;white-space:nowrap
}


/* ==========================================================================
   MIDROUND v3.3.35 · DEMO ANALYZER CUSTOMER UX
   Customer-first entry workflow. Technical pipeline controls remain available
   inside an explicit Advanced disclosure instead of dominating the page.
   ========================================================================== */

.demo-customer-analyzer .demo-analyzer-head{
  margin-bottom:12px!important;
}

.demo-customer-flow{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 14px;
  padding:11px 14px;
  border:1px solid color-mix(in srgb,var(--mr-primary) 10%,var(--line));
  border-radius:10px;
  background:color-mix(in srgb,var(--mr-bg) 96%,var(--mr-surface) 4%);
}
.demo-customer-flow>div{
  min-width:0;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:8px;
  align-items:center;
  flex:1;
}
.demo-customer-flow>div>span{
  width:28px;height:28px;
  display:grid;place-items:center;
  border-radius:8px;
  border:1px solid color-mix(in srgb,var(--mr-primary) 14%,var(--line));
  color:var(--mr-muted);
  font-size:.67rem;
  font-weight:900;
}
.demo-customer-flow>div.is-current>span{
  border-color:color-mix(in srgb,var(--mr-primary) 44%,var(--line));
  color:color-mix(in srgb,var(--mr-primary) 72%,var(--mr-text) 28%);
  background:color-mix(in srgb,var(--mr-primary) 6%,transparent);
}
.demo-customer-flow>div>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.demo-customer-flow strong{font-size:.72rem;color:var(--mr-text)}
.demo-customer-flow small{font-size:.61rem;color:var(--mr-muted)}
.demo-customer-flow>i{font-style:normal;color:color-mix(in srgb,var(--mr-muted) 50%,transparent);font-size:.8rem}

.demo-customer-layout{
  grid-template-columns:minmax(0,1fr) minmax(300px,360px)!important;
  gap:16px!important;
  align-items:start!important;
}
.demo-customer-source-card{
  padding:18px!important;
}
.demo-customer-section-head{
  margin-bottom:12px!important;
}
.demo-customer-section-head h3{
  margin-top:3px!important;
  font-size:1rem!important;
}
.demo-customer-section-head p{
  max-width:760px;
}

.demo-customer-source-switch{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0 0 14px!important;
}
html[data-theme-key] .demo-customer-source-switch .demo-source-option,
.demo-customer-source-switch .demo-source-option{
  min-height:80px!important;
  padding:11px 12px!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  gap:2px 8px!important;
  border-radius:9px!important;
}
.demo-customer-source-switch .demo-source-step{
  width:28px!important;height:28px!important;
  border-radius:7px!important;
  font-size:.58rem!important;
}
.demo-customer-source-switch .demo-source-option strong{
  font-size:.73rem!important;
}
.demo-customer-source-switch .demo-source-option small{
  font-size:.59rem!important;
  line-height:1.35!important;
}

.demo-customer-pane{
  margin-top:0!important;
}
.demo-customer-block{
  padding:14px;
  border:1px solid color-mix(in srgb,var(--mr-primary) 9%,var(--line));
  border-radius:10px;
  background:transparent;
}
.demo-customer-block-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.demo-customer-block-head>div{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
.demo-customer-block-head h4{
  margin:0;
  color:var(--mr-text);
  font-size:.88rem;
}
.demo-customer-block-head p{
  margin:0;
  color:var(--mr-muted);
  font-size:.66rem;
  line-height:1.5;
}

.demo-customer-hub-summary{
  margin:10px 0 8px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.demo-customer-hub-actions{
  margin-top:10px!important;
  padding-top:10px!important;
  border-top:1px solid color-mix(in srgb,var(--mr-primary) 8%,var(--line))!important;
}
.demo-customer-hub-actions .demo-hub-action-buttons{
  flex-shrink:0;
}

/* FACEIT/Auto Scout and diagnostics are intentional disclosures, not full-time panels. */
.demo-customer-discovery,
.demo-tech-details{
  margin-top:10px;
  border:1px solid color-mix(in srgb,var(--mr-primary) 9%,var(--line));
  border-radius:10px;
  background:transparent;
  overflow:hidden;
}
.demo-customer-discovery>summary,
.demo-tech-details>summary{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.demo-customer-discovery>summary::-webkit-details-marker,
.demo-tech-details>summary::-webkit-details-marker{display:none}
.demo-customer-discovery>summary>span,
.demo-tech-details>summary>span{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}
.demo-customer-discovery>summary strong,
.demo-tech-details>summary strong{
  color:var(--mr-text);
  font-size:.72rem;
}
.demo-customer-discovery>summary small,
.demo-tech-details>summary small{
  color:var(--mr-muted);
  font-size:.6rem;
}
.demo-customer-discovery>summary>b,
.demo-tech-details>summary>b{
  color:var(--mr-muted);
  font-size:.58rem;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.demo-customer-discovery[open]>summary,
.demo-tech-details[open]>summary{
  border-bottom:1px solid color-mix(in srgb,var(--mr-primary) 8%,var(--line));
}
.demo-customer-discovery[open]>summary>b::before,
.demo-tech-details[open]>summary>b::before{content:"Schließen";font-size:0}
.demo-customer-discovery[open]>summary>b,
.demo-tech-details[open]>summary>b{color:color-mix(in srgb,var(--mr-primary) 62%,var(--mr-text) 38%)}
.demo-customer-details-body{
  display:grid;
  gap:10px;
  padding:10px;
}

/* Nested provider/diagnostic panels should feel like content, not four new cards. */
.demo-customer-details-body :is(.demo-hub-provider-card,.demo-auto-scout-card,.demo-processing-card,.demo-e2e-card){
  border-color:color-mix(in srgb,var(--mr-primary) 7%,var(--line))!important;
  background:color-mix(in srgb,var(--mr-bg) 97%,var(--mr-surface) 3%)!important;
  border-radius:8px!important;
  box-shadow:none!important;
}

.demo-customer-actions{
  margin-top:12px!important;
  padding-top:12px;
  border-top:1px solid color-mix(in srgb,var(--mr-primary) 8%,var(--line));
}
.demo-customer-actions #demoAnalyzeBtn{
  min-width:150px;
}

/* Right column becomes useful: status + saved analyses remain visible while choosing. */
.demo-customer-sidebar{
  display:grid;
  gap:12px;
  position:sticky;
  top:82px;
}
.demo-customer-sidebar .card{
  min-width:0;
}
.demo-customer-status-card{
  padding:16px!important;
}
.demo-customer-status-card .detail-section-head{
  margin-bottom:10px!important;
}
.demo-customer-status-line{
  display:grid;
  grid-template-columns:10px minmax(0,1fr);
  gap:8px;
  align-items:center;
  min-height:42px;
  padding:9px 10px;
  border:1px solid color-mix(in srgb,var(--mr-primary) 10%,var(--line));
  border-radius:8px;
  background:color-mix(in srgb,var(--mr-bg) 96%,var(--mr-surface) 4%);
}
.demo-customer-status-dot{
  width:8px;height:8px;border-radius:50%;
  background:color-mix(in srgb,var(--mr-primary) 65%,#7ee4c1 35%);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--mr-primary) 8%,transparent);
}
.demo-customer-status-line strong{
  color:var(--mr-text);
  font-size:.68rem;
  line-height:1.4;
  font-weight:750;
}
.demo-customer-status-card .demo-progress-wrap{
  margin-top:8px!important;
  padding:10px!important;
  background:transparent!important;
  border:1px solid color-mix(in srgb,var(--mr-primary) 8%,var(--line));
}
.demo-customer-next-steps{
  list-style:none;
  display:grid;
  gap:8px;
  margin:12px 0 0;
  padding:0;
}
.demo-customer-next-steps li{
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  gap:8px;
  align-items:start;
}
.demo-customer-next-steps li>span{
  width:24px;height:24px;
  display:grid;place-items:center;
  border:1px solid color-mix(in srgb,var(--mr-primary) 10%,var(--line));
  border-radius:7px;
  color:var(--mr-muted);
  font-size:.58rem;
  font-weight:900;
}
.demo-customer-next-steps li>div{
  display:flex;
  flex-direction:column;
  gap:1px;
}
.demo-customer-next-steps strong{font-size:.66rem;color:var(--mr-text)}
.demo-customer-next-steps small{font-size:.59rem;color:var(--mr-muted);line-height:1.4}

.demo-customer-library-card{
  padding:16px!important;
}
.demo-customer-library-card .demo-analysis-library{
  max-height:min(50vh,520px)!important;
  overflow:auto;
}
.demo-customer-library-card .demo-library-item{
  min-height:64px!important;
}

/* Customer view should not expose technical privacy copy as another main card. */
.demo-tech-details .demo-privacy-note{
  margin:0!important;
  border-color:color-mix(in srgb,#52cd9a 18%,var(--line))!important;
  background:transparent!important;
}

/* Keep the catalog readable without turning the whole page into a vertical wall. */
.demo-customer-block .demo-hub-results{
  max-height:440px;
  overflow:auto;
  padding-right:2px;
}

/* Customer-facing language: technical sections are de-emphasized even when opened. */
.demo-tech-details{
  opacity:.86;
}
.demo-tech-details[open]{opacity:1}

@media(max-width:1250px){
  .demo-customer-source-switch{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:1100px){
  .demo-customer-layout{grid-template-columns:1fr!important}
  .demo-customer-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .demo-customer-flow{display:grid;grid-template-columns:1fr}
  .demo-customer-flow>i{display:none}
  .demo-customer-source-switch{grid-template-columns:1fr!important}
  .demo-customer-sidebar{grid-template-columns:1fr}
  .demo-customer-block-head{flex-direction:column}
  .demo-customer-hub-actions{align-items:stretch!important}
}


/* ==========================================================================
   MIDROUND v3.3.36 · DEMO SOURCE THEME HIGHLIGHT
   The four source options in the Demo Analyzer should no longer disappear
   visually. They now receive a clearer themed fill, subtle glow and a more
   readable active/hover state, all driven by the active theme variables.
   ========================================================================== */

.demo-customer-source-switch .demo-source-option{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border-color:color-mix(in srgb,var(--mr-primary) 20%,var(--line))!important;
  background:
    linear-gradient(180deg,
      color-mix(in srgb,var(--mr-primary) 10%,transparent),
      color-mix(in srgb,var(--mr-bg) 88%,var(--mr-primary) 12%)
    )!important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb,var(--mr-primary) 8%,transparent),
    0 0 0 1px color-mix(in srgb,var(--mr-primary) 5%,transparent)!important;
  transition:
    transform .16s ease,
    border-color .16s ease,
    box-shadow .16s ease,
    background .16s ease;
}
.demo-customer-source-switch .demo-source-option::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at top right,
      color-mix(in srgb,var(--mr-primary) 18%,transparent),
      transparent 58%);
  opacity:.92;
}
.demo-customer-source-switch .demo-source-option::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  border-radius:999px;
  background:color-mix(in srgb,var(--mr-primary) 54%,transparent);
  opacity:.7;
}
.demo-customer-source-switch .demo-source-option:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--mr-primary) 34%,var(--line))!important;
  background:
    linear-gradient(180deg,
      color-mix(in srgb,var(--mr-primary) 15%,transparent),
      color-mix(in srgb,var(--mr-bg) 83%,var(--mr-primary) 17%)
    )!important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb,var(--mr-primary) 14%,transparent),
    0 10px 24px color-mix(in srgb,var(--mr-primary) 10%,transparent)!important;
}
.demo-customer-source-switch .demo-source-option.is-active{
  border-color:color-mix(in srgb,var(--mr-primary) 44%,var(--line))!important;
  background:
    linear-gradient(180deg,
      color-mix(in srgb,var(--mr-primary) 22%,transparent),
      color-mix(in srgb,var(--mr-bg) 76%,var(--mr-primary) 24%)
    )!important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb,var(--mr-primary) 18%,transparent),
    0 0 0 1px color-mix(in srgb,var(--mr-primary) 18%,transparent),
    0 14px 34px color-mix(in srgb,var(--mr-primary) 14%,transparent)!important;
}
.demo-customer-source-switch .demo-source-option.is-active::after{
  width:4px;
  opacity:1;
  background:color-mix(in srgb,var(--mr-primary) 88%,white 12%);
}
.demo-customer-source-switch .demo-source-option strong{
  color:var(--mr-text)!important;
}
.demo-customer-source-switch .demo-source-option small{
  color:color-mix(in srgb,var(--mr-text) 54%,var(--mr-muted) 46%)!important;
}
.demo-customer-source-switch .demo-source-option .demo-source-step{
  border-color:color-mix(in srgb,var(--mr-primary) 28%,var(--line))!important;
  background:color-mix(in srgb,var(--mr-primary) 12%,transparent)!important;
  color:color-mix(in srgb,var(--mr-primary) 75%,var(--mr-text) 25%)!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--mr-primary) 10%,transparent);
}
.demo-customer-source-switch .demo-source-option.is-active .demo-source-step{
  border-color:color-mix(in srgb,var(--mr-primary) 52%,var(--line))!important;
  background:color-mix(in srgb,var(--mr-primary) 24%,transparent)!important;
  color:color-mix(in srgb,var(--mr-primary) 88%,white 12%)!important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb,var(--mr-primary) 20%,transparent),
    0 0 14px color-mix(in srgb,var(--mr-primary) 18%,transparent);
}
@media(max-width:760px){
  .demo-customer-source-switch .demo-source-option:hover{
    transform:none;
  }
}


/* ==========================================================================
   MIDROUND v3.4.0 · CUSTOMER UX + ENTITLEMENT + PRIMARY ORGANIZATION UI
   ========================================================================== */

/* UI foundation: semantics are explicit, themes own the tokens. */
.ui-panel{
  border:1px solid color-mix(in srgb,var(--mr-primary) 10%,var(--line));
  border-radius:10px;
  background:color-mix(in srgb,var(--mr-bg) 96%,var(--mr-surface) 4%);
}
.ui-chip,.ui-status{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:24px;
  padding:4px 8px;
  border:1px solid color-mix(in srgb,var(--mr-primary) 12%,var(--line));
  border-radius:999px;
  background:transparent;
  color:var(--mr-muted);
  font-size:.62rem;
  font-weight:800;
}
[data-positive-action],
button.action-positive,
.button-link.action-positive,
.link-btn.action-positive{
  background:linear-gradient(180deg,var(--mr-positive-deep),rgba(9,31,22,.96))!important;
  border-color:var(--mr-positive-line)!important;
  color:#effff6!important;
}
[data-positive-action]:hover,
[data-positive-action]:focus-visible{
  background:linear-gradient(180deg,var(--mr-positive-deep-hover),rgba(11,38,26,.98))!important;
  border-color:rgba(105,238,174,.68)!important;
}
/* A generic button hover must never move map markers or compact controls. */
button:hover,.button-link:hover{transform:none}

/* Analytics customer navigation. */
.analytics-customer-nav{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin:0 0 12px;
}
.analytics-customer-nav>button{
  min-height:64px!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:9px!important;
  align-items:center!important;
  text-align:left!important;
  padding:10px 12px!important;
  border-color:color-mix(in srgb,var(--mr-primary) 14%,var(--line))!important;
  background:color-mix(in srgb,var(--mr-bg) 95%,var(--mr-primary) 5%)!important;
}
.analytics-customer-nav>button>span{
  grid-row:1/3;
  width:28px;height:28px;
  display:grid;place-items:center;
  border-radius:7px;
  border:1px solid color-mix(in srgb,var(--mr-primary) 24%,var(--line));
  color:color-mix(in srgb,var(--mr-primary) 72%,var(--mr-text) 28%);
  font-size:.58rem;font-weight:900;
}
.analytics-customer-nav>button strong{font-size:.72rem;color:var(--mr-text)}
.analytics-customer-nav>button small{font-size:.58rem;color:var(--mr-muted)}
.analytics-coverage-details{margin-top:10px!important}
.analytics-data-maintenance{padding:0!important}
.analytics-maintenance-body{padding:12px 14px 14px}

/* Scouting: customer insights first, data mechanics second. */
.scout-customer-insights{margin-top:12px}
.scout-data-details{padding:0!important;margin-top:12px}
.scout-data-details-body{padding:12px 14px 14px}
.scouting-quality-details{
  margin-top:12px!important;
  border:1px solid color-mix(in srgb,var(--mr-primary) 8%,var(--line))!important;
  border-radius:10px!important;
}
.scouting-quality-body{padding:0 14px 12px}
.scouting-quality-body .scouting-caveat{margin:8px 0!important}

/* Match Prep becomes a readiness workflow. */
.match-prep-readiness{
  margin:12px 0;
  padding:14px;
  border:1px solid color-mix(in srgb,var(--mr-primary) 14%,var(--line));
  border-radius:10px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--mr-primary) 5%,transparent),transparent);
}
.match-readiness-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  margin-bottom:12px;
}
.match-readiness-head h3{margin:2px 0 2px;font-size:1rem}
.match-readiness-head p{margin:0;color:var(--mr-muted);font-size:.65rem}
.match-readiness-state{
  min-width:68px;
  text-align:center;
  border:1px solid var(--line);
  border-radius:999px;
  padding:5px 9px;
  font-size:.6rem;
  font-weight:900;
  letter-spacing:.06em;
}
.match-readiness-state.is-ready{
  color:#8ce7ba;border-color:rgba(87,222,158,.35);background:rgba(39,131,91,.08)
}
.match-readiness-state.is-open{
  color:#f1ca78;border-color:rgba(241,202,120,.30);background:rgba(141,101,28,.08)
}
.match-readiness-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
  gap:7px;
}
.match-readiness-grid>div{
  min-height:46px;
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  gap:8px;
  align-items:center;
  padding:8px 9px;
  border:1px solid color-mix(in srgb,var(--mr-primary) 8%,var(--line));
  border-radius:8px;
  background:transparent;
}
.match-readiness-grid>div>span{
  width:24px;height:24px;display:grid;place-items:center;border-radius:7px;
  border:1px solid var(--line);font-size:.65rem;font-weight:900
}
.match-readiness-grid>div.is-ready>span{color:#8ce7ba;border-color:rgba(87,222,158,.30)}
.match-readiness-grid>div.is-open>span{color:#f1ca78;border-color:rgba(241,202,120,.28)}
.match-readiness-grid strong{display:block;font-size:.66rem}
.match-readiness-grid small{display:block;margin-top:1px;font-size:.57rem;color:var(--mr-muted)}
.match-prep-sync-details{margin:10px 0!important}
.match-prep-sync-details #matchPrepAutoSync{margin:0!important;border:0!important;border-radius:0!important}

/* Playbook map-first entry. */
.playbook-team-overview{margin-bottom:12px}
.playbook-map-overview{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:8px;
}
.playbook-map-card{
  min-height:104px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:5px!important;
  text-align:left!important;
  padding:11px!important;
  border:1px solid color-mix(in srgb,var(--mr-primary) 12%,var(--line))!important;
  border-radius:9px!important;
  background:color-mix(in srgb,var(--mr-bg) 95%,var(--mr-primary) 5%)!important;
  box-shadow:none!important;
}
.playbook-map-card:hover,
.playbook-map-card.is-active{
  border-color:color-mix(in srgb,var(--mr-primary) 38%,var(--line))!important;
  background:color-mix(in srgb,var(--mr-bg) 91%,var(--mr-primary) 9%)!important;
}
.playbook-map-card.is-active{box-shadow:inset 3px 0 0 var(--mr-primary)!important}
.playbook-map-card-label{
  font-size:.58rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;
  color:color-mix(in srgb,var(--mr-primary) 78%,var(--mr-text) 22%)
}
.playbook-map-card>strong{font-size:.78rem;color:var(--mr-text)}
.playbook-map-card>div{display:flex;gap:5px;flex-wrap:wrap}
.playbook-map-card small,.playbook-map-card>div>span{
  padding:3px 6px;border:1px solid color-mix(in srgb,var(--mr-primary) 8%,var(--line));
  border-radius:999px;color:var(--mr-muted);font-size:.54rem
}

/* Primary Organization management. */
.tenant-organization-panel{scroll-margin-top:90px}
.organization-create-form{
  margin:12px 0;
  padding:12px;
  border:1px solid color-mix(in srgb,var(--mr-primary) 14%,var(--line));
  border-radius:10px;
  background:color-mix(in srgb,var(--mr-bg) 96%,var(--mr-surface) 4%);
}
.organization-list{display:grid;gap:12px;margin-top:12px}
.organization-card{
  border:1px solid color-mix(in srgb,var(--mr-primary) 10%,var(--line));
  border-radius:10px;
  background:color-mix(in srgb,var(--mr-bg) 97%,var(--mr-surface) 3%);
  padding:14px;
}
.organization-card.is-archived{opacity:.72}
.organization-card-head{
  display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px
}
.organization-card-head h4{margin:3px 0;font-size:.92rem}
.organization-card-head p{margin:0;color:var(--mr-muted);font-size:.63rem}
.organization-card-meta{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.organization-card-meta>strong{font-size:.66rem}.organization-card-meta>small{font-size:.57rem;color:var(--mr-muted)}
.organization-slot-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px
}
.organization-slot{
  min-width:0;padding:10px;border:1px solid color-mix(in srgb,var(--mr-primary) 8%,var(--line));
  border-radius:9px;background:transparent
}
.organization-slot.has-token{border-color:rgba(241,202,120,.22)}
.organization-slot.has-tenant{border-color:rgba(87,222,158,.24)}
.organization-slot-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}
.organization-slot-head>span{font-size:.56rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:var(--mr-muted)}
.org-slot-state{font-size:.52rem;border:1px solid var(--line);border-radius:999px;padding:3px 6px;color:var(--mr-muted)}
.org-slot-state.state-active,.org-slot-state.state-free{color:#8ce7ba;border-color:rgba(87,222,158,.24)}
.org-slot-state.state-issued,.org-slot-state.state-onboarding{color:#f1ca78;border-color:rgba(241,202,120,.24)}
.org-slot-state.state-revoked,.org-slot-state.state-expired{color:#f09c9c;border-color:rgba(240,120,120,.24)}
.organization-slot>strong{display:block;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.organization-slot>small{display:block;margin-top:3px;color:var(--mr-muted);font-size:.56rem;line-height:1.35}
.organization-slot-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.organization-slot-issue{
  display:grid;gap:7px;margin-top:9px;padding-top:9px;border-top:1px solid color-mix(in srgb,var(--mr-primary) 7%,var(--line))
}
.organization-slot-issue>div{display:flex;gap:6px;flex-wrap:wrap}
.organization-settings{margin-top:10px!important}
.organization-settings-body{padding:12px 14px 14px}
.tenant-token-reveal{margin-top:10px}

/* Responsive customer layouts. */
@media(max-width:1100px){
  .analytics-customer-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .analytics-customer-nav{grid-template-columns:1fr}
  .organization-card-head{flex-direction:column}
  .organization-card-meta{justify-content:flex-start}
  .match-readiness-head{flex-direction:column}
}


/* ==========================================================================
   MIDROUND v3.4.1 · ORGANIZATION WORKSPACE FIX
   Organization is a first-class PRIMARY CONTROL workspace.
   ========================================================================== */
.organization-workspace-page>.section-head{margin-bottom:10px!important}
.organization-workspace-summary{margin:0 0 12px}
.organization-workspace-intro{
  padding:14px 16px!important;
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--mr-primary) 7%,transparent),transparent 52%),
    color-mix(in srgb,var(--mr-bg) 96%,var(--mr-surface) 4%)!important;
  border-color:color-mix(in srgb,var(--mr-primary) 17%,var(--line))!important;
}
.organization-workspace-intro h3{margin:4px 0 5px;color:var(--mr-text);font-size:.94rem}
.organization-workspace-intro p{margin:0;max-width:900px;color:var(--mr-muted);font-size:.68rem;line-height:1.55}
#organizationView .tenant-organization-panel{margin-top:0!important}


/* ==========================================================================
   MIDROUND v3.4.2 · SHOP RECOMMENDED BADGE VISIBILITY
   "EMPFOHLEN" should read as a real visual highlight instead of a tiny chip.
   ========================================================================== */
.public-package-badges{
  min-height:34px!important;
  gap:8px!important;
}
.public-shop-plan-badge{
  min-height:28px!important;
  padding:6px 12px!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:1000!important;
  letter-spacing:.095em!important;
  line-height:1!important;
}
.public-package-card.is-recommended .public-shop-plan-badge{
  min-height:32px!important;
  padding:7px 14px!important;
  border-width:1px!important;
  border-color:color-mix(in srgb,var(--mr-primary) 58%,var(--line))!important;
  background:
    linear-gradient(135deg,
      color-mix(in srgb,var(--mr-primary) 24%,transparent),
      color-mix(in srgb,var(--mr-primary) 10%,transparent)
    )!important;
  color:color-mix(in srgb,var(--mr-primary) 82%,#fff 18%)!important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb,var(--mr-primary) 26%,transparent),
    0 0 0 1px color-mix(in srgb,var(--mr-primary) 10%,transparent),
    0 8px 18px color-mix(in srgb,var(--mr-primary) 12%,transparent)!important;
}
.public-package-card.is-recommended .public-package-badges{
  padding-top:2px!important;
}
@media(max-width:720px){
  .public-shop-plan-badge{
    font-size:10px!important;
    min-height:26px!important;
    padding:6px 11px!important;
  }
  .public-package-card.is-recommended .public-shop-plan-badge{
    min-height:30px!important;
    padding:7px 13px!important;
  }
}


/* ==========================================================================
   MIDROUND v3.4.4 · RECOMMENDED BADGE GREEN GLOW
   Only the recommended shop badge should become bright green and luminous.
   ========================================================================== */
.public-package-card.is-recommended .public-shop-plan-badge{
  border-color:rgba(82,205,154,.88)!important;
  background:
    linear-gradient(135deg,
      rgba(82,205,154,.34),
      rgba(44,166,116,.26)
    )!important;
  color:#d9ffeb!important;
  text-shadow:0 0 10px rgba(82,205,154,.30)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 0 1px rgba(82,205,154,.22),
    0 0 16px rgba(82,205,154,.28),
    0 0 32px rgba(82,205,154,.16)!important;
}


/* ==========================================================================
   MIDROUND v3.5.0 · PREPAID BILLING / INVOICES / RUNTIME
   ========================================================================== */
.billing-runtime-chip{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:4px 9px;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--mr-primary) 20%,var(--line));
  background:color-mix(in srgb,var(--mr-primary) 7%,transparent);
  color:color-mix(in srgb,var(--mr-text) 82%,var(--mr-primary) 18%);
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.055em;
  white-space:nowrap;
}
.billing-runtime-chip.billing-runtime-attention{border-color:color-mix(in srgb,#e7c55d 40%,var(--line));color:#ecd989;background:rgba(231,197,93,.08)}
.billing-runtime-chip.billing-runtime-warning{border-color:color-mix(in srgb,#e3a044 48%,var(--line));color:#f0bd70;background:rgba(227,160,68,.09)}
.billing-runtime-chip.billing-runtime-urgent,
.billing-runtime-chip.billing-runtime-critical,
.billing-runtime-chip.billing-runtime-expired{border-color:color-mix(in srgb,#e05b62 55%,var(--line));color:#ff9ca1;background:rgba(224,91,98,.10)}
.billing-runtime-chip.billing-runtime-lifetime{border-color:color-mix(in srgb,#52cd9a 38%,var(--line));color:#8ce6bd;background:rgba(82,205,154,.08)}

.tenant-access-blocked-content{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.tenant-access-blocked-billing-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
  padding-top:12px;
  width:100%;
  border-top:1px solid color-mix(in srgb,var(--mr-primary) 12%,var(--line));
}
.tenant-access-blocked-billing-actions span{max-width:720px;color:var(--mr-muted);font-size:.66rem;line-height:1.45}
.billing-recovery-mount{width:100%;margin-top:14px}

.tenant-billing-section{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.tenant-billing-mount,.primary-billing-mount{min-width:0}
.tenant-billing-shell{display:grid;gap:12px}
.billing-hero{
  display:grid;
  grid-template-columns:minmax(240px,1fr) minmax(420px,.9fr);
  gap:16px;
  align-items:center;
  padding:17px 18px;
  border:1px solid color-mix(in srgb,var(--mr-primary) 16%,var(--line));
  border-radius:12px;
  background:
    radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--mr-primary) 10%,transparent),transparent 38%),
    color-mix(in srgb,var(--mr-bg) 96%,var(--mr-surface) 4%);
}
.billing-hero-copy{display:flex;flex-direction:column;gap:4px}
.billing-hero-copy h3{margin:0;color:var(--mr-text);font-size:1.12rem}
.billing-hero-copy p{margin:0;color:var(--mr-muted);font-size:.68rem;line-height:1.45}
.billing-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.billing-hero-stats>div{
  display:flex;flex-direction:column;gap:3px;min-width:0;
  padding:10px 11px;
  border-left:1px solid color-mix(in srgb,var(--mr-primary) 12%,var(--line));
}
.billing-hero-stats span{color:var(--mr-muted);font-size:.56rem;font-weight:850;text-transform:uppercase;letter-spacing:.075em}
.billing-hero-stats strong{font-size:.9rem;color:var(--mr-text);white-space:nowrap}
.billing-hero-stats small{font-size:.57rem;color:var(--mr-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.billing-runtime-value.tone-critical,.billing-runtime-value.tone-urgent{color:#ff9399!important}
.billing-runtime-value.tone-warning{color:#efbb69!important}
.billing-runtime-value.tone-attention{color:#e8d07a!important}
.billing-runtime-value.tone-lifetime{color:#83dfb5!important}

.billing-notice{
  display:grid;
  grid-template-columns:minmax(0,auto) minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid color-mix(in srgb,var(--mr-primary) 13%,var(--line));
  border-radius:9px;
  background:color-mix(in srgb,var(--mr-bg) 97%,var(--mr-surface) 3%);
}
.billing-notice strong{font-size:.68rem;color:var(--mr-text)}
.billing-notice span{font-size:.62rem;line-height:1.45;color:var(--mr-muted)}
.billing-notice.warning{border-color:color-mix(in srgb,#e3a044 28%,var(--line));background:rgba(227,160,68,.035)}
.billing-notice.info{border-color:color-mix(in srgb,var(--mr-primary) 24%,var(--line))}

.billing-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  padding:5px;
  border:1px solid color-mix(in srgb,var(--mr-primary) 10%,var(--line));
  border-radius:10px;
  background:color-mix(in srgb,var(--mr-bg) 97%,var(--mr-surface) 3%);
}
.billing-tabs button{
  min-height:34px!important;
  padding:7px 11px!important;
  border-radius:7px!important;
  border-color:transparent!important;
  background:transparent!important;
  color:var(--mr-muted)!important;
  box-shadow:none!important;
  transform:none!important;
}
.billing-tabs button:hover{border-color:color-mix(in srgb,var(--mr-primary) 18%,var(--line))!important;color:var(--mr-text)!important;transform:none!important}
.billing-tabs button.active{
  background:color-mix(in srgb,var(--mr-primary) 11%,var(--mr-bg))!important;
  border-color:color-mix(in srgb,var(--mr-primary) 30%,var(--line))!important;
  color:color-mix(in srgb,var(--mr-primary) 72%,var(--mr-text) 28%)!important;
}

.billing-panel{
  padding:15px 16px;
  border:1px solid color-mix(in srgb,var(--mr-primary) 11%,var(--line));
  border-radius:11px;
  background:color-mix(in srgb,var(--mr-bg) 98%,var(--mr-surface) 2%);
}
.billing-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.billing-info-block{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:13px 14px;border-left:2px solid color-mix(in srgb,var(--mr-primary) 34%,var(--line))}
.billing-info-block h4{margin:0;font-size:1rem;color:var(--mr-text)}
.billing-info-block p{margin:0 0 5px;color:var(--mr-muted);font-size:.63rem;line-height:1.5;min-height:38px}
.billing-info-block button{margin-top:auto}

.billing-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:13px}
.billing-section-head>div{display:flex;flex-direction:column;gap:3px}
.billing-section-head h4{margin:0;color:var(--mr-text);font-size:.9rem}
.billing-section-head p{margin:0;color:var(--mr-muted);font-size:.64rem;line-height:1.45}
.billing-section-head>strong{color:var(--mr-text);font-size:.78rem;white-space:nowrap}

.billing-extension-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.billing-extension-grid article{
  display:flex;flex-direction:column;align-items:flex-start;gap:5px;
  padding:13px;
  border:1px solid color-mix(in srgb,var(--mr-primary) 11%,var(--line));
  border-radius:9px;
  background:transparent;
}
.billing-extension-grid article>span{font-size:.6rem;font-weight:900;color:var(--mr-muted);text-transform:uppercase;letter-spacing:.07em}
.billing-extension-grid article>strong{font-size:1.02rem;color:var(--mr-text)}
.billing-extension-grid article>small{min-height:28px;color:var(--mr-muted);font-size:.58rem;line-height:1.4}
.billing-extension-grid article button{width:100%;margin-top:auto}

.billing-topup-presets{display:flex;gap:8px;flex-wrap:wrap}
.billing-topup-presets button{min-width:100px}
.billing-custom-topup{display:flex;align-items:end;gap:8px;max-width:420px;margin-top:10px}
.billing-custom-topup label{flex:1}
.billing-payment-note{display:block;margin-top:8px;color:var(--mr-muted);font-size:.58rem}
.billing-ledger{margin-top:16px;border-top:1px solid color-mix(in srgb,var(--mr-primary) 9%,var(--line));padding-top:10px}
.billing-list-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;color:var(--mr-muted);font-size:.61rem}
.billing-ledger-row,.billing-invoice-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:12px;
  align-items:center;
  min-height:52px;
  padding:8px 4px;
  border-bottom:1px solid color-mix(in srgb,var(--mr-primary) 6%,var(--line));
}
.billing-ledger-row>div,.billing-invoice-row>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.billing-ledger-row strong,.billing-invoice-row strong{color:var(--mr-text);font-size:.66rem}
.billing-ledger-row small,.billing-invoice-row span{color:var(--mr-muted);font-size:.58rem}
.billing-ledger-row b,.billing-invoice-row b{font-size:.67rem;color:var(--mr-text);white-space:nowrap}
.billing-ledger-row b.positive{color:#7edfb4}.billing-ledger-row b.negative{color:#f28c92}

.billing-profile-form,.primary-billing-settings-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px 11px;
}
.billing-profile-form label,.primary-billing-settings-form label,.billing-custom-topup label,.primary-billing-option-row label{
  display:flex;flex-direction:column;gap:4px;color:var(--mr-muted);font-size:.58rem;font-weight:750
}
.billing-profile-form .wide,.primary-billing-settings-form .wide{grid-column:1/-1}
.billing-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:3px}
.billing-tax-caution{margin-top:12px;padding:10px 12px;border-left:2px solid color-mix(in srgb,#e3a044 52%,var(--line));background:rgba(227,160,68,.035)}
.billing-tax-caution{display:flex;flex-direction:column;gap:3px}.billing-tax-caution strong{font-size:.63rem;color:#eec27a}.billing-tax-caution span{font-size:.59rem;color:var(--mr-muted);line-height:1.45}

.primary-billing-shell{display:grid;gap:12px}
.primary-billing-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.primary-billing-kpis article{
  display:flex;flex-direction:column;gap:3px;
  padding:12px 13px;
  border:1px solid color-mix(in srgb,var(--mr-primary) 12%,var(--line));
  border-radius:9px;background:color-mix(in srgb,var(--mr-bg) 97%,var(--mr-surface) 3%)
}
.primary-billing-kpis span,.primary-billing-kpis small{font-size:.58rem;color:var(--mr-muted)}
.primary-billing-kpis strong{font-size:.92rem;color:var(--mr-text)}
.billing-primary-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:12px}
.billing-primary-config,.billing-primary-stripe,.billing-primary-options,.billing-primary-tenants,.billing-primary-invoices{padding:15px!important}
.billing-stripe-status{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.billing-stripe-status>div{display:flex;flex-direction:column;gap:3px;padding:10px;border:1px solid color-mix(in srgb,var(--mr-primary) 10%,var(--line));border-radius:8px}
.billing-stripe-status span{font-size:.57rem;color:var(--mr-muted)}.billing-stripe-status strong{font-size:.67rem;color:var(--mr-text)}
.billing-webhook-url{display:block;padding:8px 9px;margin:0 0 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid color-mix(in srgb,var(--mr-primary) 8%,var(--line));border-radius:6px;color:var(--mr-muted);background:transparent;font-size:.56rem}
.billing-primary-stripe>p{font-size:.59rem;line-height:1.45}

.primary-billing-options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.primary-billing-option-group{padding:11px;border:1px solid color-mix(in srgb,var(--mr-primary) 10%,var(--line));border-radius:9px}
.primary-billing-option-group h4{margin:0 0 8px;color:var(--mr-text);font-size:.72rem}
.primary-billing-option-row{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:8px;align-items:end;padding:7px 0;border-top:1px solid color-mix(in srgb,var(--mr-primary) 6%,var(--line))}
.primary-billing-option-row>span{align-self:center;font-size:.6rem;color:var(--mr-muted)}
.primary-billing-tenant-list{display:grid;gap:2px}
.primary-billing-tenant-row{display:grid;grid-template-columns:minmax(190px,1fr) 120px minmax(340px,1fr);gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--mr-primary) 6%,var(--line))}
.primary-billing-tenant-row>div:first-child{display:flex;flex-direction:column;gap:2px}.primary-billing-tenant-row>div:first-child strong{font-size:.66rem;color:var(--mr-text)}.primary-billing-tenant-row>div:first-child span{font-size:.57rem;color:var(--mr-muted)}
.primary-billing-tenant-row>b{font-size:.68rem;color:var(--mr-text)}
.primary-credit-adjust{display:grid;grid-template-columns:100px minmax(120px,1fr) auto;gap:6px}
.primary-credit-adjust input{min-width:0}

.billing-recovery-mount .tenant-billing-shell{max-width:1120px}
.billing-recovery-mount .billing-hero{background:color-mix(in srgb,var(--mr-bg) 96%,var(--mr-surface) 4%)}

@media(max-width:1180px){
  .billing-hero{grid-template-columns:1fr}
  .billing-primary-grid{grid-template-columns:1fr}
  .billing-extension-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .primary-billing-tenant-row{grid-template-columns:minmax(180px,1fr) 120px}.primary-credit-adjust{grid-column:1/-1}
}
@media(max-width:860px){
  .billing-overview-grid,.primary-billing-kpis,.primary-billing-options-grid{grid-template-columns:1fr 1fr}
  .billing-profile-form,.primary-billing-settings-form{grid-template-columns:1fr}
  .billing-profile-form .wide,.primary-billing-settings-form .wide{grid-column:auto}
}
@media(max-width:640px){
  .billing-hero-stats,.billing-overview-grid,.billing-extension-grid,.primary-billing-kpis,.primary-billing-options-grid{grid-template-columns:1fr}
  .billing-notice{grid-template-columns:1fr}
  .billing-custom-topup{align-items:stretch;flex-direction:column}
  .billing-ledger-row,.billing-invoice-row{grid-template-columns:1fr auto}.billing-invoice-row button{grid-column:1/-1}
  .primary-billing-tenant-row{grid-template-columns:1fr}.primary-credit-adjust{grid-template-columns:1fr}
  .header-identity .billing-runtime-chip{display:none}
}


/* ==========================================================================
   MIDROUND v3.5.3 · SELF-SERVICE PACKAGE SWITCHING
   ========================================================================== */
.billing-inline-actions{display:flex;gap:7px;flex-wrap:wrap}
.billing-plan-pending{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin-bottom:12px;padding:12px 14px;border-radius:10px;
  border:1px solid color-mix(in srgb,#f1b84b 34%,var(--line));
  background:color-mix(in srgb,#f1b84b 7%,transparent);
}
.billing-plan-pending>div{display:flex;flex-direction:column;gap:3px}
.billing-plan-pending strong{font-size:.78rem;color:var(--mr-text)}
.billing-plan-pending small{font-size:.62rem;color:var(--mr-muted);line-height:1.45}
.billing-plan-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;
}
.billing-plan-card{
  min-width:0;padding:14px;border:1px solid color-mix(in srgb,var(--mr-primary) 10%,var(--line));
  border-radius:10px;background:color-mix(in srgb,var(--mr-bg) 96%,var(--mr-surface) 4%);
  display:flex;flex-direction:column;gap:10px;
}
.billing-plan-card.is-upgrade{
  border-color:color-mix(in srgb,#52cd9a 32%,var(--line));
  background:linear-gradient(145deg,color-mix(in srgb,#52cd9a 7%,transparent),transparent 55%),color-mix(in srgb,var(--mr-bg) 96%,var(--mr-surface) 4%);
}
.billing-plan-card.is-downgrade{
  border-color:color-mix(in srgb,#f1b84b 22%,var(--line));
}
.billing-plan-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.billing-plan-card-head>div{display:flex;flex-direction:column;gap:3px}
.billing-plan-card-head span{font-size:.55rem;font-weight:900;letter-spacing:.09em;color:var(--mr-muted)}
.billing-plan-card.is-upgrade .billing-plan-card-head span{color:#52cd9a}
.billing-plan-card-head h5{margin:0;color:var(--mr-text);font-size:.95rem}
.billing-plan-card-head>b{font-size:.84rem;color:var(--mr-text);white-space:nowrap}
.billing-plan-card>p{margin:0;color:var(--mr-muted);font-size:.63rem;line-height:1.5;min-height:46px}
.billing-plan-features{display:grid;gap:5px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--mr-primary) 8%,var(--line))}
.billing-plan-features span{font-size:.61rem;color:color-mix(in srgb,var(--mr-text) 78%,var(--mr-muted) 22%)}
.billing-plan-losses{padding:8px 0;border-top:1px solid color-mix(in srgb,#f1b84b 14%,var(--line))}
.billing-plan-losses summary{cursor:pointer;font-size:.59rem;font-weight:800;color:#e1b45d}
.billing-plan-losses span{display:block;margin-top:5px;font-size:.59rem;color:var(--mr-muted)}
.billing-plan-warning{color:#f0b84d!important;font-size:.6rem!important}
.billing-plan-card>button{margin-top:auto}
.billing-plan-card>button+button{margin-top:0}
.billing-plan-rule{
  display:flex;gap:7px;align-items:center;margin-top:12px;padding:10px 12px;border-radius:8px;
  border:1px solid color-mix(in srgb,var(--mr-primary) 8%,var(--line));background:transparent;
  color:var(--mr-muted);font-size:.62rem;
}
.billing-plan-rule strong{color:var(--mr-text)}
@media(max-width:1150px){.billing-plan-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
  .billing-plan-grid{grid-template-columns:1fr}
  .billing-plan-pending{align-items:stretch;flex-direction:column}
}


/* ==========================================================================
   MIDROUND v3.5.4 · LIFETIME DOWNGRADE ACTIONABILITY
   ========================================================================== */
.billing-plan-card.is-downgrade.is-immediate{
  border-color:color-mix(in srgb,#f1b84b 34%,var(--line));
  background:linear-gradient(145deg,color-mix(in srgb,#f1b84b 6%,transparent),transparent 58%),color-mix(in srgb,var(--mr-bg) 96%,var(--mr-surface) 4%);
}
.billing-plan-card.is-downgrade.is-immediate .billing-plan-card-head span{color:#e1b45d}
.billing-plan-card.is-downgrade.is-immediate [data-billing-plan-change]:not(:disabled){
  border-color:color-mix(in srgb,#f1b84b 32%,var(--line))!important;
  color:color-mix(in srgb,#f1b84b 78%,var(--mr-text) 22%)!important;
  cursor:pointer!important;
  pointer-events:auto!important;
}


/* ==========================================================================
   MIDROUND v3.5.5 · PACKAGE SWITCH CLICK HARDENING
   ========================================================================== */
.billing-plan-card.is-downgrade [data-billing-plan-change]{
  pointer-events:auto!important;
  cursor:pointer!important;
  opacity:1!important;
  position:relative;
  z-index:3;
}
.billing-plan-card.is-downgrade [data-billing-plan-change][aria-disabled="false"]{
  border-color:color-mix(in srgb,#f1b84b 38%,var(--line))!important;
  background:color-mix(in srgb,#f1b84b 8%,var(--mr-bg))!important;
  color:color-mix(in srgb,#f1b84b 76%,var(--mr-text) 24%)!important;
}
.billing-plan-action-status{
  margin-top:9px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--mr-primary) 8%,var(--line));
  border-radius:8px;background:transparent;color:var(--mr-muted);font-size:.61rem;line-height:1.45;
}
.billing-plan-action-status[data-state="working"]{
  color:#e1b45d;border-color:color-mix(in srgb,#f1b84b 24%,var(--line));
}
.billing-plan-action-status[data-state="success"]{
  color:#71d9ad;border-color:color-mix(in srgb,#52cd9a 28%,var(--line));
}
.billing-plan-action-status[data-state="error"]{
  color:#ff8d9b;border-color:color-mix(in srgb,#ff6578 30%,var(--line));
}


/* ==========================================================================
   MIDROUND v3.5.6 · PORTAL EXTENSION CLICK HARDENING
   ========================================================================== */
.billing-extension-grid [data-billing-extend]:not(:disabled){
  pointer-events:auto!important;
  cursor:pointer!important;
  opacity:1!important;
  position:relative;
  z-index:3;
}
.billing-extension-action-status{
  margin-top:10px;padding:9px 11px;border-radius:8px;
  border:1px solid color-mix(in srgb,var(--mr-primary) 8%,var(--line));
  background:transparent;color:var(--mr-muted);font-size:.61rem;line-height:1.45;
}
.billing-extension-action-status[data-state="working"]{
  color:#e1b45d;border-color:color-mix(in srgb,#f1b84b 24%,var(--line));
}
.billing-extension-action-status[data-state="success"]{
  color:#71d9ad;border-color:color-mix(in srgb,#52cd9a 28%,var(--line));
}
.billing-extension-action-status[data-state="error"]{
  color:#ff8d9b;border-color:color-mix(in srgb,#ff6578 30%,var(--line));
}


/* ==========================================================================
   MIDROUND v3.5.7 · TENANT OWNER GOVERNANCE
   ========================================================================== */
.tenant-owner-governance{margin:0 0 12px;padding:12px;border:1px solid color-mix(in srgb,var(--mr-primary) 14%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--mr-bg) 97%,var(--mr-surface) 3%)}
.tenant-owner-current{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tenant-owner-current>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.tenant-owner-current strong{font-size:.8rem;color:var(--mr-text);overflow:hidden;text-overflow:ellipsis}
.tenant-owner-current small{font-size:.6rem;color:var(--mr-muted)}
.tenant-owner-badge{display:inline-flex;align-items:center;min-height:25px;padding:5px 9px;border:1px solid color-mix(in srgb,#52cd9a 45%,var(--line));border-radius:999px;background:color-mix(in srgb,#52cd9a 9%,transparent);color:#76ddb1;font-size:.56rem;font-weight:1000;letter-spacing:.09em}
.tenant-owner-badge.small{min-height:20px;padding:3px 7px;font-size:.5rem}
.tenant-owner-transfer{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:8px;align-items:end;margin-top:10px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--mr-primary) 9%,var(--line))}
.tenant-owner-transfer label{display:grid;gap:5px;font-size:.58rem;font-weight:800;color:var(--mr-muted)}
.tenant-owner-transfer select{min-width:0}
.tenant-owner-transfer>span{grid-column:1/-1}
.tenant-owner-rule-note{display:flex;gap:7px;align-items:flex-start;margin-top:9px;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--mr-primary) 4%,transparent);font-size:.59rem;line-height:1.45;color:var(--mr-muted)}
.tenant-owner-rule-note strong{color:var(--mr-text);white-space:nowrap}
.primary-owner-dialog{display:grid;gap:12px}
.primary-owner-dialog form{display:grid;gap:10px}
.primary-owner-dialog label{display:grid;gap:6px;font-size:.62rem;font-weight:800;color:var(--mr-muted)}
@media(max-width:760px){.tenant-owner-transfer{grid-template-columns:1fr}.tenant-owner-rule-note{flex-direction:column}}


/* ==========================================================================
   MIDROUND v3.5.8 · TENANT POPUP MESSAGES & REWARDS
   ========================================================================== */
.tenant-message-primary-panel{overflow:visible}
.tenant-message-primary-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);gap:14px}
.tenant-message-composer,.tenant-message-history{min-width:0;padding:13px;border:1px solid color-mix(in srgb,var(--mr-primary) 9%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--mr-bg) 97%,var(--mr-surface) 3%)}
.detail-section-head.compact{margin-bottom:10px}
.tenant-message-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tenant-message-composer>label,.tenant-message-form-grid label,.tenant-message-reward-editor label{display:grid;gap:5px;font-size:.59rem;font-weight:850;color:var(--mr-muted)}
.tenant-message-composer textarea{resize:vertical;min-height:116px}
.tenant-message-reward-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.42fr) minmax(160px,.42fr);gap:9px;align-items:end;margin-top:10px;padding:11px;border:1px solid color-mix(in srgb,#f1b84b 18%,var(--line));border-radius:9px;background:linear-gradient(145deg,color-mix(in srgb,#f1b84b 5%,transparent),transparent 65%)}
.tenant-message-reward-editor>div:first-child{display:flex;flex-direction:column;gap:3px}
.tenant-message-reward-editor strong{font-size:.7rem;color:var(--mr-text)}
.tenant-message-reward-editor small{font-size:.58rem;line-height:1.45;color:var(--mr-muted)}
.tenant-message-inline-note{display:flex;gap:7px;margin-top:8px;padding:8px 10px;border:1px solid color-mix(in srgb,#f1b84b 24%,var(--line));border-radius:8px;color:#e1b45d;font-size:.6rem}
.tenant-message-inline-note span{color:var(--mr-muted)}
.tenant-message-preview-box{margin-top:11px}
.tenant-popup-mini{position:relative;overflow:hidden;display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid color-mix(in srgb,var(--mr-primary) 13%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--mr-bg) 96%,var(--mr-surface) 4%)}
.tenant-popup-mini::after{content:"";position:absolute;inset:auto -25% -70% 20%;height:120px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--mr-primary) 15%,transparent),transparent 68%);pointer-events:none}
.tenant-popup-mini-mark{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:10px;border:1px solid color-mix(in srgb,var(--mr-primary) 28%,var(--line));font-size:1.05rem;background:color-mix(in srgb,var(--mr-primary) 7%,transparent)}
.tenant-popup-mini>div:last-child{position:relative;z-index:1;display:flex;flex-direction:column;gap:4px;min-width:0}
.tenant-popup-mini span{font-size:.5rem;font-weight:950;letter-spacing:.1em;color:var(--mr-muted)}
.tenant-popup-mini strong{font-size:.78rem;color:var(--mr-text)}
.tenant-popup-mini p{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.61rem;line-height:1.45;color:var(--mr-muted)}
.tenant-popup-mini b{margin-top:3px;font-size:.62rem;color:#72dcae}
.tenant-popup-mini.theme-celebration{border-color:color-mix(in srgb,#f1b84b 35%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,#f1b84b 7%,transparent),color-mix(in srgb,#7c5cff 5%,transparent) 70%)}
.tenant-popup-mini.theme-gift{border-color:color-mix(in srgb,#9b7bff 35%,var(--line))}
.tenant-popup-mini.theme-success{border-color:color-mix(in srgb,#52cd9a 35%,var(--line))}
.tenant-popup-mini.theme-important{border-color:color-mix(in srgb,#ff7b63 35%,var(--line))}
.tenant-message-history-list{display:grid;gap:8px;max-height:760px;overflow:auto;padding-right:2px}
.tenant-message-history-card{display:grid;gap:8px;padding:11px;border:1px solid color-mix(in srgb,var(--mr-primary) 8%,var(--line));border-radius:9px;background:transparent}
.tenant-message-history-head{display:flex;justify-content:space-between;gap:10px}
.tenant-message-history-head>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.tenant-message-history-head>div>span{font-size:.52rem;font-weight:900;color:var(--mr-muted)}
.tenant-message-history-head strong{font-size:.69rem;color:var(--mr-text)}
.tenant-message-history-head small{font-size:.55rem;color:var(--mr-muted)}
.tenant-message-history-card>p{margin:0;font-size:.59rem;line-height:1.45;color:var(--mr-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tenant-message-history-meta{display:flex;flex-wrap:wrap;gap:5px 10px;padding-top:7px;border-top:1px solid color-mix(in srgb,var(--mr-primary) 7%,var(--line));font-size:.54rem;color:var(--mr-muted)}
.tenant-message-history-meta span:first-child{color:#71d9ad;font-weight:850}
.tenant-message-history-actions{display:flex;gap:6px;justify-content:flex-end}
.tenant-message-shortcut{border-color:color-mix(in srgb,#9b7bff 22%,var(--line))!important}

/* customer popup */
.tenant-message-dialog{padding:0;border:0;background:transparent;max-width:min(620px,calc(100vw - 24px));width:100%;overflow:visible}
.tenant-message-dialog::backdrop{background:rgba(2,7,12,.78);backdrop-filter:blur(8px)}
.tenant-message-dialog-shell{--popup-accent:var(--mr-primary);position:relative;isolation:isolate;overflow:hidden;padding:25px;border:1px solid color-mix(in srgb,var(--popup-accent) 36%,var(--line));border-radius:20px;background:linear-gradient(150deg,color-mix(in srgb,var(--popup-accent) 8%,#09111b),#070d14 56%,#050a10);box-shadow:0 28px 90px rgba(0,0,0,.58),0 0 0 1px color-mix(in srgb,var(--popup-accent) 8%,transparent)}
.tenant-message-dialog-shell::before{content:"";position:absolute;z-index:-1;width:420px;height:420px;right:-190px;top:-230px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--popup-accent) 25%,transparent),transparent 65%)}
.tenant-message-dialog-shell::after{content:"";position:absolute;z-index:-1;inset:auto 0 0;height:4px;background:linear-gradient(90deg,transparent,var(--popup-accent),transparent);opacity:.8}
.tenant-message-dialog-shell[data-popup-theme="CELEBRATION"]{--popup-accent:#f2bd4f;background:linear-gradient(145deg,#17120a,#0c0d15 48%,#100a1c)}
.tenant-message-dialog-shell[data-popup-theme="SUCCESS"]{--popup-accent:#52cd9a}
.tenant-message-dialog-shell[data-popup-theme="GIFT"]{--popup-accent:#9b7bff;background:linear-gradient(145deg,#100c1b,#071019 65%)}
.tenant-message-dialog-shell[data-popup-theme="IMPORTANT"]{--popup-accent:#ff795f}
.tenant-message-dialog-mark{display:grid;place-items:center;width:54px;height:54px;margin-bottom:16px;border:1px solid color-mix(in srgb,var(--popup-accent) 46%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--popup-accent) 10%,transparent);font-size:1.45rem;box-shadow:0 0 30px color-mix(in srgb,var(--popup-accent) 13%,transparent)}
.tenant-message-dialog-copy{position:relative;z-index:2}
.tenant-message-dialog-copy .panel-kicker{color:color-mix(in srgb,var(--popup-accent) 82%,#fff 18%)}
.tenant-message-dialog-copy h2{margin:7px 0 8px;font-size:clamp(1.45rem,4vw,2.25rem);line-height:1.06;color:#f7fbff;letter-spacing:-.025em}
.tenant-message-dialog-copy p{margin:0;white-space:pre-line;font-size:.84rem;line-height:1.65;color:#aeb9c5}
.tenant-message-dialog-reward{position:relative;z-index:2;display:flex;flex-direction:column;gap:3px;margin-top:19px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--popup-accent) 30%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--popup-accent) 7%,transparent)}
.tenant-message-dialog-reward>span{font-size:.52rem;font-weight:950;letter-spacing:.11em;color:color-mix(in srgb,var(--popup-accent) 84%,#fff 16%)}
.tenant-message-dialog-reward strong{font-size:1.08rem;color:#f7fbff}
.tenant-message-dialog-reward small{font-size:.62rem;color:#91a0ad}
.tenant-message-dialog-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}
.tenant-message-dialog-footer small{font-size:.57rem;color:#758493}
.tenant-message-dialog-footer button{min-width:120px;border-color:color-mix(in srgb,var(--popup-accent) 42%,var(--line))!important;background:color-mix(in srgb,var(--popup-accent) 14%,#0b1118)!important;color:#f7fbff!important}
.tenant-message-confetti{position:absolute;z-index:1;inset:-20px 0 0;overflow:hidden;pointer-events:none}
.tenant-message-confetti i{position:absolute;top:-24px;left:var(--x);font-style:normal;font-size:10px;color:#f4c44f;opacity:0;transform:translate3d(0,-20px,0) rotate(0) scale(var(--scale));animation:tenant-confetti-fall var(--duration) cubic-bezier(.18,.65,.27,1) var(--delay) 1 forwards}
.tenant-message-confetti i[data-tone="1"]{color:#7d62ff}.tenant-message-confetti i[data-tone="2"]{color:#55d7a0}.tenant-message-confetti i[data-tone="3"]{color:#fb6d87}.tenant-message-confetti i[data-tone="4"]{color:#56c9ef}
@keyframes tenant-confetti-fall{0%{opacity:0;transform:translate3d(0,-25px,0) rotate(0) scale(var(--scale))}8%{opacity:1}100%{opacity:.05;transform:translate3d(var(--drift),570px,0) rotate(var(--rotate)) scale(var(--scale))}}
@media(prefers-reduced-motion:reduce){.tenant-message-confetti{display:none}}
@media(max-width:1120px){.tenant-message-primary-grid{grid-template-columns:1fr}.tenant-message-history-list{max-height:none}.tenant-message-reward-editor{grid-template-columns:1fr 1fr}.tenant-message-reward-editor>div:first-child{grid-column:1/-1}}
@media(max-width:680px){.tenant-message-form-grid,.tenant-message-reward-editor{grid-template-columns:1fr}.tenant-message-dialog-shell{padding:20px 17px;border-radius:16px}.tenant-message-dialog-footer{align-items:stretch;flex-direction:column}.tenant-message-dialog-footer button{width:100%}}


/* ==========================================================================
   MIDROUND v3.6.0 · MIDROUND MOMENTS
   ========================================================================== */
.midround-moments-page{--moment-gold:#e9b94d;--moment-orange:#ef895c;--moment-cyan:#55c7e8;--moment-violet:#9a7cff;--moment-green:#57d19c}
.moments-primary-head{align-items:flex-end}
.moments-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.moments-section{margin-bottom:14px}
.moment-inbox-list{display:grid;gap:10px}
.moment-card{--moment-accent:var(--moment-cyan);display:grid;grid-template-columns:52px minmax(0,1fr);gap:13px;padding:14px;border:1px solid color-mix(in srgb,var(--moment-accent) 26%,var(--line));border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--moment-accent) 6%,transparent),transparent 62%),color-mix(in srgb,var(--mr-bg) 97%,var(--mr-surface) 3%)}
.tone-gold{--moment-accent:var(--moment-gold)!important}.tone-orange{--moment-accent:var(--moment-orange)!important}.tone-cyan{--moment-accent:var(--moment-cyan)!important}.tone-violet{--moment-accent:var(--moment-violet)!important}.tone-green{--moment-accent:var(--moment-green)!important}
.moment-card-mark,.moment-rule-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid color-mix(in srgb,var(--moment-accent) 40%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--moment-accent) 9%,transparent);font-size:1.18rem;box-shadow:0 0 24px color-mix(in srgb,var(--moment-accent) 9%,transparent)}
.moment-card-main{min-width:0}.moment-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.moment-card-top>div{display:flex;flex-direction:column;gap:3px}.moment-card-top span{font-size:.52rem;font-weight:900;letter-spacing:.07em;color:color-mix(in srgb,var(--moment-accent) 76%,var(--mr-muted) 24%)}.moment-card-top strong{font-size:.82rem;color:var(--mr-text)}.moment-card-top time{font-size:.55rem;color:var(--mr-muted);white-space:nowrap}.moment-card p{margin:7px 0 9px;font-size:.63rem;line-height:1.5;color:var(--mr-muted)}
.moment-chip-row{display:flex;gap:5px;flex-wrap:wrap}.moment-chip-row span{padding:4px 7px;border:1px solid color-mix(in srgb,var(--moment-accent) 17%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--moment-accent) 5%,transparent);font-size:.54rem;font-weight:750;color:var(--mr-muted)}.moment-chip-row .moment-reward-chip{color:#76dbae;border-color:color-mix(in srgb,#52cd9a 24%,var(--line))}
.moment-card-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}.moment-card-actions button{min-height:31px}
.moment-empty{min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.moment-rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.moment-rule-card{--moment-accent:var(--moment-cyan);padding:13px;border:1px solid color-mix(in srgb,var(--moment-accent) 19%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--mr-bg) 97%,var(--mr-surface) 3%)}
.moment-rule-head{display:grid;grid-template-columns:46px 1fr;gap:11px;align-items:start}.moment-rule-head>div:last-child{display:flex;flex-direction:column;gap:3px}.moment-rule-head span{font-size:.51rem;font-weight:950;letter-spacing:.08em;color:color-mix(in srgb,var(--moment-accent) 74%,var(--mr-muted) 26%)}.moment-rule-head strong{font-size:.74rem;color:var(--mr-text)}.moment-rule-head p{margin:0;font-size:.58rem;line-height:1.45;color:var(--mr-muted)}
.moment-rule-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:11px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--moment-accent) 10%,var(--line))}.moment-rule-controls label{display:grid;gap:4px;font-size:.54rem;font-weight:800;color:var(--mr-muted)}.moment-rule-controls .moment-threshold-field{grid-column:span 2}.moment-rule-controls small{font-size:.49rem;font-weight:500}.moment-rule-controls .is-muted{opacity:.55}
.moment-rule-note{margin-top:8px;padding:7px 9px;border-radius:7px;background:color-mix(in srgb,var(--moment-accent) 5%,transparent);font-size:.54rem;line-height:1.45;color:var(--mr-muted)}.moment-rule-note strong{color:var(--mr-text)}.moment-rule-actions{display:flex;align-items:center;gap:8px;margin-top:8px}.moment-rule-actions span{font-size:.54rem}
.moment-recap-form{display:grid;grid-template-columns:minmax(220px,1fr) 160px 160px auto;gap:8px;align-items:end}.moment-recap-form label{display:grid;gap:5px;font-size:.57rem;font-weight:800;color:var(--mr-muted)}.moment-recap-form>span{grid-column:1/-1}.moment-recap-result{margin-top:11px}
.moment-recap-card{overflow:hidden;border:1px solid color-mix(in srgb,var(--moment-violet) 24%,var(--line));border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--moment-violet) 8%,transparent),color-mix(in srgb,var(--moment-green) 4%,transparent) 70%)}.moment-recap-hero{padding:16px 16px 12px}.moment-recap-hero h4{margin:4px 0;font-size:1rem;color:var(--mr-text)}.moment-recap-hero p{margin:0;font-size:.59rem;color:var(--mr-muted)}
.moment-recap-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:color-mix(in srgb,var(--mr-primary) 8%,var(--line));border-top:1px solid color-mix(in srgb,var(--mr-primary) 8%,var(--line));border-bottom:1px solid color-mix(in srgb,var(--mr-primary) 8%,var(--line))}.moment-recap-stat-grid>div{display:flex;flex-direction:column;gap:3px;padding:10px;background:color-mix(in srgb,var(--mr-bg) 97%,var(--mr-surface) 3%)}.moment-recap-stat-grid span{font-size:.5rem;font-weight:800;color:var(--mr-muted)}.moment-recap-stat-grid strong{font-size:.72rem;color:var(--mr-text)}
.moment-recap-detail-row{display:flex;gap:12px;flex-wrap:wrap;padding:10px 16px;font-size:.54rem;color:var(--mr-muted)}.moment-recap-detail-row strong{color:var(--mr-text)}.moment-recap-card>.moment-card-actions{padding:0 16px 14px}
.moment-tenant-settings-list{display:grid;gap:7px}.moment-tenant-row{display:grid;grid-template-columns:minmax(230px,1fr) auto auto auto minmax(90px,.28fr);gap:10px;align-items:center;padding:9px 10px;border:1px solid color-mix(in srgb,var(--mr-primary) 8%,var(--line));border-radius:9px}.moment-tenant-row>div{display:flex;flex-direction:column;gap:2px}.moment-tenant-row strong{font-size:.65rem;color:var(--mr-text)}.moment-tenant-row small,.moment-tenant-row>span{font-size:.53rem;color:var(--mr-muted)}.moment-switch{display:flex;align-items:center;gap:5px;font-size:.55rem;font-weight:750;color:var(--mr-muted)}
.moment-history-list{display:grid;gap:6px}.moment-history-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;gap:9px;align-items:center;padding:8px 9px;border-bottom:1px solid color-mix(in srgb,var(--mr-primary) 6%,var(--line))}.moment-history-icon{--moment-accent:var(--moment-cyan);display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:color-mix(in srgb,var(--moment-accent) 8%,transparent);font-size:.8rem}.moment-history-row>div:nth-child(2){display:flex;flex-direction:column;gap:2px}.moment-history-row strong{font-size:.61rem;color:var(--mr-text)}.moment-history-row span,.moment-history-row time{font-size:.51rem;color:var(--mr-muted)}.moment-status{padding:3px 6px;border-radius:999px;border:1px solid var(--line);font-weight:850}.moment-status-sent{color:#70dbaa;border-color:color-mix(in srgb,#52cd9a 26%,var(--line))}.moment-status-dismissed{color:#9aa7b3}
.moment-send-editor{display:grid;gap:10px}.moment-send-editor>label{display:grid;gap:5px;font-size:.58rem;font-weight:800;color:var(--mr-muted)}.moment-send-editor textarea{resize:vertical}.moment-send-context{--moment-accent:var(--moment-cyan);display:flex;flex-direction:column;gap:3px;padding:10px 11px;border-left:3px solid var(--moment-accent);background:color-mix(in srgb,var(--moment-accent) 5%,transparent)}.moment-send-context span{font-size:.5rem;font-weight:950;color:var(--moment-accent)}.moment-send-context strong{font-size:.72rem;color:var(--mr-text)}.moment-send-context small{font-size:.53rem;color:var(--mr-muted)}.moment-send-reward{display:grid;grid-template-columns:1fr 180px 160px;gap:8px;align-items:end;padding:10px;border:1px solid color-mix(in srgb,#52cd9a 17%,var(--line));border-radius:9px}.moment-send-reward>div{display:flex;flex-direction:column;gap:2px}.moment-send-reward strong{font-size:.65rem;color:var(--mr-text)}.moment-send-reward small{font-size:.52rem;color:var(--mr-muted)}.moment-send-reward label{display:grid;gap:4px;font-size:.54rem;font-weight:800;color:var(--mr-muted)}
.tenant-message-dialog-moment-stats{position:relative;z-index:2;margin-top:18px;border:1px solid color-mix(in srgb,var(--popup-accent) 22%,var(--line));border-radius:11px;overflow:hidden}.tenant-message-dialog-moment-stats .moment-recap-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));border:0;background:rgba(255,255,255,.05)}.tenant-message-dialog-moment-stats .moment-recap-stat-grid>div{background:rgba(6,12,18,.72)}.tenant-message-dialog-moment-stats .moment-recap-stat-grid span{color:#81909e}.tenant-message-dialog-moment-stats .moment-recap-stat-grid strong{color:#f5f9fc;font-size:.78rem}
@media(max-width:1180px){.moment-rules-grid{grid-template-columns:1fr}.moment-recap-form{grid-template-columns:1fr 1fr}.moment-recap-form label:first-child{grid-column:1/-1}.moment-recap-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.moments-kpis{grid-template-columns:1fr 1fr}.moment-card{grid-template-columns:1fr}.moment-card-top{flex-direction:column}.moment-rule-controls{grid-template-columns:1fr 1fr}.moment-tenant-row{grid-template-columns:1fr 1fr}.moment-tenant-row>div{grid-column:1/-1}.moment-recap-form{grid-template-columns:1fr}.moment-recap-form label:first-child{grid-column:auto}.moment-send-reward{grid-template-columns:1fr}.moment-recap-stat-grid,.tenant-message-dialog-moment-stats .moment-recap-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* MIDROUND v3.6.2 · Error Center bulk resolve */
.error-bulk-head,.error-center-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.error-bulk-head .small-btn,.error-center-head-actions button{white-space:nowrap}
@media(max-width:680px){.error-center-head-actions{width:100%;justify-content:flex-start}.error-center-head-actions button{flex:1}}


/* MIDROUND v3.6.4 · PRIMARY PLATFORM HUB
   PRIMARY is allowed to be ridiculous. Customer portal UI remains unchanged. */
.primary-hub-nav{--nav-accent:#ff4fd8!important;background:linear-gradient(135deg,rgba(255,79,216,.12),rgba(0,229,255,.08),rgba(240,200,117,.1))!important;border-color:rgba(255,255,255,.12)!important;box-shadow:inset 0 0 28px rgba(168,85,247,.07),0 0 26px rgba(0,229,255,.04)!important}
.primary-hub-nav .nav-icon{filter:drop-shadow(0 0 8px rgba(255,79,216,.48))}.primary-hub-nav.active{box-shadow:inset 3px 0 0 #ff4fd8,0 0 28px rgba(0,229,255,.12)!important}
.primary-tenant-switcher{position:relative;z-index:90;flex:0 0 auto}.primary-tenant-switcher-btn{min-width:174px;height:44px!important;padding:4px 8px 4px 7px!important;display:grid!important;grid-template-columns:32px minmax(0,1fr) 16px;align-items:center;gap:7px;border:1px solid rgba(255,79,216,.42)!important;border-radius:13px!important;background:linear-gradient(120deg,rgba(255,79,216,.15),rgba(126,87,255,.14) 36%,rgba(0,229,255,.12) 72%,rgba(240,200,117,.12))!important;box-shadow:0 0 24px rgba(168,85,247,.12),inset 0 0 16px rgba(255,255,255,.025)!important;color:#f9f7ff!important;text-align:left!important}
.primary-tenant-switcher-btn:hover{border-color:rgba(0,229,255,.54)!important;box-shadow:0 0 32px rgba(0,229,255,.13),0 0 26px rgba(255,79,216,.09)!important}.primary-tenant-switcher-btn.is-live{border-color:rgba(105,224,204,.5)!important;background:linear-gradient(120deg,rgba(105,224,204,.16),rgba(0,229,255,.11),rgba(168,85,247,.13))!important}.primary-tenant-switcher-btn.is-switching{opacity:.65;pointer-events:none}.primary-tenant-switcher-mark{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:conic-gradient(from 30deg,#00e5ff,#8f68ff,#ff4fd8,#f0c875,#57e7c1,#00e5ff);color:#061016;font-size:16px;font-weight:1000;box-shadow:0 0 14px rgba(255,79,216,.2)}.primary-tenant-switcher-copy{display:grid;min-width:0;line-height:1.05}.primary-tenant-switcher-copy small{font-size:6.5px;font-weight:950;letter-spacing:.14em;color:#bba9ff}.primary-tenant-switcher-copy strong{margin-top:3px;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.primary-tenant-switcher-chevron{font-size:15px;color:#80ecff}
.primary-tenant-switcher-menu{position:absolute;right:0;top:calc(100% + 9px);width:min(370px,calc(100vw - 24px));max-height:min(560px,72vh);overflow:auto;padding:10px;border:1px solid rgba(142,112,255,.28);border-radius:16px;background:linear-gradient(145deg,rgba(7,12,22,.985),rgba(14,13,30,.985));box-shadow:0 28px 70px rgba(0,0,0,.55),0 0 42px rgba(146,76,255,.12);backdrop-filter:blur(22px)}.primary-switch-menu-head{padding:6px 7px 11px;display:grid;gap:2px;border-bottom:1px solid rgba(255,255,255,.07)}.primary-switch-menu-head span{font-size:9px;font-weight:1000;letter-spacing:.12em;background:linear-gradient(90deg,#00e5ff,#a855f7,#ff4fd8,#f0c875);-webkit-background-clip:text;background-clip:text;color:transparent}.primary-switch-menu-head small,.primary-switch-menu-label{font-size:8px;color:#728d97}.primary-switch-menu-label{padding:12px 7px 6px;font-weight:900;letter-spacing:.12em}.primary-switch-option{width:100%;min-height:56px!important;margin:5px 0!important;padding:7px 9px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;text-align:left!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.06)!important;background:rgba(255,255,255,.025)!important;color:#dbe9ef!important}.primary-switch-option:hover:not(:disabled){transform:translateX(2px);border-color:rgba(0,229,255,.24)!important;background:rgba(0,229,255,.055)!important}.primary-switch-option.active{border-color:rgba(255,79,216,.3)!important;background:linear-gradient(105deg,rgba(255,79,216,.09),rgba(0,229,255,.06))!important}.primary-switch-option:disabled{opacity:.42;cursor:not-allowed}.primary-switch-symbol{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;overflow:hidden;font-size:15px;font-weight:1000;color:#061018;background:linear-gradient(145deg,#73e8ff,#9a76ff);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.primary-switch-symbol img{width:100%;height:100%;object-fit:cover;display:block}.primary-switch-symbol.has-logo{padding:0;background:rgba(8,18,28,.88)}.primary-switch-option.platform .primary-switch-symbol{background:conic-gradient(#00e5ff,#a855f7,#ff4fd8,#f0c875,#00e5ff)}.primary-switch-option.tone-1 .primary-switch-symbol{background:linear-gradient(145deg,#ff8ed7,#a855f7)}.primary-switch-option.tone-2 .primary-switch-symbol{background:linear-gradient(145deg,#f0c875,#ff8e68)}.primary-switch-option.tone-3 .primary-switch-symbol{background:linear-gradient(145deg,#57e7c1,#00cfff)}.primary-switch-option.tone-4 .primary-switch-symbol{background:linear-gradient(145deg,#8fb3ff,#7065ff)}.primary-switch-option.tone-5 .primary-switch-symbol{background:linear-gradient(145deg,#ff7c8e,#f4bd69)}.primary-switch-option .primary-switch-symbol.has-logo{padding:0;background:rgba(8,18,28,.88)!important}.primary-switch-option>span:nth-child(2){display:grid;gap:3px;min-width:0}.primary-switch-option strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.primary-switch-option small{font-size:8px;color:#7f9aa4}.primary-switch-option>b{font-size:7px;letter-spacing:.08em;color:#7cebf5}.primary-switch-empty{padding:14px;color:#78929b;font-size:10px}
.primary-tenant-context-bar{position:sticky;top:8px;z-index:26;margin:0 0 13px;padding:9px 10px;display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid rgba(255,79,216,.25);border-radius:14px;background:linear-gradient(105deg,rgba(255,79,216,.09),rgba(124,87,255,.09),rgba(0,229,255,.075),rgba(240,200,117,.07));box-shadow:0 12px 32px rgba(0,0,0,.2),inset 0 0 24px rgba(255,255,255,.02);backdrop-filter:blur(16px)}.primary-context-live-dot{width:9px;height:9px;border-radius:50%;background:#57e7c1;box-shadow:0 0 0 4px rgba(87,231,193,.08),0 0 16px rgba(87,231,193,.55);animation:primaryLivePulse 1.8s ease-in-out infinite}.primary-context-copy{display:grid;gap:1px;min-width:0}.primary-context-copy small{font-size:6.5px;font-weight:950;letter-spacing:.13em;color:#ff89db}.primary-context-copy strong{font-size:11px;color:#ecfaff}.primary-context-copy span{font-size:8px;color:#7897a1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.primary-context-actions{display:flex;gap:6px;align-items:center}.primary-context-actions button{min-height:31px!important;padding:6px 9px!important;font-size:8px!important}.primary-context-exit{border-color:rgba(255,79,216,.3)!important;background:linear-gradient(100deg,rgba(255,79,216,.13),rgba(168,85,247,.13))!important}
.primary-hub-view{position:relative;isolation:isolate}.primary-hub-hero{position:relative;min-height:270px;padding:34px 36px;display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:28px;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:radial-gradient(circle at 10% 15%,rgba(0,229,255,.19),transparent 30%),radial-gradient(circle at 78% 14%,rgba(255,79,216,.19),transparent 31%),radial-gradient(circle at 90% 95%,rgba(240,200,117,.15),transparent 30%),linear-gradient(135deg,#081322 0%,#0d1022 48%,#101022 100%);box-shadow:inset 0 0 80px rgba(118,81,255,.06),0 28px 70px rgba(0,0,0,.28)}.primary-hub-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to right,#000,transparent 78%)}.primary-hub-hero:after{content:"";position:absolute;width:310px;height:310px;border-radius:50%;right:-100px;top:-120px;background:conic-gradient(from 70deg,rgba(0,229,255,.2),rgba(168,85,247,.2),rgba(255,79,216,.2),rgba(240,200,117,.15),rgba(0,229,255,.2));filter:blur(42px);opacity:.6;animation:primaryAuraSpin 14s linear infinite}.primary-hub-hero-copy{position:relative;z-index:2}.primary-hub-overline{font-size:9px;font-weight:1000;letter-spacing:.19em;background:linear-gradient(90deg,#73efff,#ba85ff,#ff7cdc,#f0c875);-webkit-background-clip:text;background-clip:text;color:transparent}.primary-hub-hero h2{margin:8px 0 2px;font-size:clamp(54px,8vw,96px);line-height:.9;letter-spacing:-.065em;font-weight:1000;background:linear-gradient(108deg,#e8fdff 8%,#6eeeff 25%,#aa84ff 51%,#ff72d9 72%,#f5cf7b 96%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 28px rgba(168,85,247,.15))}.primary-hub-hero p{max-width:780px;margin:14px 0 0;font-size:13px;line-height:1.6;color:#a6bdc6}.primary-hub-mode-line{display:flex;gap:10px;align-items:center;margin-top:18px}.primary-hub-mode-line b{padding:7px 10px;border:1px solid rgba(87,231,193,.24);border-radius:999px;background:rgba(87,231,193,.07);font-size:8px;letter-spacing:.12em;color:#76eed0}.primary-hub-mode-line span{font-size:9px;color:#708d98}.primary-hub-emblem{position:relative;z-index:2;width:172px;height:172px;justify-self:end;border-radius:42px;display:grid;place-items:center;align-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:conic-gradient(from 20deg,rgba(0,229,255,.24),rgba(168,85,247,.2),rgba(255,79,216,.23),rgba(240,200,117,.19),rgba(87,231,193,.19),rgba(0,229,255,.24));box-shadow:inset 0 0 50px rgba(7,13,25,.78),0 0 44px rgba(255,79,216,.13);transform:rotate(3deg)}.primary-hub-emblem:before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.11);border-radius:34px}.primary-hub-emblem span{font-size:52px;font-weight:1000;letter-spacing:-.08em;color:#f4fbff}.primary-hub-emblem b{font-size:8px;letter-spacing:.22em;color:#ff82db}.primary-hub-emblem i{position:absolute;right:15px;bottom:9px;font-size:24px;font-style:normal;color:#72ecff}.primary-hub-hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%;pointer-events:none}.orbit-one{width:470px;height:150px;right:-72px;top:56px;transform:rotate(-18deg)}.orbit-two{width:330px;height:330px;right:18px;top:-72px;border-color:rgba(255,79,216,.1)}
.primary-hub-kpis{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.primary-hub-kpis article{position:relative;overflow:hidden;min-height:103px;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}.primary-hub-kpis article:after{content:"";position:absolute;inset:auto -20% -65% 25%;height:120px;border-radius:50%;filter:blur(30px);opacity:.25;background:#00e5ff}.primary-hub-kpis article:nth-child(2):after{background:#57e7c1}.primary-hub-kpis article:nth-child(3):after{background:#a855f7}.primary-hub-kpis article:nth-child(4):after{background:#ff5e88}.primary-hub-kpis span{font-size:7px;font-weight:950;letter-spacing:.14em;color:#78949d}.primary-hub-kpis strong{display:block;margin-top:6px;font-size:28px;line-height:1;color:#edfaff}.primary-hub-kpis small{display:block;margin-top:6px;font-size:8px;color:#68828b}
.primary-hub-command-grid{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.primary-hub-command{--hub:#00e5ff;position:relative;min-height:128px!important;padding:14px!important;display:grid!important;grid-template-columns:30px 1fr;grid-template-rows:30px auto auto;gap:5px 9px;text-align:left!important;overflow:hidden;border:1px solid color-mix(in srgb,var(--hub) 24%,rgba(255,255,255,.05))!important;border-radius:17px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--hub) 8%,transparent),rgba(255,255,255,.014))!important;color:#eaf8fb!important;box-shadow:inset 0 0 34px color-mix(in srgb,var(--hub) 3%,transparent)!important}.primary-hub-command:after{content:"";position:absolute;width:120px;height:120px;right:-55px;top:-55px;border-radius:50%;background:var(--hub);filter:blur(35px);opacity:.12;transition:.2s}.primary-hub-command:hover{transform:translateY(-2px)!important;border-color:color-mix(in srgb,var(--hub) 50%,white 5%)!important;box-shadow:0 14px 34px color-mix(in srgb,var(--hub) 8%,transparent)!important}.primary-hub-command:hover:after{opacity:.2}.primary-hub-command>span{grid-column:1;grid-row:1;align-self:center;font-size:8px;font-weight:1000;color:var(--hub)}.primary-hub-command .ui-icon{grid-column:2;grid-row:1;justify-self:end;width:25px;height:25px;color:var(--hub);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--hub) 35%,transparent))}.primary-hub-command strong{grid-column:1/-1;grid-row:2;font-size:14px}.primary-hub-command small{grid-column:1/-1;grid-row:3;font-size:8.5px;line-height:1.4;color:#78949e}.primary-hub-command.tone-gold{--hub:#f0c875}.primary-hub-command.tone-cyan{--hub:#00e5ff}.primary-hub-command.tone-pink{--hub:#ff68d5}.primary-hub-command.tone-violet{--hub:#a884ff}.primary-hub-command.tone-blue{--hub:#76a9ff}.primary-hub-command.tone-green{--hub:#57e7c1}.primary-hub-command.tone-orange{--hub:#ff9b68}.primary-hub-command.tone-red{--hub:#ff647e}
.primary-hub-tenants{margin-top:16px;padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:20px;background:rgba(4,10,18,.38)}.primary-hub-section-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:13px}.primary-hub-section-head span{font-size:7px;font-weight:950;letter-spacing:.14em;color:#ff79d7}.primary-hub-section-head h3{margin:3px 0 2px;font-size:22px}.primary-hub-section-head p{margin:0;font-size:9px;color:#758f99}.primary-hub-tenant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.primary-hub-tenant-card{--tenant:#00e5ff;position:relative;isolation:isolate;overflow:hidden;padding:14px;border:1px solid color-mix(in srgb,var(--tenant) 23%,rgba(255,255,255,.06));border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--tenant) 5%,rgba(255,255,255,.02)),rgba(4,10,18,.52));box-shadow:inset 0 0 34px rgba(0,0,0,.08)}.primary-hub-tenant-card.tone-1{--tenant:#ff71d9}.primary-hub-tenant-card.tone-2{--tenant:#f0c875}.primary-hub-tenant-card.tone-3{--tenant:#57e7c1}.primary-hub-tenant-card.tone-4{--tenant:#879dff}.primary-hub-tenant-card.tone-5{--tenant:#ff826f}.primary-hub-tenant-card.is-locked{filter:saturate(.58);opacity:.72}.primary-hub-tenant-glow{position:absolute;width:180px;height:180px;border-radius:50%;right:-100px;top:-110px;background:var(--tenant);filter:blur(45px);opacity:.11;z-index:-1}.primary-hub-tenant-head{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center}.primary-hub-tenant-logo{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;overflow:hidden;background:color-mix(in srgb,var(--tenant) 15%,#0b1521);border:1px solid color-mix(in srgb,var(--tenant) 28%,transparent);font-size:18px;font-weight:1000;color:#eafbff}.primary-hub-tenant-logo img{width:100%;height:100%;object-fit:cover}.primary-hub-tenant-head>div:nth-child(2){min-width:0}.primary-hub-tenant-head span{font-size:6.5px;font-weight:950;letter-spacing:.1em;color:var(--tenant)}.primary-hub-tenant-head h4{margin:2px 0 1px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.primary-hub-tenant-head small{font-size:8px;color:#708a94}.primary-hub-health{padding:5px 7px;border-radius:999px;font-size:7px;white-space:nowrap}.primary-hub-health.ok{color:#72e8c9;background:rgba(87,231,193,.08);border:1px solid rgba(87,231,193,.16)}.primary-hub-health.warn{color:#f3c874;background:rgba(240,200,117,.08);border:1px solid rgba(240,200,117,.16)}.primary-hub-health.danger{color:#ff8395;background:rgba(255,100,126,.08);border:1px solid rgba(255,100,126,.18)}.primary-hub-tenant-metrics{margin-top:12px;padding:9px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;border:1px solid rgba(255,255,255,.045);border-radius:12px;background:rgba(0,0,0,.11)}.primary-hub-tenant-metrics span{display:grid;gap:3px;min-width:0}.primary-hub-tenant-metrics small{font-size:6.5px;color:#67838d}.primary-hub-tenant-metrics strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.primary-hub-tenant-actions{margin-top:10px;display:grid;grid-template-columns:1fr auto;gap:7px}.primary-hub-tenant-actions button{min-height:34px!important;font-size:8px!important}.primary-hub-loading,.primary-hub-empty{grid-column:1/-1;min-height:120px;display:grid;place-items:center;border:1px dashed rgba(255,255,255,.08);border-radius:14px;color:#718b94;font-size:10px}.primary-hub-empty{align-content:center;gap:5px}.primary-hub-empty strong{color:#cde1e7}
@keyframes primaryAuraSpin{to{transform:rotate(360deg)}}@keyframes primaryLivePulse{0%,100%{opacity:.65;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}
@media(max-width:1100px){.primary-hub-command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-hub-hero{grid-template-columns:minmax(0,1fr) 140px}.primary-hub-emblem{width:132px;height:132px;border-radius:32px}.primary-hub-emblem span{font-size:42px}.primary-hub-tenant-grid{grid-template-columns:1fr}}
@media(max-width:760px){.primary-tenant-switcher-btn{min-width:0;width:46px;padding:5px!important;grid-template-columns:1fr}.primary-tenant-switcher-copy,.primary-tenant-switcher-chevron{display:none}.primary-tenant-switcher-mark{width:34px;height:34px}.primary-tenant-switcher-menu{position:fixed;right:12px;top:82px}.primary-tenant-context-bar{position:relative;top:auto;grid-template-columns:10px 1fr}.primary-context-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr}.primary-context-copy span{white-space:normal}.primary-hub-hero{min-height:auto;padding:24px;grid-template-columns:1fr}.primary-hub-emblem{display:none}.primary-hub-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-hub-command-grid{grid-template-columns:1fr 1fr}.primary-hub-tenant-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.primary-hub-kpis,.primary-hub-command-grid{grid-template-columns:1fr}.primary-hub-hero h2{font-size:54px}.primary-hub-mode-line{align-items:flex-start;flex-direction:column}.primary-hub-section-head{align-items:flex-start;flex-direction:column}.primary-hub-tenant-actions{grid-template-columns:1fr}.primary-context-actions{grid-template-columns:1fr}.primary-hub-tenants{padding:12px}}
@media(prefers-reduced-motion:reduce){.primary-hub-hero:after,.primary-context-live-dot{animation:none!important}}

body.public-home-active .primary-tenant-switcher{display:none!important}

/* MIDROUND v3.6.4 · PRIMARY BRANDING POLISH
   Exact project brand assets only — no synthetic PRIMARY marks. */
.primary-tenant-switcher-btn{
  min-width:184px;
  grid-template-columns:38px minmax(0,1fr) 16px;
  padding-left:6px!important;
}
.primary-tenant-switcher-mark{
  width:36px;
  height:34px;
  border-radius:10px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:linear-gradient(145deg,rgba(4,13,25,.72),rgba(10,17,37,.7))!important;
  border:1px solid rgba(112,110,255,.24);
  box-shadow:inset 0 0 14px rgba(0,229,255,.05),0 0 15px rgba(129,87,255,.10);
}
.primary-tenant-switcher-mark img{
  width:31px;
  height:31px;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 0 6px rgba(0,229,255,.18)) drop-shadow(0 0 7px rgba(126,87,255,.12));
}
.primary-hub-hero{
  grid-template-columns:minmax(0,1fr) minmax(250px,320px);
}
.primary-hub-emblem{
  width:min(310px,27vw);
  min-width:250px;
  height:176px;
  padding:24px 18px 31px;
  border-radius:42px;
  transform:rotate(2deg);
}
.primary-hub-emblem:before{
  inset:8px;
  border-radius:34px;
}
.primary-hub-emblem img{
  position:relative;
  z-index:2;
  width:100%;
  max-width:276px;
  height:auto;
  display:block;
  object-fit:contain;
  transform:rotate(-2deg) scale(1.08);
  filter:drop-shadow(0 0 10px rgba(0,229,255,.13)) drop-shadow(0 0 13px rgba(121,82,255,.12));
}
.primary-hub-emblem b{
  position:absolute;
  z-index:3;
  left:50%;
  bottom:17px;
  transform:translateX(-50%) rotate(-2deg);
  font-size:7.5px;
  letter-spacing:.22em;
  color:#ff82db;
  text-shadow:0 0 12px rgba(255,79,216,.36);
}
.primary-hub-emblem i{
  z-index:3;
  right:15px;
  bottom:9px;
}
@media(max-width:1100px){
  .primary-hub-hero{grid-template-columns:minmax(0,1fr) 220px}
  .primary-hub-emblem{width:220px;min-width:220px;height:144px;border-radius:34px;padding:22px 16px 28px}
  .primary-hub-emblem:before{border-radius:27px}
  .primary-hub-emblem img{max-width:205px}
}
@media(max-width:760px){
  .primary-tenant-switcher-btn{min-width:0;width:46px;grid-template-columns:1fr;padding:5px!important}
  .primary-tenant-switcher-mark{width:34px;height:34px}
  .primary-tenant-switcher-mark img{width:30px;height:30px}
  .primary-hub-emblem{display:none}
}

/* MIDROUND v3.6.7 · PRIMARY INLINE HEALTH LOG */
.primary-hub-health-log{margin-top:10px;padding:9px 10px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(0,0,0,.13)}
.primary-hub-health-log.is-ok{border-color:rgba(87,231,193,.10);background:rgba(87,231,193,.025)}
.primary-hub-health-log-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}
.primary-hub-health-log-head>span{font-size:6.5px;font-weight:1000;letter-spacing:.14em;color:#7f9aa4}
.primary-hub-health-log-head>small{font-size:6.5px;color:#58747e;white-space:nowrap}
.primary-hub-health-clear{min-height:34px;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px}
.primary-hub-health-clear>b{width:20px;height:20px;border-radius:7px;display:grid;place-items:center;color:#70ebc9;background:rgba(87,231,193,.08);border:1px solid rgba(87,231,193,.15);font-size:9px}
.primary-hub-health-clear>span,.primary-hub-health-issue>span{display:grid;gap:2px;min-width:0}
.primary-hub-health-clear strong{font-size:8px;color:#a8d9cc}.primary-hub-health-clear small{font-size:7px;color:#607e78}
.primary-hub-health-issues{display:grid;gap:5px}
.primary-hub-health-issue{display:grid;grid-template-columns:46px minmax(0,1fr);gap:8px;align-items:start;padding:6px 7px;border-radius:9px;border:1px solid rgba(255,255,255,.045);background:rgba(255,255,255,.018)}
.primary-hub-health-issue>b{margin-top:1px;padding:3px 5px;border-radius:999px;text-align:center;font-size:6px;letter-spacing:.07em}
.primary-hub-health-issue.warn>b{color:#f3c874;background:rgba(240,200,117,.08);border:1px solid rgba(240,200,117,.16)}
.primary-hub-health-issue.danger>b{color:#ff8395;background:rgba(255,100,126,.08);border:1px solid rgba(255,100,126,.18)}
.primary-hub-health-issue strong{font-size:8px;color:#c9dce2}.primary-hub-health-issue small{font-size:7px;line-height:1.35;color:#75919a}
.primary-hub-health-more{display:block;margin-top:6px;font-size:6.5px;color:#718b94}
@media(max-width:760px){.primary-hub-health-log-head{align-items:flex-start;flex-direction:column;gap:2px}}

/* MIDROUND v3.6.33 · PRIMARY MARKETING HUB */
.primary-hub-command-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.primary-hub-marketing-command{background:linear-gradient(145deg,rgba(255,104,213,.11),rgba(98,80,255,.055),rgba(0,229,255,.035))!important}
.primary-marketing-view{position:relative}
.primary-marketing-head{position:relative;overflow:hidden;padding:18px 20px;border:1px solid rgba(255,104,213,.16);border-radius:20px;background:linear-gradient(135deg,rgba(255,104,213,.055),rgba(112,86,255,.035),rgba(0,229,255,.02))}
.primary-marketing-head:after{content:"";position:absolute;right:-90px;top:-120px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,79,216,.18),transparent 68%);pointer-events:none}
.primary-marketing-connections{margin-top:14px;padding:17px!important;border-color:rgba(132,104,255,.14)!important;background:linear-gradient(145deg,rgba(7,13,23,.88),rgba(15,12,29,.76))!important}
.primary-marketing-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.marketing-channel-card{--channel:#9b7cff;position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:94px;padding:13px;border:1px solid color-mix(in srgb,var(--channel) 24%,rgba(255,255,255,.06));border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--channel) 7%,rgba(255,255,255,.018)),rgba(3,9,16,.55));overflow:hidden}
.marketing-channel-card:after{content:"";position:absolute;width:115px;height:115px;border-radius:50%;right:-65px;bottom:-75px;background:var(--channel);filter:blur(34px);opacity:.12;pointer-events:none}
.marketing-channel-card.channel-x{--channel:#dbe7ef}.marketing-channel-card.channel-instagram{--channel:#ff62cc}.marketing-channel-card.channel-discord{--channel:#738cff}
.marketing-channel-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;border:1px solid color-mix(in srgb,var(--channel) 42%,rgba(255,255,255,.08));background:color-mix(in srgb,var(--channel) 12%,#07101a);font-size:18px;font-weight:1000;color:#f3fbff;box-shadow:0 0 22px color-mix(in srgb,var(--channel) 10%,transparent)}
.channel-instagram .marketing-channel-icon{background:conic-gradient(from 215deg,#f3c96f,#ff4f8e,#bd5cff,#6377ff,#f3c96f);color:white}.channel-discord .marketing-channel-icon{background:linear-gradient(145deg,#6377ff,#916fff)}
.marketing-channel-copy{display:grid;gap:2px;min-width:0}.marketing-channel-copy small{font-size:6.5px;font-weight:950;letter-spacing:.12em;color:var(--channel)}.marketing-channel-copy strong{font-size:14px}.marketing-channel-copy span{font-size:8px;line-height:1.35;color:#78929b;white-space:normal}
.marketing-connection-badge{align-self:start;padding:5px 7px;border-radius:999px;font-size:6.5px;letter-spacing:.08em;border:1px solid rgba(255,255,255,.09);color:#8299a3}.marketing-connection-badge.connected{color:#6ee7c7;border-color:rgba(87,231,193,.24);background:rgba(87,231,193,.07)}.marketing-connection-badge.pending{color:#f2c871;border-color:rgba(240,200,117,.22);background:rgba(240,200,117,.06)}.marketing-connection-badge.paused{color:#ff91a2;border-color:rgba(255,100,126,.22);background:rgba(255,100,126,.06)}
.marketing-channel-action{grid-column:2/-1;justify-self:start;min-height:30px!important;padding:6px 10px!important;font-size:7.5px!important}
.marketing-discord-setup{grid-column:1/-1;margin-top:3px;padding:10px;border:1px solid rgba(115,140,255,.14);border-radius:12px;background:rgba(0,0,0,.14)}.marketing-discord-setup label{display:grid;gap:5px;font-size:8px;color:#89a0aa}.marketing-discord-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.marketing-discord-actions button{min-height:30px!important;font-size:7.5px!important}
.primary-marketing-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:12px;margin-top:12px}.marketing-composer-card,.marketing-preview-card,.primary-marketing-history{padding:17px!important;background:linear-gradient(145deg,rgba(7,13,22,.92),rgba(12,12,24,.83))!important;border-color:rgba(255,255,255,.065)!important}
.marketing-main-copy{display:grid;gap:7px;margin-top:12px;font-size:9px;font-weight:850;color:#b5c8cf}.marketing-main-copy textarea{min-height:170px;resize:vertical;font-size:12px;line-height:1.55;background:rgba(0,0,0,.19)}.marketing-main-copy>small{justify-self:end;font-size:7px;color:#718992}
.marketing-link-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.marketing-link-grid label,.marketing-override-grid label{display:grid;gap:5px;font-size:8px;color:#8ba0a9}
.marketing-target-block{margin-top:14px}.marketing-targets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:7px}.marketing-target{position:relative;min-height:62px;padding:10px;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:rgba(255,255,255,.018);display:grid;align-content:center;gap:2px;cursor:pointer;transition:.16s}.marketing-target input{position:absolute;right:9px;top:9px;accent-color:#9d7cff}.marketing-target span{font-size:11px;font-weight:950}.marketing-target small{font-size:7px;color:#718992}.marketing-target:has(input:checked){border-color:rgba(157,124,255,.32);background:linear-gradient(130deg,rgba(157,124,255,.09),rgba(0,229,255,.035));box-shadow:inset 0 0 24px rgba(157,124,255,.025)}.marketing-target.target-instagram:has(input:checked){border-color:rgba(255,98,204,.28);background:linear-gradient(130deg,rgba(255,98,204,.085),rgba(157,86,255,.04))}.marketing-target.target-discord:has(input:checked){border-color:rgba(115,140,255,.3);background:linear-gradient(130deg,rgba(115,140,255,.09),rgba(112,86,255,.04))}
.marketing-overrides{margin-top:12px;border:1px solid rgba(255,255,255,.055);border-radius:13px;background:rgba(0,0,0,.09)}.marketing-overrides summary{padding:10px 12px;cursor:pointer;font-size:8.5px;font-weight:850;color:#9eb1b8}.marketing-overrides summary span{float:right;font-size:7px;font-weight:500;color:#657f89}.marketing-override-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 10px 10px}.marketing-override-grid textarea{min-height:86px;resize:vertical;font-size:9px;line-height:1.45}
.marketing-composer-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px}.marketing-composer-actions button{min-height:36px!important;font-size:8px!important}.marketing-publish-btn{min-width:190px!important;background:linear-gradient(90deg,rgba(0,229,255,.82),rgba(139,92,246,.86),rgba(255,79,216,.84))!important;color:#041017!important;border-color:rgba(255,255,255,.24)!important;font-weight:1000!important;box-shadow:0 8px 28px rgba(139,92,246,.14)!important}.marketing-publish-btn:hover{filter:brightness(1.08)}#marketingComposerMsg{font-size:8px}
.marketing-preview-list{display:grid;gap:9px;margin-top:12px}.marketing-preview{border:1px solid rgba(255,255,255,.065);border-radius:14px;padding:12px;background:rgba(0,0,0,.14);transition:.15s}.marketing-preview.is-disabled{opacity:.34;filter:saturate(.5)}.marketing-preview>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.marketing-preview b{font-size:10px}.marketing-preview small{font-size:7px;color:#718b94}.marketing-preview p{margin:10px 0 0;font-size:9px;line-height:1.5;color:#d7e5e9;white-space:pre-wrap;overflow-wrap:anywhere}.preview-x{border-color:rgba(220,235,244,.1)}.preview-instagram{border-color:rgba(255,98,204,.14)}.preview-discord{border-color:rgba(115,140,255,.15)}#marketingPreviewXLink{display:block;margin-top:7px;font-size:7.5px;color:#75dfee;overflow-wrap:anywhere}.marketing-preview-media{height:88px!important;margin-top:9px;border-radius:10px;display:grid!important;place-items:center!important;background:linear-gradient(135deg,rgba(255,98,204,.08),rgba(102,119,255,.08));background-size:cover!important;background-position:center!important;color:#67808b;font-size:7px!important;letter-spacing:.1em}.marketing-preview-media.has-media{color:transparent}
.marketing-publish-result{margin-top:12px;border:1px solid rgba(0,229,255,.12);border-radius:13px;padding:10px;background:rgba(0,229,255,.025)}.marketing-result-head{display:flex;justify-content:space-between;align-items:center}.marketing-result-head span{font-size:7px;font-weight:950;letter-spacing:.12em;color:#6fe5f0}.marketing-result-head b{font-size:8px}.marketing-result-jobs{display:grid;gap:5px;margin-top:8px}.marketing-result-job{display:grid;grid-template-columns:72px 1fr;gap:3px 8px;padding:7px;border-radius:9px;background:rgba(255,255,255,.025)}.marketing-result-job strong{font-size:8px}.marketing-result-job span{font-size:8px}.marketing-result-job small{grid-column:2;font-size:7px;color:#79919a}.marketing-result-job.published span{color:#65e5c4}.marketing-result-job.failed span,.marketing-result-job.not_configured span{color:#f2c871}
.primary-marketing-history{margin-top:12px}.marketing-history-list{display:grid;gap:8px;margin-top:11px}.marketing-history-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.8fr) auto;gap:12px;align-items:center;padding:11px;border:1px solid rgba(255,255,255,.055);border-radius:13px;background:rgba(0,0,0,.105)}.marketing-history-row.status-published{border-color:rgba(87,231,193,.11)}.marketing-history-row.status-partial{border-color:rgba(240,200,117,.14)}.marketing-history-row.status-failed{border-color:rgba(255,100,126,.14)}.marketing-history-main{min-width:0}.marketing-history-title{display:flex;gap:8px;align-items:center}.marketing-history-title b{font-size:8px}.marketing-history-title span{font-size:7px;color:#667f89}.marketing-history-main p{margin:6px 0;font-size:8.5px;line-height:1.45;color:#b9cbd1}.marketing-history-channels{display:flex;gap:4px;flex-wrap:wrap}.marketing-history-channels span{padding:3px 5px;border-radius:999px;background:rgba(157,124,255,.07);border:1px solid rgba(157,124,255,.12);font-size:6.5px;color:#aebfd0}.marketing-history-jobs{display:grid;gap:5px}.marketing-history-job{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 7px;border-radius:9px;background:rgba(255,255,255,.02)}.marketing-history-job>span{display:grid}.marketing-history-job b{font-size:7.5px}.marketing-history-job small{font-size:6.5px;color:#78909a}.marketing-history-job.published small{color:#65e5c4}.marketing-history-job.failed small,.marketing-history-job.not_configured small{color:#f0c875}.marketing-history-job a,.marketing-history-job button{font-size:6.8px!important}.marketing-history-reuse{min-height:30px!important;font-size:7px!important;white-space:nowrap}
@media(max-width:1200px){.primary-marketing-channel-grid{grid-template-columns:1fr}.primary-marketing-workspace{grid-template-columns:1fr}.marketing-preview-list{grid-template-columns:repeat(3,minmax(0,1fr))}.marketing-history-row{grid-template-columns:1fr}.marketing-history-reuse{justify-self:start}}
@media(max-width:900px){.primary-hub-command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-preview-list,.marketing-override-grid{grid-template-columns:1fr}.marketing-link-grid{grid-template-columns:1fr}}
@media(max-width:560px){.primary-hub-command-grid,.marketing-targets{grid-template-columns:1fr}.marketing-channel-card{grid-template-columns:44px 1fr}.marketing-connection-badge{grid-column:2;justify-self:start}.marketing-channel-action{grid-column:1/-1}.marketing-composer-actions{display:grid;grid-template-columns:1fr}.marketing-publish-btn{min-width:0!important}.primary-marketing-connections,.marketing-composer-card,.marketing-preview-card,.primary-marketing-history{padding:12px!important}}


/* v3.6.33 · Public Partnership Requests */
.public-partnership-section{position:relative;border-top:1px solid rgba(var(--mr-primary-rgb),.12);border-bottom:1px solid rgba(123,92,255,.12);background:linear-gradient(135deg,rgba(var(--mr-primary-rgb),.035),rgba(121,72,255,.025) 55%,transparent)}
.public-partnership-copy .public-eyebrow,.public-partnership-form .public-eyebrow{color:#63e7ff}
.public-partnership-form{border-color:rgba(var(--mr-primary-rgb),.25);box-shadow:0 24px 56px rgba(0,0,0,.20),0 0 0 1px rgba(124,80,255,.04) inset}
.public-partnership-form:focus-within{border-color:rgba(var(--mr-primary-rgb),.5);box-shadow:0 24px 60px rgba(0,0,0,.24),0 0 30px rgba(var(--mr-primary-rgb),.06)}
.public-partnership-benefits>div{padding:12px 0;border-bottom:1px solid rgba(139,159,181,.09)}
.public-partnership-benefits>div:last-child{border-bottom:0}
.public-partnership-benefits .ui-icon{color:#76e9ff;filter:drop-shadow(0 0 8px rgba(76,220,255,.18))}
.public-partnership-cta{border-color:rgba(100,225,255,.28)!important;background:linear-gradient(135deg,rgba(47,204,255,.07),rgba(127,78,255,.06))!important}
.partnership-submit-btn{background:linear-gradient(100deg,#05bfe8,#196ef3 48%,#7441eb)!important;border-color:rgba(94,215,255,.5)!important}
.partnership-routing-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);gap:18px;padding:18px;margin-bottom:18px;border:1px solid rgba(var(--mr-primary-rgb),.22);border-radius:10px;background:linear-gradient(135deg,rgba(var(--mr-primary-rgb),.045),rgba(119,67,255,.025))}
.partnership-routing-card h4{margin:5px 0 7px;font-size:1rem}.partnership-routing-card p{margin:0;color:var(--mr-muted);font-size:.72rem;line-height:1.55;max-width:740px}
.partnership-routing-fields{display:grid;gap:10px;align-content:start}.partnership-routing-fields>label:not(.toggle-label){display:flex;flex-direction:column;gap:6px;font-size:.66rem;color:var(--mr-muted)}
.partnership-routing-card .editor-actions{grid-column:1/-1;margin-top:0}
.partnership-admin-card.status-accepted{border-left:2px solid #46e6a5}.partnership-admin-card.status-in_review{border-left:2px solid #8d7cff}.partnership-admin-card.status-contacted{border-left:2px solid #58d7ff}.partnership-admin-card.status-declined{opacity:.78}
.partnership-admin-actions .button-link{min-height:34px;display:inline-flex;align-items:center}
@media(max-width:900px){.partnership-routing-card{grid-template-columns:1fr}}

/* ==========================================================================
   v3.6.33 · Portal-wide scroll stability + public-home layout cleanup
   Root cause: overflow-x:hidden on both html/body creates vertical scroll
   containers in Chromium when overflow-y is otherwise visible. Combined with
   the JS fixed-nav placeholder this produced the recurring long-page scroll UI
   glitch. Keep document scrolling native and the portal nav purely sticky.
   ========================================================================== */
html{
  overflow-x:clip!important;
  overflow-y:auto!important;
  scrollbar-gutter:stable;
}
body{
  overflow-x:clip!important;
  overflow-y:visible!important;
}
body.public-home-active{overflow-x:clip!important}
body.maintenance-locked,body.username-gate-active{overflow:hidden!important}

/* One document scroller only. Tables/dialogs may still own intentional local scroll. */
.shell,#portalContent,.portal-main,.portal-view{overflow-y:visible!important}
.portal-nav-placeholder{display:none!important;height:0!important;min-height:0!important}
#portalContent>.portal-navigation,
#portalContent>.portal-navigation.portal-nav-fixed{
  position:sticky!important;
  top:8px!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 0 18px!important;
  transform:none!important;
  z-index:5000!important;
}
@media(max-width:860px){
  #portalContent>.portal-navigation,
  #portalContent>.portal-navigation.portal-nav-fixed{top:6px!important;width:100%!important}
}
@media(max-width:640px){
  #portalContent>.portal-navigation,
  #portalContent>.portal-navigation.portal-nav-fixed{top:5px!important;width:100%!important}
}

/* Public header: account identity belongs to the portal, not the marketing nav. */
body.public-home-active #headerIdentity{display:none!important}

/* Four hero actions are intentionally balanced instead of wrapping 3 + 1. */
body.public-home-active .public-hero-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:min(100%,520px)!important;
  gap:10px!important;
}
body.public-home-active .public-hero-actions>button{
  width:100%!important;
  min-width:0!important;
  justify-content:center!important;
}
@media(max-width:560px){
  body.public-home-active .public-hero-actions{grid-template-columns:1fr!important;width:100%!important}
}

/* =========================================================
   MIDROUND v3.6.33 · Welcome / Onboarding + Portal Home V2
   ========================================================= */
body.tenant-onboarding-active{
  min-height:100dvh!important;overflow-x:clip!important;
  background:
    radial-gradient(circle at 16% 18%,color-mix(in srgb,var(--mr-primary) 15%,transparent),transparent 34rem),
    radial-gradient(circle at 88% 84%,color-mix(in srgb,var(--mr-secondary) 12%,transparent),transparent 38rem),
    linear-gradient(155deg,color-mix(in srgb,var(--mr-bg) 96%,#020509),var(--mr-bg))!important;
}
body.tenant-onboarding-active .shell{width:100%!important;max-width:none!important;min-height:100dvh!important;margin:0!important;padding:0!important}
body.tenant-onboarding-active .shell>:not(#tenantOnboardingEntry):not(#tenantBuyerWizard){display:none!important}
body.tenant-onboarding-active #tenantOnboardingEntry,
body.tenant-onboarding-active #tenantBuyerWizard{width:100%;min-height:100dvh;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.tenant-onboarding-active #tenantOnboardingEntry.hidden,
body.tenant-onboarding-active #tenantBuyerWizard.hidden{display:none!important}
.tenant-onboarding-frame{position:relative;display:grid;grid-template-columns:minmax(380px,.88fr) minmax(520px,1.12fr);min-height:100dvh;isolation:isolate}
.tenant-onboarding-frame:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(120deg,color-mix(in srgb,var(--mr-primary) 4%,transparent),transparent 45%,color-mix(in srgb,var(--mr-secondary) 4%,transparent))}
.tenant-onboarding-brand-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:36px;padding:clamp(34px,5vw,76px);border-right:1px solid color-mix(in srgb,var(--mr-primary) 18%,transparent);background:linear-gradient(155deg,color-mix(in srgb,var(--mr-surface) 92%,#05080d),color-mix(in srgb,var(--mr-bg) 98%,#03070b));box-shadow:24px 0 80px rgba(0,0,0,.18)}
.tenant-onboarding-brand-panel:before,.tenant-onboarding-brand-panel:after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(1px)}
.tenant-onboarding-brand-panel:before{width:460px;height:460px;left:-210px;top:-170px;background:radial-gradient(circle,color-mix(in srgb,var(--mr-primary) 22%,transparent),transparent 68%)}
.tenant-onboarding-brand-panel:after{width:520px;height:520px;right:-290px;bottom:-250px;background:radial-gradient(circle,color-mix(in srgb,var(--mr-secondary) 18%,transparent),transparent 68%)}
.tenant-onboarding-brand-top,.tenant-onboarding-brand-copy,.tenant-onboarding-feature-grid,.tenant-onboarding-brand-foot,.tenant-onboarding-side-note{position:relative;z-index:1}
.tenant-onboarding-brand-top{display:flex;align-items:center;justify-content:space-between;gap:18px}.tenant-onboarding-wordmark{width:min(255px,54%);height:auto;object-fit:contain}.tenant-onboarding-secure{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--mr-muted);white-space:nowrap}.tenant-onboarding-secure i{width:8px;height:8px;border-radius:50%;background:#59dfa3;box-shadow:0 0 0 5px rgba(89,223,163,.08),0 0 18px rgba(89,223,163,.4)}
.tenant-onboarding-brand-copy{max-width:660px}.tenant-onboarding-kicker,.tenant-onboarding-step{display:block;margin-bottom:12px;color:var(--mr-primary);font-size:11px;font-weight:950;letter-spacing:.15em}.tenant-onboarding-brand-copy h1{margin:0;font-size:clamp(42px,4.6vw,72px);line-height:.98;letter-spacing:-.055em}.tenant-onboarding-brand-copy h1 em{font-style:normal;background:linear-gradient(90deg,var(--mr-primary),var(--mr-secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.tenant-onboarding-brand-copy p{max-width:58ch;margin:24px 0 0;color:var(--mr-muted);font-size:15px;line-height:1.7}.tenant-onboarding-brand-copy.compact h1{font-size:clamp(34px,3.8vw,58px)}
.tenant-onboarding-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tenant-onboarding-feature-grid>div{display:flex;align-items:center;gap:12px;min-width:0;padding:14px 15px;border:1px solid color-mix(in srgb,var(--mr-primary) 12%,transparent);border-radius:16px;background:color-mix(in srgb,var(--mr-surface-2) 48%,transparent)}.tenant-onboarding-feature-grid .ui-icon{width:20px;height:20px;color:var(--mr-primary);flex:0 0 auto}.tenant-onboarding-feature-grid strong,.tenant-onboarding-feature-grid small{display:block}.tenant-onboarding-feature-grid strong{font-size:12px}.tenant-onboarding-feature-grid small{margin-top:3px;color:var(--mr-muted);font-size:10px}
.tenant-onboarding-brand-foot{display:flex;align-items:center;gap:14px;padding-top:24px;border-top:1px solid color-mix(in srgb,var(--mr-primary) 12%,transparent)}.tenant-onboarding-brand-foot>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:color-mix(in srgb,var(--mr-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--mr-primary) 24%,transparent);color:var(--mr-primary);font-weight:950}.tenant-onboarding-brand-foot strong,.tenant-onboarding-brand-foot small{display:block}.tenant-onboarding-brand-foot small{margin-top:3px;color:var(--mr-muted);font-size:10px}
.tenant-onboarding-action-panel{display:flex;flex-direction:column;justify-content:center;gap:24px;padding:clamp(34px,6vw,90px);background:linear-gradient(160deg,color-mix(in srgb,var(--mr-bg) 92%,transparent),color-mix(in srgb,var(--mr-surface) 78%,transparent))}.tenant-onboarding-action-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.tenant-onboarding-action-head>div{max-width:720px}.tenant-onboarding-action-head h2,.tenant-buyer-wizard-head-v2 h2{margin:0;font-size:clamp(31px,4vw,52px);letter-spacing:-.045em}.tenant-onboarding-action-head p,.tenant-buyer-wizard-head-v2 p{max-width:62ch;margin:14px 0 0;color:var(--mr-muted);font-size:14px;line-height:1.65}.tenant-onboarding-home-link{border:0!important;background:transparent!important;color:var(--mr-muted)!important;padding:8px 0!important;font-size:11px!important;white-space:nowrap;box-shadow:none!important}.tenant-onboarding-home-link:hover{color:var(--mr-text)!important;background:transparent!important}
.tenant-onboarding-token-card{padding:24px;border:1px solid color-mix(in srgb,var(--mr-primary) 18%,transparent);border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--mr-surface) 86%,transparent),color-mix(in srgb,var(--mr-surface-2) 78%,transparent));box-shadow:0 28px 80px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)}
.tenant-onboarding-token-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:end!important}.tenant-onboarding-token-form label{display:grid;gap:8px}.tenant-onboarding-token-form label>span{font-size:10px!important;font-weight:900!important;letter-spacing:.1em!important;color:var(--mr-muted)!important;text-transform:uppercase}.tenant-onboarding-token-form input{min-height:54px!important;padding:0 17px!important;border-radius:14px!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:14px!important;letter-spacing:.04em!important;background:color-mix(in srgb,var(--mr-bg) 60%,transparent)!important}.tenant-onboarding-token-form button{min-height:54px!important;padding:0 22px!important;border-radius:14px!important;font-size:12px!important}.tenant-onboarding-token-form button span{margin-left:10px}.tenant-onboarding-status{display:block;min-height:20px;margin-top:12px;color:var(--mr-muted);font-size:12px;font-weight:700;line-height:1.5}
.tenant-onboarding-explainer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.tenant-onboarding-explainer>div{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid color-mix(in srgb,var(--mr-primary) 10%,transparent);border-radius:14px;background:color-mix(in srgb,var(--mr-surface-2) 28%,transparent)}.tenant-onboarding-explainer b{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:color-mix(in srgb,var(--mr-primary) 10%,transparent);color:var(--mr-primary);font-size:10px}.tenant-onboarding-explainer strong,.tenant-onboarding-explainer small{display:block}.tenant-onboarding-explainer strong{font-size:10px}.tenant-onboarding-explainer small{margin-top:2px;color:var(--mr-muted);font-size:8.5px}.tenant-onboarding-help{margin:0;color:var(--mr-muted);font-size:11px}.tenant-onboarding-help button{padding:0!important;border:0!important;background:transparent!important;color:var(--mr-primary)!important;font:inherit!important;box-shadow:none!important}.tenant-onboarding-help button:hover{text-decoration:underline;background:transparent!important}
.tenant-onboarding-wizard-frame{grid-template-columns:minmax(330px,.72fr) minmax(620px,1.28fr)}.tenant-onboarding-wizard-side{justify-content:flex-start}.tenant-onboarding-side-note{margin-top:auto;padding:18px;border:1px solid color-mix(in srgb,var(--mr-primary) 13%,transparent);border-radius:16px;background:color-mix(in srgb,var(--mr-primary) 4%,transparent)}.tenant-onboarding-side-note span{display:block;color:var(--mr-primary);font-size:9px;font-weight:950;letter-spacing:.11em}.tenant-onboarding-side-note p{margin:8px 0 0;color:var(--mr-muted);font-size:11px;line-height:1.55}.tenant-onboarding-wizard-main{justify-content:flex-start;overflow:auto}.tenant-buyer-wizard-head-v2{margin:0 0 4px!important}.tenant-onboarding-wizard-main .tenant-buyer-progress{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0 0 6px}.tenant-onboarding-wizard-main .tenant-buyer-progress-step{padding:12px;border-radius:14px}.tenant-onboarding-wizard-main .tenant-buyer-progress-step b{width:28px;height:28px}.tenant-onboarding-wizard-main .tenant-buyer-progress-step span{font-size:9px}.tenant-onboarding-wizard-main .tenant-buyer-stage{padding:20px;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--mr-surface) 76%,transparent),color-mix(in srgb,var(--mr-surface-2) 62%,transparent));border-color:color-mix(in srgb,var(--mr-primary) 12%,transparent)}.tenant-onboarding-wizard-main .tenant-buyer-stage h3{font-size:18px}.tenant-onboarding-wizard-main .tenant-buyer-stage p{font-size:12px}.tenant-onboarding-wizard-main .tenant-buyer-form-grid input,.tenant-onboarding-wizard-main .tenant-buyer-form-grid select,.tenant-onboarding-wizard-main .tenant-buyer-faceit-form input{min-height:46px;font-size:12px}.tenant-onboarding-wizard-main .tenant-buyer-player{min-height:70px}.tenant-onboarding-wizard-main .tenant-buyer-wizard-status{margin-top:4px}
@media(max-width:1050px){.tenant-onboarding-frame,.tenant-onboarding-wizard-frame{grid-template-columns:1fr}.tenant-onboarding-brand-panel{min-height:auto;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--mr-primary) 18%,transparent);padding:34px}.tenant-onboarding-brand-copy h1{font-size:44px}.tenant-onboarding-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tenant-onboarding-feature-grid>div{display:grid}.tenant-onboarding-action-panel{padding:38px 34px}.tenant-onboarding-wizard-side{display:none}.tenant-onboarding-wizard-main{min-height:100dvh}}
@media(max-width:720px){.tenant-onboarding-brand-panel{padding:26px 18px;gap:24px}.tenant-onboarding-brand-top{align-items:flex-start;flex-direction:column}.tenant-onboarding-wordmark{width:210px;max-width:72%}.tenant-onboarding-brand-copy h1{font-size:38px}.tenant-onboarding-brand-copy p{font-size:13px}.tenant-onboarding-feature-grid{grid-template-columns:1fr 1fr}.tenant-onboarding-action-panel{padding:28px 16px}.tenant-onboarding-action-head{display:grid}.tenant-onboarding-home-link{grid-row:1}.tenant-onboarding-token-card{padding:16px}.tenant-onboarding-token-form{grid-template-columns:1fr!important}.tenant-onboarding-explainer{grid-template-columns:1fr 1fr}.tenant-onboarding-wizard-main .tenant-buyer-progress{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:460px){.tenant-onboarding-feature-grid,.tenant-onboarding-explainer{grid-template-columns:1fr}.tenant-onboarding-brand-copy h1{font-size:34px}.tenant-onboarding-action-head h2,.tenant-buyer-wizard-head-v2 h2{font-size:32px}.tenant-onboarding-wizard-main .tenant-buyer-progress{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Portal Home V2 */
#homeView.home-v2{display:grid;gap:18px;padding-bottom:20px}
#homeView.home-v2.hidden{display:none!important}
#homeView .home-v2-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);align-items:stretch;gap:24px;min-height:290px;padding:clamp(24px,3vw,42px);border:1px solid color-mix(in srgb,var(--mr-primary) 19%,transparent);border-radius:24px;background:linear-gradient(132deg,color-mix(in srgb,var(--mr-primary) 7%,var(--mr-surface)),color-mix(in srgb,var(--mr-secondary) 6%,var(--mr-bg)));box-shadow:0 24px 70px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)}
#homeView .home-v2-hero:before{content:"";position:absolute;inset:auto -10% -55% auto;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--mr-secondary) 10%,transparent),transparent 67%);pointer-events:none}
#homeView .home-v2-hero-copy{position:relative;z-index:2;align-self:center;max-width:820px}.home-v2-hero-meta{display:flex;align-items:center;gap:8px;color:var(--mr-muted);font-size:9px;font-weight:900;letter-spacing:.105em}.home-v2-hero-meta b{margin-left:4px;color:color-mix(in srgb,var(--mr-text) 72%,var(--mr-muted));font-size:9px;font-weight:750;letter-spacing:0}.home-v2-live-dot{width:7px;height:7px;border-radius:50%;background:#58dfa2;box-shadow:0 0 0 5px rgba(88,223,162,.08),0 0 16px rgba(88,223,162,.38)}
.home-v2-team-line{display:flex;align-items:center;gap:16px;margin-top:22px}.home-v2-team-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;border:1px solid color-mix(in srgb,var(--mr-primary) 22%,transparent);background:color-mix(in srgb,var(--mr-surface-2) 56%,transparent);overflow:hidden}.home-v2-team-mark img{width:100%;height:100%;object-fit:cover}.home-v2-team-mark .team-logo,.home-v2-team-mark .team-logo-wrap{width:100%!important;height:100%!important}.home-v2-team-name{display:block;margin-bottom:4px;color:var(--mr-primary);font-size:10px;font-weight:950;letter-spacing:.12em}.home-v2-team-line h2{margin:0;font-size:clamp(30px,4vw,50px);line-height:1;letter-spacing:-.045em}.home-v2-hero-subtitle{max-width:62ch;margin:18px 0 0;color:var(--mr-muted);font-size:13px;line-height:1.65}.home-v2-quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.home-v2-quick-actions button{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:38px!important;padding:0 13px!important;border:1px solid color-mix(in srgb,var(--mr-primary) 13%,transparent)!important;border-radius:11px!important;background:color-mix(in srgb,var(--mr-surface-2) 36%,transparent)!important;color:var(--mr-text)!important;font-size:10px!important;box-shadow:none!important}.home-v2-quick-actions button:hover{border-color:color-mix(in srgb,var(--mr-primary) 34%,transparent)!important;background:color-mix(in srgb,var(--mr-primary) 7%,var(--mr-surface))!important}.home-v2-quick-actions .ui-icon{width:15px;height:15px;color:var(--mr-primary)}
.home-v2-hero-visual{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:14px;min-height:220px}.home-v2-hero-brand-card{position:relative;padding:18px;border:1px solid color-mix(in srgb,var(--mr-primary) 18%,transparent);border-radius:22px;background:linear-gradient(155deg,color-mix(in srgb,var(--mr-primary) 10%,rgba(255,255,255,.01)),color-mix(in srgb,var(--mr-secondary) 10%,rgba(255,255,255,.01)));box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 20px 40px rgba(0,0,0,.16)}
.home-v2-hero-brand-card:before{content:"";position:absolute;inset:auto -16% -46% auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--mr-primary) 16%,transparent),transparent 68%);pointer-events:none}
.home-v2-hero-panel-kicker{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid color-mix(in srgb,var(--mr-primary) 18%,transparent);border-radius:999px;background:color-mix(in srgb,var(--mr-bg) 66%,transparent);color:var(--mr-muted);font-size:8px;font-weight:900;letter-spacing:.11em}
.home-v2-hero-brand-line{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:center;margin-top:14px}
.home-v2-hero-logo-shell{display:grid;place-items:center;width:76px;height:76px;border-radius:22px;border:1px solid color-mix(in srgb,var(--mr-primary) 24%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--mr-surface-2) 80%,transparent),color-mix(in srgb,var(--mr-bg) 88%,transparent));box-shadow:0 0 0 1px rgba(255,255,255,.02),0 0 36px color-mix(in srgb,var(--mr-primary) 9%,transparent)}
.home-v2-hero-logo{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 0 20px color-mix(in srgb,var(--mr-primary) 28%,transparent))}
.home-v2-hero-brand-copy{display:flex;flex-direction:column;gap:6px}.home-v2-hero-brand-copy strong{font-size:18px;line-height:1.15;letter-spacing:-.02em}.home-v2-hero-brand-copy small{color:var(--mr-muted);font-size:11px;line-height:1.55}
.home-v2-hero-signal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.home-v2-signal-card{padding:14px 14px 15px;border:1px solid color-mix(in srgb,var(--mr-primary) 12%,transparent);border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--mr-surface-2) 34%,transparent),color-mix(in srgb,var(--mr-bg) 90%,transparent));box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.home-v2-signal-card span{display:block;color:var(--mr-primary);font-size:8px;font-weight:900;letter-spacing:.12em}.home-v2-signal-card strong{display:block;margin-top:8px;font-size:13px;line-height:1.3}.home-v2-signal-card small{display:block;margin-top:6px;color:var(--mr-muted);font-size:10px;line-height:1.5}
.home-v2-kpi-ribbon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.home-v2-kpi-ribbon article{position:relative;overflow:hidden;min-height:88px;padding:16px 17px;border:1px solid color-mix(in srgb,var(--mr-primary) 10%,transparent);border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--mr-surface) 72%,transparent),color-mix(in srgb,var(--mr-surface-2) 48%,transparent))}.home-v2-kpi-ribbon article:after{content:"";position:absolute;right:-28px;top:-28px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--mr-primary) 9%,transparent),transparent 70%)}.home-v2-kpi-ribbon span,.home-v2-kpi-ribbon strong,.home-v2-kpi-ribbon small{display:block}.home-v2-kpi-ribbon span{color:var(--mr-muted);font-size:8px;font-weight:950;letter-spacing:.11em}.home-v2-kpi-ribbon strong{margin-top:6px;font-size:26px;line-height:1}.home-v2-kpi-ribbon small{margin-top:5px;color:color-mix(in srgb,var(--mr-muted) 88%,transparent);font-size:9px}
.home-v2-next-section{display:grid;gap:10px}.home-v2-section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:4px 3px}.home-v2-section-heading>div>span,.home-v2-panel-head>div>span{display:block;color:var(--mr-primary);font-size:9px;font-weight:950;letter-spacing:.11em}.home-v2-section-heading h3,.home-v2-panel-head h3{margin:3px 0 0;font-size:20px;letter-spacing:-.025em}.home-v2-section-heading p,.home-v2-panel-head p{margin:5px 0 0;color:var(--mr-muted);font-size:10px;line-height:1.5}.home-v2-link-btn{padding:7px 0!important;border:0!important;background:transparent!important;color:var(--mr-muted)!important;font-size:9px!important;box-shadow:none!important}.home-v2-link-btn:hover{color:var(--mr-primary)!important;background:transparent!important}
.home-v2-next-grid{display:grid;grid-template-columns:minmax(0,1.55fr) repeat(3,minmax(0,.72fr));gap:10px}.home-v2-next-card{position:relative;overflow:hidden;min-width:0;min-height:178px;padding:18px;border:1px solid color-mix(in srgb,var(--mr-primary) 10%,transparent);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--mr-surface) 76%,transparent),color-mix(in srgb,var(--mr-bg) 70%,transparent));transition:border-color .18s ease,transform .18s ease}.home-v2-next-card:hover{border-color:color-mix(in srgb,var(--mr-primary) 25%,transparent);transform:translateY(-1px)}.home-v2-next-match{background:linear-gradient(130deg,color-mix(in srgb,var(--mr-primary) 8%,var(--mr-surface)),color-mix(in srgb,var(--mr-secondary) 5%,var(--mr-bg)))}.home-v2-next-label{display:flex;align-items:center;gap:10px}.home-v2-next-label small,.home-v2-next-label strong{display:block}.home-v2-next-label small{color:var(--mr-muted);font-size:7.5px;font-weight:900;letter-spacing:.09em}.home-v2-next-label strong{margin-top:2px;font-size:11px}.home-v2-icon-ring{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:color-mix(in srgb,var(--mr-primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--mr-primary) 16%,transparent);color:var(--mr-primary)}.home-v2-icon-ring .ui-icon{width:15px;height:15px}.home-v2-event{margin:18px 0 0!important;padding:0!important}.home-v2-event strong{font-size:18px!important}.home-v2-next-match .home-v2-event strong{font-size:22px!important}.home-v2-event span{font-size:10px!important}.home-v2-event small{font-size:8px!important}.home-next-empty{display:grid;gap:5px;padding-top:6px}.home-next-empty strong{font-size:13px!important;color:color-mix(in srgb,var(--mr-text) 86%,var(--mr-muted))}.home-next-empty span{margin:0!important;color:var(--mr-muted)!important;font-size:9px!important;line-height:1.45}.home-v2-next-match .home-match-brand{margin-bottom:12px}
.home-v2-work-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:10px}.home-v2-panel{min-width:0;padding:20px;border:1px solid color-mix(in srgb,var(--mr-primary) 10%,transparent);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--mr-surface) 76%,transparent),color-mix(in srgb,var(--mr-surface-2) 48%,transparent));box-shadow:0 18px 48px rgba(0,0,0,.11)}.home-v2-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.home-v2-panel-head.compact{align-items:center}.home-v2-panel-badge,.home-v2-counter{display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border:1px solid color-mix(in srgb,var(--mr-primary) 14%,transparent);border-radius:999px;background:color-mix(in srgb,var(--mr-primary) 4%,transparent);color:var(--mr-muted);font-size:8px;font-weight:900;white-space:nowrap}
#homeView .home-action-summary{gap:7px;margin:15px 0 11px}#homeView .home-action-summary-chip{min-height:31px;padding:6px 9px}#homeView .home-action-summary-chip b{font-size:12px}#homeView .home-action-summary-chip small{font-size:8px}#homeView .home-action-list{gap:8px}#homeView .home-action-item{grid-template-columns:42px minmax(0,1fr) auto 18px;gap:11px;padding:12px 13px!important;border-radius:13px!important}#homeView .home-action-icon{width:42px;height:42px}#homeView .home-action-copy strong{font-size:11px!important}#homeView .home-action-copy small{font-size:9px!important;line-height:1.4}#homeView .home-action-item>b{font-size:7.5px!important}#homeView .home-action-issues i{font-size:8px!important}#homeView .home-action-toggle{height:38px!important;font-size:9px!important;border-radius:11px!important}
#homeView .home-v2-team-pulse{align-self:stretch!important;padding-bottom:20px!important}#homeView .home-situation-summary>span{min-height:28px;padding:5px 8px;font-size:8px}#homeView .home-situation-summary b{font-size:10px}#homeView .home-team-situation h4{font-size:9px!important}#homeView button.home-situation-item{grid-template-columns:32px minmax(0,1fr) auto 14px!important;min-height:58px!important;padding:9px 10px!important;border-radius:12px!important}#homeView .home-situation-copy>strong,#homeView .home-candidate-title strong{font-size:10px!important}#homeView .home-situation-copy>small{font-size:8px!important}#homeView .home-situation-copy>em{font-size:8.5px!important}#homeView button.home-situation-link{font-size:8px!important}
.home-v2-lower-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.home-v2-list-panel .compact-list{margin-top:13px}.home-v2-list-panel .compact-row{padding:11px 0}.home-v2-list-panel .compact-row strong{font-size:10px}.home-v2-list-panel .compact-row span{font-size:8px}.home-v2-list-panel .event-card{background:color-mix(in srgb,var(--mr-surface-2) 26%,transparent);border-color:color-mix(in srgb,var(--mr-primary) 8%,transparent)}
@media(max-width:1180px){#homeView .home-v2-hero{grid-template-columns:1fr;gap:18px}.home-v2-hero-signal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-v2-next-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-v2-next-match{grid-column:span 2}.home-v2-work-grid{grid-template-columns:1fr}.home-v2-lower-grid{grid-template-columns:1fr 1fr}.home-v2-lower-grid .home-review-card{grid-column:1/-1}}
@media(max-width:760px){#homeView .home-v2-hero{grid-template-columns:1fr;min-height:auto}.home-v2-hero-visual{display:flex}.home-v2-hero-brand-line{grid-template-columns:64px minmax(0,1fr)}.home-v2-hero-logo-shell{width:64px;height:64px;border-radius:18px}.home-v2-hero-logo{width:44px;height:44px}.home-v2-hero-signal-grid{grid-template-columns:1fr}.home-v2-kpi-ribbon{grid-template-columns:1fr 1fr}.home-v2-next-grid{grid-template-columns:1fr}.home-v2-next-match{grid-column:auto}.home-v2-lower-grid{grid-template-columns:1fr}.home-v2-lower-grid .home-review-card{grid-column:auto}.home-v2-section-heading{align-items:flex-start;flex-direction:column}.home-v2-panel-head{display:grid}.home-v2-team-line{align-items:flex-start}.home-v2-team-mark{width:54px;height:54px;border-radius:16px}.home-v2-team-line h2{font-size:30px}}
@media(max-width:480px){#homeView .home-v2-hero{padding:20px 16px;border-radius:18px}.home-v2-kpi-ribbon{grid-template-columns:1fr 1fr}.home-v2-kpi-ribbon article{padding:13px}.home-v2-kpi-ribbon strong{font-size:22px}.home-v2-quick-actions{display:grid;grid-template-columns:1fr 1fr}.home-v2-quick-actions button{justify-content:center!important}.home-v2-panel,.home-v2-next-card{padding:15px}.home-v2-work-grid{gap:8px}#homeView .home-action-item{grid-template-columns:38px minmax(0,1fr) 16px!important}#homeView .home-action-item>b{display:none!important}}
/* v3.6.33 readability finishing pass */
.tenant-onboarding-token-form{padding:0!important;border:0!important;background:transparent!important}
#homeView .home-v2-quick-actions button{font-size:11px!important}
#homeView .home-v2-list-panel .compact-row strong{font-size:11.5px!important}
#homeView .home-v2-list-panel .compact-row span{font-size:9.5px!important}
#homeView .home-v2-panel-head p,#homeView .home-v2-section-heading p{font-size:11px}
#homeView .home-v2-event span{font-size:11px!important}
#homeView .home-next-empty span{font-size:10px!important}

/* =========================================================
   MIDROUND v3.6.33 · Onboarding spacious composition pass
   ========================================================= */
@media(min-width:1281px){
  .tenant-onboarding-frame:not(.tenant-onboarding-wizard-frame){
    grid-template-columns:minmax(560px,.72fr) minmax(760px,1.28fr);
  }
  .tenant-onboarding-action-panel{
    padding:clamp(42px,4vw,68px) clamp(42px,4.2vw,76px);
    gap:30px;
  }
  .tenant-onboarding-action-head>div{max-width:820px}
}
.tenant-onboarding-brand-panel{gap:30px}
.tenant-onboarding-brand-copy p{font-size:14px;line-height:1.65}
.tenant-onboarding-action-head h2{font-size:clamp(34px,3.4vw,50px)}
.tenant-onboarding-action-head p{max-width:68ch;font-size:14px;line-height:1.65}
.tenant-onboarding-token-card{padding:28px 30px;border-radius:24px}
.tenant-onboarding-token-form{grid-template-columns:minmax(0,1fr) 176px!important;gap:14px!important;align-items:end!important}
.tenant-onboarding-token-form label{gap:9px!important;font-size:12px!important}
.tenant-onboarding-token-form input{min-height:54px!important;padding:0 16px!important;font-size:13px!important;border-radius:12px!important}
.tenant-onboarding-token-form>button{min-height:54px!important;width:176px!important;border-radius:12px!important;font-size:12px!important}
.tenant-onboarding-explainer{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tenant-onboarding-explainer>div{min-height:72px;padding:16px 18px;gap:13px;border-radius:16px}
.tenant-onboarding-explainer b{width:34px;height:34px;border-radius:11px;font-size:11px;flex:0 0 auto}
.tenant-onboarding-explainer strong{font-size:12px}
.tenant-onboarding-explainer small{margin-top:3px;font-size:10.5px;line-height:1.35}
.tenant-onboarding-access-options{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;padding:20px 22px;border:1px solid color-mix(in srgb,var(--mr-primary) 11%,transparent);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--mr-surface-2) 34%,transparent),color-mix(in srgb,var(--mr-surface) 28%,transparent))}
.tenant-onboarding-access-copy{display:grid;gap:4px;min-width:0}.tenant-onboarding-access-copy>span{color:var(--mr-primary);font-size:9px;font-weight:950;letter-spacing:.12em}.tenant-onboarding-access-copy>strong{font-size:13px;letter-spacing:-.01em}.tenant-onboarding-access-copy>small{max-width:70ch;color:var(--mr-muted);font-size:10.5px;line-height:1.5}
.tenant-onboarding-access-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.tenant-onboarding-access-actions button{min-height:38px!important;padding:8px 13px!important;border-radius:10px!important;background:color-mix(in srgb,var(--mr-primary) 4%,transparent)!important;border:1px solid color-mix(in srgb,var(--mr-primary) 15%,transparent)!important;color:var(--mr-text)!important;font-size:10px!important;white-space:nowrap;box-shadow:none!important}.tenant-onboarding-access-actions button:first-child{background:linear-gradient(90deg,color-mix(in srgb,var(--mr-primary) 16%,transparent),color-mix(in srgb,var(--mr-secondary) 10%,transparent))!important;border-color:color-mix(in srgb,var(--mr-primary) 28%,transparent)!important}.tenant-onboarding-access-actions button:hover{border-color:color-mix(in srgb,var(--mr-primary) 35%,transparent)!important;transform:translateY(-1px)}
@media(max-width:1280px){
  .tenant-onboarding-frame:not(.tenant-onboarding-wizard-frame){grid-template-columns:1fr}
  .tenant-onboarding-frame:not(.tenant-onboarding-wizard-frame) .tenant-onboarding-brand-panel{min-height:auto;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--mr-primary) 18%,transparent);padding:38px}
  .tenant-onboarding-frame:not(.tenant-onboarding-wizard-frame) .tenant-onboarding-brand-copy h1{font-size:46px}
  .tenant-onboarding-frame:not(.tenant-onboarding-wizard-frame) .tenant-onboarding-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .tenant-onboarding-action-panel{padding:42px 38px}
}
@media(max-width:820px){
  .tenant-onboarding-access-options{grid-template-columns:1fr}
  .tenant-onboarding-access-actions{justify-content:flex-start}
}
@media(max-width:720px){
  .tenant-onboarding-token-form{grid-template-columns:1fr!important}
  .tenant-onboarding-token-form>button{width:100%!important}
  .tenant-onboarding-explainer{grid-template-columns:1fr 1fr}
  .tenant-onboarding-access-actions{display:grid;grid-template-columns:1fr}
  .tenant-onboarding-access-actions button{width:100%!important;justify-content:center!important}
}
@media(max-width:460px){.tenant-onboarding-explainer{grid-template-columns:1fr}}

/* v3.6.33 · Customer-facing automatic first-sync experience */
.tenant-provisioning-progress{display:grid;gap:9px;margin:6px 0 2px;padding:14px 15px;border:1px solid color-mix(in srgb,var(--mr-primary) 18%,transparent);border-radius:12px;background:color-mix(in srgb,var(--mr-surface-2) 42%,transparent);overflow:hidden}
.tenant-provisioning-progress-head{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;color:var(--mr-text)}
.tenant-provisioning-progress-head span{font-weight:750}.tenant-provisioning-progress-head strong{font-size:12px;font-variant-numeric:tabular-nums;color:var(--mr-primary)}
.tenant-provisioning-progress-track{position:relative;height:9px;border-radius:999px;background:color-mix(in srgb,var(--mr-border) 46%,transparent);overflow:hidden;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mr-primary) 7%,transparent)}
.tenant-provisioning-progress-track>span{position:absolute;inset:0 auto 0 0;min-width:4%;border-radius:inherit;background:linear-gradient(90deg,var(--mr-primary),var(--mr-accent,#8b6cff));transition:width .55s ease;box-shadow:0 0 18px color-mix(in srgb,var(--mr-primary) 35%,transparent)}
.tenant-provisioning-progress-track>span::after{content:"";position:absolute;inset:0;width:34%;transform:translateX(-130%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:tenantProvisionShimmer 1.7s linear infinite}
.tenant-provisioning-progress small{font-size:10px;line-height:1.45;color:var(--mr-muted)}
.tenant-provisioning-progress.is-complete{border-color:rgba(75,220,174,.26);background:rgba(75,220,174,.05)}
.tenant-provisioning-progress.is-complete .tenant-provisioning-progress-head strong{color:#7ff0c4}
.tenant-provisioning-progress.is-complete .tenant-provisioning-progress-track>span{background:linear-gradient(90deg,#4bdcae,#7ff0c4);box-shadow:0 0 18px rgba(75,220,174,.28)}
.tenant-buyer-ready-complete{border-color:rgba(75,220,174,.28)}
@keyframes tenantProvisionShimmer{to{transform:translateX(390%)}}
@media (prefers-reduced-motion:reduce){.tenant-provisioning-progress-track>span::after{animation:none}.tenant-provisioning-progress-track>span{transition:none}}

/* v3.6.33 · Onboarding ready-note polish */
.tenant-onboarding-side-note-ready{
  position:relative;
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  align-items:center;
  gap:13px;
  padding:18px 20px;
  overflow:hidden;
  border-color:color-mix(in srgb,var(--mr-primary) 34%,var(--mr-secondary) 16%);
  background:
    radial-gradient(circle at 10% 50%,color-mix(in srgb,var(--mr-primary) 13%,transparent),transparent 42%),
    linear-gradient(135deg,color-mix(in srgb,var(--mr-primary) 7%,transparent),color-mix(in srgb,var(--mr-secondary) 5%,transparent));
  box-shadow:
    0 0 0 1px color-mix(in srgb,var(--mr-primary) 6%,transparent) inset,
    0 12px 34px rgba(0,0,0,.18),
    0 0 28px color-mix(in srgb,var(--mr-primary) 8%,transparent);
}
.tenant-onboarding-side-note-ready::before{
  content:"";
  position:absolute;
  inset:-60% auto -60% -18%;
  width:42%;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--mr-primary) 10%,transparent),transparent);
  transform:rotate(14deg);
  filter:blur(10px);
  opacity:.8;
}
.tenant-onboarding-side-note-icon{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:13px;
  color:#fff;
  font-size:17px;
  font-weight:950;
  border:1px solid color-mix(in srgb,var(--mr-primary) 45%,transparent);
  background:linear-gradient(145deg,color-mix(in srgb,var(--mr-primary) 24%,transparent),color-mix(in srgb,var(--mr-secondary) 20%,transparent));
  box-shadow:0 0 18px color-mix(in srgb,var(--mr-primary) 18%,transparent);
}
.tenant-onboarding-side-note-copy{position:relative;z-index:1;min-width:0}
.tenant-onboarding-side-note-ready .tenant-onboarding-side-note-copy span{
  display:block;
  color:color-mix(in srgb,var(--mr-primary) 84%,white 16%);
  font-size:9px;
  font-weight:950;
  letter-spacing:.14em;
  text-shadow:0 0 14px color-mix(in srgb,var(--mr-primary) 38%,transparent);
}
.tenant-onboarding-side-note-ready .tenant-onboarding-side-note-copy p{
  margin:7px 0 0;
  color:color-mix(in srgb,var(--mr-text) 74%,var(--mr-muted));
  font-size:11.5px;
  line-height:1.6;
}
@media(max-width:760px){
  .tenant-onboarding-side-note-ready{grid-template-columns:36px minmax(0,1fr);gap:11px;padding:16px}
  .tenant-onboarding-side-note-icon{width:36px;height:36px;border-radius:12px}
}

/* v3.6.33 — Tenant access lockscreen / tickets-only mode */
#tenantAccessBlocked.hidden{display:none!important}
body.tenant-ticket-only #tenantAccessBlocked:not(.hidden){
  position:relative;
  display:block!important;
  overflow:hidden;
  width:min(980px,calc(100% - 12px));
  margin:22px auto 0;
  padding:0!important;
  border:1px solid color-mix(in srgb,#ff7c91 30%,var(--mr-primary) 14%)!important;
  border-radius:24px!important;
  background:
    radial-gradient(440px 210px at 90% 10%,color-mix(in srgb,var(--mr-secondary) 9%,transparent),transparent 72%),
    radial-gradient(420px 220px at 8% 0%,rgba(255,107,129,.075),transparent 72%),
    linear-gradient(160deg,color-mix(in srgb,var(--mr-surface) 96%,black),color-mix(in srgb,var(--mr-bg) 98%,black))!important;
  box-shadow:0 24px 64px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025);
}
.tenant-access-screen-shell{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  min-height:0;
  padding:28px 30px;
}
.tenant-access-screen-shell::before{
  content:"";
  position:absolute;
  z-index:-1;
  right:-90px;
  bottom:-120px;
  width:300px;
  height:300px;
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--mr-primary) 10%,transparent),transparent 70%);
  pointer-events:none;
}
.tenant-access-screen-brand{display:flex;align-items:center;gap:12px;min-width:0}
.tenant-access-screen-logo{
  width:54px;
  height:54px;
  flex:0 0 54px;
  object-fit:contain;
  padding:9px;
  border-radius:16px;
  border:1px solid color-mix(in srgb,var(--mr-primary) 17%,transparent);
  background:color-mix(in srgb,var(--mr-surface-2) 70%,transparent);
  box-shadow:0 0 26px color-mix(in srgb,var(--mr-primary) 8%,transparent);
}
.tenant-access-screen-brand>div{display:grid;gap:4px;min-width:0}
.tenant-access-screen-kicker{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:4px 9px;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--mr-primary) 14%,transparent);
  background:color-mix(in srgb,var(--mr-bg) 74%,transparent);
  color:var(--mr-primary);
  font-size:8px;
  font-weight:900;
  letter-spacing:.13em;
}
#tenantAccessBlockedTopTitle{overflow:hidden;text-overflow:ellipsis;color:var(--mr-text);font-size:13px;font-weight:850;white-space:nowrap}
.tenant-access-screen-main{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;align-items:start}
.tenant-access-blocked-icon{
  display:grid!important;
  place-items:center;
  width:56px!important;
  height:56px!important;
  border-radius:17px!important;
  border:1px solid rgba(255,124,145,.34)!important;
  background:rgba(255,124,145,.07)!important;
  color:#ff9ba9!important;
  font-size:1.45rem!important;
  font-weight:900;
  box-shadow:0 0 24px rgba(255,124,145,.08);
}
.tenant-access-blocked-content{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:7px!important}
.tenant-access-blocked-content .panel-kicker{font-size:9px!important}
.tenant-access-blocked-content h2{
  margin:0!important;
  font-size:clamp(28px,3vw,40px)!important;
  line-height:1.05;
  letter-spacing:-.035em;
}
.tenant-access-blocked-content p{
  margin:1px 0 0!important;
  max-width:720px;
  color:var(--mr-text)!important;
  font-size:16px;
  line-height:1.5;
}
.tenant-access-blocked-content small{
  display:block;
  margin-top:0!important;
  max-width:780px;
  color:var(--mr-muted)!important;
  font-size:12px!important;
  line-height:1.6;
}
.tenant-access-screen-actions{
  display:grid;
  grid-template-columns:max-content minmax(0,1fr);
  gap:14px;
  align-items:center;
  padding-top:16px;
  border-top:1px solid color-mix(in srgb,var(--mr-primary) 10%,transparent);
}
.tenant-access-screen-actions button{
  min-height:44px!important;
  padding:0 16px!important;
  border-radius:13px!important;
  font-size:11px!important;
  white-space:nowrap;
}
.tenant-access-screen-actions span{max-width:650px;color:var(--mr-muted);font-size:11px;line-height:1.55}
body.tenant-ticket-only #publicHomePage,
body.tenant-ticket-only #tenantOnboardingEntry,
body.tenant-ticket-only #tenantBuyerWizard{display:none!important}
body.tenant-ticket-only #portalContent{display:block!important;margin-top:18px!important}
body.tenant-ticket-only .portal-navigation,
body.tenant-ticket-only #primaryTenantContextBar{display:none!important}
body.tenant-ticket-only .portal-main{width:min(1180px,100%)!important;max-width:1180px!important;margin:0 auto!important}
body.tenant-ticket-only #publicHomeNavBtn,
body.tenant-ticket-only #globalSearchWrap{display:none!important}
body.tenant-ticket-only .portal-main>.portal-view{display:none!important}
body.tenant-ticket-only .portal-main>#ticketsView:not(.hidden){display:block!important}
body.tenant-ticket-only #ticketsView{margin:18px 0 0!important}
@media(max-width:760px){
  body.tenant-ticket-only #tenantAccessBlocked:not(.hidden){width:100%;margin-top:14px;border-radius:18px!important}
  .tenant-access-screen-shell{padding:22px 18px;gap:16px}
  .tenant-access-screen-main{grid-template-columns:1fr;gap:12px}
  .tenant-access-blocked-icon{width:48px!important;height:48px!important;border-radius:14px!important}
  .tenant-access-blocked-content h2{font-size:29px!important}
  .tenant-access-blocked-content p{font-size:14px}
  .tenant-access-screen-actions{grid-template-columns:1fr;align-items:stretch}
  .tenant-access-screen-actions button{width:100%}
}

/* v3.6.33 — PRIMARY tenant permanent delete danger zone */
.tenant-delete-zone{
  width:100%;
  margin-top:10px;
  padding:12px 13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border:1px solid rgba(255,91,112,.20);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(255,72,98,.045),rgba(255,255,255,.012));
}
.tenant-delete-zone>div{display:grid;gap:3px;min-width:0}
.tenant-delete-zone span{color:#ff8fa0;font-size:8px;font-weight:950;letter-spacing:.14em}
.tenant-delete-zone strong{font-size:11px;color:#f8e9ec}
.tenant-delete-zone small{color:var(--mr-muted);font-size:9px;line-height:1.45}
.tenant-delete-zone .tenant-delete-btn{
  flex:none;
  min-height:34px!important;
  border-color:rgba(255,88,111,.42)!important;
  background:rgba(255,72,98,.10)!important;
  color:#ffb3bd!important;
}
.tenant-delete-zone .tenant-delete-btn:hover{background:rgba(255,72,98,.16)!important;border-color:rgba(255,88,111,.62)!important}
.tenant-delete-loading{min-height:220px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;padding:28px;border:1px dashed rgba(255,255,255,.09);border-radius:16px;color:var(--mr-muted)}
.tenant-delete-loading strong{color:var(--mr-text);font-size:18px}.tenant-delete-loading.is-error{border-color:rgba(255,91,112,.22)}.tenant-delete-loading.is-error strong{color:#ff9eaa}
.tenant-delete-dialog{display:grid;gap:15px}
.tenant-delete-warning{display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;align-items:flex-start;padding:16px;border:1px solid rgba(255,91,112,.26);border-radius:15px;background:linear-gradient(145deg,rgba(255,72,98,.075),rgba(255,255,255,.012))}
.tenant-delete-warning-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;border:1px solid rgba(255,91,112,.40);background:rgba(255,72,98,.08);color:#ffadb8;font-size:24px;font-weight:950;box-shadow:0 0 26px rgba(255,72,98,.08)}
.tenant-delete-warning>div:last-child{display:grid;gap:5px}.tenant-delete-warning span{color:#ff8fa0;font-size:8px;font-weight:950;letter-spacing:.14em}.tenant-delete-warning h4{margin:0;font-size:22px;letter-spacing:-.025em}.tenant-delete-warning p{margin:0;color:var(--mr-muted);font-size:11px;line-height:1.6}
.tenant-delete-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.tenant-delete-metrics>div{padding:10px;border:1px solid color-mix(in srgb,var(--mr-primary) 10%,var(--line));border-radius:11px;background:rgba(255,255,255,.015);display:grid;gap:4px}.tenant-delete-metrics span{color:var(--mr-muted);font-size:8px}.tenant-delete-metrics strong{font-size:16px}
.tenant-delete-auth-note{display:flex;align-items:flex-start;gap:8px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--mr-primary) 14%,transparent);border-radius:11px;background:color-mix(in srgb,var(--mr-primary) 4%,transparent);color:var(--mr-muted);font-size:10px;line-height:1.55}.tenant-delete-auth-note .inline-icon{width:15px;height:15px;flex:none;color:var(--mr-primary)}
.tenant-delete-dialog>label{display:grid;gap:7px;color:var(--mr-text);font-size:11px;font-weight:800}.tenant-delete-dialog>label code{display:inline-flex;width:max-content;padding:5px 8px;border-radius:7px;border:1px solid rgba(255,91,112,.20);background:rgba(255,72,98,.055);color:#ffabb6;font-size:10px;font-weight:850;letter-spacing:.04em}
.tenant-delete-dialog input[type="text"]{width:100%}
.tenant-delete-checkbox{display:flex!important;grid-template-columns:none!important;align-items:center;gap:9px!important;padding:11px 12px;border:1px solid rgba(255,91,112,.15);border-radius:10px;background:rgba(255,72,98,.025);cursor:pointer}.tenant-delete-checkbox input{width:17px;height:17px;flex:none}.tenant-delete-checkbox span{font-size:10px;color:var(--mr-muted)}
.tenant-delete-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-top:4px}.tenant-delete-actions #tenantPermanentDeleteSubmit{min-height:40px!important;background:rgba(255,72,98,.12)!important;border-color:rgba(255,91,112,.46)!important;color:#ffb1bb!important}.tenant-delete-actions #tenantPermanentDeleteSubmit:not(:disabled):hover{background:rgba(255,72,98,.20)!important}.tenant-delete-actions #tenantPermanentDeleteSubmit:disabled{opacity:.38;cursor:not-allowed}.tenant-delete-actions .muted{font-size:10px}
@media(max-width:900px){.tenant-delete-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.tenant-delete-zone{align-items:stretch;flex-direction:column}.tenant-delete-zone .tenant-delete-btn{width:100%}.tenant-delete-warning{grid-template-columns:1fr}.tenant-delete-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tenant-delete-actions{align-items:stretch}.tenant-delete-actions button{width:100%}}

/* v3.6.33 — Player masterdata create flow */
.player-masterdata-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.player-masterdata-toolbar-actions button{min-height:36px;padding:0 12px}
.player-editor-roster-note{margin:-2px 0 2px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--mr-primary) 12%,transparent);border-radius:10px;background:color-mix(in srgb,var(--mr-primary) 4%,transparent);color:var(--mr-muted);font-size:10px;line-height:1.55}
@media(max-width:820px){.player-masterdata-toolbar-actions{justify-content:flex-start}.player-masterdata-toolbar-actions{grid-column:1/-1}}
@media(max-width:560px){.player-masterdata-toolbar-actions{width:100%}.player-masterdata-toolbar-actions button{flex:1}.player-masterdata-toolbar-actions .counter-pill{flex:none}}

/* v3.6.33 — MR metrics are the only Rating/Swing source of truth */
.mr-metric-value{display:inline-flex;align-items:center;gap:.42rem;max-width:100%;font-variant-numeric:tabular-nums}
.mr-metric-value>strong{margin:0!important;color:inherit;font-size:inherit;font-weight:900}
.mr-metric-value.positive>strong{color:#78d9a4!important}.mr-metric-value.negative>strong{color:#ff8797!important}.mr-metric-value.neutral>strong{color:#8fa6ac!important}
.mr-model-mark{display:inline-flex;align-items:center;gap:.25rem;margin:0!important;color:#729ba3!important;font-size:.56rem!important;line-height:1!important}
.mr-model-mark .care-info{width:.82rem;height:.82rem}
.player-stats>div>.mr-metric-value{margin-top:.16rem;font-size:1.05rem}
.analytics-metric>.mr-metric-value{font-size:1.28rem}
.analytics-player-rank-metrics .mr-metric-value,.analytics-tracked-match .mr-metric-value{justify-content:flex-end;font-size:.72rem}
.table-wrap .mr-metric-value{font-size:.72rem}
.profile-axis .mr-metric-value{font-size:1rem}
.metric-context b .mr-metric-value{margin-left:.25rem}

/* --------------------------------------------------------------------------
   v3.6.33 · Public site routing / shorter landing page
   -------------------------------------------------------------------------- */
.public-route-hidden{display:none!important}
body.public-home-active .public-app-header-product{
  position:sticky!important;
  top:0;
  z-index:90;
}
body.public-home-active .public-site-nav-product a[aria-current="page"],
body.public-home-active .public-site-nav-product a.active{
  color:var(--mr-text)!important;
  background:rgba(var(--mr-primary-rgb),.075)!important;
  border-color:rgba(var(--mr-primary-rgb),.24)!important;
  box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--mr-primary) 74%,var(--mr-secondary) 26%);
}
body.public-home-active .public-site-nav-product a.hidden{display:none!important}
body.public-home-active[data-public-page="home"] .public-home-product{
  background:
    radial-gradient(circle at 82% 4%,rgba(var(--mr-secondary-rgb),.05),transparent 24rem),
    color-mix(in srgb,var(--mr-bg) 97%,#0b1624 3%);
}
body.public-home-active:not([data-public-page="home"]) .public-home-product{
  min-height:calc(100vh - 116px);
}
body.public-home-active:not([data-public-page="home"]) .public-section[data-public-route-section]{
  padding-top:76px;
  padding-bottom:76px;
}

.public-home-shop-teaser{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);
  gap:clamp(46px,6vw,88px);
  align-items:center;
  padding-top:clamp(64px,8vw,104px)!important;
  padding-bottom:clamp(64px,8vw,104px)!important;
  background:
    radial-gradient(620px 300px at 78% 48%,rgba(var(--mr-primary-rgb),.045),transparent 72%),
    linear-gradient(180deg,color-mix(in srgb,var(--mr-bg) 97%,var(--mr-surface) 3%),var(--mr-bg));
}
.public-home-shop-teaser-copy{max-width:620px}
.public-home-shop-teaser-copy h2{
  max-width:620px;
  margin:14px 0 18px;
  font-size:clamp(2.15rem,4vw,4rem);
  line-height:.98;
  letter-spacing:-.055em;
}
.public-home-shop-teaser-copy>p{
  max-width:590px;
  margin:0;
  color:var(--mr-muted);
  font-size:clamp(.92rem,1.15vw,1.04rem);
  line-height:1.75;
}
.public-home-shop-price-anchor{
  display:flex;
  align-items:baseline;
  gap:10px;
  margin-top:28px;
  color:var(--mr-text);
}
.public-home-shop-price-anchor>span{
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.15em;
  color:var(--mr-primary);
}
.public-home-shop-price-anchor>strong{
  font-size:clamp(1.45rem,2.5vw,2rem);
  letter-spacing:-.035em;
}
.public-home-shop-price-anchor>small{font-size:.78rem;color:var(--mr-muted)}
.public-home-shop-teaser-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.public-home-shop-teaser-actions button{min-height:46px;padding:0 22px}
.public-home-package-snapshot{
  border:1px solid color-mix(in srgb,var(--mr-primary) 16%,var(--line));
  border-radius:16px;
  overflow:hidden;
  background:color-mix(in srgb,var(--mr-surface) 46%,var(--mr-bg) 54%);
  box-shadow:0 26px 70px rgba(0,0,0,.16);
}
.public-home-package-snapshot-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:17px 20px;
  border-bottom:1px solid color-mix(in srgb,var(--line) 88%,transparent);
  background:color-mix(in srgb,var(--mr-surface2) 34%,transparent);
}
.public-home-package-snapshot-head>span{
  font-size:.63rem;
  font-weight:900;
  letter-spacing:.13em;
  color:var(--mr-primary);
}
.public-home-package-snapshot-head>small{font-size:.72rem;color:var(--mr-muted)}
.public-home-package-teaser-grid{display:flex;flex-direction:column}
.public-home-package-teaser-row{
  width:100%;
  min-height:74px;
  padding:14px 18px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto 24px;
  gap:18px;
  align-items:center;
  text-align:left;
  border:0!important;
  border-bottom:1px solid color-mix(in srgb,var(--line) 82%,transparent)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--mr-text)!important;
  box-shadow:none!important;
}
.public-home-package-teaser-row:last-child{border-bottom:0!important}
.public-home-package-teaser-row:hover{
  transform:none!important;
  background:rgba(var(--mr-primary-rgb),.055)!important;
}
.public-home-package-teaser-row.is-recommended{
  background:linear-gradient(90deg,rgba(var(--mr-primary-rgb),.065),transparent 68%)!important;
}
.public-home-package-row-name{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}
.public-home-package-row-name>small{
  flex-basis:100%;
  font-size:.56rem;
  font-weight:900;
  letter-spacing:.13em;
  color:color-mix(in srgb,var(--mr-primary) 74%,var(--mr-muted) 26%);
}
.public-home-package-row-name>strong{font-size:.95rem;letter-spacing:-.012em}
.public-home-package-row-badge{
  padding:3px 7px;
  border:1px solid rgba(var(--mr-primary-rgb),.25);
  border-radius:999px;
  background:rgba(var(--mr-primary-rgb),.08);
  color:var(--mr-primary);
  font-size:.5rem;
  font-weight:900;
  letter-spacing:.08em;
}
.public-home-package-row-price{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap}
.public-home-package-row-price>b{font-size:1rem;letter-spacing:-.02em}
.public-home-package-row-price>small{font-size:.62rem;color:var(--mr-muted)}
.public-home-package-row-arrow{font-size:1rem;color:var(--mr-muted);transition:transform .18s ease,color .18s ease}
.public-home-package-teaser-row:hover .public-home-package-row-arrow{transform:translateX(3px);color:var(--mr-primary)}

/* Full public sub-pages deliberately read as pages, not endless home sections. */
body.public-home-active[data-public-page="features"] #publicFeatures,
body.public-home-active[data-public-page="features"] #publicDesign,
body.public-home-active[data-public-page="shop"] #publicShop,
body.public-home-active[data-public-page="partners"] #publicPartners,
body.public-home-active[data-public-page="partnership"] #publicPartnership,
body.public-home-active[data-public-page="beta"] #publicBeta{
  animation:publicRouteIn .22s ease-out both;
}
@keyframes publicRouteIn{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}

@media (max-width:1050px){
  .public-home-shop-teaser{grid-template-columns:1fr;gap:34px}
  .public-home-shop-teaser-copy{max-width:760px}
  .public-home-package-snapshot{max-width:820px;width:100%}
}
@media (max-width:620px){
  .public-home-shop-teaser{padding-top:54px!important;padding-bottom:54px!important}
  .public-home-shop-teaser-copy h2{font-size:clamp(2rem,10vw,3rem)}
  .public-home-shop-price-anchor{flex-wrap:wrap}
  .public-home-shop-teaser-actions{flex-direction:column;align-items:stretch}
  .public-home-shop-teaser-actions button{width:100%}
  .public-home-package-snapshot-head{align-items:flex-start;flex-direction:column;gap:4px}
  .public-home-package-teaser-row{grid-template-columns:minmax(0,1fr) auto 18px;gap:10px;padding:13px 14px}
  .public-home-package-row-badge{display:none}
}

/* ========================================================================== 
   MIDROUND v3.6.33 · PACKAGE RECOMMENDATION CONSISTENCY + HOME PRICE COLORS
   One recommendation source, one compact badge style, darker landing teaser.
   ========================================================================== */
.public-home-package-snapshot{
  background:
    linear-gradient(180deg,
      color-mix(in srgb,var(--mr-bg) 94%,#071116 6%),
      color-mix(in srgb,var(--mr-bg) 88%,var(--mr-surface) 12%)
    )!important;
  border-color:color-mix(in srgb,var(--mr-primary) 17%,var(--line))!important;
  box-shadow:0 24px 62px rgba(0,0,0,.22)!important;
}
.public-home-package-snapshot-head{
  background:color-mix(in srgb,var(--mr-surface2) 16%,var(--mr-bg) 84%)!important;
  border-bottom-color:color-mix(in srgb,var(--mr-primary) 10%,var(--line))!important;
}
.public-home-package-teaser-row{
  background:color-mix(in srgb,var(--mr-surface) 8%,transparent)!important;
}
.public-home-package-teaser-row:nth-child(even){
  background:color-mix(in srgb,var(--mr-surface2) 7%,transparent)!important;
}
.public-home-package-teaser-row:hover{
  background:linear-gradient(90deg,rgba(var(--mr-primary-rgb),.055),rgba(var(--mr-primary-rgb),.015) 58%,transparent)!important;
}
.public-home-package-teaser-row.is-recommended{
  background:linear-gradient(90deg,rgba(var(--mr-primary-rgb),.09),rgba(var(--mr-primary-rgb),.022) 58%,transparent)!important;
  box-shadow:inset 3px 0 0 color-mix(in srgb,var(--mr-primary) 82%,#fff 18%)!important;
}
.public-home-package-row-badge,
.public-package-card.is-recommended .public-shop-plan-badge{
  min-height:auto!important;
  padding:3px 7px!important;
  border:1px solid rgba(var(--mr-primary-rgb),.28)!important;
  border-radius:999px!important;
  background:rgba(var(--mr-primary-rgb),.085)!important;
  color:color-mix(in srgb,var(--mr-primary) 88%,#fff 12%)!important;
  font-size:.5rem!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  line-height:1.15!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
.public-package-card.is-recommended .public-package-badges{
  padding-top:0!important;
}
.public-package-card.is-recommended{
  border-color:color-mix(in srgb,var(--mr-primary) 32%,var(--line))!important;
  box-shadow:0 18px 50px rgba(0,0,0,.16),0 0 0 1px rgba(var(--mr-primary-rgb),.045)!important;
}

/* ========================================================================== 
   MIDROUND v3.6.34 · PUBLIC PACKAGE GLASS POLISH
   Softer transparent/glass background for the home package teaser.
   ========================================================================== */
.public-home-package-snapshot{
  position:relative;
  isolation:isolate;
  background:
    linear-gradient(180deg, rgba(8,15,24,.62) 0%, rgba(8,14,22,.48) 100%) !important;
  border:1px solid rgba(109,208,255,.14) !important;
  box-shadow:
    0 24px 70px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.035) !important;
  backdrop-filter: blur(18px) saturate(132%);
  -webkit-backdrop-filter: blur(18px) saturate(132%);
}
.public-home-package-snapshot::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(580px 220px at 15% 0%, rgba(var(--mr-primary-rgb),.08), transparent 58%),
    radial-gradient(420px 180px at 100% 100%, rgba(141,92,255,.09), transparent 55%),
    linear-gradient(135deg, rgba(255,255,255,.015), transparent 34%);
  pointer-events:none;
}
.public-home-package-snapshot-head{
  background:rgba(255,255,255,.018) !important;
  border-bottom:1px solid rgba(255,255,255,.05) !important;
}
.public-home-package-snapshot-head>small{
  color:color-mix(in srgb,var(--mr-muted) 88%,#d7eefb 12%) !important;
}
.public-home-package-teaser-grid{
  padding:8px;
  gap:8px;
}
.public-home-package-teaser-row{
  min-height:72px;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.045) !important;
  border-bottom:1px solid rgba(255,255,255,.045) !important;
  border-radius:12px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.016)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02) !important;
}
.public-home-package-teaser-row:nth-child(even){
  background:
    linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.012)) !important;
}
.public-home-package-teaser-row:last-child{
  border-bottom:1px solid rgba(255,255,255,.045) !important;
}
.public-home-package-teaser-row:hover{
  background:
    linear-gradient(90deg, rgba(var(--mr-primary-rgb),.08), rgba(255,255,255,.03) 48%, rgba(255,255,255,.012) 100%) !important;
  border-color:rgba(109,208,255,.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 10px 26px rgba(0,0,0,.12) !important;
}
.public-home-package-teaser-row.is-recommended{
  background:
    linear-gradient(90deg, rgba(var(--mr-primary-rgb),.11), rgba(255,255,255,.032) 48%, rgba(255,255,255,.014) 100%) !important;
  border-color:rgba(109,208,255,.2) !important;
  box-shadow:
    inset 3px 0 0 color-mix(in srgb,var(--mr-primary) 88%,#fff 12%),
    inset 0 1px 0 rgba(255,255,255,.03) !important;
}
.public-home-package-row-name>small{
  color:color-mix(in srgb,var(--mr-primary) 70%,#b9d6e4 30%) !important;
}
.public-home-package-row-badge{
  background:rgba(var(--mr-primary-rgb),.09) !important;
  border-color:rgba(var(--mr-primary-rgb),.24) !important;
}
.public-home-package-row-price>small,
.public-home-package-row-arrow{
  color:color-mix(in srgb,var(--mr-muted) 82%,#d6edf9 18%) !important;
}
@media (max-width:620px){
  .public-home-package-teaser-grid{padding:6px;gap:6px}
  .public-home-package-teaser-row{padding:13px 14px;border-radius:10px !important}
}


/* ========================================================================== 
   MIDROUND v3.6.45 · CUSTOMER HOME V3
   Matchday-first, role-aware team command center.
   ========================================================================== */
#homeView.home-v3{display:grid;gap:18px;padding-bottom:24px}
#homeView.home-v3.hidden{display:none!important}
#homeView .home-v3-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:20px;padding:clamp(24px,3vw,40px);border:1px solid color-mix(in srgb,var(--mr-primary) 18%,var(--line));border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--mr-primary) 6%,var(--mr-surface)),color-mix(in srgb,var(--mr-secondary) 5%,var(--mr-bg)));box-shadow:0 24px 70px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)}
#homeView .home-v3-hero:before{content:"";position:absolute;inset:-45% -12% auto auto;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(var(--mr-primary-rgb),.09),transparent 67%);pointer-events:none}
#homeView .home-v3-hero-copy,#homeView .home-v3-focus-card{position:relative;z-index:1}
#homeView .home-v3-live-meta{display:flex;align-items:center;gap:8px;color:var(--mr-muted);font-size:9px;font-weight:900;letter-spacing:.105em}
#homeView .home-v3-live-meta b{margin-left:4px;color:color-mix(in srgb,var(--mr-text) 72%,var(--mr-muted));font-size:9px;font-weight:750;letter-spacing:0}
#homeView .home-v3-live-dot{width:7px;height:7px;border-radius:50%;background:#58dfa2;box-shadow:0 0 0 5px rgba(88,223,162,.08),0 0 16px rgba(88,223,162,.38)}
#homeView .home-v3-team-line{display:flex;align-items:center;gap:16px;margin-top:28px}
#homeView .home-v3-team-mark{width:68px;height:68px;display:grid;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--mr-primary) 18%,var(--line));border-radius:19px;background:rgba(255,255,255,.025)}
#homeView .home-v3-team-mark img{width:100%;height:100%;object-fit:contain;padding:8px}
#homeView .home-v3-team-name{display:block;margin-bottom:4px;color:var(--mr-primary);font-size:9px;font-weight:900;letter-spacing:.14em}
#homeView .home-v3-team-line h2{margin:0;font-size:clamp(30px,4vw,50px);line-height:.98;letter-spacing:-.045em}
#homeView .home-v3-hero-subtitle{max-width:720px;margin:18px 0 0;color:var(--mr-muted);font-size:12px;line-height:1.65}
#homeView .home-v3-quick-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:26px}
#homeView .home-v3-quick-actions button{min-width:0;display:flex;align-items:center;gap:9px;padding:10px 11px;text-align:left;border:1px solid color-mix(in srgb,var(--mr-primary) 12%,var(--line));border-radius:12px;background:rgba(255,255,255,.018);color:var(--mr-text);box-shadow:none}
#homeView .home-v3-quick-actions button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--mr-primary) 30%,var(--line));background:rgba(var(--mr-primary-rgb),.045)}
#homeView .home-v3-quick-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:rgba(var(--mr-primary-rgb),.07);color:var(--mr-primary)}
#homeView .home-v3-quick-icon .ui-icon{width:15px;height:15px}
#homeView .home-v3-quick-actions button>span:last-child{min-width:0;display:grid;gap:2px}
#homeView .home-v3-quick-actions strong{font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#homeView .home-v3-quick-actions small{font-size:7.5px;color:var(--mr-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#homeView .home-v3-focus-card{display:flex;flex-direction:column;min-height:100%;padding:20px;border:1px solid color-mix(in srgb,var(--mr-primary) 15%,var(--line));border-radius:20px;background:linear-gradient(180deg,rgba(7,15,22,.62),rgba(6,12,18,.46));box-shadow:inset 0 1px 0 rgba(255,255,255,.025);backdrop-filter:blur(14px)}
#homeView .home-v3-focus-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
#homeView .home-v3-focus-head>div{display:grid;gap:3px}#homeView .home-v3-focus-head span{font-size:8px;font-weight:900;letter-spacing:.13em;color:var(--mr-primary)}#homeView .home-v3-focus-head strong{font-size:14px}
#homeView .home-v3-focus-state{padding:5px 8px;border:1px solid color-mix(in srgb,var(--mr-primary) 25%,var(--line));border-radius:999px;background:rgba(var(--mr-primary-rgb),.06);color:var(--mr-primary);font-size:7px;letter-spacing:.09em}
#homeView .home-v3-focus-state.warning{color:#f8c86b;border-color:rgba(248,200,107,.24);background:rgba(248,200,107,.06)}#homeView .home-v3-focus-state.danger{color:#ff8b9b;border-color:rgba(255,139,155,.25);background:rgba(255,139,155,.06)}#homeView .home-v3-focus-state.positive{color:#62e0a7;border-color:rgba(98,224,167,.24);background:rgba(98,224,167,.06)}
#homeView .home-v3-focus-match{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0;padding:15px;border:1px solid rgba(255,255,255,.045);border-radius:15px;background:rgba(255,255,255,.018)}
#homeView .home-v3-focus-opponent{display:flex;align-items:center;gap:12px;min-width:0}#homeView .home-v3-focus-opponent>div:last-child{display:grid;gap:3px;min-width:0}#homeView .home-v3-focus-opponent span{font-size:7px;font-weight:900;letter-spacing:.12em;color:var(--mr-muted)}#homeView .home-v3-focus-opponent strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#homeView .home-v3-focus-opponent small{font-size:8px;color:var(--mr-muted)}
#homeView .home-v3-focus-countdown{flex:0 0 auto;color:var(--mr-primary);font-size:9px;text-align:right}
#homeView .home-v3-focus-empty{display:grid;gap:4px}#homeView .home-v3-focus-empty strong{font-size:13px}#homeView .home-v3-focus-empty small{font-size:8.5px;color:var(--mr-muted)}
#homeView .home-v3-focus-signals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#homeView .home-v3-focus-signals article{min-width:0;padding:11px;border:1px solid rgba(255,255,255,.045);border-radius:12px;background:rgba(255,255,255,.015)}#homeView .home-v3-focus-signals span{display:block;font-size:7px;font-weight:900;letter-spacing:.1em;color:var(--mr-muted)}#homeView .home-v3-focus-signals strong{display:block;margin-top:5px;font-size:18px;letter-spacing:-.03em}#homeView .home-v3-focus-signals small{display:block;margin-top:3px;font-size:7.5px;color:var(--mr-muted)}
#homeView .home-v3-focus-cta{margin-top:auto;min-height:42px;border-radius:12px;background:linear-gradient(90deg,color-mix(in srgb,var(--mr-primary) 75%,#fff 25%),color-mix(in srgb,var(--mr-secondary) 68%,var(--mr-primary) 32%));color:#061016;font-size:9px;font-weight:900}
#homeView .home-v3-kpi-ribbon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--mr-surface) 62%,var(--mr-bg))}
#homeView .home-v3-kpi-ribbon article{min-width:0;padding:16px 18px;border-right:1px solid var(--line)}#homeView .home-v3-kpi-ribbon article:last-child{border-right:0}#homeView .home-v3-kpi-ribbon span{display:block;font-size:7px;font-weight:900;letter-spacing:.11em;color:var(--mr-muted)}#homeView .home-v3-kpi-ribbon strong{display:block;margin-top:6px;font-size:23px;letter-spacing:-.035em}#homeView .home-v3-kpi-ribbon small{display:block;margin-top:3px;font-size:8px;color:var(--mr-muted)}#homeView .home-v3-kpi-ribbon strong.positive{color:#62e0a7}#homeView .home-v3-kpi-ribbon strong.negative{color:#ff8b9b}#homeView .home-v3-trend.positive{color:#62e0a7}#homeView .home-v3-trend.negative{color:#ff8b9b}
#homeView .home-v3-section-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;padding:4px 2px 0}#homeView .home-v3-section-heading>div>span,#homeView .home-v3-panel-head>div>span{font-size:7.5px;font-weight:900;letter-spacing:.13em;color:var(--mr-primary)}#homeView .home-v3-section-heading h3,#homeView .home-v3-panel-head h3{margin:4px 0 0;font-size:18px;letter-spacing:-.025em}#homeView .home-v3-section-heading p,#homeView .home-v3-panel-head p{margin:4px 0 0;font-size:9px;color:var(--mr-muted)}
#homeView .home-v3-link-btn{min-height:35px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--mr-muted);font-size:8px}#homeView .home-v3-link-btn:hover{color:var(--mr-text);border-color:color-mix(in srgb,var(--mr-primary) 25%,var(--line))}
#homeView .home-v3-next-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.75fr);gap:12px;margin-top:12px}
#homeView .home-v3-next-match-card,#homeView .home-v3-next-card,#homeView .home-v3-panel{border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--mr-surface) 68%,var(--mr-bg));box-shadow:0 18px 50px rgba(0,0,0,.12)}
#homeView .home-v3-next-match-card{padding:18px;min-height:255px;display:flex;flex-direction:column}#homeView .home-v3-next-card{padding:14px;min-height:0}
#homeView .home-v3-next-stack{display:grid;grid-template-rows:repeat(3,1fr);gap:8px}
#homeView .home-v3-next-label{display:flex;align-items:center;gap:10px;margin-bottom:13px}#homeView .home-v3-icon-ring{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(var(--mr-primary-rgb),.06);color:var(--mr-primary)}#homeView .home-v3-icon-ring .ui-icon{width:15px;height:15px}#homeView .home-v3-next-label small{display:block;font-size:7px;font-weight:900;letter-spacing:.11em;color:var(--mr-muted)}#homeView .home-v3-next-label strong{display:block;margin-top:2px;font-size:10px}
#homeView .home-v3-event{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;color:var(--mr-text)}#homeView .home-v3-next-match-card .home-v3-event{flex:1;align-content:center}#homeView .home-v3-event>strong{font-size:14px}#homeView .home-v3-event>span{font-size:9px;color:var(--mr-muted)}
#homeView .home-v3-match-readiness{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}#homeView .home-v3-match-readiness>span{display:grid;gap:2px;padding:9px;border:1px solid rgba(255,255,255,.04);border-radius:10px;background:rgba(255,255,255,.014)}#homeView .home-v3-match-readiness b{font-size:10px}#homeView .home-v3-match-readiness small{font-size:7px;color:var(--mr-muted)}#homeView .home-v3-match-readiness .ready b{color:#62e0a7}#homeView .home-v3-match-readiness .pending b{color:#f8c86b}
#homeView .home-v3-work-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:12px}#homeView .home-v3-panel{padding:18px}#homeView .home-v3-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}#homeView .home-v3-panel-head.compact{align-items:center}#homeView .home-v3-panel-badge,#homeView .home-v3-counter{padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:var(--mr-muted);font-size:7px;font-weight:800}
#homeView .home-v3-team-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:15px}#homeView .home-v3-team-summary>span{display:grid;gap:2px;padding:10px;border:1px solid rgba(255,255,255,.045);border-radius:11px;background:rgba(255,255,255,.014)}#homeView .home-v3-team-summary b{font-size:15px}#homeView .home-v3-team-summary small{font-size:7px;color:var(--mr-muted)}
#homeView .home-v3-data-basis{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;align-items:center;margin:10px 0 14px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--mr-primary) 11%,var(--line));border-radius:12px;background:rgba(var(--mr-primary-rgb),.025)}#homeView .home-v3-data-basis>span{grid-row:1/3;font-size:7px;font-weight:900;letter-spacing:.1em;color:var(--mr-primary)}#homeView .home-v3-data-basis strong{font-size:10px}#homeView .home-v3-data-basis small{font-size:7.5px;color:var(--mr-muted)}
#homeView .home-v3-lower-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}#homeView .home-v3-list-panel{min-width:0}#homeView .home-v3-list-panel .compact-list{margin-top:12px}
#homeView .home-action-summary{gap:7px;margin:15px 0 11px}#homeView .home-action-summary-chip{min-height:31px;padding:6px 9px}#homeView .home-action-summary-chip b{font-size:12px}#homeView .home-action-summary-chip small{font-size:8px}#homeView .home-action-list{gap:8px}#homeView .home-action-item{grid-template-columns:42px minmax(0,1fr) auto 18px;gap:11px;padding:12px 13px!important;border-radius:13px!important}#homeView .home-action-icon{width:42px;height:42px}#homeView .home-action-copy strong{font-size:11px!important}#homeView .home-action-copy small{font-size:9px!important;line-height:1.4}#homeView .home-action-item>b{font-size:7.5px!important}#homeView .home-action-issues i{font-size:8px!important}#homeView .home-action-toggle{height:38px!important;font-size:9px!important;border-radius:11px!important}
#homeView .home-situation-section{margin-top:13px}#homeView .home-situation-section-head h4{font-size:9px!important}#homeView button.home-situation-item{grid-template-columns:32px minmax(0,1fr) auto 14px!important;min-height:58px!important;padding:9px 10px!important;border-radius:12px!important}#homeView .home-situation-copy>strong,#homeView .home-candidate-title strong{font-size:10px!important}#homeView .home-situation-copy>small{font-size:8px!important}#homeView .home-situation-copy>em{font-size:8.5px!important}#homeView button.home-situation-link{font-size:8px!important}
@media(max-width:1180px){#homeView .home-v3-hero{grid-template-columns:1fr}#homeView .home-v3-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}#homeView .home-v3-next-layout{grid-template-columns:1fr}#homeView .home-v3-next-stack{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none}#homeView .home-v3-work-grid{grid-template-columns:1fr}#homeView .home-v3-lower-grid{grid-template-columns:1fr 1fr}#homeView .home-v3-lower-grid .home-review-card{grid-column:1/-1}}
@media(max-width:760px){#homeView .home-v3-hero{padding:20px 16px;border-radius:18px}#homeView .home-v3-team-mark{width:56px;height:56px;border-radius:15px}#homeView .home-v3-team-line h2{font-size:30px}#homeView .home-v3-quick-actions{grid-template-columns:1fr 1fr}#homeView .home-v3-kpi-ribbon{grid-template-columns:1fr 1fr}#homeView .home-v3-kpi-ribbon article:nth-child(2){border-right:0}#homeView .home-v3-kpi-ribbon article:nth-child(-n+2){border-bottom:1px solid var(--line)}#homeView .home-v3-focus-signals{grid-template-columns:1fr 1fr 1fr}#homeView .home-v3-next-stack{grid-template-columns:1fr}#homeView .home-v3-match-readiness{grid-template-columns:1fr 1fr}#homeView .home-v3-section-heading{align-items:flex-start;flex-direction:column}#homeView .home-v3-lower-grid{grid-template-columns:1fr}#homeView .home-v3-lower-grid .home-review-card{grid-column:auto}}
@media(max-width:480px){#homeView .home-v3-focus-signals{grid-template-columns:1fr}#homeView .home-v3-quick-actions{grid-template-columns:1fr}#homeView .home-v3-kpi-ribbon{grid-template-columns:1fr}#homeView .home-v3-kpi-ribbon article{border-right:0;border-bottom:1px solid var(--line)}#homeView .home-v3-kpi-ribbon article:last-child{border-bottom:0}#homeView .home-v3-kpi-ribbon article:nth-child(2){border-right:0}#homeView .home-v3-next-match-card,#homeView .home-v3-panel{padding:14px}}


/* MIDROUND v3.6.45 · Home Matchday CS2 UI polish */
#homeView .home-v3-next-section{position:relative}
#homeView .home-v3-next-section .home-v3-section-heading{padding:6px 2px 2px}
#homeView .home-v3-next-section .home-v3-section-heading>div>span{display:none}
#homeView .home-v3-next-section .home-v3-section-heading h3{font-size:clamp(20px,2.2vw,30px);line-height:1.08;letter-spacing:-.04em}
#homeView .home-v3-next-section .home-v3-section-heading p{max-width:760px;margin-top:7px;font-size:10px;line-height:1.55}
#homeView .home-v3-next-section .home-v3-link-btn{align-self:center;min-height:38px;padding:0 14px;border-radius:12px;background:rgba(255,255,255,.012);font-size:8px}
#homeView .home-v3-next-layout{grid-template-columns:minmax(0,1.95fr) minmax(300px,.62fr);gap:14px;margin-top:15px}

#homeView .home-v3-next-match-card.home-v3-matchday-showcase{position:relative;isolation:isolate;overflow:hidden;min-height:430px;padding:0;border:1px solid color-mix(in srgb,var(--mr-primary) 31%,var(--line));border-radius:24px;background:linear-gradient(135deg,#071014 0%,#071115 56%,#0a171b 100%);box-shadow:0 22px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025)}
#homeView .home-v3-matchday-showcase::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 72% 34%,rgba(var(--mr-primary-rgb),.095),transparent 34%),linear-gradient(90deg,rgba(5,13,16,.995) 0%,rgba(5,13,16,.985) 34%,rgba(5,13,16,.76) 46%,rgba(5,13,16,.27) 58%,rgba(5,13,16,.055) 72%,rgba(5,13,16,.02) 100%);pointer-events:none}
#homeView .home-v3-matchday-showcase::after{content:"";position:absolute;z-index:4;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--mr-primary),transparent);opacity:.55;pointer-events:none}
#homeView .home-v3-matchday-art{position:absolute;z-index:-2;top:0;right:0;width:64%;height:calc(100% - 105px);background-image:url('assets/marketing/matchday-cs2-ct-vs-t-clean-h11.webp');background-position:center center;background-size:cover;filter:saturate(.88) contrast(1.05) brightness(.78);opacity:.9;pointer-events:none}
#homeView .home-v3-matchday-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071014 0%,rgba(7,16,20,.995) 20%,rgba(7,16,20,.66) 28%,rgba(7,16,20,.20) 40%,rgba(7,16,20,.04) 54%,transparent 69%);pointer-events:none}
#homeView .home-v3-matchday-content{position:relative;z-index:2;display:flex;flex-direction:column;min-height:325px;padding:32px 34px 22px}
#homeView .home-v3-matchday-label{margin:0 0 6px;gap:16px}
#homeView .home-v3-matchday-label .home-v3-icon-ring{width:54px;height:54px;border-radius:50%;border:1px solid color-mix(in srgb,var(--mr-primary) 42%,transparent);background:radial-gradient(circle,rgba(var(--mr-primary-rgb),.09),rgba(6,16,19,.58));box-shadow:0 0 28px rgba(var(--mr-primary-rgb),.08)}
#homeView .home-v3-matchday-label .home-v3-icon-ring .ui-icon{width:22px;height:22px}
#homeView .home-v3-matchday-label small{font-size:9px;letter-spacing:.18em;color:var(--mr-primary)}
#homeView .home-v3-matchday-label strong{margin-top:4px;font-size:24px;line-height:1;letter-spacing:-.03em}
#homeView .home-v3-matchday-kicker{display:flex;align-items:center;gap:14px;margin:5px 0 0 70px;color:#8da2a8;font-size:8px;font-weight:900;letter-spacing:.24em}

#homeView .home-v3-matchday-event{position:relative;z-index:2;display:block!important;flex:1;margin:0!important;padding:0!important}
#homeView .home-v3-matchday-main{display:flex;align-items:center;gap:28px;min-width:0;margin-top:38px}
#homeView .home-v3-matchday-teams{display:flex;align-items:center;gap:16px;flex:0 0 auto}
#homeView .home-v3-matchday-logo{display:grid;place-items:center;width:94px;height:94px;border:1px solid color-mix(in srgb,var(--mr-primary) 34%,rgba(255,255,255,.08));border-radius:22px;background:linear-gradient(145deg,rgba(13,30,35,.92),rgba(7,16,20,.88));box-shadow:0 14px 38px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035);overflow:hidden}
#homeView .home-v3-matchday-logo.opponent{border-color:rgba(139,187,199,.22)}
#homeView .home-v3-matchday-logo .team-logo-xl{width:90px;height:90px;border:0;border-radius:18px;background:transparent;box-shadow:none}
#homeView .home-v3-matchday-logo .team-logo .media-image{padding:0;background:transparent;transform:scale(1.06);transform-origin:center;will-change:transform}
#homeView .home-v3-matchday-vs{position:relative;min-width:42px;color:#e7eef0;font-size:16px;font-weight:950;letter-spacing:.16em;text-align:center}
#homeView .home-v3-matchday-vs::before,#homeView .home-v3-matchday-vs::after{content:"";position:absolute;top:50%;width:24px;height:1px;background:rgba(153,190,199,.22)}
#homeView .home-v3-matchday-vs::before{right:100%;margin-right:8px}#homeView .home-v3-matchday-vs::after{left:100%;margin-left:8px}
#homeView .home-v3-matchday-copy{display:grid;gap:8px;min-width:0;max-width:430px;text-shadow:0 2px 18px rgba(0,0,0,.75)}
#homeView .home-v3-matchday-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(26px,2.3vw,40px)!important;line-height:1.02;letter-spacing:-.045em;color:#f2f7f8}
#homeView .home-v3-matchday-copy span{font-size:13px!important;color:#9db0b5!important}
#homeView .home-v3-matchday-schedule{display:flex;align-items:center;gap:14px;max-width:760px;margin-top:31px}
#homeView .home-v3-matchday-schedule .match-schedule-badge{flex:0 0 auto;padding:7px 12px;border-radius:9px;font-size:8px;font-weight:950;letter-spacing:.04em;box-shadow:0 0 18px rgba(98,224,167,.05)}
#homeView .home-v3-matchday-schedule>i{width:1px;height:25px;background:rgba(182,209,216,.18)}
#homeView .home-v3-matchday-schedule .dashboard-schedule-note{margin:0!important;color:#e2bd65!important;font-size:9px!important;font-style:normal!important;line-height:1.45;text-shadow:0 2px 18px rgba(0,0,0,.8)}

#homeView .home-v3-match-readiness.home-v3-matchday-readiness{position:relative;z-index:3;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:16px 22px 20px;border-top:1px solid rgba(122,177,188,.11);background:linear-gradient(180deg,rgba(8,20,24,.8),rgba(6,15,18,.96));backdrop-filter:blur(8px)}
#homeView .home-v3-matchday-readiness>.home-v3-readiness-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;min-height:76px;padding:12px 14px;border:1px solid rgba(142,195,206,.12);border-radius:16px;background:linear-gradient(145deg,rgba(14,30,35,.7),rgba(7,17,20,.84));box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
#homeView .home-v3-matchday-readiness>.home-v3-readiness-card:hover{border-color:color-mix(in srgb,var(--mr-primary) 28%,rgba(142,195,206,.12));background:linear-gradient(145deg,rgba(17,37,42,.78),rgba(7,17,20,.9))}
#homeView .home-v3-readiness-copy{display:grid;gap:4px;min-width:0}
#homeView .home-v3-readiness-copy b{font-size:12px!important;line-height:1.05;color:#eaf1f2}
#homeView .home-v3-readiness-copy small{font-size:6.8px!important;font-weight:800;letter-spacing:.12em;color:#7d969d!important;text-transform:uppercase}
#homeView .home-v3-readiness-value{min-width:48px;font-size:23px;font-weight:950;letter-spacing:-.04em;color:#f2f7f8}
#homeView .home-v3-readiness-icon{display:grid;place-items:center;width:30px;height:30px;color:#55747c;opacity:.72}
#homeView .home-v3-readiness-icon .ui-icon{width:20px;height:20px}
#homeView .home-v3-readiness-ring{--mr-prep:0;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:conic-gradient(var(--mr-primary) calc(var(--mr-prep)*1%),rgba(78,118,127,.25) 0);box-shadow:0 0 22px rgba(var(--mr-primary-rgb),.08)}
#homeView .home-v3-readiness-ring::before{content:"";grid-area:1/1;width:42px;height:42px;border-radius:50%;background:#09171b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
#homeView .home-v3-readiness-ring b{z-index:1;grid-area:1/1;font-size:13px!important;color:#f4f7f8}
#homeView .home-v3-readiness-status-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(98,224,167,.34);border-radius:50%;background:radial-gradient(circle,rgba(98,224,167,.12),rgba(9,24,22,.62));color:#62e0a7;font-size:24px;font-weight:500;box-shadow:0 0 24px rgba(98,224,167,.09)}
#homeView .home-v3-readiness-card.ready .home-v3-readiness-copy b{color:#62e0a7!important}
#homeView .home-v3-readiness-card.pending .home-v3-readiness-status-icon{border-color:rgba(248,200,107,.3);background:rgba(248,200,107,.06);color:#f8c86b}
#homeView .home-v3-readiness-card.pending .home-v3-readiness-copy b{color:#f8c86b!important}
#homeView .home-v3-readiness-limited{grid-column:1/-1!important}
#homeView .home-v3-matchday-empty{display:grid;align-content:center;min-height:160px;margin-top:18px;padding:24px;border:1px dashed rgba(132,183,194,.14);border-radius:18px;background:rgba(5,13,16,.32)}
#homeView .home-v3-matchday-empty strong{font-size:18px!important}#homeView .home-v3-matchday-empty span{font-size:10px!important}

@media(max-width:1380px){
  #homeView .home-v3-next-layout{grid-template-columns:minmax(0,1.7fr) minmax(285px,.7fr)}
  #homeView .home-v3-next-match-card.home-v3-matchday-showcase{min-height:410px}
  #homeView .home-v3-matchday-content{min-height:305px;padding:28px 28px 20px}
  #homeView .home-v3-matchday-main{gap:22px;margin-top:32px}
  #homeView .home-v3-matchday-logo{width:82px;height:82px;border-radius:19px}
  #homeView .home-v3-matchday-logo .team-logo-xl{width:78px;height:78px}
  #homeView .home-v3-matchday-copy strong{font-size:clamp(24px,2.2vw,34px)!important}
  #homeView .home-v3-matchday-art{width:60%}
}
@media(max-width:1180px){
  #homeView .home-v3-next-layout{grid-template-columns:1fr}
  #homeView .home-v3-next-match-card.home-v3-matchday-showcase{min-height:420px}
  #homeView .home-v3-matchday-art{width:62%;height:calc(100% - 106px)}
  #homeView .home-v3-next-stack{margin-top:0}
}
@media(max-width:820px){
  #homeView .home-v3-next-section .home-v3-section-heading{align-items:flex-start}
  #homeView .home-v3-next-section .home-v3-link-btn{display:none}
  #homeView .home-v3-next-match-card.home-v3-matchday-showcase{min-height:0;border-radius:20px}
  #homeView .home-v3-matchday-content{min-height:320px;padding:24px 20px 18px}
  #homeView .home-v3-matchday-art{width:100%;height:320px;opacity:.54;background-position:55% center}
  #homeView .home-v3-matchday-showcase::before{background:linear-gradient(90deg,rgba(5,13,16,.99) 0%,rgba(5,13,16,.94) 50%,rgba(5,13,16,.44) 100%),linear-gradient(0deg,rgba(5,13,16,.66),transparent 60%)}
  #homeView .home-v3-matchday-kicker{margin-left:0}
  #homeView .home-v3-matchday-main{align-items:flex-start;flex-direction:column;gap:16px;margin-top:28px}
  #homeView .home-v3-matchday-teams{gap:11px}
  #homeView .home-v3-matchday-logo{width:72px;height:72px;border-radius:17px}
  #homeView .home-v3-matchday-logo .team-logo-xl{width:68px;height:68px}
  #homeView .home-v3-matchday-vs{min-width:34px;font-size:13px}
  #homeView .home-v3-matchday-copy{gap:5px}
  #homeView .home-v3-matchday-copy strong{font-size:28px!important}
  #homeView .home-v3-matchday-copy span{font-size:11px!important}
  #homeView .home-v3-matchday-schedule{align-items:flex-start;flex-wrap:wrap;gap:10px;margin-top:20px}
  #homeView .home-v3-matchday-schedule>i{display:none}
  #homeView .home-v3-matchday-schedule .dashboard-schedule-note{flex-basis:100%;font-size:8px!important}
  #homeView .home-v3-match-readiness.home-v3-matchday-readiness{grid-template-columns:1fr 1fr;padding:14px}
}
@media(max-width:540px){
  #homeView .home-v3-next-section .home-v3-section-heading h3{font-size:22px}
  #homeView .home-v3-next-section .home-v3-section-heading p{font-size:9px}
  #homeView .home-v3-matchday-content{min-height:300px;padding:20px 16px 16px}
  #homeView .home-v3-matchday-label .home-v3-icon-ring{width:44px;height:44px}
  #homeView .home-v3-matchday-label small{font-size:7.5px}
  #homeView .home-v3-matchday-label strong{font-size:20px}
  #homeView .home-v3-matchday-kicker{font-size:6.8px;letter-spacing:.18em}
  #homeView .home-v3-matchday-main{margin-top:22px}
  #homeView .home-v3-matchday-logo{width:61px;height:61px;border-radius:14px}
  #homeView .home-v3-matchday-logo .team-logo-xl{width:57px;height:57px}
  #homeView .home-v3-matchday-vs::before,#homeView .home-v3-matchday-vs::after{display:none}
  #homeView .home-v3-matchday-copy strong{font-size:23px!important}
  #homeView .home-v3-match-readiness.home-v3-matchday-readiness{grid-template-columns:1fr;padding:12px}
  #homeView .home-v3-matchday-readiness>.home-v3-readiness-card{min-height:68px}
}

/* MIDROUND v3.6.45 · MATCHDAY CS2 UI HOTFIX 2
   Production fixes: logo fit, competition visibility, aligned schedule state,
   clickable readiness actions and Match Hub instead of the unused Meeting tile. */
#homeView .home-v3-matchday-logo .team-logo-xl{
  width:100%;height:100%;border:0;border-radius:inherit;background:transparent;box-shadow:none;overflow:hidden;
}
#homeView .home-v3-matchday-logo .team-logo .media-image{
  inset:0;width:100%;height:100%;padding:6px;object-fit:contain;object-position:center;background:transparent;
  transform:none!important;transform-origin:center;will-change:auto;
}
#homeView .home-v3-matchday-logo .team-logo .media-fallback{
  display:grid;place-items:center;width:100%;height:100%;
}
#homeView .home-v3-matchday-meta{
  display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap;
}
#homeView .home-v3-matchday-copy .home-v3-matchday-competition{
  display:inline-flex;align-items:center;max-width:100%;min-height:24px;padding:4px 9px;border:1px solid rgba(var(--mr-primary-rgb),.28);
  border-radius:999px;background:rgba(var(--mr-primary-rgb),.08);color:color-mix(in srgb,var(--mr-primary) 76%,#d8f9ff)!important;
  font-size:10px!important;font-weight:900;line-height:1;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#homeView .home-v3-matchday-copy .home-v3-matchday-time{
  color:#9db0b5!important;font-size:13px!important;white-space:nowrap;
}
#homeView .home-v3-matchday-schedule{
  display:grid;grid-template-columns:max-content 1px minmax(0,1fr);align-items:center;column-gap:14px;max-width:820px;margin-top:31px;
}
#homeView .home-v3-matchday-schedule .match-schedule-badge{
  display:inline-flex;align-items:center;justify-content:center;align-self:center;min-width:88px;height:28px;padding:0 12px;line-height:1;
}
#homeView .home-v3-matchday-schedule>i{
  display:block;width:1px;height:28px;align-self:center;background:rgba(182,209,216,.18);
}
#homeView .home-v3-matchday-schedule .dashboard-schedule-note{
  display:flex;align-items:center;min-height:28px;margin:0!important;line-height:1.3!important;
}
#homeView .home-v3-matchday-readiness>.home-v3-readiness-card{
  width:100%;margin:0;color:inherit;font:inherit;text-align:left;appearance:none;-webkit-appearance:none;
}
#homeView .home-v3-matchday-readiness>button.home-v3-readiness-action{
  cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease;
}
#homeView .home-v3-matchday-readiness>button.home-v3-readiness-action:hover{
  transform:translateY(-1px);border-color:color-mix(in srgb,var(--mr-primary) 44%,rgba(142,195,206,.14));
  background:linear-gradient(145deg,rgba(18,40,46,.9),rgba(7,17,20,.94));box-shadow:0 10px 24px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.025);
}
#homeView .home-v3-matchday-readiness>button.home-v3-readiness-action:active{transform:translateY(0)}
#homeView .home-v3-matchday-readiness>button.home-v3-readiness-action:focus-visible{
  outline:2px solid color-mix(in srgb,var(--mr-primary) 72%,white);outline-offset:2px;
}
#homeView .home-v3-readiness-disabled{cursor:default;opacity:.82}
#homeView .home-v3-readiness-arrow{
  justify-self:end;color:color-mix(in srgb,var(--mr-primary) 72%,#d9f9ff);font-size:19px;font-weight:900;line-height:1;
}
#homeView .home-v3-readiness-hub .home-v3-readiness-copy small{
  display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
#homeView .home-v3-readiness-hub-icon .ui-icon{width:18px;height:18px}

@media(max-width:820px){
  #homeView .home-v3-matchday-logo .team-logo .media-image{padding:5px}
  #homeView .home-v3-matchday-schedule{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px}
  #homeView .home-v3-matchday-schedule>i{display:none}
  #homeView .home-v3-matchday-schedule .dashboard-schedule-note{flex:1 1 100%;min-height:0}
}
@media(max-width:540px){
  #homeView .home-v3-matchday-logo .team-logo .media-image{padding:4px}
  #homeView .home-v3-matchday-copy .home-v3-matchday-competition{font-size:9px!important;max-width:210px}
  #homeView .home-v3-matchday-copy .home-v3-matchday-time{font-size:11px!important}
}


/* MIDROUND v3.6.45 · MATCHDAY CS2 UI HOTFIX 3
   Remove logo tiles, de-duplicate match time and reuse the exact Matches league badge palette. */
#homeView .home-v3-matchday-logo{
  width:104px;height:104px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
#homeView .home-v3-matchday-logo.opponent{border:0!important}
#homeView .home-v3-matchday-logo .team-logo-xl{
  width:100%;height:100%;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
#homeView .home-v3-matchday-logo .team-logo .media-image{
  inset:0;width:100%;height:100%;padding:0!important;object-fit:contain;object-position:center;background:transparent!important;transform:none!important;
}
#homeView .home-v3-matchday-logo .team-logo .media-fallback{
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
#homeView .home-v3-matchday-meta .league-badge{
  display:inline-flex;align-items:center;max-width:min(320px,70vw);min-height:21px;padding:3px 8px;
  border:1px solid hsl(var(--league-hue) 62% 65% / .30);border-radius:7px;
  background:hsl(var(--league-hue) 58% 48% / .12);color:hsl(var(--league-hue) 74% 82%)!important;
  font-size:8px!important;font-weight:900;letter-spacing:.04em;line-height:1.2;text-transform:none;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:none;
}
@media(max-width:1100px){
  #homeView .home-v3-matchday-logo{width:90px;height:90px}
}
@media(max-width:820px){
  #homeView .home-v3-matchday-logo{width:76px;height:76px}
}
@media(max-width:540px){
  #homeView .home-v3-matchday-logo{width:64px;height:64px}
  #homeView .home-v3-matchday-meta .league-badge{max-width:210px;font-size:8px!important}
}

/* MIDROUND v3.6.45 · MATCHDAY CS2 UI HOTFIX 7
   Weapon-preserving artwork mask: the broad lower fade is gone.
   Only the baked-in artwork text strip is covered, so CT/T rifles remain visible
   while the dynamic Homepage copy stays the single readable source of truth. */

/* MIDROUND v3.6.45 · ANALYTICS V2 */
.analytics-period-compare-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:12px 0 18px}.analytics-compare-card{min-width:0;padding:13px 14px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018))}.analytics-compare-card span,.analytics-compare-card small{display:block}.analytics-compare-card span{font-size:9px;letter-spacing:.12em;font-weight:850;color:var(--muted);text-transform:uppercase}.analytics-compare-card strong{display:block;margin:6px 0 3px;font-size:19px;line-height:1}.analytics-compare-card small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-compare-card.positive strong{color:#75efb4}.analytics-compare-card.negative strong{color:#ff9292}.analytics-compare-card.neutral strong{color:var(--text)}.analytics-compare-empty{grid-column:1/-1}.analytics-map-class{display:inline-flex;align-items:center;justify-content:center;width:max-content;margin-top:5px;padding:3px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.12);font-size:8px!important;letter-spacing:.1em;font-weight:900}.analytics-map-class.positive{color:#7cf0b8;border-color:rgba(92,231,163,.3);background:rgba(92,231,163,.08)}.analytics-map-class.stable{color:#81dce9;border-color:rgba(105,214,232,.28);background:rgba(105,214,232,.07)}.analytics-map-class.warning{color:#f0cf78;border-color:rgba(240,207,120,.28);background:rgba(240,207,120,.07)}.analytics-map-class.negative{color:#ff9c9c;border-color:rgba(255,120,120,.28);background:rgba(255,120,120,.07)}.analytics-map-card>.analytics-map-class{margin-top:8px}.analytics-player-map-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 16px}.analytics-player-map-callout{padding:13px 15px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.025)}.analytics-player-map-callout span,.analytics-player-map-callout small{display:block}.analytics-player-map-callout span{font-size:9px;letter-spacing:.12em;font-weight:900;color:var(--muted)}.analytics-player-map-callout strong{display:block;margin:5px 0 2px;font-size:17px}.analytics-player-map-callout small{font-size:10px;color:var(--muted)}.analytics-player-map-callout.positive{border-color:rgba(92,231,163,.22)}.analytics-player-map-callout.negative{border-color:rgba(255,120,120,.22)}.analytics-trend-controls{align-items:center;justify-content:flex-end;flex-wrap:wrap}.analytics-trend-controls select{min-width:150px}.analytics-trend-controls .counter-pill{white-space:nowrap}.analytics-control-center{position:sticky;top:8px;z-index:4;backdrop-filter:blur(16px)}
@media(max-width:1000px){.analytics-period-compare-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.analytics-period-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-player-map-summary{grid-template-columns:1fr}.analytics-trend-controls{width:100%;justify-content:flex-start}.analytics-trend-controls select{min-width:0;flex:1 1 140px}.analytics-control-center{position:static}}

/* MIDROUND v3.6.45 · ROSTER MANAGEMENT V2 */
.roster-v2-head{align-items:flex-end}.roster-v2-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0 18px}.roster-v2-summary article{padding:15px 16px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018))}.roster-v2-summary span,.roster-v2-summary small{display:block}.roster-v2-summary span{font-size:9px;letter-spacing:.13em;font-weight:900;color:var(--muted)}.roster-v2-summary strong{display:block;margin:6px 0 2px;font-size:24px}.roster-v2-summary small{font-size:10px;color:var(--muted)}.roster-v2-board{display:grid;gap:20px}.roster-v2-group{border:1px solid var(--border);border-radius:20px;padding:16px;background:rgba(255,255,255,.012)}.roster-v2-main{background:radial-gradient(circle at 12% 0%,rgba(105,214,232,.07),transparent 35%),rgba(255,255,255,.012)}.roster-v2-group-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:13px}.roster-v2-group-head span{font-size:9px;letter-spacing:.14em;font-weight:900;color:var(--accent)}.roster-v2-group-head h3{margin:4px 0 2px;font-size:20px}.roster-v2-group-head p{margin:0;color:var(--muted);font-size:11px}.roster-v2-group-head>strong{font-size:28px}.roster-v2-main-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.roster-v2-bench-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.roster-v2-player-card{min-width:0;position:relative;overflow:hidden;border:1px solid var(--border);border-radius:17px;padding:14px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018));transition:transform .15s ease,border-color .15s ease}.roster-v2-player-card:hover{transform:translateY(-1px);border-color:rgba(105,214,232,.24)}.roster-v2-player-card.is-main{padding:13px;background:linear-gradient(180deg,rgba(105,214,232,.055),rgba(255,255,255,.018))}.roster-v2-player-card.is-inactive{opacity:.7}.roster-v2-player-top{display:flex;align-items:flex-start;gap:11px}.roster-v2-player-id{min-width:0;flex:1}.roster-v2-player-status{display:flex;align-items:center;justify-content:space-between;gap:6px}.roster-v2-player-status>span{font-size:8px;letter-spacing:.12em;font-weight:900;color:var(--muted)}.roster-v2-player-id h3{margin:5px 0 2px;font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-v2-player-id p{margin:0;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-v2-faceit{position:absolute;top:10px;right:10px;font-size:8px;text-decoration:none;color:var(--muted)}.roster-v2-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:13px}.roster-v2-metrics>span{min-width:0;padding:8px 6px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(255,255,255,.022);text-align:center}.roster-v2-metrics b,.roster-v2-metrics strong{font-size:14px;line-height:1}.roster-v2-metrics small{display:block;margin-top:4px;font-size:7px;letter-spacing:.06em;color:var(--muted)}.roster-v2-meta{display:grid;gap:3px;margin-top:10px;font-size:8px;color:var(--muted)}.roster-v2-meta .positive{color:#75efb4}.roster-v2-meta .negative{color:#ff9292}.roster-v2-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px;padding-top:10px;border-top:1px solid rgba(255,255,255,.055)}.roster-v2-actions button{padding:7px 9px;font-size:9px}.roster-v2-empty{grid-column:1/-1}.roster-v2-inactive{border:1px solid var(--border);border-radius:16px;padding:12px 14px}.roster-v2-inactive summary{cursor:pointer;font-size:11px;font-weight:800;color:var(--muted)}.roster-v2-inactive[open] summary{margin-bottom:12px}
@media(max-width:1180px){.roster-v2-main-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.roster-v2-bench-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.roster-v2-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.roster-v2-main-grid,.roster-v2-bench-grid{grid-template-columns:1fr}.roster-v2-group-head{align-items:flex-start}.roster-v2-player-card.is-main{padding:14px}.roster-v2-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* MIDROUND v3.6.45 · LAUNCH / NEW CUSTOMER E2E READINESS */
.launch-gate-card{position:relative;overflow:hidden}.launch-gate-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--accent,#32e6c7),transparent);opacity:.65}.launch-gate-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.launch-gate-verdict{display:flex;align-items:flex-start;gap:10px;justify-content:space-between;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);margin:14px 0 16px}.launch-gate-verdict strong{font-size:14px;letter-spacing:.04em}.launch-gate-verdict span{color:var(--muted);font-size:12px;max-width:760px}.launch-gate-verdict.ready{border-color:rgba(54,230,169,.36);background:rgba(54,230,169,.07)}.launch-gate-verdict.manual-pending{border-color:rgba(255,194,79,.3);background:rgba(255,194,79,.05)}.launch-gate-verdict.blocked{border-color:rgba(255,97,118,.28);background:rgba(255,97,118,.045)}.launch-gate-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:18px}.launch-gate-row.ok{border-color:rgba(54,230,169,.16)}.launch-gate-row.issue{border-color:rgba(255,97,118,.18)}.launch-manual-list{display:grid;gap:8px}.launch-manual-step{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018);cursor:pointer;transition:.16s ease}.launch-manual-step:hover{background:rgba(255,255,255,.035)}.launch-manual-step input{accent-color:var(--accent,#32e6c7)}.launch-manual-step>span{display:flex;align-items:center;gap:10px;min-width:0}.launch-manual-step b{font:700 10px/1.2 var(--mono,monospace);color:var(--muted)}.launch-manual-step strong{font-size:12px}.launch-manual-step.is-done{border-color:rgba(54,230,169,.24);background:rgba(54,230,169,.045)}.launch-manual-step.is-done strong{color:#70efbd}.launch-gate-note{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);line-height:1.55}@media(max-width:980px){.launch-gate-grid{grid-template-columns:1fr}.launch-gate-verdict{flex-direction:column}}

/* ========================================================================== 
   MIDROUND v3.6.45 · PACKAGE TIER BADGES
   One visual language for Basic / Advanced / Performance / Organisation.
   ========================================================================== */
.package-tier-badge{
  --tier-rgb:126,163,176;
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:max-content;
  min-height:27px;
  padding:5px 10px;
  border:1px solid rgba(var(--tier-rgb),.34);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(var(--tier-rgb),.14),rgba(var(--tier-rgb),.045));
  color:color-mix(in srgb,rgb(var(--tier-rgb)) 76%,#fff 24%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 18px rgba(var(--tier-rgb),.045);
  font-size:9px;
  font-weight:950;
  letter-spacing:.085em;
  line-height:1;
  text-transform:uppercase;
  white-space:nowrap;
  vertical-align:middle;
}
.package-tier-badge .package-tier-dot{
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:rgb(var(--tier-rgb));
  box-shadow:0 0 10px rgba(var(--tier-rgb),.48);
}
.package-tier-badge.is-compact{
  min-height:22px;
  gap:5px;
  padding:4px 8px;
  font-size:7.5px;
  letter-spacing:.075em;
}
.package-tier-badge.is-compact .package-tier-dot{width:5px;height:5px;flex-basis:5px}
.package-tier-badge[data-package-tier="BASIC"]{--tier-rgb:82,181,222}
.package-tier-badge[data-package-tier="ADVANCED"]{--tier-rgb:160,119,255}
.package-tier-badge[data-package-tier="PERFORMANCE"]{--tier-rgb:82,205,154}
.package-tier-badge[data-package-tier="ORGANISATION"]{
  --tier-rgb:238,185,92;
  border-color:rgba(238,185,92,.38);
  background:
    linear-gradient(110deg,rgba(238,185,92,.15),rgba(160,119,255,.12) 52%,rgba(82,181,222,.09));
  color:#ffe3aa;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 18px rgba(238,185,92,.06);
}
.package-tier-badge[data-package-tier="ORGANISATION"] .package-tier-dot{
  background:linear-gradient(135deg,#eeb95c,#a077ff 56%,#52b5de);
  box-shadow:0 0 11px rgba(238,185,92,.34);
}
.package-tier-badge[data-package-tier="PRIMARY"]{--tier-rgb:255,104,213}
.package-tier-badge[data-package-tier="CUSTOM"]{--tier-rgb:136,151,160}

/* Shop: the package tier is always visible; promo/recommended badges stay separate. */
.public-package-badges .package-tier-badge.is-shop{
  min-height:29px;
  padding:6px 11px;
  font-size:9px;
}
.public-package-card.is-recommended .package-tier-badge.is-shop[data-package-tier="PERFORMANCE"]{
  border-color:rgba(82,205,154,.52);
  background:linear-gradient(135deg,rgba(82,205,154,.20),rgba(82,205,154,.065));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 18px rgba(82,205,154,.10);
}
.public-home-package-row-name .package-tier-badge{margin-bottom:1px}

/* PRIMARY package editor + tenant surfaces. */
.public-package-admin-head>div:first-child .package-tier-badge{margin-top:2px}
.primary-hub-tenant-head .package-tier-badge{margin:0 0 5px}
.primary-switch-plan-line{
  display:flex!important;
  align-items:center;
  gap:6px;
  min-width:0;
}
.primary-switch-plan-line>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tenant-registry-meta>.package-tier-badge{flex:0 0 auto}
.organization-card-meta>.package-tier-badge{margin-right:1px}
.admin-command-badges{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
#adminCurrentPlanBadgeMount{display:inline-flex}
#adminCurrentPlanBadgeMount.hidden{display:none!important}
#adminCurrentPlanBadgeMount .package-tier-badge{min-height:28px}

/* Portal Admin billing uses the same tier identity. */
.billing-hero-stats .package-tier-badge{
  margin-top:2px;
  min-height:25px;
  padding:5px 9px;
}
.billing-info-block>.package-tier-badge{margin:4px 0 7px}
.billing-section-head>.package-tier-badge{align-self:flex-start}
.billing-plan-card-head .package-tier-badge{margin-top:4px}

/* Generic one-off tokens intentionally exclude Organisation. */
.tenant-token-organization-hint{
  grid-column:1/-1;
  margin:2px 0 0;
  padding:10px 12px;
  border:1px solid rgba(238,185,92,.18);
  border-radius:10px;
  background:linear-gradient(90deg,rgba(238,185,92,.055),transparent);
  color:var(--mr-muted);
  font-size:.62rem;
  line-height:1.5;
}
.tenant-token-organization-hint strong,.tenant-token-organization-hint b{color:#efca82}
#organizationSlots[readonly]{cursor:default;opacity:.86}

@media(max-width:720px){
  .package-tier-badge{min-height:25px;padding:5px 9px;font-size:8px}
  .package-tier-badge.is-compact{min-height:21px;padding:4px 7px;font-size:7px}
  .admin-command-badges{justify-content:flex-start}
}

/* MIDROUND v3.6.45 · Payments / legal readiness */
.portal-footer-legal-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  flex-wrap:wrap;
}
.portal-footer-legal-actions .footer-legal-link{
  margin-left:0!important;
}
.legal-terms-card{
  max-width:860px;
  margin:0 auto;
}
.legal-terms-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 14px;
  margin-bottom:13px;
  color:var(--muted);
  font-size:.69rem;
}
.legal-terms-card>h3{
  margin:0 0 20px;
  font-size:1.2rem;
}
.legal-terms-body{
  display:grid;
  gap:18px;
  color:var(--text);
  line-height:1.65;
}
.legal-terms-body section{
  display:grid;
  gap:7px;
}
.legal-terms-body h4{
  margin:0;
  color:var(--text);
  font-size:.88rem;
}
.legal-terms-body p{
  margin:0;
  color:var(--muted);
  font-size:.78rem;
}
.website-terms-section .legal-admin-summary{
  align-items:center;
}
@media(max-width:760px){
  .portal-footer-legal-actions{justify-content:flex-start}
}
/* v3.6.42 · provider-independent manual purchase fallback */
.shop-manual-buy-btn{
  border-color:color-mix(in srgb,var(--mr-primary) 30%,var(--line))!important;
  background:color-mix(in srgb,var(--mr-primary) 8%,var(--mr-surface))!important;
}
.manual-purchase-dialog{width:min(720px,calc(100vw - 28px))}
.manual-purchase-form{padding:4px 0 0}
.manual-purchase-product-summary{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:12px;
  align-items:start;
  margin-bottom:16px;
  padding:13px;
  border:1px solid color-mix(in srgb,var(--mr-primary) 18%,var(--line));
  border-radius:12px;
  background:color-mix(in srgb,var(--mr-primary) 4%,var(--mr-surface));
}
.manual-purchase-product-summary>div{display:grid;gap:3px;min-width:0}
.manual-purchase-product-summary strong{font-size:1rem}
.manual-purchase-product-summary span{color:var(--text-soft);font-size:.75rem;font-weight:800}
.manual-purchase-product-summary small{color:var(--muted);font-size:.66rem;line-height:1.5}
.sales-inquiry-admin-mount{margin-top:12px}
.sales-inquiry-list{display:grid;gap:10px}
.sales-inquiry-row{
  display:grid;
  gap:10px;
  padding:13px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(255,255,255,.012);
}
.sales-inquiry-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.sales-inquiry-head>div{display:grid;gap:3px;min-width:0}
.sales-inquiry-head>div:first-child{grid-template-columns:auto minmax(0,1fr);align-items:center}
.sales-inquiry-head>div:first-child strong,.sales-inquiry-head>div:first-child span,.sales-inquiry-head>div:first-child small{grid-column:2}
.sales-inquiry-head>div:last-child{justify-items:end;text-align:right}
.sales-inquiry-head span,.sales-inquiry-head small{color:var(--muted);font-size:.68rem}
.sales-inquiry-message{margin:0;padding:9px 10px;border-left:2px solid color-mix(in srgb,var(--mr-primary) 35%,transparent);color:var(--text-soft);font-size:.72rem;line-height:1.5;background:rgba(255,255,255,.012)}
.sales-inquiry-note{display:grid;gap:5px;color:var(--muted);font-size:.66rem}
.sales-inquiry-note textarea{width:100%;resize:vertical}
.sales-inquiry-token{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid color-mix(in srgb,#65d99b 24%,var(--line));border-radius:9px;background:rgba(101,217,155,.035)}
.sales-inquiry-token span{color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.sales-inquiry-token strong{font-size:.72rem}
.sales-inquiry-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.sales-inquiry-actions button{min-height:34px;padding:0 10px;font-size:.66rem}
@media(max-width:700px){
  .sales-inquiry-head{flex-direction:column}
  .sales-inquiry-head>div:last-child{justify-items:start;text-align:left}
  .manual-purchase-product-summary{grid-template-columns:1fr}
}



/* MIDROUND v3.6.45 · Public shop sales hold */
.public-shop-item .shop-buy-btn.is-disabled{opacity:.58;cursor:not-allowed;filter:saturate(.55);box-shadow:none}
.public-shop-item[data-plan-key="ORGANISATION"] .shop-contact-btn{opacity:1;cursor:pointer}
/* MIDROUND v3.6.48 · PRIMARY Mail Center Navigation Hotfix */
.primary-mail-view{display:flex;flex-direction:column;gap:18px}.primary-mail-view.hidden{display:none}.mail-center-grid{display:grid;grid-template-columns:220px minmax(280px,.9fr) minmax(360px,1.2fr);gap:14px;min-height:520px}.mail-sidebar{padding:16px;display:flex;flex-direction:column;gap:16px}.mail-sidebar>button{width:100%}.mail-sidebar nav{display:grid;gap:6px}.mail-sidebar nav button{display:flex;justify-content:space-between;align-items:center;background:transparent;border:1px solid transparent;text-align:left}.mail-sidebar nav button.active{background:rgba(var(--mr-primary-rgb),.12);border-color:rgba(var(--mr-primary-rgb),.25)}.mail-account-card{margin-top:auto;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;display:grid;gap:6px}.mail-account-card small,.mail-account-card span{color:var(--muted);font-size:12px}.mail-list-panel,.mail-reader-panel{padding:0;overflow:hidden}.mail-list-head{padding:18px;border-bottom:1px solid rgba(255,255,255,.08);display:grid;gap:10px}.mail-list-head h3{margin:2px 0}.mail-message-list{max-height:620px;overflow:auto}.mail-message-row{width:100%;display:grid;grid-template-columns:38px 1fr;gap:10px;text-align:left;padding:14px 16px;border:0;border-bottom:1px solid rgba(255,255,255,.06);border-radius:0;background:transparent}.mail-message-row:hover{background:rgba(255,255,255,.035)}.mail-message-row>span:last-child{display:grid;gap:3px;min-width:0}.mail-message-row strong,.mail-message-row b,.mail-message-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-message-row small{color:var(--muted)}.mail-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(var(--mr-primary-rgb),.16);font-weight:800}.mail-reader-panel{padding:20px}.mail-reader-empty{min-height:420px;display:grid;place-items:center;align-content:center;text-align:center;gap:8px;color:var(--muted)}.mail-reader-empty span{font-size:44px}.mail-reader-actions{display:flex;gap:8px;justify-content:flex-end}.mail-reader-meta{color:var(--muted);margin:8px 0 20px}.mail-reader-body{white-space:pre-wrap;font:inherit;line-height:1.6;background:transparent;border:0;padding:0;color:var(--text)}.mail-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mail-compose-dialog{width:min(760px,94vw)}.mail-signature-preview{display:block;width:100%;height:230px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#fff;overflow:hidden}@media(max-width:1100px){.mail-center-grid{grid-template-columns:190px 1fr}.mail-reader-panel{grid-column:1/-1}.mail-bottom-grid{grid-template-columns:1fr}}@media(max-width:720px){.mail-center-grid{grid-template-columns:1fr}.mail-bottom-grid{grid-template-columns:1fr}}

/* MIDROUND v3.6.48 · PRIMARY Mail Signature Live Translator */
@media(min-width:1101px){.mail-bottom-grid{grid-template-columns:minmax(320px,.72fr) minmax(620px,1.28fr)}}
.mail-signature-card{min-width:0}
.mail-signature-head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center}
.mail-signature-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,1fr);gap:14px;align-items:stretch}
.mail-signature-code{min-width:0}
.mail-signature-code textarea{min-height:410px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:12px;line-height:1.5;resize:vertical;tab-size:2}
.mail-signature-code small,.mail-signature-card label>small{display:block;margin-top:7px;color:var(--muted);font-size:11px;line-height:1.45}
.mail-signature-translator{min-width:0;border:1px solid rgba(255,255,255,.09);border-radius:14px;overflow:hidden;background:rgba(0,0,0,.12);display:flex;flex-direction:column}
.mail-signature-translator-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(var(--mr-primary-rgb),.055)}
.mail-signature-translator-head span{font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--muted)}
.mail-signature-translator-head b{font-size:11px;letter-spacing:.08em;color:var(--accent)}
.mail-signature-live-preview{display:block;width:100%;min-height:410px;flex:1;border:0;background:#fff}
.mail-signature-preview.is-html{white-space:normal;background:#fff;color:#0b172d;border-left:2px solid var(--accent);border-radius:0 10px 10px 0;overflow:auto}
.mail-signature-preview.is-html img{max-width:100%;height:auto}
@media(max-width:1280px){.mail-signature-editor-grid{grid-template-columns:1fr}.mail-signature-code textarea,.mail-signature-live-preview{min-height:320px}}
@media(max-width:720px){.mail-signature-head-actions{justify-content:flex-start}.mail-signature-live-preview{min-height:280px}}


/* v3.6.54 · Social confirmed schedule + downloadable social pack */
.social-simple-card.social-date-confirmed{position:relative;border-color:rgba(61,226,169,.62);box-shadow:0 0 0 1px rgba(61,226,169,.12),0 18px 54px rgba(17,198,145,.08);overflow:hidden}
.social-confirmed-banner{display:flex;align-items:center;gap:12px;margin:-1px -1px 16px;padding:11px 14px;border-bottom:1px solid rgba(61,226,169,.28);background:linear-gradient(90deg,rgba(22,108,91,.34),rgba(20,109,157,.18),rgba(103,75,196,.14));color:#dffcf2}
.social-confirmed-banner>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.social-confirmed-banner strong{font-size:11px;letter-spacing:.11em;color:#83f0c8}
.social-confirmed-banner small{font-size:11px;color:rgba(226,249,242,.72)}
.social-confirmed-check{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:rgba(61,226,169,.16);border:1px solid rgba(61,226,169,.52);font-weight:900;color:#83f0c8;flex:0 0 auto}
.social-confirmed-ready{margin-left:auto;border:1px solid rgba(61,226,169,.38);background:rgba(61,226,169,.11);border-radius:999px;padding:5px 8px;font-size:9px;letter-spacing:.12em;font-weight:800;color:#83f0c8}
.social-pack-download-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0 0;padding:13px 14px;border:1px solid rgba(118,142,163,.18);border-radius:12px;background:rgba(7,17,21,.56)}
.social-pack-download-row.ready{border-color:rgba(61,226,169,.24);background:linear-gradient(90deg,rgba(20,81,70,.17),rgba(8,22,27,.62))}
.social-pack-download-row>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.social-pack-download-row span{font-size:9px;letter-spacing:.12em;font-weight:800;color:#7692a2}
.social-pack-download-row.ready span{color:#75dcb7}
.social-pack-download-row strong{font-size:12px;color:#dce8ed}
.social-pack-download-row small{font-size:10px;color:#78909d;white-space:normal}
.social-pack-download[disabled]{opacity:.42;cursor:not-allowed}
@media(max-width:760px){.social-confirmed-ready{display:none}.social-pack-download-row{align-items:flex-start;flex-direction:column}.social-pack-download-row .social-pack-download{width:100%}}

/* v3.6.55 · manual match schedule confirmation */
.match-schedule-confirm-row{display:flex;justify-content:flex-end;margin-top:8px}
.match-confirm-schedule{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,184,77,.42);background:rgba(255,184,77,.09);color:#ffd38a;font-size:9px;font-weight:900;letter-spacing:.025em;position:relative;z-index:2}
.match-confirm-schedule:hover{border-color:rgba(255,202,116,.68);background:rgba(255,184,77,.15)}
.match-confirm-schedule.confirmed,.match-confirm-schedule:disabled.confirmed{border-color:rgba(103,217,154,.38);background:rgba(103,217,154,.09);color:#a9ecc8;cursor:default;opacity:1}
.match-confirm-schedule svg{width:13px;height:13px}
@media(max-width:620px){.match-schedule-confirm-row{justify-content:stretch}.match-confirm-schedule{width:100%;justify-content:center}}