:root { --admin-bg:#f3f5f7; --admin-panel:#fbfcfd; --admin-line:#dfe4e9; --admin-text:#1e2732; --admin-muted:#687482; --admin-side:#1f2a35; --admin-side-2:#283541; --admin-orange:#ed5b2a; --admin-orange-dark:#c9451c; --admin-green:#21865b; --admin-red:#c53d46; }
.dashboard-page { background:var(--admin-bg); color:var(--admin-text); --muted:var(--admin-muted); }
.admin-sidebar { position:fixed; z-index:30; inset:0 auto 0 0; width:248px; display:flex; flex-direction:column; padding:22px 16px; background:linear-gradient(180deg,var(--admin-side),#19232d); color:#f7f9fb; }
.admin-brand { display:flex; gap:11px; align-items:center; min-height:58px; padding:0 5px 18px; color:#fff; }
.admin-brand img { width:64px; max-height:35px; object-fit:contain; filter:drop-shadow(0 5px 8px rgba(0,0,0,.22)); }
.admin-brand span { display:grid; gap:3px; }.admin-brand strong { color:#ff7042; font-size:16px; }.admin-brand small { color:#ff9b7a; font-size:11px; }
.admin-sidebar nav { display:grid; gap:7px; margin-top:20px; }.admin-sidebar nav a,.admin-sidebar-foot>a,.admin-sidebar-foot .logout-form button { display:flex; align-items:center; gap:13px; min-height:50px; width:100%; border:0; border-radius:9px; padding:0 15px; background:transparent; color:#cbd3da; font-size:15px; font-weight:700; text-align:left; }
.admin-sidebar nav a i,.admin-sidebar-foot i { width:20px; font-size:19px; }.admin-sidebar nav a:hover,.admin-sidebar-foot>a:hover,.admin-sidebar-foot .logout-form button:hover { background:var(--admin-side-2); color:#fff; }.admin-sidebar nav a.active { background:var(--admin-orange); color:#fff; box-shadow:0 8px 22px rgba(237,91,42,.22); }
.admin-sidebar-foot { display:grid; gap:5px; margin-top:auto; }.admin-sidebar-foot .logout-form { display:block; }.admin-sidebar-foot .logout-form button { cursor:pointer; }
.admin-topbar { position:fixed; z-index:25; top:0; left:248px; right:0; height:70px; display:flex; align-items:center; justify-content:space-between; padding:0 30px; border-bottom:1px solid var(--admin-line); background:rgba(251,252,253,.96); backdrop-filter:blur(12px); }
.admin-topbar>strong { font-size:18px; }.admin-identity { display:flex; align-items:center; gap:8px; margin:0; border:0; background:transparent; padding:0; color:var(--admin-muted); font:inherit; font-size:14px; cursor:pointer; }.admin-identity i { font-size:21px; }.admin-identity:focus-visible { outline:2px solid var(--admin-orange-dark); outline-offset:3px; }.admin-menu-button { display:none; }
.admin-page .dashboard-shell,.admin-page .screen-shell { width:auto; max-width:none; margin:0 0 0 248px; padding:98px 30px 60px; min-height:100dvh; }
.command-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:24px; }.command-heading h1 { margin:0 0 6px; font-size:28px; line-height:1.2; }.command-heading p { margin:0; color:var(--admin-muted); }.command-date { display:grid; gap:3px; text-align:right; }.command-date span { color:var(--admin-muted); font-size:12px; }.command-date strong { font-size:15px; }
.admin-primary,.admin-secondary,.order-filters button,.page-controls a,.screen-shell button { display:inline-flex; align-items:center; justify-content:center; min-height:40px; border:1px solid var(--admin-orange); border-radius:8px; padding:0 17px; background:var(--admin-orange); color:#fff; font-weight:800; white-space:nowrap; cursor:pointer; }.admin-primary:hover,.order-filters button:hover { background:var(--admin-orange-dark); }.admin-secondary { border-color:var(--admin-line); background:var(--admin-panel); color:var(--admin-text); }
.command-metrics { display:grid; grid-template-columns:1.15fr repeat(4,1fr); border:1px solid var(--admin-line); border-radius:12px; background:var(--admin-panel); margin-bottom:18px; overflow:hidden; }.command-metrics article { display:flex; gap:14px; align-items:center; min-height:112px; padding:20px; border-left:1px solid var(--admin-line); }.command-metrics article:first-child { border-left:0; }.command-metrics article>i { display:grid; place-items:center; width:43px; height:43px; border-radius:10px; background:#fff0e9; color:var(--admin-orange); font-size:21px; }.command-metrics .metric-risk>i { background:#fdecee; color:var(--admin-red); }.command-metrics article div { display:grid; gap:2px; }.command-metrics span,.command-metrics small { color:var(--admin-muted); font-size:12px; }.command-metrics strong { font-size:27px; font-variant-numeric:tabular-nums; }
.command-layout { display:grid; grid-template-columns:minmax(0,2.4fr) minmax(270px,.9fr); gap:18px; margin-bottom:18px; }.command-panel,.settings-panel,.region-admin-card { border:1px solid var(--admin-line); border-radius:12px; background:var(--admin-panel); }.command-panel { padding:20px; }.command-panel>header,.settings-panel>header,.region-admin-card>header,.recent-command-orders>header { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-bottom:16px; }.command-panel h2,.settings-panel h2,.region-admin-card h2 { margin:0; font-size:20px; }.command-panel header p,.settings-panel header p,.region-admin-card header p { margin:3px 0 0; color:var(--admin-muted); font-size:13px; }.command-panel header>a { color:var(--admin-orange-dark); font-weight:800; font-size:13px; }
.region-command-table { overflow:auto; }.region-command-row { display:grid; grid-template-columns:80px minmax(145px,1.2fr) 105px 82px 150px 110px 85px; gap:14px; align-items:center; min-width:830px; min-height:64px; border-top:1px solid var(--admin-line); font-size:13px; }.region-command-labels { min-height:42px; border:0; background:#f0f3f6; color:var(--admin-muted); font-size:12px; font-weight:800; padding:0 10px; }.region-command-row:not(.region-command-labels) { padding:0 10px; }.region-command-row>a { color:var(--admin-orange-dark); font-weight:800; }.region-value { display:grid; grid-template-columns:auto 1fr; gap:7px; align-items:center; }.region-value b { white-space:nowrap; font-size:15px; }.region-value progress { width:100%; height:6px; accent-color:var(--admin-orange); }.region-value small { grid-column:1/-1; color:var(--admin-orange-dark); }.phase-label { font-weight:800; color:var(--admin-green); }.phase-failed,.phase-disabled { color:var(--admin-red); }.phase-upcoming { color:#8a6708; }
.queue-tabs { display:grid; }.queue-tabs a { display:flex; justify-content:space-between; align-items:center; min-height:64px; border-top:1px solid var(--admin-line); color:var(--admin-text); }.queue-tabs a:first-child { border-top:0; }.queue-tabs a span { display:flex; gap:10px; align-items:center; }.queue-tabs a i { color:var(--admin-orange); }.queue-tabs strong { font-size:22px; }.queue-tabs .queue-risk strong,.queue-tabs .queue-risk i { color:var(--admin-red); }
.recent-command-orders { overflow:hidden; }.recent-command-orders .table-scroll { max-height:390px; }.recent-command-orders .data-table { min-width:1080px; }
.dashboard-heading { margin-bottom:22px; }.dashboard-heading .section-label { display:none; }.dashboard-heading h1 { font-size:28px; color:var(--admin-text); }.split-heading { align-items:flex-end; }
.table-panel { border:1px solid var(--admin-line); border-radius:12px; background:var(--admin-panel); box-shadow:none; }.data-table { color:var(--admin-text); }.data-table th { background:#f0f3f6; color:var(--admin-muted); }.data-table th,.data-table td { border-color:var(--admin-line); }.status { border-radius:6px; background:#edf1f4; color:var(--admin-muted); }.status-paid,.status-confirmed { background:#e4f5ec; color:var(--admin-green); }.status-cancelled,.status-cancel_requested { background:#fdecee; color:var(--admin-red); }
.order-filters { display:grid; grid-template-columns:repeat(3,minmax(130px,1fr)) minmax(220px,1.5fr) auto auto; align-items:end; gap:12px; margin-bottom:14px; }.order-filters label { display:grid; gap:6px; color:var(--admin-text); font-size:13px; font-weight:700; }.order-filters input,.order-filters select,.screen-orders select,.config-grid input,.settings-fields textarea,.inline-setting input { width:100%; min-height:42px; border:1px solid #cfd6dd; border-radius:8px; outline:0; background:#fff; padding:8px 11px; color:var(--admin-text); }.order-filters input:focus,.order-filters select:focus,.config-grid input:focus,.settings-fields textarea:focus { border-color:var(--admin-orange); box-shadow:0 0 0 3px rgba(237,91,42,.11); }.order-filters>a { min-height:42px; display:grid; place-items:center; color:var(--admin-muted); }.page-controls { display:flex; gap:20px; justify-content:center; align-items:center; margin:24px 0; }.page-controls a { border-color:var(--admin-line); background:var(--admin-panel); color:var(--admin-text); }
.table-actions summary { cursor:pointer; white-space:nowrap; padding:8px; color:var(--admin-orange-dark); font-weight:800; }.table-actions details { min-width:142px; }.table-actions details p { max-width:230px; white-space:normal; }.refund-warning { display:block; color:var(--admin-red); font-size:12px; margin-bottom:6px; }.payment-form { display:grid; gap:6px; }.payment-form select,.payment-form button { min-height:34px; border:1px solid var(--admin-line); border-radius:7px; background:#fff; padding:5px 7px; }.payment-form button { background:var(--admin-side); color:#fff; }.danger-link { color:var(--admin-red); background:transparent; border:1px solid var(--admin-red); border-radius:8px; min-height:40px; padding:0 17px; font-weight:800; cursor:pointer; }.order-row-link { color:var(--admin-orange-dark); font-weight:800; }.table-actions .admin-primary { min-height:34px; padding:0 12px; font-size:13px; }
.order-detail-back { margin:0 0 8px; }.order-detail-back a { color:var(--admin-orange-dark); font-weight:800; }.order-detail-status { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }.order-detail-card { margin-bottom:18px; }.order-detail-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px 18px; }.order-detail-facts span { display:block; color:var(--admin-muted); font-size:12px; margin-bottom:4px; }.order-detail-facts strong { overflow-wrap:anywhere; }.order-detail-refund { border:1px solid #f3c4c7; border-radius:12px; background:#fdecee; padding:20px 22px; margin-bottom:18px; }.order-detail-refund h2 { margin:0 0 8px; font-size:20px; color:var(--admin-red); }.order-detail-refund p { margin:0 0 14px; color:#7a3036; }.order-detail-actions { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:16px; }.order-detail-form { max-width:520px; margin-top:12px; }.order-detail-form label { display:grid; gap:6px; font-size:13px; font-weight:700; }
.region-config-note { display:flex; align-items:flex-start; gap:12px; margin-bottom:18px; border-left:3px solid var(--admin-orange); border-radius:8px; background:#fff0e9; padding:14px 16px; }.region-config-note p { margin:0; }.region-tabs { display:grid; grid-template-columns:210px minmax(0,1fr); gap:18px; }.region-tabs>nav { display:grid; align-content:start; gap:7px; position:sticky; top:92px; height:max-content; }.region-tabs>nav a { display:grid; gap:2px; border-radius:9px; padding:13px 15px; color:var(--admin-text); }.region-tabs>nav a span { color:var(--admin-muted); font-size:12px; }.region-tabs>nav a.active { background:var(--admin-side); color:#fff; }.region-tabs>nav a.active span { color:#cad2da; }.region-admin-card { padding:22px; box-shadow:none; }.region-admin-card.is-hidden { display:none; }.region-switch-group { display:flex; gap:12px; }.config-section { border-top:1px solid var(--admin-line); padding-top:18px; margin-top:18px; }.config-section h3 { margin:0 0 14px; font-size:15px; }.config-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; margin:0; }.config-grid label,.settings-fields label { display:grid; gap:6px; color:var(--admin-text); font-size:13px; font-weight:700; }.config-grid small,.settings-fields small { color:var(--admin-muted); font-weight:400; }.region-admin-card>footer { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:22px; }.region-admin-card>footer p { margin:0; color:var(--admin-muted); font-size:12px; }
.settings-form { display:grid; gap:18px; padding-bottom:80px; }.settings-panel { padding:22px; }.settings-switches { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; }.settings-switches.compact { grid-template-columns:repeat(3,minmax(0,1fr)); }.control-switch { display:flex; justify-content:space-between; align-items:center; gap:18px; min-height:76px; border-top:1px solid var(--admin-line); cursor:pointer; }.control-switch:nth-child(-n+2) { border-top:0; }.settings-switches.compact .control-switch { border-top:0; }.control-switch span { display:grid; gap:4px; }.control-switch small { color:var(--admin-muted); font-weight:400; }.control-switch input { position:absolute; opacity:0; }.control-switch>i { position:relative; width:42px; height:24px; border-radius:999px; background:#c9d0d6; flex:0 0 auto; }.control-switch>i:after { content:""; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:#fff; transition:transform .16s ease; }.control-switch input:checked+i { background:var(--admin-orange); }.control-switch input:checked+i:after { transform:translateX(18px); }.control-switch.small { min-height:46px; border:0; }.control-switch.small span { font-size:12px; }.settings-fields { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:20px; }.settings-fields textarea { resize:vertical; }.inline-setting { display:grid; grid-template-columns:140px 150px; align-items:center; gap:12px; margin-top:18px; font-weight:700; }.bot-state { display:grid; gap:4px; text-align:right; }.bot-state span { font-weight:800; }.bot-state .online { color:var(--admin-green); }.bot-state .offline { color:var(--admin-red); }.sticky-save { position:sticky; bottom:14px; z-index:10; display:flex; justify-content:space-between; align-items:center; gap:18px; border:1px solid var(--admin-line); border-radius:11px; background:rgba(251,252,253,.97); box-shadow:0 12px 35px rgba(31,42,53,.12); padding:14px 18px; }.sticky-save div { display:grid; gap:3px; }.sticky-save small { color:var(--admin-muted); }
.public-announcement { position:relative; z-index:15; display:flex; justify-content:center; gap:10px; padding:10px 20px; background:#1f2a35; color:#fff; font-size:14px; }.public-closed { min-height:calc(100dvh - 100px); display:grid; place-content:center; justify-items:center; gap:12px; padding:32px; text-align:center; }.public-closed img { width:110px; }.public-closed h1,.public-closed p { margin:0; }.public-closed>a { margin-top:8px; border-radius:8px; background:var(--accent); color:#fff; padding:12px 20px; font-weight:800; }.auth-disabled { margin-top:24px; border-left:3px solid var(--accent); background:var(--accent-soft); padding:16px; }.auth-disabled p { margin:5px 0 0; }
.screen-shell { background:var(--admin-bg); color:var(--admin-text); }.screen-heading,.screen-orders header { display:flex; justify-content:space-between; align-items:center; gap:20px; }.screen-actions { display:flex; gap:8px; }.screen-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin:24px 0; }.screen-metrics article { display:grid; gap:7px; border-left:3px solid var(--admin-orange); padding-left:16px; }.screen-metrics strong { font-size:36px; }.screen-regions { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:15px; }.screen-region,.screen-orders { border:1px solid var(--admin-line); border-radius:12px; background:var(--admin-panel); padding:20px; }.screen-region header { display:flex; justify-content:space-between; }.screen-region h3 { margin:0; }.screen-count strong { font-size:38px; }.screen-region progress { width:100%; accent-color:var(--admin-orange); }.screen-region button { width:100%; margin-top:12px; border-color:var(--admin-line); background:#fff; color:var(--admin-text); }.screen-orders { margin-top:20px; }.screen-orders>header { margin-bottom:14px; }
.user-search { display:flex; align-items:end; gap:10px; max-width:520px; margin-bottom:14px; }.user-search label { display:grid; flex:1; gap:6px; font-size:13px; font-weight:700; }.user-search input { min-height:42px; border:1px solid #cfd6dd; border-radius:8px; padding:0 11px; }.user-search>a { min-height:42px; display:grid; place-items:center; padding:0 10px; color:var(--admin-muted); }
.order-closed-panel { min-height:380px; display:grid; place-content:center; justify-items:center; gap:10px; padding:30px; text-align:center; }.order-closed-panel>i { color:var(--accent); font-size:36px; }.order-closed-panel h3,.order-closed-panel p { margin:0; }.order-closed-panel>a { color:var(--accent-dark); font-weight:800; }
button:disabled { cursor:not-allowed; opacity:.55; }
/* Reset credentials are real input controls, separate from the settings switches. */
.settings-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
.settings-fields input:not([type="hidden"]) { display:block; width:100%; min-width:0; min-height:46px; padding:10px 12px; border:1px solid #b8c2cc; border-radius:8px; background:#fff; color:var(--admin-text); font-size:16px; caret-color:var(--admin-text); }
.settings-fields input:not([type="hidden"]):focus { outline:2px solid var(--admin-orange-dark); outline-offset:2px; }
.settings-fields input::placeholder { color:#697582; font-weight:400; }
.danger-panel { margin-top:20px; }
.admin-reset-field { display:grid; gap:8px; align-content:start; min-width:0; }
.admin-reset-field label { font-size:14px; font-weight:700; }.admin-reset-field small { font-size:12px; line-height:1.7; }
.admin-password-control { display:flex; align-items:center; gap:10px; min-width:0; }
.admin-password-control input { flex:1; }
.admin-password-toggle { flex:none; min-height:46px; padding:8px 12px; border:1px solid var(--admin-line); border-radius:8px; background:var(--admin-panel); color:var(--admin-text); font-size:13px; font-weight:700; white-space:nowrap; }
.admin-password-toggle[hidden] { display:none; }.admin-password-toggle:focus-visible { outline:2px solid var(--admin-orange-dark); outline-offset:2px; }
.admin-reset-form.settings-fields { grid-template-columns: minmax(0, 28rem); max-width: 28rem; }
.admin-reset-form .admin-danger { width: 100%; justify-self: stretch; }
.refund-workbench { display:grid; grid-template-columns: minmax(0,1.2fr) minmax(280px,.9fr); gap:28px; align-items:stretch; margin-bottom:18px; border:1px solid var(--admin-line); border-radius:14px; background:var(--admin-panel); padding:22px 24px; }
.refund-workbench-copy > p:first-child { margin:0 0 6px; color:var(--admin-muted); font-size:12px; font-weight:800; letter-spacing:.04em; }
.refund-workbench-copy h2 { margin:0 0 16px; font-size:22px; line-height:1.3; }
.refund-workbench-copy ol { margin:0; padding:0; list-style:none; display:grid; gap:12px; }
.refund-workbench-copy li { display:grid; gap:2px; padding-left:14px; border-left:2px solid var(--admin-orange); }
.refund-workbench-copy li strong { font-size:14px; }.refund-workbench-copy li span { color:var(--admin-muted); font-size:13px; line-height:1.6; }
.refund-workbench-copy > p:not(:first-child) { margin:0; color:var(--admin-muted); font-size:14px; line-height:1.7; max-width:36em; }
.refund-workbench-side { display:grid; gap:16px; align-content:start; padding:18px; border:1px solid var(--admin-line); border-radius:12px; background:#f7f8fa; }
.refund-workbench-side dl { margin:0; display:grid; gap:12px; }
.refund-workbench-side dt { color:var(--admin-muted); font-size:12px; }.refund-workbench-side dd { margin:4px 0 0; font-weight:700; overflow-wrap:anywhere; }
.refund-workbench-note { margin:0; color:#7a3036; font-size:13px; line-height:1.6; }
.refund-workbench-actions { display:flex; flex-wrap:wrap; gap:10px; }
.refund-workbench-actions form { margin:0; }
.refund-workbench-actions .admin-danger { min-height:40px; padding:0 17px; border:0; border-radius:8px; background:var(--admin-red); color:#fff; font-weight:800; cursor:pointer; }
.refund-workbench.is-check .refund-workbench-copy li { border-left-color:var(--admin-green); }
.fulfillment-workbench { margin-bottom:18px; }
.fulfillment-workbench > header { align-items:flex-start; }
.fulfillment-workbench header > span { border-radius:7px; background:#eef2f5; padding:6px 10px; color:var(--admin-muted); font-size:12px; font-weight:800; white-space:nowrap; }
.fulfillment-admin-track { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin:0 0 18px; padding:0; list-style:none; }
.fulfillment-admin-track li { border:1px solid var(--admin-line); border-radius:8px; background:#fff; padding:10px 8px; text-align:center; color:var(--admin-muted); font-size:12px; font-weight:700; }
.fulfillment-admin-track li.is-done { border-color:#bfe3d0; background:#e4f5ec; color:var(--admin-green); }
.fulfillment-admin-track li.is-current { border-color:var(--admin-orange); background:#fff0e9; color:var(--admin-orange-dark); }
.fulfillment-form { display:grid; grid-template-columns:minmax(160px,.8fr) minmax(0,1.4fr) auto; gap:12px; align-items:end; max-width:none; margin-top:0; }
.fulfillment-form label { display:grid; gap:6px; font-size:13px; font-weight:700; }
.fulfillment-form select,.fulfillment-form input { width:100%; min-height:42px; border:1px solid #cfd6dd; border-radius:8px; background:#fff; padding:8px 11px; }
.fulfillment-form button { min-height:42px; }
@media(max-width:1180px) { .command-metrics { grid-template-columns:repeat(3,1fr); }.command-metrics article:nth-child(4) { border-left:0; }.command-layout { grid-template-columns:1fr; }.config-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:820px) { .admin-sidebar { transform:translateX(-100%); transition:transform .18s ease; }.admin-sidebar.is-open { transform:none; }.admin-topbar { left:0; padding:0 18px; }.admin-menu-button { display:grid; place-items:center; border:0; background:transparent; font-size:24px; }.admin-page .dashboard-shell,.admin-page .screen-shell { margin-left:0; padding:92px 16px 42px; }.command-heading,.screen-heading,.screen-orders header,.region-admin-card>header,.region-admin-card>footer { align-items:flex-start; flex-direction:column; }.command-date { text-align:left; }.command-metrics { grid-template-columns:repeat(2,1fr); }.command-metrics article:nth-child(odd) { border-left:0; }.region-tabs { grid-template-columns:1fr; }.region-tabs>nav { position:static; grid-template-columns:repeat(5,minmax(120px,1fr)); overflow:auto; }.order-filters { grid-template-columns:1fr 1fr; }.settings-switches,.settings-switches.compact,.settings-fields { grid-template-columns:1fr; }.control-switch { border-top:1px solid var(--admin-line)!important; }.control-switch:first-child { border-top:0!important; }.order-detail-facts { grid-template-columns:1fr; }.order-detail-status { justify-content:flex-start; }.refund-workbench,.fulfillment-form { grid-template-columns:1fr; }.fulfillment-admin-track { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:520px) { .admin-identity { font-size:0; }.command-metrics { grid-template-columns:1fr; }.command-metrics article { border-left:0; border-top:1px solid var(--admin-line); }.command-metrics article:first-child { border-top:0; }.config-grid,.order-filters,.screen-metrics { grid-template-columns:1fr; }.region-switch-group { align-items:flex-start; flex-direction:column; }.sticky-save { position:static; align-items:stretch; flex-direction:column; }.sticky-save .admin-primary { width:100%; }.fulfillment-admin-track { grid-template-columns:1fr; }.refund-workbench-actions { flex-direction:column; }.refund-workbench-actions .admin-secondary,.refund-workbench-actions .admin-primary,.refund-workbench-actions .admin-danger { width:100%; } }
@media(prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; transition:none!important; } }