/* v12 connected planning. Existing artwork, expansion emblems and class styles stay in styles.css. */
.dashboard-bridges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.bridge{text-align:left;cursor:pointer;color:var(--text);transition:border-color .2s,transform .2s;min-height:95px}
.bridge:hover{border-color:#a68a57;transform:translateY(-2px)}.bridge strong{display:flex;align-items:center;gap:8px;color:var(--gold);font-size:15px}.bridge .expansion-emblem{width:22px;height:22px}.bridge small{display:block;margin:4px 0;color:var(--muted)}.bridge>span:last-child{font-size:12px;color:var(--gold);font-weight:700}
.roster-shortcuts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:13px}.roster-shortcuts>span{color:var(--muted);margin-right:auto}.roster-shortcuts strong{color:var(--gold)}
.plan-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:17px}.plan-stats .stat{min-height:112px}.plan-stats .stat>span{font-size:12px}.route-plan{margin-top:16px}.route-plan .card-head{align-items:flex-start;gap:15px}.route-plan .card-head p{margin:4px 0 0;font-size:13px}.plan-filters{margin:0;flex-wrap:wrap;justify-content:flex-end}.route-list{display:grid;gap:10px}.route-item{display:grid;grid-template-columns:29px minmax(0,1fr);gap:8px;align-items:center}.route-index{color:var(--gold);font-weight:800;font-size:12px}.route-card{min-width:0}.route-card .run{border-radius:8px 8px 0 0}.route-context{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;padding:7px 9px;border:1px solid var(--line);border-top:0;border-radius:0 0 8px 8px;background:#17131d}.route-context>span{margin-right:auto;font-size:12px;color:var(--muted)}.route-context .btn{font-size:12px;padding:5px 8px}.route-context .route-order{min-width:29px;padding:4px 7px}.route-caveat{max-width:850px;margin:12px 0}
.collection-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hub-card{min-height:215px}.hub-card h3{font:700 21px Georgia,serif}.hub-card>strong{display:block;font-size:22px;color:var(--gold);margin-top:6px}.hub-card p{min-height:45px;font-size:13px}.hub-symbol{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;border:1px solid #9d814c;color:#e7c681;background:#342920;margin-bottom:11px}.hub-symbol.pet{color:#9bbce9;border-color:#536c92;background:#1d2738}.hub-symbol.decor{color:#d7b9e6;border-color:#785b8b;background:#2b2033}.hub-next{margin:15px 0}.hub-next p{max-width:750px;margin:5px 0 13px}
.progress-scope{color:var(--muted);font-size:13px}.progress-scope select{display:block;margin-top:5px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px}.progress-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:15px;margin:16px 0}.progress-chart{height:218px;display:flex;align-items:flex-end;gap:9px;border-bottom:1px solid var(--line);padding:10px 6px 0;margin:10px 0 30px}.chart-column{height:100%;display:flex;flex:1;min-width:0;flex-direction:column;justify-content:flex-end;align-items:center}.chart-column>span{font-size:11px;color:var(--gold);white-space:nowrap}.chart-column i{width:min(100%,48px);min-height:4px;display:block;border-radius:5px 5px 0 0;background:linear-gradient(#e4be73,#79562f)}.chart-column small{position:relative;top:7px;color:var(--muted);font-size:10px}.progress-instance{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.progress-instance:first-of-type{margin-top:10px}.progress-instance strong{display:block}.progress-instance small{display:block;color:var(--muted)}.progress-instance>span{color:var(--gold);font-size:12px;text-align:right}.progress-drops{margin-top:16px}
.instance-catalog .runs-toolbar{margin-bottom:13px}.instance-catalog-list{display:grid;gap:9px}.catalog-row{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(100px,1fr) 110px auto;align-items:center;min-height:107px}.catalog-name{min-width:0}.catalog-name strong{font-size:17px}.catalog-rewards{min-width:0}.catalog-rewards>small,.catalog-results>small{display:block;color:#e0d5e4;text-shadow:0 1px 3px #000;font-size:11px}.catalog-results strong{display:block;color:#edd29a}.catalog-actions{display:flex;align-items:center;gap:6px}.catalog-actions .btn{white-space:nowrap}.catalog-actions a{display:inline-flex;align-items:center}.mapped-reward-icons{display:inline-flex;align-items:center;gap:4px;max-width:100%}.mapped-reward-icon{display:inline-grid;place-items:center;position:relative;flex:none;width:34px;height:34px;border:1px solid #887049;border-radius:7px;background:linear-gradient(135deg,#5a4936,#18141d);color:#edcd89;text-decoration:none;overflow:hidden}.mapped-reward-icon.pet{border-color:#5c7699;background:#1d2c3b;color:#aaceed}.mapped-reward-icon.decor{border-color:#79628e;background:#302539;color:#dec2e7}.mapped-reward-icon.small{width:26px;height:26px;font-size:13px}.mapped-reward-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mapped-reward-icon img:not([hidden])+span{opacity:0}.mapped-reward-icon.owned{filter:grayscale(1);opacity:.48}.reward-overflow{color:#e4d8e7;font-size:11px}
#instanceDialog .dialog{width:min(730px,calc(100vw - 20px));max-width:none}.instance-dialog h2{margin:3px 0 0}.detail-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.detail-metrics>span{padding:9px;border:1px solid var(--line);border-radius:7px}.detail-metrics strong,.detail-metrics small{display:block}.detail-metrics strong{color:var(--gold);font-size:18px}.detail-metrics small{color:var(--muted);font-size:11px}.detail-rewards{display:grid;gap:5px;max-height:300px;overflow:auto}.detail-reward{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:7px;padding:7px}.detail-reward>div{flex:1;min-width:0}.detail-reward strong,.detail-reward small{display:block}.detail-reward small{color:var(--muted);font-size:11px}.detail-reward>span:last-child{color:#e2aa81;font-size:12px;white-space:nowrap}.detail-reward>span.has{color:var(--green)}.detail-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.detail-actions a{text-decoration:none}
#runDialog .dialog{width:min(650px,calc(100vw - 20px));max-width:none}.run-rewards{border:1px solid var(--line);border-radius:9px;padding:12px;margin:12px 0}.run-reward-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.run-reward-heading small{display:block;color:var(--muted);font-size:11px}.run-reward-heading .btn{font-size:12px;white-space:nowrap}.run-reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:10px 0}.run-rewards .reward-pick{display:flex;align-items:center;gap:7px;margin:0;padding:7px;border:1px solid var(--line);border-radius:7px;cursor:pointer;min-width:0;position:relative}.reward-pick>img,.reward-pick-symbol{width:28px;height:28px;border-radius:5px;flex:none}.reward-pick>img{object-fit:cover}.reward-pick>img[hidden]{display:none}.reward-pick>img:not([hidden])+.reward-pick-symbol{display:none}.reward-pick-symbol{display:grid;place-items:center;background:#3e3128;color:var(--gold)}.reward-pick>span:nth-last-child(2){min-width:0;flex:1}.reward-pick strong,.reward-pick small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reward-pick strong{color:var(--text);font-size:12px}.reward-pick small{font-size:10px;color:var(--muted)}.reward-pick input{width:18px!important;flex:none;margin:0!important;accent-color:var(--gold)}.reward-pick:has(input:checked){border-color:#aa864b;background:#3d3024}.logged-drops{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.logged-drops span{font-size:11px;color:var(--gold);border:1px solid #80673b;border-radius:5px;padding:2px 5px}
[data-theme=light] .route-context{background:#f3f0f5}[data-theme=light] .reward-pick:has(input:checked){background:#f5ebd7}[data-theme=light] .mapped-reward-icon.owned{opacity:.55}
@media(max-width:990px){.catalog-row{grid-template-columns:minmax(190px,1fr) minmax(110px,.8fr);gap:7px}.catalog-actions{justify-content:flex-start}.catalog-results{grid-row:2;grid-column:1}.catalog-actions{grid-row:2;grid-column:2}.progress-grid{grid-template-columns:1fr}.route-plan .card-head{flex-wrap:wrap}}
@media(max-width:700px){.dashboard-bridges,.collection-hub-grid,.plan-stats{grid-template-columns:1fr}.catalog-row{grid-template-columns:1fr}.catalog-results,.catalog-actions{grid-row:auto;grid-column:auto}.run-reward-grid{grid-template-columns:1fr}.detail-metrics{grid-template-columns:1fr 1fr}.route-item{grid-template-columns:1fr}.route-index{display:none}.progress-scope{display:block;margin-top:9px}.route-context{justify-content:flex-start}.route-context>span{width:100%}}
/* v12.0 full release: weekly focus, selected character and visual instance catalog. */
.weekly-spotlight{margin:16px 0 19px}.spotlight-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}.spotlight-heading h3{font:700 21px Georgia,serif;margin:3px 0 0;color:var(--text)}.spotlight-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:11px}.spotlight-stats>div{padding:12px 15px;border:1px solid var(--line);background:var(--panel);border-radius:9px}.spotlight-stats small,.spotlight-stats span{display:block;color:var(--muted);font-size:11px}.spotlight-stats strong{display:block;color:var(--gold);font-size:21px;margin:2px 0}.spotlight-columns{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr);gap:11px}.spotlight-columns .card{padding:15px}.spotlight-columns .card-head{margin-bottom:10px}.spotlight-columns .card-head h3{font:700 18px Georgia,serif}.text-link{background:transparent;border:0;color:var(--gold);font-size:12px;font-weight:700;cursor:pointer}.spotlight-instance,.spotlight-target{display:flex;align-items:center;gap:10px;padding:8px 9px;margin-top:6px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel) 72%,transparent)}.spotlight-instance>div,.spotlight-target>div{flex:1;min-width:0}.spotlight-instance strong,.spotlight-target strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotlight-instance small,.spotlight-target small{display:block;color:var(--muted);font-size:11px}.spotlight-instance .btn{padding:7px 10px;white-space:nowrap;font-size:12px}.spotlight-instance .mapped-reward-icon.small{width:24px;height:24px}.spotlight-status{width:15px;height:15px;border:1px solid var(--gold);border-radius:50%;flex:none}.spotlight-target .mapped-reward-icon{width:31px;height:31px}.spotlight-next>.muted,.spotlight-hunt>.muted{font-size:13px;margin:20px 2px}.featured-character{display:grid;grid-template-columns:90px minmax(0,1fr) 185px;gap:17px;align-items:center;margin:14px 0}.featured-avatar.avatar{width:86px;height:86px}.featured-details h3{font:700 25px Georgia,serif;margin:2px 0}.featured-details p{color:var(--muted);font-size:13px;margin:2px 0 9px}.featured-metrics{display:flex;gap:22px}.featured-metrics span{min-width:95px;padding-right:15px;border-right:1px solid var(--line)}.featured-metrics span:last-child{border-right:0}.featured-metrics strong,.featured-metrics small{display:block}.featured-metrics strong{color:var(--gold);font-size:18px}.featured-metrics small{color:var(--muted);font-size:11px}.featured-actions{display:grid;gap:6px}.featured-actions .btn{text-align:center;text-decoration:none;font-size:12px}.catalog-legend{font-size:12px;color:var(--muted);margin:4px 1px 12px}.instance-catalog-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-row{min-height:187px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:8px;padding:15px}.catalog-title,.catalog-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.catalog-title strong{font-size:18px}.catalog-route-badge{border:1px solid #5a815e;border-radius:6px;color:#abd9ae;background:#1d3926;padding:3px 7px;font-size:10px;white-space:nowrap}.catalog-row .catalog-results{display:flex;gap:19px;align-items:center;grid-column:auto;grid-row:auto}.catalog-results>span{min-width:0}.catalog-results strong{font-size:17px}.catalog-rewards{display:flex;align-items:center;gap:7px;min-width:0}.catalog-rewards small{font-size:10px}.catalog-actions{grid-column:auto;grid-row:auto;justify-content:flex-end}.catalog-actions .btn{font-size:11px;padding:6px 8px}.catalog-actions .wowhead-icon{width:24px;height:24px}.catalog-row .run-note{max-width:100%}
[data-theme=light] .spotlight-instance,[data-theme=light] .spotlight-target{background:#eee9e9}[data-theme=light] .catalog-route-badge{background:#e2f2df;color:#32663c}
@media(max-width:1080px){.instance-catalog-list{grid-template-columns:1fr}.spotlight-columns{grid-template-columns:1fr}}@media(max-width:700px){.spotlight-stats{grid-template-columns:1fr 1fr}.featured-character{grid-template-columns:60px minmax(0,1fr)}.featured-avatar.avatar{width:57px;height:57px}.featured-actions{grid-column:1/-1;display:flex;flex-wrap:wrap}.featured-metrics{gap:8px}.featured-metrics span{min-width:0}.spotlight-instance .mapped-reward-icons{display:none}}@media(max-width:480px){.spotlight-stats{grid-template-columns:1fr}.catalog-footer{align-items:flex-start;flex-direction:column}.catalog-row .catalog-results{gap:10px}.spotlight-heading{align-items:start;flex-direction:column}}
/* Cohesive mockup follow-up: route suggestions, history modes and unlocks. */
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:18px 0 9px}.section-heading h3{font:700 20px Georgia,serif;margin:3px 0 0}.section-heading small{color:var(--muted);font-size:12px}.route-suggestions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:0 0 18px}.suggestion-card{min-height:157px;padding:14px}.suggestion-card h4{font:700 17px Georgia,serif;margin:8px 0 2px}.suggestion-card>small{display:block;color:#ded0df;font-size:11px}.suggestion-metrics{display:flex;gap:18px;margin-top:11px}.suggestion-metrics b,.suggestion-metrics small{display:block}.suggestion-metrics b{color:var(--gold)}.suggestion-metrics small{font-size:10px;color:#ded0df}.route-builder{margin-top:16px}.route-builder .card-head{gap:10px}.route-builder .filters{margin:12px 0}.route-candidates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.candidate{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:8px;min-width:0}.candidate div{flex:1;min-width:0}.candidate strong,.candidate small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.candidate small{font-size:11px;color:var(--muted)}.candidate .btn{white-space:nowrap;padding:6px 8px;font-size:11px}.looking-ahead{margin-top:15px}.looking-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.looking-cards .card{text-align:left;color:var(--text);cursor:pointer;padding:13px}.looking-cards strong,.looking-cards small{display:block}.looking-cards strong{font-size:17px;color:var(--gold);margin:3px 0}.looking-cards small{font-size:11px;color:var(--muted)}.looking-cards .card:hover{border-color:var(--gold)}.progress-tabs{margin:0 0 13px;flex-wrap:wrap}.progress-runs,.progress-attempts{margin:15px 0}.progress-attempts .progress-instance{justify-content:flex-start}.progress-attempts .progress-instance>div{flex:1}.progress-attempts .mapped-reward-icon{flex:none}.progress-attempts>p{font-size:12px}[data-progress-panel][hidden]{display:none!important}
@media(max-width:950px){.route-suggestions,.route-candidates{grid-template-columns:1fr 1fr}}@media(max-width:680px){.route-suggestions,.route-candidates,.looking-cards{grid-template-columns:1fr}.route-builder .card-head{flex-wrap:wrap}.section-heading{align-items:start;flex-direction:column}}
.unlock-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.unlock-grid .card{min-height:180px}.unlock-grid h3{font:700 18px Georgia,serif;margin:4px 0}.unlock-grid p{font-size:12px;margin:7px 0 12px;max-width:470px}.unlock-grid .hub-symbol{margin-bottom:7px}.unlock-status{font-size:11px;color:var(--gold);border:1px solid var(--line);border-radius:6px;padding:4px 7px}@media(max-width:680px){.unlock-grid{grid-template-columns:1fr}}
/* v12.2 dashboard composition from the reviewed mockup; current identity and typography remain. */
.dashboard-mock-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:13px}.dashboard-mock-title h2{font-size:27px;margin:3px 0}.dashboard-mock-title p{margin:0;font-size:13px}.selected-character-control{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:190px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:9px 12px;color:var(--text);cursor:pointer}.selected-character-control:hover{border-color:var(--gold)}.selected-character-control small{font-size:11px;color:var(--muted)}.selected-character-control strong{font-size:14px;color:var(--gold)}.dashboard-mock-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:0 0 22px}.dashboard-mock-stats .stat{min-height:113px;padding:13px}.dashboard-mock-stats .stat>small:first-child{font-size:11px}.dashboard-mock-stats .stat>strong{font-size:23px}.dashboard-mock-stats .stat>span{display:block;font-size:11px;margin-top:6px}.mock-earnings{display:flex;align-items:start;gap:17px;margin:6px 0}.mock-earnings span{min-width:0}.mock-earnings strong,.mock-earnings small{display:block}.mock-earnings strong{color:var(--gold);font-size:19px}.mock-earnings small,.dashboard-mock-stats .mock-all-total{font-size:10px;color:var(--muted)}.dashboard-focus .spotlight-columns{margin-bottom:0}.dashboard-focus .spotlight-columns .card{padding:14px}.dashboard-focus .spotlight-columns .card-head h3{font-size:18px}.dashboard-focus .looking-ahead{margin:17px 0 19px}.dashboard-focus .hunt-note{font-size:11px;color:var(--muted);border-left:3px solid var(--gold);padding:8px 10px;background:color-mix(in srgb,var(--panel) 76%,var(--gold) 8%);margin:10px 0 0}.dashboard-instance-panel{margin-top:19px}.dashboard-instance-panel>.card-head{margin-bottom:12px}.dashboard-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.dashboard-card-grid>.run-group-label,.dashboard-card-grid>.empty{grid-column:1/-1}.dashboard-catalog-card{display:flex;flex-direction:column;justify-content:space-between;gap:9px;min-height:185px;padding:13px;border-radius:9px}.dashboard-catalog-card.inactive::before{filter:grayscale(1) brightness(.6);opacity:.42}.dashboard-catalog-card.inactive::after{background:linear-gradient(90deg,rgba(29,29,36,.94),rgba(32,33,40,.81))}.dash-card-top,.dash-card-title,.dash-card-footer,.dash-card-actions{display:flex;align-items:center;gap:9px}.dash-card-top,.dash-card-footer{justify-content:space-between}.dash-card-title{min-width:0}.dash-card-title>div{min-width:0}.dash-card-title strong,.dash-card-title small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-card-title strong{font-size:16px}.dash-card-title small{font-size:11px;color:#dfd2df}.dash-card-title .status{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;border:1px solid #bead76}.dashboard-catalog-card .catalog-route-badge{flex:none}.dash-card-metrics{display:flex;gap:19px;padding-left:36px}.dash-card-metrics strong,.dash-card-metrics small{display:block}.dash-card-metrics strong{font-size:17px;color:var(--gold)}.dash-card-metrics small{font-size:10px;color:#e1d6df}.dash-card-footer>div:first-child{display:flex;align-items:center;gap:6px;min-width:0}.dash-card-footer small{font-size:10px;color:#e1d6df}.dash-card-actions{flex:none;gap:5px}.dash-card-actions .btn{padding:5px 7px;font-size:11px;white-space:nowrap}.dash-card-actions .instance-toggle{min-width:27px;width:27px;height:27px;border-radius:50%;padding:0;font-size:16px}.dashboard-catalog-card .run-note{font-size:10px;max-height:27px;overflow:hidden}.dashboard-catalog-card.done{border-color:#427252}.dashboard-catalog-card:has(.dungeon-count){border-color:#5687c4}.dashboard-catalog-card:has(.dungeon-count)::after{background:linear-gradient(90deg,rgba(13,26,45,.87),rgba(12,25,43,.67))}
[data-theme=light] .dash-card-title small,[data-theme=light] .dash-card-metrics small,[data-theme=light] .dash-card-footer small{color:#3b3541}[data-theme=light] .dashboard-catalog-card.inactive::after{background:linear-gradient(90deg,rgba(232,231,234,.93),rgba(229,227,233,.84))}
@media(max-width:1100px){.dashboard-card-grid{grid-template-columns:1fr}.dashboard-mock-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.dashboard-mock-title{align-items:stretch;flex-direction:column}.selected-character-control{width:100%}.dashboard-mock-stats{grid-template-columns:1fr 1fr}.dash-card-footer{align-items:start;flex-direction:column}.dash-card-actions{width:100%;justify-content:flex-end}.dash-card-metrics{gap:9px}.dashboard-catalog-card{min-height:195px}}@media(max-width:450px){.dashboard-mock-stats{grid-template-columns:1fr}}
@media(min-width:760px){.dashboard-focus .spotlight-columns{grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr)}}
@media(min-width:900px) and (max-width:1180px){.dashboard-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-card-footer{align-items:flex-start;flex-direction:column}.dash-card-actions{width:100%;justify-content:flex-end}.dashboard-catalog-card{min-height:210px}}
/* v12.3: selected-character roster interaction and mockup profile layout. */
.roster-section-heading{display:flex;align-items:end;justify-content:space-between;margin:18px 2px 9px}.roster-section-heading h3{font:700 20px Georgia,serif;margin:0 0 3px}.roster-section-heading small{font-size:12px;color:var(--muted)}.featured-character{background:linear-gradient(110deg,color-mix(in srgb,var(--class-dark,#544159) 16%,var(--panel)),var(--panel) 68%);border-left:3px solid var(--class-dark,var(--gold));min-height:150px}.featured-avatar.avatar{width:86px;height:86px}.featured-actions .featured-armory{font-size:12px;color:var(--gold);text-decoration:none;text-align:center}.featured-actions .featured-armory:hover{text-decoration:underline}.roster-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:0 12px;height:auto;min-height:93px;align-items:center}.roster-row.is-selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 45%,transparent)}.roster-row .roster-select{grid-column:1;grid-row:1;display:flex;align-items:center;gap:10px;min-width:0;width:100%;text-align:left;background:none;border:0;color:var(--text);padding:0;cursor:pointer}.roster-row .roster-select:hover .char-name{text-decoration:underline}.roster-row .roster-select:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:5px}.roster-row .roster-select .identity{flex:1;min-width:0;display:flex;align-items:center;gap:11px}.roster-row .roster-select .identity-copy{min-width:0}.roster-select-hint{flex:none;color:var(--muted);font-size:11px}.roster-row.is-selected .roster-select-hint{color:var(--gold);font-weight:700}.roster-row>.identity-details{grid-column:1;grid-row:2;display:flex;flex-direction:row;flex-wrap:wrap;gap:7px;margin:0 0 0 58px;min-width:0}.roster-row>.identity-details .armory-link,.roster-row>.identity-details .sync-note{font-size:11px}.roster-row>.roster-actions{grid-column:2;grid-row:1 / span 2}.roster-help{margin:11px 3px 17px}
[data-theme=light] .featured-character{background:linear-gradient(110deg,color-mix(in srgb,var(--class-light,#d7c9d7) 14%,var(--panel)),var(--panel) 68%)}
@media(max-width:760px){.roster-row{grid-template-columns:1fr;gap:7px}.roster-row>.roster-actions{grid-column:1;grid-row:3;justify-content:flex-end}.roster-row>.identity-details{margin-left:58px}.roster-select-hint{display:none}}@media(max-width:450px){.roster-row>.identity-details{margin-left:0}.featured-metrics{flex-wrap:wrap}}
/* v12.4 compact character switching. Management stays available on demand. */
.roster-add{white-space:nowrap;padding:9px 13px;border-radius:8px}.compact-roster-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:20px 2px 8px}.compact-roster-heading h3{font:700 20px Georgia,serif;margin:0}.compact-roster-heading small{color:var(--muted);font-size:12px}.compact-roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.compact-character{display:flex;align-items:center;gap:10px;text-align:left;min-width:0;min-height:72px;padding:10px 12px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-left:3px solid var(--class-dark,var(--gold));border-radius:9px;cursor:pointer}.compact-character:hover,.compact-character:focus-visible{border-color:var(--gold);background:var(--panel2)}.compact-character .avatar{flex:none;width:44px;height:44px}.compact-character>span:last-child{min-width:0}.compact-character strong,.compact-character small,.compact-character em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-character strong{font-size:14px}.compact-character small{font-size:11px;color:var(--muted)}.compact-character em{font-size:10px;font-style:normal;color:var(--gold);margin-top:2px}.roster-context{margin:10px 0 17px;padding:10px 12px;border-left:3px solid var(--gold);border-radius:6px;background:var(--panel);color:var(--muted);font-size:12px}.roster-manage{margin-top:12px}.roster-manage>summary{cursor:pointer;border:1px solid var(--line);border-radius:8px;color:var(--gold);padding:10px 13px;font-size:12px;font-weight:700}.roster-manage[open]>summary{margin-bottom:9px}.roster-manage>section{margin:0}.roster-manage .roster-section-heading{display:none}@media(max-width:900px){.compact-roster{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.compact-roster{grid-template-columns:1fr}.compact-roster-heading{align-items:start;flex-direction:column}}
/* v12.4 route cards, catalog expansion dropdown, and all-character progress. */
.route-top-tabs{margin:6px 0 14px;flex-wrap:wrap}.route-item{align-items:stretch}.route-card .dashboard-catalog-card{border-radius:8px 8px 0 0;min-height:174px}.route-card .route-context{min-height:37px}.route-suggestions .suggestion-card{background:var(--panel);border-color:var(--line);min-height:164px}.route-suggestions .suggestion-card::before,.route-suggestions .suggestion-card::after{display:none}.route-suggestions .suggestion-card>small{color:var(--muted);text-shadow:none}.route-suggestions .suggestion-metrics small{color:var(--muted)}.route-plan .card-head{margin-bottom:10px}.route-plan .route-list{gap:10px}.content-scope{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:177px;padding:9px 12px;background:var(--panel);border:1px solid var(--line);border-radius:9px}.content-scope small{font-size:10px;color:var(--muted)}.content-scope strong{font-size:13px;color:var(--gold)}.content-scope select{width:100%;background:transparent;color:var(--text);border:0;border-top:1px solid var(--line);margin-top:3px;padding:5px 0 1px;font:inherit;font-size:11px;cursor:pointer}.content-scope select option{background:var(--panel);color:var(--text)}.progress-scope{min-width:185px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.progress-scope select{width:100%}.progress-grid .card h3,.progress-runs h3,.progress-attempts h3{font-family:Georgia,serif}
@media(max-width:750px){.route-top-tabs{gap:5px}.content-scope{width:100%}.route-card .dashboard-catalog-card{min-height:192px}}
.route-scope{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:170px;padding:9px 12px;background:var(--panel);border:1px solid var(--line);border-radius:9px}.route-scope small{font-size:10px;color:var(--muted)}.route-scope strong{font-size:13px;color:var(--gold)}
/* v12.5 dashboard and roster cohesion */
.topbar .nav.active{background:#473522;color:#f4ce72;border:1px solid #79603b}.topbar .nav:hover{background:#33283a;color:var(--text)}.topbar .nav.active:hover{background:#503b26;color:#f4ce72}
.dashboard-mock-title{align-items:end}.dashboard-mock-title .eyebrow{color:var(--gold);letter-spacing:.12em}.dashboard-mock-title h2{font-size:29px}.dashboard-mock-title p{margin-top:7px;line-height:1.45}
.selected-character-control{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:18px;min-width:265px;max-width:min(100%,360px);padding:12px 13px;cursor:default;background:var(--panel);border-color:var(--line)}.selected-character-control:hover{border-color:var(--line)}.selected-character-copy{display:flex;align-items:flex-start;flex-direction:column;gap:4px;min-width:0}.selected-character-name{color:var(--class-light,var(--gold));font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.selected-character-name:hover{text-decoration:underline}.selected-character-control small{font-size:11px}.selected-switch{padding:0;border:0;background:none;color:var(--gold);font-size:12px;font-weight:700;font-family:inherit;cursor:pointer}.selected-switch:hover{text-decoration:underline}.selected-avatar{width:48px;height:48px;flex:none;border:1px solid var(--class-light,var(--gold));border-radius:9px;overflow:hidden;display:grid;place-items:center;color:var(--class-light,var(--gold))}.selected-avatar img{width:100%;height:100%;object-fit:cover;grid-area:1/1}.selected-avatar>span{grid-area:1/1}.selected-avatar img:not([hidden])+span{visibility:hidden}
.dashboard-character-menu[hidden]{display:none!important}.dashboard-character-menu{position:absolute;z-index:50;right:0;top:calc(100% + 6px);width:min(320px,90vw);max-height:345px;overflow:auto;padding:8px;background:var(--panel);border:1px solid var(--gold);border-radius:10px;box-shadow:0 16px 35px #08050bd9}.dashboard-character-menu .menu-title{padding:6px 9px 9px;font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.1em}.dashboard-character-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:7px;border:0;border-radius:7px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.dashboard-character-menu button:hover,.dashboard-character-menu button:focus-visible{background:var(--panel2);outline:1px solid var(--gold)}.dashboard-character-menu .avatar{width:32px;height:32px;flex:none}.dashboard-character-menu button>span:nth-child(2){min-width:0;flex:1}.dashboard-character-menu strong,.dashboard-character-menu small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dashboard-character-menu strong{color:var(--class-light,var(--gold));font-size:13px}.dashboard-character-menu small{font-size:10px}
.dashboard-focus .spotlight-next,.dashboard-focus .spotlight-hunt{border-color:var(--line);background:var(--panel)}.dashboard-focus .spotlight-columns .card-head{align-items:center;margin-bottom:8px}.dashboard-focus .spotlight-instance{min-height:57px}.dashboard-focus .spotlight-instance .btn{white-space:nowrap}.dashboard-focus .looking-ahead .section-heading h3{font-size:21px}.dashboard-focus .looking-cards .card{min-height:91px;background:var(--panel);border-color:var(--line)}.dashboard-focus .looking-cards .card:hover{border-color:var(--gold)}
.run-panel-head{align-items:center}.run-panel-intro{min-width:0}.run-panel-intro .eyebrow{font-size:10px}.run-panel-intro h3{margin:4px 0;font-size:21px}.run-panel-intro small{display:block;color:var(--muted);font-size:11px}.expansion-icon-picker{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:5px}.expansion-icon-picker .expansion-choice{position:relative;display:grid;place-items:center;min-width:35px;width:35px;height:38px;padding:2px;border-color:color-mix(in srgb,var(--exp-accent,#c69a51) 50%,var(--line));background:color-mix(in srgb,var(--exp-accent,#c69a51) 13%,var(--panel));color:var(--exp-accent,#c69a51)}.expansion-icon-picker .expansion-choice:hover,.expansion-icon-picker .expansion-choice.is-selected{border-color:var(--exp-accent,#d6aa53);background:color-mix(in srgb,var(--exp-accent,#d6aa53) 29%,var(--panel));box-shadow:inset 0 0 0 1px var(--exp-accent,#d6aa53)}.expansion-icon-picker .expansion-choice .expansion-emblem{width:23px;height:23px;transform:translateY(-4px)}.expansion-initials{position:absolute;bottom:1px;font-size:8px;font-weight:800;line-height:1;letter-spacing:-.02em}.expansion-icon-picker .route-choice{width:auto;min-width:100px;display:flex;gap:4px;padding:4px 9px;margin-right:9px;color:var(--gold);border-color:#735c39;background:#392c25;font-weight:700;font-size:11px}.expansion-icon-picker .route-choice .expansion-emblem{width:24px;height:24px;transform:none}.expansion-choice[data-expansion=vanilla]{--exp-accent:#d6a84e}.expansion-choice[data-expansion=tbc]{--exp-accent:#77bb70}.expansion-choice[data-expansion=wotlk]{--exp-accent:#8ec7e9}.expansion-choice[data-expansion=cata]{--exp-accent:#da815a}.expansion-choice[data-expansion=mop]{--exp-accent:#80c59c}.expansion-choice[data-expansion=wod]{--exp-accent:#d49b66}.expansion-choice[data-expansion=legion]{--exp-accent:#91c265}.expansion-choice[data-expansion=bfa]{--exp-accent:#82b1d4}.expansion-choice[data-expansion=sl]{--exp-accent:#bcb1d7}.expansion-choice[data-expansion=df]{--exp-accent:#72bfd0}.expansion-choice[data-expansion=tww]{--exp-accent:#bca7dc}
.featured-name-link{color:inherit;text-decoration:none}.featured-name-link:hover{text-decoration:underline}.featured-character .featured-armory{display:none}.roster-intro{max-width:650px}
@media(max-width:760px){.dashboard-mock-title{align-items:start;flex-direction:column}.selected-character-control{width:100%;max-width:none}.run-panel-head{align-items:start;flex-direction:column}.expansion-icon-picker{justify-content:flex-start}.dashboard-focus .spotlight-instance{flex-wrap:wrap}}
.dashboard-focus .spotlight-status.is-done{background:#8dcaa0;border-color:#8dcaa0}.dashboard-focus .spotlight-instance{border:1px solid var(--line);border-radius:9px;background:var(--panel2);padding:9px 11px;margin-top:7px}.dashboard-focus .spotlight-instance .btn:not(.ghost){background:#483623;border-color:#8b683a;color:#f5d68b}.dashboard-focus .spotlight-instance .btn.ghost{background:transparent}.dashboard-focus .spotlight-columns{grid-template-columns:minmax(0,1.65fr) minmax(295px,1fr)}.dashboard-focus .looking-cards .card .eyebrow{color:var(--gold);letter-spacing:.12em}.dashboard-focus .looking-cards .card strong{line-height:1.25}
@media(max-width:850px){.dashboard-focus .spotlight-columns{grid-template-columns:1fr}}
/* v12.6: type system from the cohesive mockup; keep the existing wordmark. */
body{font:15px/1.45 Inter,"Segoe UI",Arial,sans-serif}
button,input,select,textarea{font-family:inherit}
.page-title h2{font:700 31px/1.2 Georgia,serif;margin:4px 0}
.page-title .muted,.page-title p.muted{font-size:15px;line-height:1.45}
.eyebrow,.dashboard-mock-title .eyebrow,.run-panel-intro .eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.nav{font-size:15px}
.stat small,.dashboard-mock-stats .stat>small:first-child,.dashboard-mock-stats .stat>span,.mock-earnings small,.dashboard-mock-stats .mock-all-total{font-size:12px}
.dashboard-mock-stats .stat>strong{font-size:26px}
.mock-earnings strong{font-size:20px}
.dashboard-focus .spotlight-columns .card-head h3,.dashboard-focus .looking-ahead .section-heading h3,.run-panel-intro h3,.card-head h3,.section-heading h3,.compact-roster-heading h3,.roster-section-heading h3{font:700 20px/1.2 Georgia,serif}
.dashboard-focus .spotlight-instance small,.dashboard-focus .spotlight-target small,.dashboard-focus .hunt-note,.dashboard-focus .looking-cards .card small,.run-panel-intro small{font-size:12px;line-height:1.45}
.dashboard-focus .looking-cards .card .eyebrow{font-size:11px}
.dashboard-mock-title h2{font:700 31px/1.2 Georgia,serif}
.dashboard-mock-title p{font-size:15px}
/* Preserve the current logo name and its original sizing on every page. */
.brand h1{font-size:19px}
@media(max-width:520px){.brand h1{font-size:16px}.page-title h2,.dashboard-mock-title h2{font-size:28px}}
/* v12.7: apply the mockup's readable type hierarchy to detailed views. */
/* Raid and dungeon cards, dashboard and catalog. */
.dash-card-title strong,.catalog-title strong,.run-name{font-size:16px;line-height:1.25}
.dash-card-title small,.dash-card-footer small,.catalog-name .run-meta,.catalog-rewards small,.run-meta,.run-note{font-size:12px;line-height:1.4}
.dash-card-metrics strong,.catalog-results strong{font-size:18px;line-height:1.2}
.dash-card-metrics small,.catalog-results small{font-size:12px;line-height:1.3}
.dash-card-actions .btn,.catalog-actions .btn,.run-details{font-size:12px}
.dashboard-catalog-card .run-note{font-size:12px}
.catalog-route-badge{font-size:11px}
/* Keep the compact three-column metric pills legible without making the card wider. */
.run-metric .metric-copy strong{font-size:12px}
.run-metric .metric-copy small{font-size:10px}
/* Collections, mount hunt, decor, and battle pet atlases. */
.mount-hunt-section>h3 small{font:12px/1.4 Inter,"Segoe UI",Arial,sans-serif}
.atlas-item-copy small,.route-hunt-item small,.mount-atlas-heading small,.atlas-expansion-head small,.atlas-credit,.atlas-pinned-head>span,.atlas-more-count{font-size:12px;line-height:1.4}
.atlas-status,.atlas-view-group,.mount-atlas-card-footer>span,.mount-atlas-card-footer .btn,.mount-atlas-other-head .btn{font-size:11px}
.atlas-item-copy strong,.route-hunt-item strong{font-size:14px;line-height:1.3}
.mount-atlas-heading h3{font:700 20px/1.2 Georgia,serif}
/* Character roster and selected profile. */
.compact-character strong{font-size:15px}.compact-character small,.compact-character em,.roster-row>.identity-details .armory-link,.roster-row>.identity-details .sync-note,.roster-select-hint,.featured-metrics small{font-size:12px;line-height:1.4}
.roster-context,.roster-manage>summary,.roster-help{font-size:13px;line-height:1.45}
.featured-details h3{font:700 25px/1.2 Georgia,serif}
/* Route planning, progress, and unlock cards. */
.suggestion-card h4,.unlock-grid h3{font:700 18px/1.25 Georgia,serif}
.suggestion-card>small,.suggestion-metrics small,.candidate small,.looking-cards small,.spotlight-stats small,.spotlight-stats span,.chart-column>span,.detail-metrics small{font-size:12px;line-height:1.4}
.suggestion-metrics strong,.detail-metrics strong{font-size:17px}
.candidate .btn,.content-scope select,.content-scope small,.route-scope small{font-size:12px}
.content-scope strong,.route-scope strong{font-size:14px}
.chart-column small{font-size:11px}
/* Dialogs, run summaries, and forms. */
.dialog h2{font:700 25px/1.2 Georgia,serif}
.average-heading,.average-grid small,.detail-reward small,.run-reward-heading small,.reward-pick small,.logged-drops span,.form-help{font-size:12px;line-height:1.4}
.dialog label,.dialog input,.dialog select,.dialog textarea{font-size:14px}
@media(max-width:680px){.dash-card-metrics{flex-wrap:wrap;gap:8px 15px}.catalog-results{flex-wrap:wrap}}
/* v12.8 cohesive navigation and page controls */
.topbar{gap:30px;background:#100c17;border-bottom-color:#3a2b3e}.topbar nav{gap:4px}.topbar .nav{font-size:15px;border-radius:8px;padding:9px 12px}.topbar .nav.active{background:#3d2f32;color:var(--gold);border:0}.topbar .nav.active:hover{background:#49363a;color:var(--gold)}
.account-actions{position:relative;flex-wrap:nowrap}.account-trigger{border:0;background:none;color:var(--gold);font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;padding:8px 5px}.account-trigger:hover{text-decoration:underline}.account-popover[hidden],.catalog-expansion-options[hidden]{display:none!important}.account-popover{position:absolute;right:0;top:calc(100% + 12px);z-index:30;min-width:185px;display:grid;gap:5px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 15px 35px #0009}.account-popover .btn{display:block;width:100%;text-align:left;background:transparent;color:var(--text);border-color:transparent;font-size:13px}.account-popover .btn:hover{border-color:var(--gold);background:var(--panel2)}
.selected-character-control{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-width:245px;padding:10px 12px}.selected-avatar{order:0;width:49px;height:49px}.selected-character-copy{order:1;flex:1;align-items:flex-end;text-align:right;gap:2px}.selected-character-name{font-size:15px;max-width:240px}.selected-character-name a{color:inherit;text-decoration:none}.selected-character-name a:hover{text-decoration:underline}.selected-switch{font-size:12px}.selected-character-control small{font-size:11px}.dashboard-character-menu{right:0;top:calc(100% + 5px);max-height:335px}.dashboard-character-menu .view-all-characters{justify-content:center;color:var(--gold);font-weight:700;margin-top:5px;border-top:1px solid var(--line);border-radius:0}
/* Mockup-sized overview rows and quiet, readable captions. */
.dashboard-focus .spotlight-columns .card{padding:16px}.dashboard-focus .spotlight-instance,.dashboard-focus .spotlight-target{background:#211b29;border:1px solid #46394b;border-radius:9px;padding:11px 12px;margin-top:8px;min-height:60px}.dashboard-focus .spotlight-instance small,.dashboard-focus .spotlight-target small{font-size:12px}.dashboard-focus .spotlight-instance .btn{padding:7px 10px}.dashboard-focus .looking-cards .card{padding:15px;min-height:100px}.dashboard-focus .looking-cards .card strong{font-size:19px}.dashboard-focus .looking-cards .card small{font-size:12px}.dashboard-focus .hunt-note{padding:11px 12px;font-size:12px}
.expansion-icon-picker .expansion-choice:not(.route-choice){width:37px;min-width:37px;height:35px}.expansion-icon-picker .expansion-choice:not(.route-choice) .expansion-initials{position:static;font-size:11px;letter-spacing:-.02em}.expansion-icon-picker .route-choice{width:auto;min-width:96px;height:35px;margin-right:13px;padding:5px 9px;gap:7px}.expansion-icon-picker .route-choice .expansion-initials{position:static;font-size:10px;border:1px solid currentColor;border-radius:4px;padding:3px}.expansion-icon-picker .route-choice>span:last-child{font-size:12px}.expansion-icon-picker .expansion-choice:not(.route-choice) .expansion-emblem{display:none}
/* Character feature and management dialogs */
.roster-header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.roster-header-actions .btn,.featured-actions .btn{border-radius:7px;padding:8px 11px;font-size:13px}.roster-header-actions #newChar,.featured-actions .btn:first-child{background:#403126;color:var(--gold);border:1px solid #83613a}.featured-character{grid-template-columns:86px minmax(0,1fr) auto;gap:17px;align-items:start;padding:18px}.featured-details h3{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;font:700 21px/1.25 Georgia,serif;margin:0 0 3px}.featured-details h3 small{font:13px/1.4 Inter,"Segoe UI",Arial,sans-serif;color:var(--muted)}.featured-main-star{color:var(--gold)}.featured-details p{font-size:13px;margin:0 0 12px;color:var(--muted)}.featured-metrics{display:flex;gap:0;margin-top:10px}.featured-metrics span{min-width:120px;padding:0 13px;border-right:1px solid var(--line)}.featured-metrics span:first-child{padding-left:0}.featured-metrics span:last-child{border:0}.featured-metrics strong{display:block;font-size:19px;line-height:1.2;color:var(--gold)}.featured-metrics small{display:block;font-size:12px;line-height:1.35}.featured-actions{display:grid;gap:8px;align-self:center;min-width:148px}.featured-actions .btn{white-space:nowrap;text-align:center}.roster-popup{width:min(850px,calc(100vw - 24px));max-width:none;max-height:min(80vh,850px);overflow:auto;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.roster-popup::backdrop{background:#08050dbb}.roster-popup-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.roster-popup-head h2{font:700 23px Georgia,serif;margin:0}.roster-popup-head .dialog-close{position:static;flex:none}.roster-popup>.muted{margin:8px 0 14px}.roster-popup .account-picker{max-width:none;margin:0}.roster-popup .roster{max-height:55vh;overflow:auto}.roster-popup .card{padding:14px}
/* Two-column order cards with familiar instance artwork. */
.route-browse-all{margin-left:auto;border-color:#83613a;color:var(--gold)}.route-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.route-item{display:flex;align-items:stretch;gap:8px;min-width:0;border:1px solid var(--line);border-radius:10px;padding:7px;background:var(--panel)}.route-item[draggable=true]{cursor:grab}.route-item.is-dragging{opacity:.5}.route-item.drag-over{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.route-index{flex:none;align-self:flex-start;color:var(--gold);font-size:12px;padding:8px 0}.route-card{min-width:0;flex:1}.route-info-card{display:flex;flex-direction:column;justify-content:space-between;min-height:125px;padding:12px;border-radius:8px}.route-info-head{display:flex;align-items:center;gap:9px;min-width:0}.route-info-head>div{min-width:0}.route-info-head strong,.route-info-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-info-head strong{font-size:16px}.route-info-head small{font-size:12px;color:var(--muted)}.route-info-metrics{display:flex;gap:16px;margin-left:37px}.route-info-metrics b,.route-info-metrics small{display:block}.route-info-metrics b{color:var(--gold);font-size:16px}.route-info-metrics small{font-size:11px;color:var(--muted)}.route-card .route-context{padding:8px 2px 0;display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.route-context>span{margin-right:auto}
/* Four collection doors and character reputation list. */
.collection-hub-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.hub-card{min-height:220px;padding:16px}.hub-card h3{font:700 20px Georgia,serif}.hub-symbol.reputation{color:#d7b76a;border-color:#a9854d;background:#332b21}.reputation-panel{margin:17px 0}.reputation-panel .card-head{align-items:flex-start;gap:15px}.reputation-tools{display:flex;gap:8px;align-items:center}.reputation-tools .search{width:210px}.reputation-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:420px;overflow:auto}.reputation-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;align-items:center;border:1px solid var(--line);background:var(--panel2);border-radius:8px;padding:9px 11px;font-size:13px}.reputation-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reputation-row span{color:var(--gold)}.reputation-row small{grid-column:1/-1;color:var(--muted)}.reputation-row[hidden]{display:none}
/* Catalog scope and expansion controls. */
.catalog-expansion-menu{position:relative;margin-left:auto}.catalog-expansion-trigger{min-width:145px;text-align:left}.catalog-expansion-options{position:absolute;z-index:20;right:0;top:calc(100% + 5px);min-width:210px;max-height:320px;overflow:auto;border:1px solid var(--line);border-radius:9px;background:var(--panel);box-shadow:0 16px 30px #000a;padding:6px}.catalog-expansion-options button{display:block;width:100%;border:0;border-radius:6px;background:transparent;color:var(--text);padding:8px 10px;text-align:left;cursor:pointer}.catalog-expansion-options button:hover,.catalog-expansion-options button.is-selected{color:var(--gold);background:var(--panel2)}
.raid-name{color:#ffba70}.dungeon-name{color:#9bd4ff}[data-theme=light] .raid-name{color:#9a4e08}[data-theme=light] .dungeon-name{color:#17588e}
@media(max-width:1050px){.collection-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-character{grid-template-columns:75px minmax(0,1fr)}.featured-actions{grid-column:1/-1;display:flex;flex-wrap:wrap}.route-list{grid-template-columns:1fr}}
@media(max-width:650px){.topbar{height:auto;flex-wrap:wrap;padding:10px 14px}.topbar nav{order:3;flex:1 1 100%;overflow-x:auto}.selected-character-control{width:100%;max-width:none}.collection-hub-grid,.reputation-list{grid-template-columns:1fr}.reputation-panel .card-head{flex-direction:column}.featured-character{grid-template-columns:60px minmax(0,1fr)}.featured-avatar.avatar{width:58px;height:58px}.featured-metrics{flex-wrap:wrap}.featured-metrics span{min-width:80px}.roster-header-actions{margin-top:12px}.route-info-metrics{flex-wrap:wrap;gap:8px 12px}}
/* v12.9 compact expansion text and shared instance cards */
.expansion-icon-picker{display:flex;gap:5px;align-items:center;justify-content:flex-end}.expansion-icon-picker .expansion-choice:not(.route-choice),.catalog-expansion-picker .expansion-choice:not(.catalog-all-choice){width:60px;min-width:60px;height:38px;padding:4px 2px;font-size:11px;font-weight:800;line-height:1.1;text-align:center;white-space:nowrap}.expansion-icon-picker .route-choice,.catalog-expansion-picker .catalog-all-choice{min-width:104px;width:auto;height:38px;padding:6px 10px;margin-right:13px;justify-content:center;font-size:12px;font-weight:700}.expansion-icon-picker .route-choice .expansion-initials{display:none}.catalog-expansion-picker{justify-content:flex-end;margin:10px 0 13px;flex-wrap:wrap}.catalog-expansion-picker .catalog-all-choice{background:#392c25;border-color:#806a3e;color:var(--gold)}
.dashboard-catalog-card{display:flex;flex-direction:column;min-height:178px;gap:8px}.dash-card-top{align-items:flex-start;gap:8px}.dash-card-title{min-width:0;flex:1}.dash-card-name{display:flex;align-items:center;gap:7px;min-width:0}.dash-card-name strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-card-name .wowhead-icon{flex:none;margin:0}.dash-card-controls{display:grid;justify-items:end;align-content:start;gap:7px;min-width:146px}.dash-route-badge{min-height:22px;display:flex;align-items:center;justify-content:flex-end}.dash-card-actions{display:flex;justify-content:flex-end;gap:6px}.dash-card-actions .btn{padding:6px 8px;font-size:12px;white-space:nowrap}.dash-card-metrics{margin-top:auto}.dash-card-footer{display:flex;align-items:flex-end;justify-content:space-between;min-height:29px;gap:8px}.dash-card-footer>div:first-child{min-width:0;display:flex;align-items:center;gap:6px}.dash-card-footer .instance-toggle{display:grid;place-items:center;width:30px;min-width:30px;height:30px;border-radius:50%;padding:0;font-size:17px;flex:none;margin-left:auto}.instance-catalog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.instance-catalog-list>.empty{grid-column:1/-1}.instance-catalog .dashboard-catalog-card{min-height:178px}.instance-catalog .runs-toolbar{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
/* Collections and Progress page controls */
.collection-section-nav{display:flex;gap:7px;flex-wrap:wrap;margin:4px 0 16px}.collection-section-nav .filter{padding:7px 11px}.collection-hub-grid{margin-top:8px}.reputation-overview{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:12px;margin:13px 0}.reputation-overview .atlas-total{min-height:92px}.reputation-panel{margin-top:15px}.atlas-refresh-row{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:-3px 0 12px}.atlas-refresh-row small{color:var(--muted)}.atlas-title{align-items:end}.progress-header-controls{display:flex;align-items:stretch;gap:8px}.progress-header-controls .progress-scope{min-width:155px}.progress-header-controls .selected-character-control{min-width:240px}.progress-header-controls .progress-scope select{width:100%}
.version-dialog{width:min(780px,calc(100vw - 24px));max-width:none;max-height:82vh;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text)}.version-dialog-inner{position:relative;padding:22px}.version-dialog .footer-notes{margin:0;border:0;padding:0}.version-dialog .footer-notes h3{font:700 23px Georgia,serif;margin:0 38px 14px 0}.version-dialog .version-history{max-height:calc(82vh - 96px);overflow:auto;padding-right:9px}.version-dialog::backdrop{background:#000a}
@media(max-width:1150px){.expansion-icon-picker{justify-content:flex-start;flex-wrap:wrap}.instance-catalog-list{grid-template-columns:1fr}.progress-header-controls{flex-wrap:wrap}}
@media(max-width:650px){.dash-card-top{align-items:flex-start}.dash-card-controls{min-width:0}.dash-card-actions{flex-wrap:wrap}.dash-card-metrics{padding-left:0}.dash-card-footer{align-items:flex-end;flex-direction:row}.dash-card-actions .btn{font-size:11px}.progress-header-controls,.progress-header-controls .selected-character-control{width:100%}.reputation-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* v12.10 addon run import within the instance Log Run dialog */
.run-addon-entry{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:13px 0}.run-addon-entry small{font-size:12px}.addon-import-dialog{width:min(720px,calc(100vw - 22px));max-width:none;max-height:86vh;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text)}.addon-import-dialog .dialog{max-height:86vh;overflow:auto}.addon-import-dialog textarea{width:100%;font:12px/1.4 ui-monospace,monospace}.addon-import-error{color:#ee8d8d;margin:10px 0}.addon-import-matches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.addon-import-matches select{width:100%}.addon-import-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0}.addon-import-summary>div{border:1px solid var(--line);border-radius:8px;padding:10px}.addon-import-summary small,.addon-import-summary span{display:block;color:var(--muted);font-size:12px}.addon-import-summary strong{display:block;margin:3px 0}.addon-item-list{max-height:180px;overflow:auto;margin:8px 0}.addon-item-list>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:5px 0;font-size:12px}.addon-item-list>div span:last-child{text-align:right;color:var(--muted)}.addon-history{margin-top:6px}.addon-history summary{cursor:pointer;color:var(--gold)}.addon-history small{display:block;margin:5px 0;color:var(--muted)}
@media(max-width:650px){.addon-import-matches,.addon-import-summary{grid-template-columns:1fr}}
/* v12.11 shared instance controls */
.expansion-icon-picker,.catalog-expansion-picker{justify-content:flex-start;margin-left:0;margin-right:auto;width:100%;overflow-x:auto;flex-wrap:nowrap}.catalog-expansion-picker{margin:10px 0 13px}.expansion-icon-picker .expansion-choice{opacity:.55;filter:grayscale(1);transition:opacity .18s,filter .18s,background .18s,border-color .18s}.expansion-icon-picker .expansion-choice:hover,.expansion-icon-picker .expansion-choice.is-selected{opacity:1;filter:none}.expansion-icon-picker .route-choice,.catalog-expansion-picker .catalog-all-choice{margin-right:14px}.expansion-icon-picker .expansion-vanilla{--expansion-color:#d7a96e}.expansion-icon-picker .expansion-tbc{--expansion-color:#8dcb86}.expansion-icon-picker .expansion-wotlk{--expansion-color:#a4d8f0}.expansion-icon-picker .expansion-cata{--expansion-color:#e09a73}.expansion-icon-picker .expansion-mop{--expansion-color:#8ad3b0}.expansion-icon-picker .expansion-wod{--expansion-color:#dda274}.expansion-icon-picker .expansion-legion{--expansion-color:#a8d379}.expansion-icon-picker .expansion-bfa{--expansion-color:#96bedc}.expansion-icon-picker .expansion-sl{--expansion-color:#c5b1ed}.expansion-icon-picker .expansion-df{--expansion-color:#90d2e8}.expansion-icon-picker .expansion-tww{--expansion-color:#c9b3ea}.expansion-icon-picker .expansion-choice:hover,.expansion-icon-picker .expansion-choice.is-selected{border-color:var(--expansion-color,var(--gold));color:var(--expansion-color,var(--gold));background:color-mix(in srgb,var(--expansion-color,var(--gold)) 18%,var(--panel));box-shadow:0 0 0 1px color-mix(in srgb,var(--expansion-color,var(--gold)) 30%,transparent)}
.dash-card-controls{min-width:116px;width:116px}.dash-route-badge{width:100%}.dash-route-badge .catalog-route-badge{width:100%;text-align:center}.dash-card-actions{display:grid;width:100%;grid-template-columns:1fr;gap:5px}.dash-card-actions .btn{height:30px;width:100%;display:grid;place-items:center}.dash-card-note{display:block;color:var(--muted);opacity:.75;font-size:11px;margin-top:4px;line-height:1.25}.dashboard-catalog-card{min-height:178px}.dash-card-footer{margin-top:auto}.dashboard-catalog-card .dash-card-metrics{margin-top:3px}
@media(max-width:650px){.dash-card-controls{min-width:100px;width:100px}.dash-card-actions{display:grid}.expansion-icon-picker,.catalog-expansion-picker{justify-content:flex-start;flex-wrap:nowrap}}
/* Collection alignment */
.collection-hub-grid .hub-head{display:flex;align-items:center;gap:13px;min-height:62px}.collection-hub-grid .hub-head .hub-symbol{flex:none;margin:0}.collection-hub-grid .hub-head h3{margin:0 0 2px}.collection-hub-grid .hub-head strong{display:block;margin:0;font-size:19px}.atlas-refresh-row{display:flex;align-items:center;justify-content:flex-end;min-height:36px;margin:0 0 12px;gap:10px}.atlas-refresh-row .atlas-refresh-icon{font:700 12px/1.2 Inter,Segoe UI,sans-serif!important;padding:7px 10px!important;height:32px;white-space:nowrap}.atlas-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.atlas-tabs .atlas-class-filter{display:flex;align-items:center;gap:8px;margin:0 0 0 auto;padding:0;border:0;background:none}.atlas-tabs .atlas-class-filter label{white-space:nowrap}.atlas-tabs .atlas-class-filter select{min-width:170px;height:34px;font-size:12px}
@media(max-width:700px){.atlas-tabs .atlas-class-filter{margin-left:0;width:100%;justify-content:flex-end}}
/* Character profile follows the cohesive mockup proportions */
.featured-character{grid-template-columns:100px minmax(0,1fr) minmax(185px,240px);gap:22px;align-items:center;padding:18px}.featured-avatar.avatar{width:100px;height:100px}.featured-details h3{font-size:25px}.featured-details h3 small{font-size:13px}.featured-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.featured-metrics span{min-width:0;padding:0 12px}.featured-metrics strong{font-size:19px}.featured-actions{min-width:0;width:100%}.featured-actions .btn{width:100%}
@media(max-width:1000px){.featured-character{grid-template-columns:80px minmax(0,1fr)}.featured-avatar.avatar{width:80px;height:80px}.featured-actions{grid-column:1/-1;display:flex}.featured-actions .btn{width:auto;flex:1}}
@media(max-width:600px){.featured-character{grid-template-columns:62px minmax(0,1fr);gap:12px}.featured-avatar.avatar{width:62px;height:62px}.featured-metrics span{padding:0 6px}.featured-actions{flex-wrap:wrap}.featured-actions .btn{flex:1 1 140px}}
.progress-tabs{display:flex;align-items:center;flex-wrap:wrap}.progress-tabs .progress-all-choice{margin-left:auto}.progress-header-controls.all-scope .selected-character-control{opacity:.55;filter:grayscale(1)}.progress-header-controls.all-scope .selected-character-control:hover,.progress-header-controls.all-scope .selected-character-control:focus-within{opacity:1;filter:none}
.run-gold-heading{font:700 16px Georgia,serif;margin:14px 0 7px;color:var(--gold)}.run-submit-row{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-top:14px}.run-import-action{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}.run-import-action small{font-size:11px;line-height:1.3}.run-submit-row #runSubmit{min-width:115px;height:36px;flex:none}.addon-import-dialog{width:min(560px,calc(100vw - 22px));max-width:none}.addon-import-dialog>.dialog{box-sizing:border-box;width:100%;max-width:none;margin:0}.addon-import-dialog .addon-import-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:550px){.run-submit-row{flex-wrap:wrap}.run-submit-row #runSubmit{margin-left:auto}.addon-import-dialog .addon-import-summary{grid-template-columns:1fr}}
.reputation-reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.reputation-reward-group{min-width:0}.reputation-reward-group .card-head{align-items:baseline;gap:6px}.reputation-reward-group details summary{cursor:pointer;color:var(--gold);padding:9px 0}.reputation-reward{display:flex;align-items:center;gap:7px;min-width:0;border-top:1px solid var(--line);padding:8px 0}.reputation-reward-icon{display:grid;place-items:center;width:28px;height:28px;flex:none;overflow:hidden}.reputation-reward-icon img{max-width:100%;max-height:100%;border-radius:5px}.reputation-reward-copy{min-width:0;flex:1}.reputation-reward-copy strong,.reputation-reward-copy small{display:block;overflow:hidden;text-overflow:ellipsis}.reputation-reward-copy strong{font-size:12px}.reputation-reward-copy small{font-size:10px;color:var(--muted)}.reputation-reward .atlas-pin{flex:none}.reputation-reward .atlas-wow{flex:none}
@media(max-width:1100px){.reputation-reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.reputation-reward-grid{grid-template-columns:1fr}}
.atlas-refresh-row .atlas-refresh-icon{display:grid;place-items:center;width:34px;min-width:34px;height:34px;padding:0!important;font-size:20px!important;line-height:1!important}

/* Compact instance cards: averages under title, rewards beside route toggle. */
.dashboard-catalog-card,.instance-catalog .dashboard-catalog-card{min-height:0;gap:8px}
.dash-card-title{align-items:flex-start}
.dash-card-summary{min-width:0}
.dash-card-summary>.dash-card-metrics{margin:11px 0 0;padding:0;gap:14px;flex-wrap:wrap}
.dash-card-summary>.dash-card-metrics small{white-space:nowrap}
.dash-card-footer{margin-top:0;min-height:30px}
@media(max-width:650px){.dash-card-summary>.dash-card-metrics{gap:7px 12px}.dash-card-controls{min-width:100px}}

/* Shared instance card on My Route; ordering stays in the left rail. */
.route-item{align-items:stretch}
.route-card .dashboard-catalog-card{height:100%;min-height:0;border-radius:8px}
.route-order-column{display:flex;flex-direction:column;align-items:center;gap:6px;flex:none;width:31px}
.route-order-column .route-index{padding:6px 0 2px;white-space:nowrap}
.route-order-column .route-order{width:29px;height:29px;min-width:29px;padding:0;display:grid;place-items:center}

.run-difficulty{display:flex;align-items:end;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:11px 0}.run-difficulty label{min-width:180px}.run-difficulty select{display:block;width:100%}.run-difficulty small{font-size:12px}.difficulty-comparison{margin-top:15px}.difficulty-comparison table{width:100%;border-collapse:collapse}.difficulty-comparison th,.difficulty-comparison td{padding:8px;border-bottom:1px solid var(--line);text-align:right}.difficulty-comparison th:first-child,.difficulty-comparison td:first-child{text-align:left}.difficulty-comparison .best{color:var(--gold)}@media(max-width:650px){.difficulty-comparison{overflow-x:auto}.difficulty-comparison table{min-width:520px}}

.dash-card-footer>div:first-child{flex-wrap:wrap}.dash-card-footer .difficulty-card-state{width:100%;font-size:11px;color:var(--muted)}

/* Keep history actions anchored when an addon item breakdown expands. */
.run-history .history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px}
.run-history .history-row>div:first-child{min-width:0;overflow-wrap:anywhere}
.run-history .history-row>.danger{justify-self:end;align-self:start;white-space:nowrap}
.run-history .addon-history{min-width:0}.run-history .addon-item-list>div{overflow-wrap:anywhere}
/* Keep run logging and imported item history on one dialog scrollbar. */
#runDialog,.addon-import-dialog{box-sizing:border-box;max-height:calc(100dvh - 32px);overflow-y:auto;overflow-x:hidden}
#runDialog{width:min(760px,calc(100vw - 24px));max-width:none;padding:0}
#runDialog>.dialog,.addon-import-dialog>.dialog{box-sizing:border-box;width:100%;min-width:0;max-width:none;max-height:none;overflow:visible;margin:0}
#runDialog .run-history,#runDialog .addon-item-list{max-height:none;overflow:visible}
#runDialog .addon-item-list>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,40%);gap:12px;align-items:start}
#runDialog .addon-item-list span{min-width:0;overflow-wrap:anywhere}
.dashboard-focus .spotlight-status.has-count{display:grid;place-items:center;border-color:#5687c4;background:#142a45;color:#b4dcff;font-size:10px;font-weight:800;line-height:1}
@media(max-width:540px){#runDialog .addon-item-list>div{grid-template-columns:1fr;gap:2px}#runDialog .addon-item-list>div span:last-child{text-align:left}}
.guide-dialog{box-sizing:border-box;width:min(680px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 32px);padding:0;overflow-y:auto;overflow-x:hidden;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text)}
.guide-dialog::backdrop{background:#000a}
.guide-dialog-inner{box-sizing:border-box;width:100%;min-width:0;max-width:none;max-height:none;overflow:visible;margin:0;padding:25px}
.guide-dialog h2{margin:0 40px 16px 0}.guide-dialog h3{font:700 20px Georgia,serif;color:var(--gold);margin:20px 0 9px}.guide-dialog h4{color:var(--text);margin:20px 0 6px}
.guide-dialog p,.guide-dialog li{line-height:1.55}.guide-dialog li+li{margin-top:7px}.guide-dialog ul,.guide-dialog ol{padding-left:23px}.guide-nav{padding:10px 12px;border:1px solid var(--line);border-radius:7px}.guide-nav a{color:var(--gold)}
.guide-nav{display:flex;flex-wrap:wrap;gap:8px 17px}.guide-section{padding:4px 0 15px;border-bottom:1px solid var(--line)}.guide-section:last-child{border-bottom:0}
.route-sample{color:var(--gold);font-size:12px;font-weight:700;padding:5px 10px;border:1px solid var(--line);border-bottom:0;border-radius:7px 7px 0 0}
.results-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 16px}.results-controls .filters{margin:0}.results-secondary{margin:4px 0 18px;color:var(--muted);font-size:13px}.results-secondary strong{color:var(--text)}.results-secondary small{display:block;margin-top:4px}
.results-roster-scroll{overflow-x:auto}.results-roster table{width:100%;border-collapse:collapse;min-width:680px}.results-roster th,.results-roster td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);font-size:13px;white-space:nowrap}.results-roster th{color:var(--muted);font-size:11px}.results-roster td:first-child small{display:block;color:var(--muted);font-size:11px}.results-roster .text-link{padding:0}.results-trend{margin:14px 0}.manage-data-dialog{width:min(520px,calc(100vw - 24px));max-width:none}.manage-data-dialog .dialog{box-sizing:border-box;width:100%;min-width:0}.manage-data-dialog hr{border:0;border-top:1px solid var(--line);margin:20px 0}.manage-data-dialog h3{font-size:16px;margin:0 0 7px}.manage-data-dialog input{width:100%;margin-top:6px}
.dash-gold-sample{color:var(--gold)!important;font-weight:700;margin-top:3px}
.run-tag-difficulty{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:8px;color:var(--muted);font-size:12px}.run-tag-difficulty select{max-width:180px}

/* Anchor rewards and difficulty labels to the card's left edge at every width. */
.dash-card-footer{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:end}
.dash-card-footer>div:first-child{width:100%;min-width:0;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;align-content:start}
.dash-card-footer .difficulty-card-state{flex:0 0 100%;width:100%;text-align:left;white-space:normal}
.dash-card-footer .instance-toggle{margin-left:0}

/* Keep the menu visually centered between the brand and account controls. */
@media(min-width:1221px){.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.topbar nav{flex:none;justify-content:center;overflow:visible}.topbar .account-actions{justify-self:end}}
@media(max-width:1220px){.topbar nav{justify-content:safe center}}

/* The header shares the footer's centered content width and scrolls with the page. */
.topbar{position:relative;top:auto;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:18px;padding:12px max(18px,calc((100vw - 1200px)/2));height:auto;min-height:72px}
.topbar nav{flex:none;justify-content:center;overflow:visible;flex-wrap:wrap;min-width:0;white-space:normal}
.topbar .brand{min-width:0;justify-self:start}.topbar .account-actions{justify-self:end;margin-left:0}
@media(max-width:1220px){.topbar{grid-template-columns:minmax(0,1fr) auto}.topbar nav{grid-column:1/-1;grid-row:2;order:initial;width:100%;justify-content:center;overflow:visible;white-space:normal}}
@media(max-width:520px){.topbar{gap:8px}.topbar .nav{font-size:13px;padding:7px 8px}}
.site-footer .footer-inner{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}
.site-footer .footer-theme{justify-self:start}.site-footer .footer-data{justify-self:center}.site-footer .footer-info{justify-self:end}
.site-footer .footer-data,.site-footer .footer-info{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
@media(max-width:700px){.site-footer .footer-inner{grid-template-columns:1fr 1fr}.site-footer .footer-data{grid-column:1/-1;grid-row:2;justify-self:center}.site-footer .footer-info{grid-column:2;grid-row:1}}
.feedback-dialog{width:min(480px,calc(100vw - 28px));min-width:0;max-width:none}.feedback-dialog label,.feedback-dialog input,.feedback-dialog select,.feedback-dialog textarea{min-width:0;max-width:100%;box-sizing:border-box}
#feedbackDialog{width:min(480px,calc(100vw - 28px));max-width:none}#feedbackDialog .feedback-dialog{width:100%}#feedbackDialog select{display:block;width:100%;margin-top:5px}
.featured-actions .btn{min-height:36px}.featured-actions .sync-note{display:block;text-align:center;font-size:12px;color:var(--muted);margin-top:5px}
.roster-header-actions #newChar,.featured-actions .btn:first-child{background:transparent;color:var(--text);border:1px solid var(--line)}
.version-dialog .version-history{display:grid;grid-template-columns:1fr;gap:10px}
.featured-character{grid-template-columns:100px minmax(0,1fr) 178px}
.featured-actions{width:178px;min-width:0}.featured-actions .btn{width:100%;padding:7px 8px;min-height:34px;white-space:nowrap}
@media(max-width:1000px){.featured-character{grid-template-columns:80px minmax(0,1fr)}.featured-actions{width:100%}.featured-actions .btn{width:auto;flex:0 1 178px}}
@media(max-width:600px){.featured-character{grid-template-columns:62px minmax(0,1fr)}.featured-actions .btn{flex:1 1 150px}}

/* One financial summary in both the detail and run windows. */
.average-breakdown{margin:15px 0 18px;padding:14px;border:1px solid var(--line);border-radius:9px;background:var(--panel2)}
.average-breakdown .average-heading{margin:0 0 11px;color:var(--text);font-size:13px}
.average-breakdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(100px,.6fr);gap:10px}
.average-breakdown-grid>div{min-width:0;padding:11px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.average-breakdown-grid small,.average-breakdown-grid strong{display:block}.average-breakdown-grid small{color:var(--muted);font-size:12px}.average-breakdown-grid strong{color:var(--gold);font-size:20px;margin:3px 0 8px}
.average-parts{display:grid;gap:4px;padding-top:7px;border-top:1px solid var(--line)}.average-parts span{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}.average-parts b{color:var(--text);white-space:nowrap}
#runAverages.run-averages{padding:0;border:0;background:transparent;margin:0}#runAverages .average-breakdown{margin-top:0}
.run-dialog-context{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.run-dialog-context p{margin:0}.run-dialog-context .btn{flex:none;font-size:12px}
.run-section-title{font:700 17px Georgia,serif;color:var(--gold);margin:21px 0 9px;padding-top:13px;border-top:1px solid var(--line)}
.detail-actions a.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-left:auto}.wowhead-button-icon{width:19px;height:19px;object-fit:contain}
.dashboard-focus .spotlight-instance .btn{width:105px;min-width:105px;flex:none;text-align:center}
@media(max-width:650px){.average-breakdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.average-time{grid-column:1/-1}.run-dialog-context{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:420px){.average-breakdown-grid{grid-template-columns:1fr}.average-time{grid-column:auto}}

/* v12.15: the delete control is anchored independently of expanded addon details. */
#runHistory .history-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important}
#runHistory .history-row>.danger{align-self:start!important;justify-self:end!important;margin:0!important}
#runHistory .history-row>div:first-child{min-width:0}