@font-face{font-family:"RNP Roboto";src:url("/assets/fonts/roboto-variable.ttf?v=3.4.0") format("truetype");font-style:normal;font-weight:100 900;font-stretch:75% 100%;font-display:swap}
/* ТЗ №3: one geometry, two palettes. Existing compact layouts are retained. */
:root {
 color-scheme:light;
 --bg:#f6f8fc;--surface:#ffffff;--surface-soft:#f8fafc;--surface-raised:#ffffff;
 --text:#11151d;--muted:#5c687b;--line:#e7edf6;--line-soft:#edf1f6;
 --blue:#0568ed;--blue-hover:#104fc6;--accent-soft:#edf4ff;--accent-border:#c5d9fc;
 --nav:#f6f8fc;--nav-text:#26334a;--nav-active:#d4e6fe;--nav-active-text:#082452;
 --success:#157448;--success-bg:#e9f7ef;--danger:#b13836;--danger-bg:#fff0ee;--danger-border:#efc7c2;
 --warning:#806011;--warning-bg:#fff8e8;--warning-border:#e9d5a3;
 --focus:#7aabff;--track:#e4ebf8;--scrollbar:#b9c5d6;--backdrop:#16243e88;
 --series-orders:#0875f5;--series-ads:#865bd6;--series-sales:#8549dc;
 --chart-grid:#e8eef5;--change-up:#175fbc;--change-down:#965a22;
 --shadow:0 3px 14px #20385a04;--overlay-shadow:0 12px 40px #172d4b20;
 --radius:18px;--field-radius:11px;--text-sm:12px;--space:8px;
 background:var(--bg);color:var(--text);
}
:root[data-theme="dark"] {
 color-scheme:dark;
 --bg:#08101b;--surface:#101b2d;--surface-soft:#162436;--surface-raised:#1a293f;
 --text:#f5f7fc;--muted:#bac6d9;--line:#2b3b51;--line-soft:#24344a;
 --blue:#65acff;--blue-hover:#85bdff;--accent-soft:#172f4d;--accent-border:#305e91;
 --nav:#101c2f;--nav-text:#e0e7f3;--nav-active:#0064e4;--nav-active-text:#ffffff;
 --success:#5de1a1;--success-bg:#15392f;--danger:#ffada5;--danger-bg:#352329;--danger-border:#714347;
 --warning:#f2ce84;--warning-bg:#322d20;--warning-border:#685936;
 --focus:#7ab8ff;--track:#263c58;--scrollbar:#465d79;--backdrop:#030914bb;
 --series-orders:#0faff4;--series-ads:#b48aff;--series-sales:#ac59ed;
 --chart-grid:#2a3b51;--change-up:#79c0ff;--change-down:#f5c08a;
 --shadow:0 3px 16px #0000000b;--overlay-shadow:0 16px 48px #00000066;
}
html,body{background:var(--bg);color:var(--text)}
body{font-family:"RNP Roboto",Arial,sans-serif;-webkit-font-smoothing:antialiased}
*{scrollbar-color:var(--scrollbar) var(--surface-soft);scrollbar-width:thin}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--surface-soft)}::-webkit-scrollbar-thumb{background:var(--scrollbar);border:2px solid var(--surface-soft);border-radius:9px}
::selection{background:var(--accent-border);color:var(--text)}
h1,h2,h3,strong{color:inherit}h1{font-weight:700;letter-spacing:-.8px}h2{font-weight:650}
a,.linkbutton{color:var(--blue)}a:hover,.linkbutton:hover{color:var(--blue-hover)}
button,input,select,textarea{border-color:var(--line);border-radius:var(--field-radius);background:var(--surface);color:var(--text)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
button:hover{background:var(--surface-soft)}button:disabled{opacity:.55}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
input[type="checkbox"]{accent-color:var(--blue)}
.primary{background:#1762e9;border-color:#1762e9;color:#fff}.primary:hover{background:#104fc6;border-color:#104fc6}
:root[data-theme="dark"] .primary{background:#176ee9;border-color:#3981e8;color:#fff}:root[data-theme="dark"] .primary:hover{background:#227af2}
aside{background:var(--nav);color:var(--nav-text);border-right:1px solid var(--line)}
.brand,.brand:hover{color:var(--text)}.brand small,.navlabel,.app-version{color:var(--muted)}
aside button{color:var(--nav-text);border-radius:9px;background:transparent}
aside button:hover{background:var(--accent-soft);color:var(--blue)}
aside button.active{background:var(--nav-active);color:var(--nav-active-text);font-weight:600}
aside button span{opacity:.95}.brandmark{box-shadow:none}img.brandmark{background:transparent}
header p,.eyebrow,.muted,.hint,.panelhead p,.card .label,.card small,.namecell small,.statusline,.settingsfoot,footer,.job small,.journal-title span,.journal-count,.storage-heading strong span,.resource-records span,.sync-current,.sync-eta-note,.legend,.feed-status,.feed-order-meta,.feed-order-items small,.ordered-products-table td small,.quota-bar small{color:var(--muted)}
.panel,.card,.toolbar,.cost-dialog{background:var(--surface);border-color:var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.badge{background:var(--surface-soft);border-color:var(--line);color:var(--muted)}
.presets{background:var(--surface-soft)}.presets button{background:transparent;color:var(--muted)}
.presets .selected{background:var(--surface);color:var(--blue);box-shadow:0 1px 4px #0000000a}
.settingtabs button.active{color:var(--blue);border-color:var(--accent-border);background:var(--accent-soft)}
.toolbar label,.dates label,.form label,.journal-filters{color:var(--muted)}
.panelhead,th,td,.rnp-option,.job,.journal-entry,.journal-filters,.feed-order{border-color:var(--line-soft)}
thead th,thead th:first-child{background:var(--surface-soft);color:var(--muted)}
th:first-child,td:first-child{background:var(--surface)}
.daily th:nth-child(2),.daily td:nth-child(2){background:var(--accent-soft);border-color:var(--line)}
.group td,.group td:first-child{background:var(--surface-soft);color:var(--muted)}
.daily tr:hover td:not(.group td),.product-list-table tbody tr:hover td,.ordered-products-table tbody tr:hover td,.rnp-table tbody tr:hover td{background:var(--surface-soft)}
.dash{color:var(--muted)}.empty{color:var(--muted)}.empty strong{color:var(--text)}
.linkbutton,.sort,.back{background:transparent}.sort{color:var(--muted)}.linkbutton:hover{background:transparent}
.rnp-photo{background:var(--surface-soft);color:var(--muted)}img.rnp-photo{background:#fff}
.rnp-spark{stroke:var(--series-orders)}.rnp-table .rnp-up{color:var(--change-up)}.rnp-table .rnp-down{color:var(--change-down)}
.trend-direction{font-size:10px;display:inline-block;margin-left:5px;font-weight:650}
.chart svg line{stroke:var(--chart-grid)}.chart svg text{fill:var(--muted)}
.form .connectionmessage{color:var(--muted)}.form .connectionmessage.error,.errorText{color:var(--danger)}.running{color:var(--blue)}
.callout{background:var(--accent-soft);border-color:var(--accent-border);color:var(--text)}
#notice{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning)}
#notice:has(.sync-progress){background:var(--accent-soft);border-color:var(--accent-border);color:var(--text)}
.sync-progress-title,.sync-eta{color:var(--blue)}
progress,.top-progress{background:var(--track);accent-color:var(--series-orders)}
progress::-webkit-progress-bar{background:var(--track)}progress::-webkit-progress-value{background:var(--series-orders)}progress::-moz-progress-bar{background:var(--series-orders)}
.top-progress>span{background:var(--series-orders)}
.journal-count,.resource-records>div{background:var(--surface-soft);border-color:var(--line)}
.journal-errors{border-color:var(--danger-border)}.journal-error{background:var(--danger-bg);border-color:var(--danger-border)}
.journal-error>div>span:not(.badge),.journal-error p{color:var(--danger)}
.error-strip{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}
.error-strip-dot{background:var(--danger);color:var(--surface)}.error-strip button{background:transparent;color:var(--danger)}
.error-solution{border-color:var(--danger-border);color:var(--muted)}.error-solution strong{color:var(--danger)}.error-solution p{color:var(--muted)!important}
#toast{background:var(--surface-raised);border:1px solid var(--line);color:var(--text);box-shadow:var(--overlay-shadow)}
.cost-dialog{color:var(--text);box-shadow:var(--overlay-shadow)}.cost-dialog::backdrop{background:var(--backdrop)}
.resource-links a{color:var(--blue)}
/* Restrained KPI accents, without introducing new metrics. */
.card{position:relative}.card::before{content:'₽';position:absolute;top:16px;left:18px;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--accent-soft);color:var(--blue);font-size:17px;font-weight:600}
.card:nth-child(2)::before{content:'↗';color:var(--series-ads)}.card:nth-child(3)::before{content:'₽';color:var(--series-sales)}.card:nth-child(4)::before{content:'%';color:var(--series-ads)}
.card .label{padding-left:36px;min-height:24px;display:flex;align-items:center}.card .value{overflow-wrap:anywhere}
:root[data-theme="dark"] .card:nth-child(1){border-color:#27567f}:root[data-theme="dark"] .card:nth-child(2){border-color:#514478}:root[data-theme="dark"] .card:nth-child(3){border-color:#2b5d59}:root[data-theme="dark"] .card:nth-child(4){border-color:#584477}
.theme-panel{padding:20px 24px;max-width:750px}.theme-panel h2{margin-bottom:8px}.theme-panel p{margin:0 0 14px}.theme-choices{display:flex;flex-wrap:wrap;gap:8px}.theme-choices button{display:flex;align-items:center;gap:8px;min-width:118px;padding:10px 14px}.theme-choices button[aria-pressed="true"]{background:var(--accent-soft);border-color:var(--accent-border);color:var(--blue);font-weight:600}.theme-choice-icon{font-size:18px}.theme-status{font-size:12px;line-height:1.5;min-height:18px;margin-top:12px;color:var(--muted)}
/* Authentication reuses the palette, without changing the sign-in flow. */
.auth-page main{background:var(--surface);border-color:var(--line);box-shadow:var(--overlay-shadow)}.auth-page p,.auth-page label,.auth-page .label,.auth-page .foot{color:var(--muted)}.auth-page .foot{border-color:var(--line)}.auth-page input{background:var(--surface-soft);color:var(--text);border-color:var(--line)}.auth-page #message{color:var(--danger)}.auth-page .mark{display:block;object-fit:contain;background:transparent}
@media(max-width:700px){.panelhead{flex-wrap:wrap}.panelhead>div{min-width:0}.searchrow{max-width:100%}.theme-panel{padding:18px}.theme-choices button{min-width:100px;flex:1}.card::before{left:14px;top:13px}.rnp-identity{min-width:0}.rnp-identity h2{overflow-wrap:anywhere}.cost-dialog{width:calc(100% - 20px)}.feed-order-items span{overflow-wrap:anywhere}.settingtabs{gap:6px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

/* Measured reference proportions; both themes share the same geometry. */
:root{--sidebar-width:clamp(218px,18.7vw,288px);--brand-size:clamp(46px,4.3vw,66px);--workspace:#fefefe}
:root[data-theme="dark"]{--workspace:transparent}
html,body,button,input,select,textarea{font-family:"RNP Roboto",Arial,sans-serif;font-stretch:100%}
body{font-size:clamp(14px,1.05vw,16px);line-height:1.4}
body:not(.auth-page)>main{background:var(--workspace);min-height:100vh}
h1,h2{font-stretch:95%}h1{font-size:clamp(30px,2.85vw,44px);line-height:1.1;letter-spacing:-.6px}h2{font-size:clamp(18px,1.58vw,24px);line-height:1.2;letter-spacing:-.3px}
header{margin-bottom:24px;align-items:flex-start}header>div:first-child{display:flex;flex-direction:column;min-width:0}header h1{order:1;margin:0 0 8px}.eyebrow{order:2;font-size:clamp(12px,1.05vw,16px);letter-spacing:0;text-transform:none}header p{order:3;font-size:12px;margin-top:5px}
.headright{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;max-width:65%;padding-top:3px}.headright .badge{font-size:10px}.headright .primary{padding:10px 14px;font-size:12px}
.panel,.card{border-radius:18px}.panelhead{padding:18px 22px}.panelhead p{font-size:12px;line-height:1.5}
.header-period{position:relative;z-index:12}.header-period>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);padding:11px 14px;font-size:14px;font-weight:500;white-space:nowrap}.header-period>summary::-webkit-details-marker{display:none}.header-period>summary svg{width:20px;height:20px;flex-shrink:0}.header-period[open]>summary{border-color:var(--accent-border)}.header-period #toolbar{position:absolute;right:0;top:calc(100% + 8px);width:440px;max-width:calc(100vw - 30px);margin:0;padding:16px;gap:12px;background:var(--surface-raised);box-shadow:var(--overlay-shadow)}.header-period .presets{flex-wrap:wrap}.header-period .dates{flex-wrap:wrap}.header-scheme{font-size:0;color:transparent}.header-scheme select{font-size:14px;background:var(--surface-soft);padding:11px 12px;border-radius:12px;margin:0;min-width:125px}
.brand{display:grid;grid-template-columns:var(--brand-size) minmax(0,1fr);column-gap:14px;row-gap:8px;align-items:center;white-space:normal;text-decoration:none}.brand .brandmark{width:var(--brand-size);height:var(--brand-size);border-radius:14px}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy strong{font-size:clamp(26px,2.4vw,37px);font-weight:750;letter-spacing:-.5px;line-height:1}.brand-copy>span{font-size:clamp(12px,1.12vw,17px);font-weight:500;white-space:nowrap}.brand>small{grid-column:1/-1;margin:0;font-size:clamp(11px,1vw,15px);letter-spacing:1px;font-weight:400;line-height:1.4}.navlabel{display:none}aside nav{margin-top:32px;gap:8px}aside button{font-size:clamp(15px,1.45vw,22px);padding:11px 16px;gap:12px;line-height:1.4;min-height:46px}aside button>span{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0}aside button svg{width:23px;height:23px}aside .asidebottom{margin-top:14px}.app-version{position:absolute;bottom:18px;left:22px;font-size:11px;padding:0}
.cards{gap:18px;margin-bottom:24px}.card{display:flex;gap:14px;align-items:flex-start;padding:22px 18px;min-height:140px}.card::before{content:none}.card-icon{width:clamp(38px,3.4vw,52px);height:clamp(38px,3.4vw,52px);border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:#e4efff;color:#096bef}.card-icon svg{width:62%;height:62%}.card-copy{min-width:0}.card .label{padding:0;display:block;min-height:0;font-size:clamp(12px,1.05vw,16px);color:var(--text);font-weight:600;line-height:1.25}.card .value{font-size:clamp(25px,2.15vw,33px);font-weight:750;line-height:1.15;letter-spacing:-.3px;margin-top:5px;color:var(--text)}.card small{font-size:11px;line-height:1.4;margin-top:9px}.card:nth-child(2) .card-icon{color:#276cf0;background:#e7efff}.card:nth-child(3) .card-icon{color:#17a85a;background:#e0f8eb}.card:nth-child(4) .card-icon{color:#8e42e4;background:#f1e7ff}
:root[data-theme="dark"] body{background:radial-gradient(ellipse at 40% 0,#101d2b 0,transparent 65%),#08101b}
:root[data-theme="dark"] aside{background:linear-gradient(160deg,#0f1d2e,#101b30 70%,#0e1930)}
:root[data-theme="dark"] .panel{background:linear-gradient(130deg,#121f31,#0e1929)}
:root[data-theme="dark"] aside button.active{background:linear-gradient(105deg,#0873ee,#0061dd)}
:root[data-theme="dark"] .card{background:linear-gradient(125deg,#0b2946,#101c2d 88%);border-color:#21557b;box-shadow:inset 0 1px 0 #ffffff04}
:root[data-theme="dark"] .card:nth-child(2){background:linear-gradient(125deg,#231f45,#121d2d 88%);border-color:#49426d}
:root[data-theme="dark"] .card:nth-child(3){background:linear-gradient(125deg,#0d3235,#111d2c 88%);border-color:#2b5357}
:root[data-theme="dark"] .card:nth-child(4){background:linear-gradient(125deg,#251b3c,#111b2c 88%);border-color:#49385f}
:root[data-theme="dark"] .card-icon{background:#083c71;color:#16b7ff}:root[data-theme="dark"] .card:nth-child(2) .card-icon{background:#203065;color:#78a6ff}:root[data-theme="dark"] .card:nth-child(3) .card-icon{background:#073e32;color:#1ee57b}:root[data-theme="dark"] .card:nth-child(4) .card-icon{background:#39205a;color:#c67bfa}
.summary-feature-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:20px;align-items:stretch;margin-bottom:22px}.summary-feature-grid>.panel{margin:0;min-width:0}.summary-feature-grid .panelhead{padding:18px 20px}.summary-feature-grid .panelhead h2{font-size:20px}.summary-feature-grid .chart{padding:12px 18px}.summary-feature-grid .order-feed{max-height:350px}.summary-feature-grid .feed-order{padding:10px 16px}.summary-feature-grid .feed-order-items{font-size:12px}.summary-feature-grid .feed-order-meta{font-size:10px}.summary-feature-grid .feed-order-top{font-size:11px}.summary-feature-grid .feed-order-top strong{font-size:13px}.summary-feature-grid .summary-chart-controls{padding:12px 16px;gap:8px}.summary-feature-grid .summary-chart-controls input{font-size:12px;padding:7px}.summary-feature-grid .summary-chart-controls button,.summary-feature-grid .summary-chart-controls select{font-size:12px;padding:8px}.summary-feature-grid .presets button{font-size:12px}.summary-feature-grid #feedrefresh{font-size:11px;padding:8px}.summary-feature-grid #feed-scheme{font-size:12px;padding:7px}.summary-feature-grid #saleschart svg{height:220px}
.source-details{font-size:12px;color:var(--muted);margin-top:12px}.source-details summary{cursor:pointer;color:var(--blue)}.source-details .hint{margin-bottom:0}
.product-list-table{font-size:13px}.product-list-table .namecell .linkbutton{font-size:13px}.product-list-table .namecell small{font-size:11px}.rnp-table{font-size:12px}.rnp-table thead th{font-size:11px}.rnp-product .panelhead h2{font-size:15px}.rnp-product .panelhead p{font-size:11px}.rnp-table td{padding-top:6px;padding-bottom:6px}
@media(min-width:701px){aside{width:var(--sidebar-width);padding:clamp(22px,1.85vw,29px) clamp(16px,1.4vw,22px)}body:not(.auth-page)>main{margin-left:var(--sidebar-width);padding:28px 28px 16px}}
@media(max-width:1199px){.summary-feature-grid{grid-template-columns:1fr}.headright{max-width:60%}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-feature-grid .order-feed{max-height:400px}.card{min-height:128px}}
@media(max-width:700px){.brand{display:none}aside{padding:12px}aside nav{margin-top:0;gap:5px}aside button{font-size:14px;min-height:38px;padding:8px 10px;gap:8px}aside button svg{width:19px;height:19px}aside .asidebottom{margin-top:6px}.app-version{position:static;margin-left:auto;font-size:10px}body:not(.auth-page)>main{margin-left:0;padding:20px 12px}header{flex-wrap:wrap;gap:16px}header h1{font-size:29px}.headright{max-width:100%;width:100%;justify-content:flex-start;padding:0}.header-period>summary{font-size:12px;padding:9px 10px}.header-period #toolbar{left:0;right:auto;width:calc(100vw - 26px)}.header-scheme select{padding:9px 10px;font-size:12px;min-width:110px}.cards{gap:10px}.card{padding:14px 11px;gap:8px;min-height:125px}.card .label{font-size:12px}.card .value{font-size:23px}.card small{font-size:10px}.card-icon{width:30px;height:30px}.card-icon svg{width:21px;height:21px}.summary-feature-grid{gap:16px}.summary-feature-grid .panelhead{padding:16px}.summary-feature-grid .panelhead h2{font-size:18px}.summary-feature-grid .summary-chart-controls{padding:12px}.product-list-table .namecell .linkbutton{font-size:12px}}

.card::before,.card:nth-child(2)::before,.card:nth-child(3)::before,.card:nth-child(4)::before{display:none}.card-icon{width:clamp(40px,4.5vw,69px);height:clamp(40px,4.5vw,69px)}.card .value{font-stretch:95%}


/* ТЗ №4: the existing navigation now uses the full horizontal workspace. */
.top-navigation{position:sticky;inset:0 auto auto;top:0;z-index:40;display:flex;flex-direction:row;align-items:center;gap:22px;width:100%;padding:12px 24px;min-height:74px;border-right:0;border-bottom:1px solid var(--line);background:var(--nav)}:root[data-theme="dark"] .top-navigation{background:#101c2f}.top-navigation .brand{display:grid;grid-template-columns:40px auto;column-gap:10px;row-gap:0;flex-shrink:0}.top-navigation .brandmark{width:40px;height:40px;border-radius:10px}.top-navigation .brand-copy strong{font-size:20px}.top-navigation .brand-copy>span{font-size:13px}.top-navigation .brand>small{display:none}.top-navigation nav{display:flex;flex:1;gap:6px;margin:0}.top-navigation button{width:auto;min-height:40px;font-size:15px;white-space:nowrap;padding:9px 12px;gap:8px}.top-navigation button svg{width:20px;height:20px}.top-navigation .asidebottom{display:flex;align-items:center;gap:12px;margin:0}.top-navigation .app-version{position:static;margin:0;font-size:10px;padding:0}.nav-settings{position:relative;display:flex;align-items:center}.top-navigation #settingsnavtoggle{padding:8px;min-width:28px}.settings-nav-panel{position:absolute;right:0;top:calc(100% + 8px);width:220px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--surface-raised);box-shadow:var(--overlay-shadow)}.settings-nav-panel button{display:block;width:100%;text-align:left}.top-navigation #navtoggle{display:none}body:not(.auth-page)>.top-navigation+main{margin-left:0;width:100%;max-width:none;padding:26px 28px 16px}.error-strip{top:74px}@media(max-width:960px){.top-navigation{padding:10px 14px;gap:12px;flex-wrap:wrap}.top-navigation #navtoggle{display:flex;margin-left:auto}.top-navigation nav{display:none;order:4;flex-basis:100%;flex-wrap:wrap}.top-navigation nav.expanded{display:flex}.top-navigation .asidebottom{margin:0}.top-navigation .app-version{display:none}.top-navigation .brand-copy strong{font-size:18px}.top-navigation .brand-copy>span{font-size:12px}.top-navigation button{font-size:14px}.settings-nav-panel{max-width:calc(100vw - 24px)}body:not(.auth-page)>.top-navigation+main{padding:20px 12px 12px}.error-strip{top:70px}}@media(max-width:480px){.top-navigation{gap:8px}.top-navigation .brand{grid-template-columns:32px auto;gap:7px}.top-navigation .brandmark{width:32px;height:32px}.top-navigation .brand-copy strong{font-size:16px}.top-navigation .brand-copy>span{font-size:10px}.top-navigation button{padding:8px;font-size:12px}.top-navigation .nav-settings>[data-page] span{display:none}.top-navigation #settingsnavtoggle{min-width:22px;padding:5px}}

.panel:has(.rnp-custom){overflow:visible;position:relative;z-index:10}.rnp-custom{position:relative}.rnp-custom[open]>summary{padding-right:0;min-height:0}.rnp-custom>summary{cursor:pointer;display:inline-block;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}.rnp-dropdown{position:absolute;top:calc(100% + 7px);left:0;width:620px;max-width:calc(100vw - 48px);max-height:min(70vh,620px);overflow:auto;background:var(--surface-raised);color:var(--text);border:1px solid var(--accent-border);border-radius:12px;padding:12px;box-shadow:var(--overlay-shadow);z-index:25}.rnp-dropdown .rnp-metric-tools{position:sticky;inset:0 auto auto;display:flex;gap:8px;margin:0;padding:4px 0 10px;background:var(--surface-raised);z-index:2}.rnp-dropdown .rnp-metric-tools input{width:100%;flex:1;min-width:130px}.rnp-dropdown .rnp-option{position:relative;gap:6px;padding:9px 4px;border-radius:6px}.rnp-dropdown .rnp-option:hover,.rnp-dropdown .rnp-option:focus-within{background:var(--accent-soft)}.rnp-dropdown .rnp-option label{min-width:0;flex:1;font-size:13px}.rnp-dropdown .rnp-option small{padding-left:28px;font-size:11px}.rnp-dropdown .rnp-option button{padding:5px 8px}.metric-drag-handle{cursor:grab;touch-action:none;font-size:20px;background:transparent;border:0}.metric-dragging{opacity:.45}.metric-drop-before{box-shadow:inset 0 3px var(--blue)}.metric-drop-after{box-shadow:inset 0 -3px var(--blue)}.rnp-dropdown>#rnpreset,.rnp-dropdown>#rnpresetorder{font-size:12px;margin:10px 6px 0 0}.rnp-dropdown>.hint{font-size:11px}@media(max-width:600px){.rnp-dropdown{position:fixed;left:12px;right:12px;top:150px;width:auto;max-width:none;max-height:calc(100dvh - 170px);padding:10px}.rnp-dropdown .rnp-option label{font-size:12px}.rnp-dropdown .rnp-option small{display:none}}