/* NAK-461: compact, executive-only comparison. All styles stay in this view. */
.main:has(#view[data-view="raise-ranking"]) .top { min-height: 88px; margin-bottom: 0; padding: 18px 0; }
.main:has(#view[data-view="raise-ranking"]) #view-title { font-size: 25px; }
.main:has(#view[data-view="raise-ranking"]) .eyebrow { font-size: 10px; margin-bottom: 4px; }
.rr, .rr-dialog { --rr-line:#c8cfc4; --rr-ink:#1c231c; --rr-sub:#50594e; --rr-paper:#fdfdfb; --rr-blue:#355a75; --rr-beige:#a58963; font-size:13px; line-height:1.55; color:var(--rr-ink); font-variant-numeric:tabular-nums; }
.rr { padding-top:14px; }
.rr button, .rr-dialog button { cursor:pointer; color:inherit; font:inherit; }
.rr button:focus-visible, .rr input:focus-visible, .rr-dialog button:focus-visible { outline:2px solid #355a75; outline-offset:3px; }
.rr-period-line, .rr-period-picker, .rr-toolbar, .rr-modes, .rr-schemes, .rr-list-caption, .rr-legend, .rr-amount-line { display:flex; align-items:center; }
.rr-period-line { justify-content:space-between; gap:12px; padding-bottom:14px; }
.rr-period-picker { gap:12px; min-width:0; }
.rr-period-picker label { font-size:11px; color:var(--rr-sub); white-space:nowrap; }
#rr-period-combo { width:192px; }
#rr-period-combo input { min-height:34px; font-size:13px; background:var(--rr-paper); padding:7px 28px 7px 10px; border-color:var(--rr-line); font-weight:650; }
.rr-status { font-size:10px; font-weight:650; color:#735720; background:#f7efd3; padding:2px 6px; white-space:nowrap; }
.rr-definition { display:flex; align-items:center; gap:6px; padding:6px 0 6px 8px; background:none; border:0; font-size:11px!important; white-space:nowrap; color:var(--rr-sub)!important; }
.rr-definition:hover { color:var(--rr-blue)!important; text-decoration:underline; }
.rr-toolbar { gap:18px; flex-wrap:wrap; padding:0 0 12px; border-bottom:1px solid var(--rr-line); }
.rr-modes { gap:0; border:1px solid var(--rr-line); background:#f1f3ed; }
.rr-modes button { background:none; border:0; padding:9px 16px; font-size:12px; font-weight:650; }
.rr-modes button[aria-pressed="true"] { color:#fdfdfb; background:#29382e; }
.rr-schemes { gap:3px; }
.rr-schemes button { padding:7px 9px; border:0; border-bottom:2px solid transparent; font-size:12px; background:none; color:var(--rr-sub); }
.rr-schemes button[aria-pressed="true"] { border-color:var(--rr-ink); color:var(--rr-ink); font-weight:700; }
.rr-schemes button:hover { background:#f1f3ed; }
.rr-search { margin-left:auto; position:relative; width:190px; }
.rr-search svg { position:absolute; top:10px; left:9px; color:var(--rr-sub); pointer-events:none; }
.rr-search input { width:100%; min-width:0; min-height:36px; padding:6px 8px 6px 32px; font-size:12px; border:1px solid var(--rr-line); background:var(--rr-paper); border-radius:0; }
.rr-list-caption { justify-content:space-between; min-height:38px; font-size:11px; color:var(--rr-sub); }
.rr-legend { gap:6px; }
.rr-legend i { width:12px; height:5px; display:inline-block; }
.rr-metric-key { background:var(--rr-blue); }
.rr-ism-key { background:var(--rr-beige); margin-left:9px; }
.rr-table { width:100%; table-layout:fixed; border-collapse:collapse; border-top:1px solid var(--rr-line); }
.rr-table th, .rr-table td { padding:9px 12px; border-bottom:1px solid #dce1d7; vertical-align:middle; }
.rr-table thead th { font-size:11px; font-weight:600; color:#43503f; background:#eef1e9; text-align:left; white-space:nowrap; height:36px; }
.rr-col-rank { width:56px; }.rr-col-name { width:21%; }.rr-col-store { width:17%; }.rr-col-scheme { width:92px; }.rr-col-amount { width:auto; }.rr-col-other { width:113px; }.rr-col-arrow { width:30px; }
.rr-table tbody tr { background:var(--rr-paper); cursor:pointer; height:49px; }
.rr-table tbody tr:hover, .rr-table tbody tr:focus-within { background:#f0f3ed; }
.rr-table tbody tr.rr-first { background:#f8f6e8; }
.rr-table tbody tr.rr-first:hover { background:#f3efd9; }
.rr-table .rr-rank { font-size:20px; text-align:center; font-weight:600; color:#50594e; padding-left:4px; padding-right:4px; }
.rr-first .rr-rank { color:#303d2e; font-weight:700; }
.rr-table .rr-person { background:none; border:0; padding:0; text-align:left; font-size:13px; font-weight:700; line-height:1.5; overflow-wrap:anywhere; }
.rr-store { color:var(--rr-sub); font-size:11px; overflow-wrap:anywhere; }
.rr-mobile-store { display:none; }
.rr-scheme { font-size:11px; padding:2px 6px; white-space:nowrap; font-weight:600; }
.rr-scheme.regular { color:#294c69; background:#e5edf2; }
.rr-scheme.original { color:#685438; background:#ede8de; }
.rr-table .rr-primary { padding-right:18px; }
.rr-amount-line { gap:16px; justify-content:flex-end; }
.rr-amount-line strong { font-size:19px; letter-spacing:-.03em; min-width:100px; text-align:right; white-space:nowrap; font-weight:650; }
.rr-amount-line small, .rr-other small { font-size:10px; padding-left:3px; font-weight:500; letter-spacing:0; }
.rr-track { display:flex; flex:1; height:6px; background:#e8ece3; min-width:25px; }
.rr-track i { display:block; height:100%; background:var(--rr-blue); }
.rr-track i+i { background:var(--rr-beige); }
.rr-table .rr-other, .rr-table .rr-other-heading { text-align:right; }
.rr-table .rr-other { font-size:14px; color:var(--rr-sub); }
.rr-table .rr-amount-heading { text-align:right; padding-right:18px; color:#294c69; }
.rr-arrow { color:#66705e; padding-left:0!important; padding-right:8px!important; }
.rr-arrow svg { display:block; width:14px; }
.rr-muted { color:var(--rr-sub); }
.rr-unavailable { font-size:11px; font-weight:500; color:var(--rr-sub); letter-spacing:0; }
.rr-empty { text-align:center; padding:36px 16px!important; cursor:default; }
.rr-state { display:flex; justify-content:center; align-items:center; gap:12px; flex-wrap:wrap; min-height:220px; color:#50594e; font-size:13px; }
.rr-button { background:#f1f3ed; border:1px solid #c8cfc4; padding:7px 14px; cursor:pointer; font:inherit; }
.rr-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
body.rr-dialog-open { overflow:hidden; }
.rr-dialog { position:fixed; inset:0 0 0 auto; width:min(540px,100%); max-width:100%; height:100dvh; max-height:100dvh; border:0; border-left:1px solid var(--rr-line); margin:0; padding:26px 28px; background:var(--rr-paper); overflow-y:auto; box-shadow:-8px 0 30px #18241715; }
.rr-dialog::backdrop { background:#17221759; }
.rr-dialog-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding-bottom:18px; border-bottom:1px solid var(--rr-line); }
.rr-dialog-head h2 { font-size:22px; line-height:1.5; overflow-wrap:anywhere; }
.rr-dialog-eyebrow { display:block; color:var(--rr-sub); font-size:10px; margin-bottom:5px; }
.rr-dialog-head p { color:var(--rr-sub); font-size:12px; margin-top:7px; }
.rr-dialog-head .rr-scheme { margin-left:8px; }
.rr-close { border:1px solid var(--rr-line); background:transparent; width:34px; height:34px; display:grid; place-items:center; flex:none; }
.rr-detail-period { display:flex; align-items:center; gap:12px; margin:16px 0; font-size:12px; }
.rr-detail-totals { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:18px; }
.rr-detail-totals>div { border-left:2px solid var(--rr-line); padding:8px 12px; }
.rr-detail-totals>div.selected { border-color:var(--rr-blue); background:#eaf0f3; }
.rr-detail-totals span { color:var(--rr-sub); font-size:11px; display:block; }
.rr-detail-totals strong { display:block; margin-top:8px; font-size:27px; line-height:1.2; }
.rr-detail-totals small { font-size:12px; margin-left:4px; font-weight:500; }
.rr-breakdown { width:100%; border-collapse:collapse; }
.rr-breakdown th, .rr-breakdown td { padding:10px 8px; border-bottom:1px solid #dce1d7; text-align:right; font-size:13px; }
.rr-breakdown th:first-child { text-align:left; font-weight:500; }
.rr-breakdown thead th { font-size:10px; color:var(--rr-sub); background:#eef1e9; }
.rr-breakdown small { font-size:10px; padding-left:3px; }
.rr-breakdown .selected { color:#294c69; font-weight:650; }
.rr-pending { display:block; color:#735720; padding:0!important; margin-top:2px; }
.rr-detail-equation { display:flex; gap:8px; justify-content:flex-end; flex-wrap:wrap; color:var(--rr-sub); font-size:10px; padding-top:18px; }
.rr-detail-equation strong { font-size:13px; font-weight:600; }
.rr-detail-equation small { font-size:9px; }
.rr-definition-body dt { font-size:12px; font-weight:700; margin-top:22px; }
.rr-definition-body dd { font-size:13px; margin:7px 0 0; }
.rr-definition-body p { color:var(--rr-sub); font-size:12px; margin-top:20px; }
@media(min-width:1600px) { .rr-col-name { width:22%; }.rr-col-store { width:18%; }.rr-col-amount { width:auto; }.rr-track { max-width:420px; } }
@media(max-width:1100px) { .rr-toolbar { gap:10px; }.rr-search { width:165px; }.rr-modes button { padding:9px 10px; }.rr-col-name { width:25%; }.rr-col-store { width:16%; }.rr-col-other { width:94px; }.rr-col-scheme { width:79px; }.rr-amount-line { gap:9px; }.rr-amount-line strong { min-width:85px; font-size:17px; }.rr-table th, .rr-table td { padding-left:8px; padding-right:8px; } }
@media(max-width:900px) { .rr-store, .rr-table thead th:nth-child(3), .rr-col-store { display:none; }.rr-mobile-store { display:block; font-size:10px; color:var(--rr-sub); font-weight:500; margin-top:2px; }.rr-col-name { width:31%; }.rr-col-amount { width:auto; }.rr-col-rank { width:40px; }.rr-amount-line strong { min-width:80px; }.rr-toolbar { justify-content:space-between; }.rr-search { margin-left:0; flex:1; max-width:240px; }.rr-col-other { width:85px; } }
@media(max-width:760px) { .shell:has(#view[data-view="raise-ranking"]) { display:block; }.shell:has(#view[data-view="raise-ranking"]) .side { position:relative; width:100%; height:auto; min-height:0; padding:10px 16px; flex-direction:row; align-items:center; gap:16px; }.shell:has(#view[data-view="raise-ranking"]) .logo { padding:0; }.shell:has(#view[data-view="raise-ranking"]) .logo-img { width:35px; height:35px; }.shell:has(#view[data-view="raise-ranking"]) .logo-type { font-size:13px; }.shell:has(#view[data-view="raise-ranking"]) .logo-type small { display:none; }.shell:has(#view[data-view="raise-ranking"]) #nav { display:flex; flex-direction:row; min-width:0; overflow-x:auto; padding:0; flex:1; }.shell:has(#view[data-view="raise-ranking"]) #nav button { white-space:nowrap; font-size:12px; min-height:34px; }.shell:has(#view[data-view="raise-ranking"]) .nav-group-label, .shell:has(#view[data-view="raise-ranking"]) .side-foot { display:none; }.main:has(#view[data-view="raise-ranking"]) { padding:0 16px 24px; }.main:has(#view[data-view="raise-ranking"]) .top { flex-direction:row; min-height:74px; }.main:has(#view[data-view="raise-ranking"]) #global-search { display:none; }.rr-col-name { width:27%; }.rr-period-line { gap:8px; }.rr-period-picker { gap:8px; }.rr-toolbar { gap:8px; }.rr-search { flex:0 1 180px; }.rr-dialog { padding:20px; } }
@media(max-width:540px) { .rr-table .rr-other, .rr-table .rr-other-heading, .rr-col-other { display:none; }.rr-col-name { width:36%; }.rr-col-scheme { width:68px; }.rr-scheme { font-size:10px; padding:2px 4px; }.rr-col-rank { width:31px; }.rr-col-arrow { width:18px; }.rr-col-amount { width:auto; }.rr-table .rr-primary { padding-right:4px; }.rr-amount-line { flex-direction:column-reverse; align-items:stretch; gap:5px; }.rr-amount-line strong { min-width:0; font-size:17px; }.rr-track { flex:none; height:4px; }.rr-table .rr-person { font-size:12px; }.rr-table th, .rr-table td { padding:9px 5px; }.rr-search { width:100%; flex-basis:100%; max-width:none; }.rr-period-picker label { display:none; } #rr-period-combo { width:157px; }.rr-definition { font-size:10px!important; }.rr-period-picker { gap:6px; }.rr-modes { flex:1; }.rr-modes button { flex:1; white-space:nowrap; padding:8px 9px; font-size:11px; }.rr-schemes { margin-left:auto; }.rr-schemes button { font-size:11px; padding:7px 6px; }.rr-table .rr-rank { font-size:17px; }.rr-table .rr-amount-heading { padding-right:4px; }.rr-detail-totals strong { font-size:24px; } }