/* Lovi UI r1 — all layout and typography sizes follow the owner's text scale. */
:root {
  color-scheme: dark;
  --bg:#0b1019; --bg2:#0f1621; --surface:#131c29; --surface2:#1a2535;
  --surface3:#223047; --line:#29364a; --line2:#394a62;
  --text:#edf3fc; --text2:#b5c2d5; --muted:#91a2bb;
  --accent:#65adff; --accent2:#9ac9ff; --accent-weak:rgba(101,173,255,.13);
  --good:#51d6a1; --warn:#f3bc64; --crit:#ff8792; --info:#a9bbd6;
  --good-bg:rgba(81,214,161,.11); --warn-bg:rgba(243,188,100,.12);
  --crit-bg:rgba(255,135,146,.12); --info-bg:rgba(169,187,214,.12);
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  --r:.933333rem; --r2:.6rem; --sidebar:16.533333rem;
  --shadow:0 .066667rem 0 rgba(255,255,255,.025) inset,0 .266667rem 1.333333rem rgba(0,0,0,.08);
  font:15px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--bg); color:var(--text);
}
:root[data-theme="light"] {
  color-scheme:light; --bg:#f3f6fa; --bg2:#fafbfd; --surface:#fff; --surface2:#f0f4fa;
  --surface3:#e5edf8; --line:#dce4ef; --line2:#becbdd;
  --text:#17263c; --text2:#4e6079; --muted:#64758c;
  --accent:#256ac4; --accent2:#174d9a; --accent-weak:rgba(37,106,196,.09);
  --good:#137548; --warn:#96600b; --crit:#be3549; --info:#536783;
  --good-bg:rgba(19,117,72,.08); --warn-bg:rgba(150,96,11,.09);
  --crit-bg:rgba(190,53,73,.08); --info-bg:rgba(83,103,131,.09);
  --shadow:0 .066667rem .266667rem rgba(30,50,78,.03);
}
html {font-size:15px; scrollbar-gutter:stable;}
html[data-scale="115"] {font-size:17px;}
html[data-scale="130"] {font-size:19px;}
* {box-sizing:border-box;}
body {margin:0; min-width:0; line-height:1.5;}
button,input,select,textarea {font:inherit;}
button,input,select,textarea,summary,a {-webkit-tap-highlight-color:transparent;}
button {display:inline-flex; align-items:center; justify-content:center; gap:.533333rem;
  padding:.6rem .933333rem; min-height:2.666667rem; border:.066667rem solid var(--line2);
  border-radius:var(--r2); background:var(--surface); color:var(--text2); cursor:pointer;
  font-size:.933333rem; font-weight:550; line-height:1.35; transition:background .15s,border-color .15s,color .15s;}
button:hover {background:var(--surface2); border-color:var(--accent); color:var(--text);}
button:disabled {opacity:.5; cursor:not-allowed;}
button.primary {background:var(--accent); border-color:transparent; color:#0b1726; font-weight:650;}
[data-theme="light"] button.primary {color:#fff;}
button.primary:hover {background:var(--accent2);}
button.text-button,button.table-link {border:0; background:transparent; color:var(--accent); padding:.266667rem 0; min-height:0;}
button.text-button:hover,button.table-link:hover {color:var(--accent2);}
.danger-outline {border-color:var(--crit); color:var(--crit);}
.icon-button {width:2.666667rem; min-width:2.666667rem; height:2.666667rem; padding:.533333rem; background:transparent; border-color:transparent; font-size:1.333333rem;}
svg {display:block; width:1.333333rem; height:1.333333rem; flex:none;}
svg text {font-size:.833333rem;}
a {color:var(--accent); text-decoration:none; overflow-wrap:anywhere;}
a:hover {text-decoration:underline;}
input,select,textarea {display:block; width:100%; min-width:0; color:var(--text); background:var(--bg2);
  border:.066667rem solid var(--line2); border-radius:var(--r2); padding:.666667rem .8rem; outline:none; font-size:.933333rem;}
input,select {min-height:2.8rem;}
textarea {resize:vertical; line-height:1.6;}
input::placeholder,textarea::placeholder {color:var(--muted); font-size:.866667rem;}
input:focus,select:focus,textarea:focus {border-color:var(--accent); box-shadow:0 0 0 .2rem var(--accent-weak);}
input[type="checkbox"] {width:1.133333rem; height:1.133333rem; min-height:0; accent-color:var(--accent); flex:none;}
input[type="file"] {font-size:.866667rem; padding:.533333rem;}
label {display:block; color:var(--text2); font-size:.866667rem; font-weight:550; margin-bottom:1.2rem; min-width:0;}
label input,label select,label textarea {margin-top:.466667rem;}
label.check-label {display:flex; align-items:center; gap:.666667rem; font-size:.933333rem;}
label.check-label input {margin:0;}
h1,h2,h3,p {margin-top:0;}
h1 {font-size:2rem; line-height:1.2; letter-spacing:-.05rem; font-weight:700; margin-bottom:.666667rem;}
h2 {font-size:1.466667rem; line-height:1.3; letter-spacing:-.026667rem;}
h3 {font-size:1.133333rem; line-height:1.4; font-weight:650; margin-bottom:.266667rem;}
p {margin-bottom:.933333rem;}
small,.small {font-size:.866667rem; color:var(--text2);}
.text2 {color:var(--text2);}
.muted {color:var(--muted); font-size:.866667rem;}
.accent {color:var(--accent);}
.good-text {color:var(--good);}
.warn-text {color:var(--warn);}
.crit-text,.error {color:var(--crit);}
.error {font-size:.933333rem; overflow-wrap:anywhere;}
.error:empty {display:none;}
.eyebrow {display:block; margin-bottom:.666667rem; color:var(--text2); font-size:.8rem; line-height:1.5; letter-spacing:.1em; font-weight:600;}
.mono,code,kbd,.stat-value {font-family:var(--mono); font-variant-numeric:tabular-nums;}
code {font-size:.866667rem; background:var(--surface2); padding:.133333rem .333333rem; border-radius:.266667rem; overflow-wrap:anywhere;}
kbd {font-size:.8rem; color:var(--text2); padding:.133333rem .333333rem; border:.066667rem solid var(--line2); border-radius:.266667rem; background:var(--surface); white-space:nowrap;}
[hidden] {display:none!important;}
:focus-visible {outline:.133333rem solid var(--accent); outline-offset:.2rem;}
.wide {width:100%;}
.actions {display:flex; align-items:center; gap:.666667rem; flex-wrap:wrap;}
.brand {display:flex; align-items:center; gap:.733333rem; color:var(--text);}
.brand:hover {text-decoration:none;}
.brand-mark {display:flex; align-items:center; justify-content:center; width:2.8rem; height:2.8rem; border-radius:.866667rem; color:#071b31; background:var(--accent); font-size:2rem; line-height:1; font-weight:600; flex:none;}
.brand strong {font-size:1.733333rem; font-weight:750; letter-spacing:-.066667rem; line-height:1.15;}
.brand small {display:block; margin-top:.333333rem; font-size:.8rem; letter-spacing:.06em; color:var(--text2);}
.login-screen {min-height:100dvh; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:2rem 1.2rem; background:radial-gradient(ellipse at 50% 0%,var(--accent-weak),transparent 65%);}
.login-card {width:100%; max-width:30rem; padding:2.133333rem; background:var(--surface); border:.066667rem solid var(--line); border-radius:var(--r); box-shadow:var(--shadow);}
.login-card .brand {margin-bottom:2.666667rem;}
.login-card form {margin-top:1.866667rem;}
.login-card form+p {margin:1.333333rem 0 0;}
.login-footer {margin:1.333333rem 0 0; font-size:.866667rem; letter-spacing:.08em; color:var(--muted);}
#sidebar {position:fixed; inset:0 auto 0 0; width:var(--sidebar); padding:2rem .933333rem 1.2rem; background:var(--bg2); border-right:.066667rem solid var(--line); display:flex; flex-direction:column; z-index:40; overflow-y:auto;}
#sidebar>.brand {margin:0 .933333rem 2.4rem;}
.nav-caption {font-size:.8rem; font-weight:600; letter-spacing:.04em; color:var(--text2); margin:0 .8rem .8rem;}
#sidebar nav {display:flex; flex-direction:column; gap:.4rem;}
.nav {position:relative; justify-content:flex-start; width:100%; min-height:2.933333rem; padding:.666667rem .8rem;
  background:transparent; border-color:transparent; border-radius:.6rem; font-size:1rem; font-weight:550; color:var(--text2); gap:.8rem;}
.nav:hover {background:var(--surface2); border-color:transparent;}
.nav.active {background:var(--accent-weak); color:var(--accent);}
.nav.active::before {content:""; position:absolute; left:0; top:.6rem; bottom:.6rem; width:.2rem; border-radius:.2rem; background:var(--accent);}
.nav svg {width:1.333333rem; height:1.333333rem;}
.nav-count {margin-left:auto; background:var(--accent-weak); border:.066667rem solid var(--accent-weak); border-radius:.4rem; padding:.066667rem .4rem; font:600 .833333rem var(--mono);}
.nav-count:empty {display:none;}
.sidebar-foot {margin-top:auto; padding:.933333rem .533333rem 0;}
.owner {display:flex; align-items:center; gap:.666667rem; padding:1rem 0; border-top:.066667rem solid var(--line);}
.owner>div {min-width:0;}
.owner strong {display:block; font-size:.933333rem;}
.owner small {display:block; font-size:.866667rem;}
.owner>.good-text {margin-left:auto;}
.sidebar-foot>#logout {width:100%; justify-content:flex-start; color:var(--text2); padding:.6rem 0; margin-bottom:.4rem;}
.workspace {margin-left:var(--sidebar); min-width:0;}
.topbar {position:sticky; top:0; z-index:25; display:flex; align-items:center; justify-content:space-between; gap:1rem;
  min-height:4.933333rem; padding:.8rem 2.133333rem; background:var(--bg2); border-bottom:.066667rem solid var(--line);}
.top-title {display:flex; align-items:center; gap:.6rem; min-width:0; font-size:.933333rem;}
.top-title>.desktop-only {font-size:.866667rem;}
.top-actions {display:flex; align-items:center; gap:.666667rem; flex:none;}
.live {display:flex; align-items:center; gap:.466667rem; font-size:.866667rem; color:var(--text2); white-space:nowrap;}
.live b {font-size:.8rem; font-weight:650; color:var(--good); letter-spacing:.06em;}
.status-dot {display:inline-block; width:.466667rem; height:.466667rem; border-radius:50%; background:var(--good); flex:none;}
.live .status-dot {animation:live-pulse 2.4s ease-in-out infinite;}
.status-dot.bad {background:var(--crit); animation:none;}
.live.offline b {color:var(--crit);}
@keyframes live-pulse {0%,100%{box-shadow:0 0 0 0 rgba(81,214,161,.2)}50%{box-shadow:0 0 0 .266667rem rgba(81,214,161,0)}}
.search-open {padding:.6rem .733333rem; background:var(--surface); font-size:.866667rem;}
.search-open kbd {margin-left:.466667rem;}
.scale-picker {position:relative; margin:0; padding:0; border:0;}
.scale-picker summary {display:flex; align-items:center; gap:.4rem; min-height:2.666667rem; padding:.466667rem .6rem; border:.066667rem solid var(--line2); border-radius:var(--r2); color:var(--text); cursor:pointer; list-style:none; font-size:1rem; font-weight:650;}
.scale-picker summary::-webkit-details-marker {display:none;}
.scale-picker summary>span {font:500 .8rem var(--mono); color:var(--text2);}
.scale-menu {position:absolute; top:calc(100% + .533333rem); right:0; width:14rem; padding:.8rem; z-index:45; border:.066667rem solid var(--line2); border-radius:var(--r2); background:var(--surface); box-shadow:var(--shadow);}
.scale-menu p {font-size:.866667rem; color:var(--text2); margin:0 0 .666667rem;}
.scale-menu button {width:100%; justify-content:space-between; margin:.2rem 0;}
.scale-menu button.active {color:var(--accent); border-color:var(--accent); background:var(--accent-weak);}
main {padding:2rem 2.133333rem 1.2rem; max-width:133.333333rem; margin:0 auto; min-width:0;}
.view {min-width:0;}
.page-heading {position:relative; isolation:isolate; display:flex; align-items:flex-start; justify-content:space-between; gap:1.333333rem; padding:.466667rem 0 1.466667rem; margin-bottom:1.866667rem;}
.page-heading::before {content:""; position:absolute; z-index:-1; inset:-1.2rem -.8rem 0; pointer-events:none;
  background-image:linear-gradient(color-mix(in srgb,var(--line) 35%,transparent) .066667rem,transparent .066667rem),linear-gradient(90deg,color-mix(in srgb,var(--line) 35%,transparent) .066667rem,transparent .066667rem);
  background-size:2.133333rem 2.133333rem; mask-image:linear-gradient(90deg,transparent,#000 15%,#000 70%,transparent);}
.page-heading p {font-size:1rem; color:var(--text2); margin:0; max-width:50rem;}
.page-heading .eyebrow {color:var(--text2); margin-bottom:.733333rem;}
.page-heading .actions {justify-content:flex-end; padding-top:.4rem;}
.subtle-pill {display:inline-flex; align-items:center; min-height:2rem; padding:.266667rem .666667rem; border:.066667rem solid var(--line); border-radius:.533333rem; background:var(--surface); color:var(--text2); font-size:.866667rem;}
.health-strip {display:flex; align-items:center; flex-wrap:wrap; gap:1.2rem; color:var(--text2); font-size:.866667rem; margin:.933333rem 0 0;}
.health-strip>span {display:flex; align-items:center; gap:.466667rem;}
.stats {display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:1.333333rem; margin-bottom:1.866667rem;}
.stat {min-width:0; padding:1.466667rem; min-height:9.333333rem; border:.066667rem solid var(--line); border-radius:var(--r); background:var(--surface); box-shadow:var(--shadow); transition:background .15s;}
.stat:hover,.card:hover {background:var(--surface2);}
.stat.clickable {cursor:pointer;}
.stat-label {display:flex; align-items:flex-start; justify-content:space-between; gap:.533333rem; font-size:.866667rem; line-height:1.4; color:var(--text2); font-weight:600; min-height:2.4em;}
.stat-label svg {width:1.2rem; height:1.2rem; color:var(--accent);}
.stat-number {display:flex; align-items:baseline; gap:.333333rem; flex-wrap:wrap; margin:.666667rem 0 .4rem;}
.stat-value {font-size:2.533333rem; line-height:1.15; font-weight:700; letter-spacing:-.08rem; color:var(--text);}
.stat-unit {font-size:.933333rem; font-weight:600; color:var(--text2);}
.stat-note {display:block; color:var(--text2); font-size:.866667rem; line-height:1.4; min-height:2.8em;}
.stat-bottom {display:flex; align-items:flex-end; gap:.533333rem; margin-top:.8rem; flex-wrap:wrap;}
.stat-change {font-size:.866667rem; font-weight:600; line-height:1.5; white-space:nowrap;}
.stat-change.unknown {color:var(--muted); font-size:.866667rem; white-space:normal; font-weight:500;}
.sparkline {height:1.866667rem; width:5.333333rem; flex:1; min-width:3.333333rem; max-width:8rem; color:var(--accent); overflow:visible;}
.sparkline path {fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}
.sparkline .missing {stroke:var(--line2); stroke-dasharray:3 4; stroke-width:1;}
.sparkline circle {fill:currentColor;}
.card {min-width:0; padding:1.6rem; border:.066667rem solid var(--line); border-radius:var(--r); background:var(--surface); box-shadow:var(--shadow); margin-bottom:1.866667rem; transition:background .15s;}
.card-heading {display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1.6rem; min-width:0;}
.card-title {display:flex; align-items:center; gap:.8rem; min-width:0;}
.card-title>div {min-width:0;}
.card-title h3 {margin-bottom:.333333rem;}
.card-title small {display:block; color:var(--text2); font-size:.866667rem;}
.card-icon {display:flex; align-items:center; justify-content:center; width:2.533333rem; height:2.533333rem; border:.066667rem solid var(--line); border-radius:.666667rem; background:var(--accent-weak); color:var(--accent); flex:none;}
.overview-grid {display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:1.333333rem; margin-bottom:1.866667rem; align-items:stretch;}
.overview-grid>.card {margin-bottom:0;}
.operations-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
.badge {display:inline-flex; align-items:center; justify-content:center; gap:.333333rem; padding:.266667rem .666667rem; border:.066667rem solid transparent; border-radius:999rem; font-size:.833333rem; font-weight:600; line-height:1.35; max-width:100%; white-space:nowrap;}
.badge.good {color:var(--good); background:var(--good-bg);}
.badge.warn,.badge.wait {color:var(--warn); background:var(--warn-bg);}
.badge.crit,.badge.bad {color:var(--crit); background:var(--crit-bg);}
.badge.info,.badge.neutral {color:var(--info); background:var(--info-bg);}
.platform-row {display:flex; align-items:center; justify-content:space-between; gap:.8rem; padding:1.133333rem 0; border-bottom:.066667rem solid var(--line);}
.platform-row:first-child {padding-top:0;}
.platform-row:last-child {padding-bottom:0; border-bottom:0;}
.platform-name {display:flex; align-items:center; gap:.733333rem; min-width:0;}
.platform-name>div {min-width:0;}
.platform-name strong {font-size:.933333rem; font-weight:650;}
.platform-name small,.platform-row small {display:block; color:var(--text2); font-size:.866667rem; margin-top:.266667rem;}
.platform-icon {display:inline-flex; align-items:center; justify-content:center; width:2.4rem; height:2.4rem; border-radius:.666667rem; background:var(--surface2); font-size:1.2rem; font-weight:700; flex:none;}
.platform-icon.youtube {color:#ff8792; background:rgba(255,135,146,.1);}
.platform-icon.instagram {color:#eab0e8; background:rgba(234,176,232,.1);}
.platform-icon.tiktok {color:#75dada; background:rgba(117,218,218,.1);}
.platform-icon.vk {color:#81b7ff; background:rgba(129,183,255,.1);}
[data-theme="light"] .platform-icon.youtube {color:#c9364e;}
[data-theme="light"] .platform-icon.instagram {color:#9c3c98;}
[data-theme="light"] .platform-icon.tiktok {color:#0a747c;}
[data-theme="light"] .platform-icon.vk {color:#2266b5;}
.platform-cell {display:inline-flex; align-items:center; gap:.533333rem; font-size:.933333rem; color:var(--text); white-space:nowrap;}
.platform-cell .platform-icon {width:1.2rem; height:1.2rem; background:transparent; border-radius:0; font-size:1.2rem;}
.platform-cell .platform-icon svg {width:1.2rem; height:1.2rem;}
td .platform-cell {max-width:100%; flex-wrap:wrap; white-space:normal; row-gap:.266667rem;}
td .badge {white-space:normal; text-align:center; overflow-wrap:anywhere;}
.chart-header {align-items:flex-start; flex-wrap:wrap;}
.chart-controls {display:flex; align-items:center; gap:.733333rem; flex-wrap:wrap;}
.segmented {display:flex; align-items:center; padding:.2rem; gap:.133333rem; border:.066667rem solid var(--line); border-radius:.6rem; background:var(--bg2);}
.segmented button {border:0; background:transparent; min-height:2rem; padding:.333333rem .533333rem; font:600 .866667rem var(--mono);}
.segmented button.active {background:var(--surface3); color:var(--accent); box-shadow:var(--shadow);}
.chart-platform-toggle {display:flex; align-items:center; gap:.4rem; color:var(--text2); font-size:.866667rem; margin:0; white-space:nowrap;}
.chart-platform-toggle input {margin:0;}
.chart-legend {display:flex; align-items:center; gap:1rem; flex-wrap:wrap; margin-bottom:.8rem; color:var(--text2); font-size:.866667rem;}
.legend-item {display:flex; align-items:center; gap:.4rem;}
.legend-dot {width:.533333rem; height:.533333rem; border-radius:.133333rem; flex:none;}
.legend-dot.good {background:var(--good);}
.legend-dot.crit {background:var(--crit);}
.legend-dot.cancelled {background:var(--muted);}
.legend-dot.other {background:var(--info);}
.legend-dot.youtube {background:#ee7582;}
.legend-dot.instagram {background:#bf88da;}
.legend-dot.tiktok {background:#45afb3;}
.legend-dot.vk {background:#5c94ed;}
.day-chart {height:20rem; position:relative; min-width:0;}
.day-chart canvas {display:block; width:100%; height:20rem; border-radius:.266667rem;}
.chart-tooltip {position:absolute; z-index:10; width:16rem; max-width:100%; pointer-events:none; background:var(--surface); border:.066667rem solid var(--line2); border-radius:.666667rem; padding:.8rem; box-shadow:var(--shadow); font-size:.866667rem;}
.chart-tooltip strong {display:block; font-size:.933333rem; margin-bottom:.533333rem;}
.chart-tooltip>div {display:flex; justify-content:space-between; gap:.8rem; padding:.133333rem 0; color:var(--text2);}
.chart-tooltip .tooltip-platforms {display:block; border-top:.066667rem solid var(--line); margin-top:.533333rem; padding-top:.533333rem;}
.chart-tooltip .tooltip-platforms>div {display:flex; justify-content:space-between; padding:.133333rem 0;}
.chart-note {font-size:.866667rem; color:var(--text2); margin:.8rem 0 0; min-height:1.3em;}
.chart-note:empty {display:none;}
.all-clear {display:flex; align-items:center; gap:1rem; padding:1.333333rem; border:.066667rem solid color-mix(in srgb,var(--good) 25%,transparent); border-radius:.733333rem; background:var(--good-bg);}
.all-clear>svg {width:2rem; height:2rem; color:var(--good);}
.all-clear strong {display:block; font-size:1.333333rem; line-height:1.3; color:var(--good); margin-bottom:.4rem;}
.all-clear p {font-size:.933333rem; color:var(--text2); margin:0;}
.problem-item {display:flex; align-items:flex-start; gap:.733333rem; padding:1rem; background:var(--crit-bg); border-radius:.666667rem; margin-top:.666667rem;}
.problem-item svg {color:var(--crit); margin-top:.133333rem;}
.problem-item p {margin:0; color:var(--text); font-size:.933333rem;}
.queue-item {display:block; width:100%; text-align:left; border:.066667rem solid var(--line); border-radius:.666667rem; padding:1rem; background:var(--bg2); color:var(--text); margin-bottom:.666667rem;}
.queue-item:last-child {margin-bottom:0;}
.queue-heading {display:flex; align-items:center; justify-content:space-between; gap:.8rem; margin-bottom:.8rem;}
.queue-title {font-size:.933333rem; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; min-width:0;}
.queue-info {display:flex; align-items:center; justify-content:space-between; gap:.8rem; margin-top:.666667rem; flex-wrap:wrap;}
.queue-info .person {max-width:100%;}
.queue-info .person .avatar {width:1.866667rem; height:1.866667rem; font-size:.8rem;}
.queue-progress-label {display:flex; justify-content:space-between; gap:.8rem; color:var(--text2); font-size:.866667rem; margin-top:.533333rem;}
progress {display:block; width:100%; height:.4rem; appearance:none; border:0; border-radius:999rem; background:var(--line); margin:.8rem 0 0;}
progress::-webkit-progress-bar {background:var(--line); border-radius:999rem;}
progress::-webkit-progress-value {background:var(--accent); border-radius:999rem;}
progress::-moz-progress-bar {background:var(--accent); border-radius:999rem;}
.overview-extra {padding:1.2rem 1.6rem;}
.overview-extra>summary {font-size:.933333rem;}
.overview-extra[open]>.overview-grid {margin:1.6rem 0 0;}
.overview-extra .card {background:transparent; box-shadow:none; padding:0; border:0;}
.tabs {display:flex; align-items:center; gap:1.6rem; border-bottom:.066667rem solid var(--line); margin-bottom:1.333333rem; flex-wrap:wrap;}
.tabs>button {min-height:3.2rem; padding:.666667rem .133333rem .8rem; border:0; border-bottom:.133333rem solid transparent; border-radius:0; background:transparent; font-size:.933333rem; white-space:nowrap;}
.tabs>button.active {color:var(--accent); border-bottom-color:var(--accent);}
.tabs>button span {padding:.133333rem .4rem; margin-left:.266667rem; border-radius:.333333rem; background:var(--surface3); color:var(--text2); font:500 .833333rem var(--mono);}
.table-toolbar {display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; flex-wrap:wrap; padding-bottom:1.333333rem; border-bottom:.066667rem solid var(--line); margin-bottom:.4rem;}
.filters {display:flex; gap:.8rem; align-items:flex-end; flex:1; min-width:0; flex-wrap:wrap;}
.filters label {flex:1; min-width:7.333333rem; margin:0;}
.filters label:last-of-type {flex:1.3;}
.filters button {flex:none;}
.column-slot {display:flex; align-items:center; flex:none; margin-left:auto; min-height:2.8rem;}
.table-root {min-width:0;}
.table-tools {display:flex; justify-content:flex-end; margin-bottom:.8rem;}
.column-slot .table-tools {margin:0;}
.column-picker {position:relative; padding:0; border:0; margin:0; font-size:.866667rem;}
.column-picker summary {display:flex; align-items:center; gap:.4rem; padding:.666667rem .8rem; min-height:2.8rem; border:.066667rem solid var(--line2); border-radius:var(--r2); background:var(--surface); cursor:pointer; color:var(--text2); font-size:.866667rem; font-weight:600; white-space:nowrap;}
.column-picker[open]>summary {margin-bottom:0;}
.column-options {position:absolute; right:0; top:calc(100% + .533333rem); min-width:15.333333rem; max-width:calc(100vw - 2rem); padding:1rem; background:var(--surface); border:.066667rem solid var(--line2); border-radius:.666667rem; box-shadow:var(--shadow); z-index:20;}
.column-options label {display:flex; align-items:center; gap:.666667rem; font-size:.866667rem; margin-bottom:.8rem;}
.column-options label:last-child {margin:0;}
.column-options input {margin:0;}
table {width:100%; table-layout:fixed; border-collapse:collapse; font-size:.933333rem;}
th {text-align:left; padding:.933333rem .666667rem; border-bottom:.066667rem solid var(--line2); font-size:.8rem; font-weight:600; text-transform:uppercase; letter-spacing:.04em; line-height:1.4; color:var(--text2);}
th button {font:inherit; letter-spacing:inherit; line-height:inherit; text-transform:inherit; text-align:inherit; color:inherit; background:transparent; border:0; border-radius:0; padding:0; min-height:1.6rem; justify-content:flex-start;}
th.numeric,td.numeric {text-align:right;}
th.numeric button {margin-left:auto; justify-content:flex-end;}
td {padding:.6rem .666667rem; height:3.466667rem; border-bottom:.066667rem solid var(--line); font-size:.933333rem; line-height:1.3; vertical-align:middle; color:var(--text); overflow-wrap:anywhere; min-width:0;}
tbody tr:last-child td {border-bottom:0;}
tbody tr:hover {background:var(--surface2);}
tbody tr.clickable {cursor:pointer;}
tbody tr.clickable:focus-visible {outline-offset:-.133333rem;}
.cell-title {display:block; width:100%; text-align:left; color:var(--text)!important; font-size:.933333rem; font-weight:600; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.cell-sub {display:block; color:var(--text2); font-size:.833333rem; margin-top:.266667rem; line-height:1.3;}
.cell-title+.cell-sub {margin-top:.133333rem;}
.person {display:flex; align-items:center; gap:.6rem; min-width:0; max-width:100%; text-align:left;}
.person>div {min-width:0;}
.person strong {display:block; color:var(--text); font-size:.933333rem; font-weight:600; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.person small {display:block; color:var(--text2); font-size:.833333rem; font-weight:400; margin-top:.133333rem; line-height:1.3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.avatar {display:inline-flex; justify-content:center; align-items:center; width:2.133333rem; height:2.133333rem; border-radius:50%; border:.066667rem solid var(--accent-weak); background:var(--accent-weak); color:var(--accent2); font-size:.8rem; font-weight:650; flex:none;}
.avatar.big {width:3.2rem; height:3.2rem; font-size:1.2rem;}
.person-button {display:block; min-height:0; max-width:100%; padding:0; background:transparent; border:0; text-align:left;}
.person-button:hover {background:transparent;}
.cell-time {font-family:var(--mono); font-size:.933333rem; font-variant-numeric:tabular-nums;}
.cell-time small {display:block; font:inherit; color:var(--text2);}
.pagination {display:flex; align-items:center; justify-content:flex-end; gap:.666667rem; flex-wrap:wrap; margin-top:.533333rem; padding-top:1.066667rem; border-top:.066667rem solid var(--line); font:500 .866667rem var(--mono); color:var(--text2);}
.pagination>span:first-child {margin-right:auto;}
.pagination button {min-width:2.133333rem; padding:.4rem .666667rem;}
.page-summary {display:flex; flex-wrap:wrap; align-items:center; gap:.8rem 1.6rem; padding:1.066667rem 1.333333rem; margin-bottom:1.333333rem; border:.066667rem solid var(--line); border-radius:.733333rem; background:var(--surface); color:var(--text2); font-size:.933333rem;}
.page-summary span {display:flex; align-items:baseline; gap:.533333rem;}
.page-summary strong {font:600 1.2rem var(--mono); color:var(--text);}
.inline-form {display:flex; align-items:flex-end; flex-wrap:wrap; gap:.666667rem; margin:.933333rem 0; min-width:0;}
.inline-form label {flex:1; margin:0; min-width:0;}
.inline-form>input {max-width:23.333333rem; flex:1;}
.inline-form button {flex:none;}
.table-toolbar .inline-form {margin:0; flex:1;}
.empty {padding:2.133333rem 1rem; border:.066667rem dashed var(--line2); border-radius:.733333rem; color:var(--text2); font-size:.933333rem; text-align:center;}
.empty p {margin:.533333rem 0 0; color:var(--text2); font-size:.866667rem;}
.loading {min-height:7rem; padding:1.333333rem;}
.skeleton {position:relative; overflow:hidden; background:var(--surface2); border-radius:.333333rem; min-height:.866667rem;}
.skeleton::after {content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--text2) 12%,transparent),transparent); animation:shimmer 1.8s linear infinite; transform:translateX(-100%);}
@keyframes shimmer {to{transform:translateX(100%)}}
.skeleton-row {display:grid; grid-template-columns:2fr 1.5fr 1fr; gap:1.333333rem; padding:1rem 0; border-bottom:.066667rem solid var(--line);}
.skeleton-row:last-child {border:0;}
.skeleton-row .skeleton {height:1.6rem;}
.stat-skeleton .skeleton:first-child {width:80%; margin-bottom:1.2rem;}
.stat-skeleton .skeleton:nth-child(2) {width:65%; height:2.8rem; margin-bottom:1rem;}
.stat-skeleton .skeleton:last-child {height:1.2rem;}
.settings-grid {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.333333rem;}
.settings-grid>.card {margin-bottom:0;}
.settings-grid+.card {margin-top:1.866667rem;}
.form-grid {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem;}
details {margin-top:1.333333rem; padding-top:1.066667rem; border-top:.066667rem solid var(--line); min-width:0;}
summary {cursor:pointer; color:var(--text2); font-size:.933333rem; font-weight:600; overflow-wrap:anywhere;}
details[open]>summary {margin-bottom:1.2rem;}
details p:last-child {margin-bottom:0;}
.step {display:block; font:600 .866667rem var(--mono); color:var(--accent); margin-bottom:1rem;}
.setting-line {display:flex; align-items:center; justify-content:space-between; gap:.8rem; padding:.8rem 0; font-size:.933333rem; overflow-wrap:anywhere;}
.marketing-section {padding:0 0 .8rem;}
.marketing-section label {margin-bottom:1rem;}
.footer {display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; padding:1.333333rem 2.133333rem; border-top:.066667rem solid var(--line); margin-top:1rem; color:var(--muted); font-size:.866667rem;}
.compose-grid {display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:1.333333rem; align-items:start;}
.preview-card {position:sticky; top:6.666667rem;}
.broadcast-button {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.666667rem; margin-top:1.333333rem; padding-top:1.2rem; border-top:.066667rem solid var(--line);}
.broadcast-button label:last-child {grid-column:1/-1;}
.broadcast-item {border-bottom:.066667rem solid var(--line); padding:1.333333rem 0;}
.broadcast-item:first-child {padding-top:0;}
.broadcast-item:last-child {border-bottom:0; padding-bottom:0;}
.broadcast-item .card-heading {margin-bottom:.8rem;}
.broadcast-item p {font-size:.933333rem; color:var(--text2); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.broadcast-progress {display:flex; align-items:center; flex-wrap:wrap; gap:.6rem 1.2rem; margin-bottom:.666667rem;}
.broadcast-progress>span {font:500 .866667rem var(--mono); color:var(--text2);}
.broadcast-item .actions {margin-top:1rem;}
.compose-tip {display:flex; align-items:flex-start; gap:.666667rem; padding:1rem; background:var(--accent-weak); border-radius:.666667rem; color:var(--text2); font-size:.866667rem; margin-top:1.333333rem;}
.compose-tip svg {color:var(--accent); width:1.2rem; height:1.2rem; margin-top:.133333rem;}
.compose-tip p {margin:0;}
.editor-toolbar {display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap; gap:1rem;}
.editor-toolbar label {flex:1; max-width:28rem; margin:0;}
.editor-actions {display:flex; gap:.666667rem; flex-wrap:wrap;}
.editor-grid {display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr) minmax(0,1fr); gap:1.333333rem;}
.editor-tips {margin-top:1.6rem;}
.editor-tips .step {margin-bottom:.333333rem;}
.editor-tips p,.editor-note,.editor-boundaries p {font-size:.866667rem; color:var(--text2);}
.editor-boundaries {margin-top:1.333333rem; padding-top:1rem; border-top:.066667rem solid var(--line);}
.editor-boundaries strong {font-size:.933333rem;}
.editor-boundaries p {margin-top:.666667rem;}
.editor-note {margin:1.066667rem 0 0;}
.telegram-preview {background:var(--bg2); border:.066667rem solid var(--line2); border-radius:.8rem; overflow:hidden;}
.telegram-header {display:flex; align-items:center; gap:.666667rem; padding:1rem; background:var(--surface2);}
.telegram-header strong {font-size:1rem;}
.telegram-header small {display:block; margin-top:.133333rem; font-size:.866667rem; color:var(--text2);}
.telegram-header>span:last-child:not(.preview-avatar) {margin-left:auto;}
.preview-avatar {display:flex; align-items:center; justify-content:center; width:2.4rem; height:2.4rem; border-radius:50%; background:var(--accent); color:#0b1726; font-size:1.733333rem; flex:none;}
.telegram-chat {padding:1.2rem;}
.telegram-message {background:var(--surface3); border:.066667rem solid var(--line2); border-radius:.8rem .8rem .8rem .266667rem; padding:1rem; font-size:.933333rem; line-height:1.65; white-space:pre-wrap; overflow-wrap:anywhere;}
.telegram-message blockquote {margin:.4rem 0; padding-left:.666667rem; border-left:.133333rem solid var(--accent);}
.telegram-message .spoiler {background:var(--line2); border-radius:.2rem;}
.telegram-keyboard {display:flex; flex-direction:column; gap:.4rem; margin-top:.466667rem;}
.telegram-row {display:flex; gap:.333333rem; min-width:0;}
.preview-key {flex:1; min-width:0; min-height:2.666667rem; padding:.4rem .266667rem; font-size:.833333rem; color:var(--text); background:var(--surface3); border:.066667rem solid var(--line2); overflow-wrap:anywhere;}
.preview-key.primary {background:#286abb; color:#fff;}
.preview-key.success {background:#247c4d; color:#fff;}
.preview-key.danger {background:#ad3e4c; color:#fff;}
.preview-key.selected {outline:.133333rem solid var(--accent); outline-offset:.066667rem;}
.preview-key[draggable="true"] {cursor:grab;}
.drop-target {outline:.133333rem dashed var(--accent);}
.language-switch {display:flex; gap:.2rem; padding:.2rem; border:.066667rem solid var(--line); border-radius:.533333rem; background:var(--bg2);}
.language-switch button {padding:.333333rem .533333rem; border:0; min-width:2.266667rem; min-height:2rem; font:600 .866667rem var(--mono); background:transparent;}
.language-switch button.active {background:var(--surface3); color:var(--accent);}
.new-row {width:100%; margin-top:1rem; padding:.666667rem .4rem; border:.066667rem dashed var(--line2); background:transparent; font-size:.866667rem;}
.style-picker {border:0; margin:1.2rem 0; padding:0; min-width:0;}
.style-picker legend {color:var(--text2); font-size:.933333rem; margin-bottom:.6rem;}
#editor-colors {display:flex; gap:.4rem; flex-wrap:wrap;}
.color-choice {font-size:.866667rem; padding:.4rem .6rem;}
.color-choice.primary {background:var(--accent-weak)!important; color:var(--accent)!important; border:.066667rem solid var(--accent)!important;}
.color-choice.success {background:var(--good-bg); color:var(--good);}
.color-choice.danger {background:var(--crit-bg); color:var(--crit);}
.color-choice.active {outline:.066667rem solid var(--accent);}
.move-buttons {display:flex; gap:.533333rem;}
.move-buttons button {flex:1; padding:.533333rem;}
#editor-position {margin-top:.666667rem;}
.editor-save-bottom {width:100%;}
hr {border:0; border-top:.066667rem solid var(--line); margin:1.6rem 0;}
.text-editor-grid {display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.8fr); gap:1.333333rem;}
.text-list {max-height:44rem; overflow:auto;}
.text-list button {display:block; width:100%; padding:.8rem; text-align:left; background:transparent; border:0; border-radius:.4rem; font-size:.933333rem; overflow:hidden;}
.text-list button.active {background:var(--accent-weak); color:var(--accent);}
.text-list small {display:block; font-size:.866667rem; color:var(--text2); margin-top:.333333rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.text-list strong {font-size:.933333rem; font-weight:600;}
#text-preview {margin-top:1.333333rem;}
body:has(dialog[open]) {overflow:hidden;}
dialog {width:calc(100% - 2rem); max-width:45.333333rem; max-height:90dvh; padding:1.6rem; border:.066667rem solid var(--line2); border-radius:var(--r); color:var(--text); background:var(--surface); box-shadow:0 1.333333rem 6rem #0008; overflow:auto;}
dialog::backdrop {background:rgba(3,9,19,.6); backdrop-filter:blur(.2rem);}
.detail-dialog {position:fixed; inset:0 0 0 auto; margin:0; height:100dvh; max-height:100dvh; width:32rem; max-width:100%; border-radius:0; border-width:0 0 0 .066667rem; padding:1.6rem;}
.detail-dialog .dialog-heading {position:sticky; top:-1.6rem; margin:-1.6rem -1.6rem 1.6rem; padding:1rem 1.6rem; border-bottom:.066667rem solid var(--line); background:var(--surface); z-index:2;}
.dialog-heading {display:flex; align-items:center; justify-content:space-between; gap:.8rem; margin-bottom:1.333333rem;}
.dialog-heading .eyebrow {margin:0;}
.confirm-dialog {max-width:32rem;}
.confirm-dialog h2 {margin-top:.8rem;}
.confirm-dialog .actions {justify-content:flex-end; margin-top:1.6rem;}
#confirm-text {white-space:pre-line;}
.detail-title {font-size:1.6rem; overflow-wrap:anywhere; margin:1rem 0;}
.detail-grid {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.2rem; margin:1.6rem 0;}
.detail-grid dt {font-size:.866667rem; color:var(--text2); margin-bottom:.4rem;}
.detail-grid dd {margin:0; color:var(--text); font-size:.933333rem; overflow-wrap:anywhere;}
.detail-error {padding:1rem; background:var(--crit-bg); color:var(--crit); border-radius:.666667rem; font-size:.933333rem; margin-top:1.066667rem; overflow-wrap:anywhere;}
.favorite-detail {padding-top:1rem; margin-top:1rem; border-top:.066667rem solid var(--line); font-size:.933333rem;}
.person-detail>.person .avatar {width:3.2rem; height:3.2rem; font-size:1.133333rem;}
.person-detail>.person strong {font-size:1.333333rem; white-space:normal;}
.plan-form {padding:1.2rem; margin-top:1.333333rem; border:.066667rem solid var(--line); border-radius:.733333rem; background:var(--surface2);}
.search-dialog {max-width:43.333333rem; padding:1.333333rem;}
.search-dialog input {font-size:1rem;}
.search-result {display:flex; width:100%; justify-content:flex-start; padding:.8rem; margin-top:.266667rem; text-align:left; border:0; background:transparent;}
.search-result:hover,.search-result[data-selected="true"] {background:var(--accent-weak); color:var(--accent);}
.search-result>kbd {margin-left:auto;}
.search-group {color:var(--text2); font-size:.8rem; font-weight:600; letter-spacing:.05em; margin:1.333333rem .533333rem .466667rem;}
#search-results {max-height:60dvh; overflow-y:auto;}
.shortcut-list {display:grid; gap:.933333rem;}
.shortcut-row {display:flex; align-items:center; justify-content:space-between; gap:1rem; font-size:.933333rem; color:var(--text2);}
.shortcut-row>span:last-child {display:flex; gap:.266667rem;}
.toasts {position:fixed; right:1.6rem; bottom:1.6rem; display:flex; flex-direction:column; gap:.666667rem; z-index:100; width:calc(100% - 2rem); max-width:26.666667rem; pointer-events:none;}
.toast {background:var(--surface); color:var(--text); border:.066667rem solid var(--line2); border-left:.2rem solid var(--good); padding:1rem 1.2rem; border-radius:.733333rem; box-shadow:var(--shadow); font-size:.933333rem; overflow-wrap:anywhere; pointer-events:auto;}
.toast.bad {border-left-color:var(--crit);}
.mobile-only {display:none;}
.limits-plans {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.333333rem;}
.limit-plan {padding:1.333333rem; border:.066667rem solid var(--line); border-radius:.733333rem; background:var(--bg2); min-width:0;}
.limit-plan h4 {margin:0 0 1.333333rem; font-size:1.133333rem; font-weight:650;}
.limit-plan h4 .badge {margin-left:.533333rem; vertical-align:middle;}
.limit-field {margin-bottom:1.6rem; min-width:0;}
.limit-field:last-child {margin-bottom:0;}
.limit-field>label {margin:0; color:var(--text); font-size:.933333rem; font-weight:600;}
.limit-field input,.limit-field select {font-family:var(--mono); font-variant-numeric:tabular-nums;}
.limit-hint {display:block; margin:.533333rem 0 0; font-size:.866667rem; color:var(--text2); line-height:1.5;}
.limit-hint.warning {padding:.666667rem .8rem; border-radius:.533333rem; background:var(--warn-bg); color:var(--warn);}
.limit-field-error {display:block; color:var(--crit); font-size:.866667rem; margin:.4rem 0 0;}
.limit-field-error:empty {display:none;}
[aria-invalid="true"] {border-color:var(--crit); box-shadow:0 0 0 .133333rem var(--crit-bg);}
.limits-general {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 1.866667rem;}
.limits-savebar {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; padding:1.333333rem 1.6rem; background:var(--surface); border:.066667rem solid var(--line); border-radius:var(--r); margin-bottom:1.866667rem;}
.limits-savebar strong {display:block; font-size:1rem;}
.limits-savebar small {display:block; margin-top:.4rem; font-size:.866667rem; color:var(--text2);}
.audit-change {font-size:.933333rem;}
.audit-change>small {display:block; color:var(--text2); font-size:.866667rem; margin-top:.4rem;}
@media(max-width:1600px) {.stats {grid-template-columns:repeat(3,minmax(0,1fr));}.top-title>.desktop-only {display:none;}.topbar .search-open .desktop-only {display:none;}}
@media(max-width:1180px) {
  #sidebar {transform:translateX(-100%); transition:transform .2s; width:var(--sidebar);}
  .menu-open #sidebar {transform:translateX(0);}
  #mobile-shade {position:fixed; inset:0; background:#0009; z-index:39;}
  .workspace {margin-left:0;}
  .mobile-only {display:inline-flex;}
  .topbar {padding:.666667rem 1.6rem;}
  main {padding:1.866667rem 1.6rem 1rem;}
  .overview-grid {grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);}
  .operations-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .editor-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .editor-guide {grid-column:1/-1;}
  .editor-tips {display:grid; grid-template-columns:auto 1fr; gap:.4rem 1rem;}
  .editor-stage {grid-column:1; grid-row:1;}
  .editor-properties {grid-column:2; grid-row:1;}
  .editor-toolbar label {max-width:none;}
}
@media(max-width:900px) {
  .overview-grid,.operations-grid,.compose-grid,.settings-grid {grid-template-columns:minmax(0,1fr);}
  .preview-card {position:static;}
  .card-heading {flex-wrap:wrap;}
  .platform-row {padding:1rem 0;}
  .page-heading {flex-wrap:wrap;}
  .page-heading .actions {justify-content:flex-start;}
  .text-editor-grid {grid-template-columns:minmax(0,1fr);}
  .text-list {max-height:20rem;}
  .live #updated-at {display:none;}
  .editor-grid {grid-template-columns:minmax(0,1fr);}
  .editor-stage,.editor-properties,.editor-guide {grid-column:auto; grid-row:auto;}
  .editor-stage {order:0;}.editor-properties {order:1;}.editor-guide {order:2;}
  .compose-grid .card {margin-bottom:1.333333rem;}
  .limits-plans,.limits-general {grid-template-columns:minmax(0,1fr);}
}
@media(max-width:700px) {
  html {scrollbar-gutter:auto;}
  main {padding:1.6rem .933333rem 1rem;}
  .topbar {padding:.533333rem .666667rem; min-height:4.133333rem; gap:.266667rem;}
  .top-title {gap:.266667rem; font-size:.933333rem;}
  .top-actions {gap:.133333rem; flex-wrap:wrap; max-width:62%; justify-content:flex-end;}
  .topbar .icon-button,.topbar .search-open {min-height:2.4rem; height:2.4rem; width:2.4rem; min-width:2.4rem; padding:.466667rem;}
  .topbar .search-open {border-color:transparent; background:transparent;}
  .scale-picker summary {min-height:2.4rem; padding:.4rem .466667rem;}
  .scale-picker summary>span {display:none;}
  .scale-menu {right:-3rem;}
  .topbar #refresh {display:none;}
  .topbar .live {display:flex; order:5; flex-basis:100%; justify-content:flex-end; margin-top:.266667rem;}
  .topbar .live #updated-at {display:inline;}
  .page-heading {padding-top:.266667rem; margin-bottom:1.866667rem; gap:1.2rem;}
  .page-heading h1 {font-size:2rem;}
  .page-heading p {font-size:1rem;}
  .page-heading .actions {width:100%;}
  .page-heading #today-date {display:none;}
  .stats {grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem;}
  .stat {padding:1.466667rem;}
  .stat-label {min-height:2.8em;}
  .stat-label svg {display:none;}
  .stat-note {min-height:4.2em;}
  .stat-bottom {display:block;}
  .sparkline {width:100%; max-width:none; margin-top:.533333rem;}
  .card {padding:1.6rem;}
  .card-heading {margin-bottom:1.333333rem; gap:.8rem;}
  .card-icon {display:none;}
  .overview-grid {gap:1.333333rem;}
  .chart-controls {gap:.8rem;}
  .chart-legend {gap:.666667rem .933333rem;}
  .platform-row {align-items:center; gap:.533333rem; flex-wrap:wrap;}
  .platform-name {gap:.6rem;}
  .platform-icon {width:2rem; height:2rem;}
  .platform-name small {max-width:13rem;}
  .platform-row .badge {white-space:normal;}
  .all-clear {padding:1rem; align-items:flex-start;}
  .all-clear>svg {width:1.6rem; height:1.6rem;}
  .all-clear strong {font-size:1.2rem;}
  .queue-heading {flex-wrap:wrap;}
  .queue-info {align-items:flex-start;}
  .queue-info .platform-cell {margin-left:2.466667rem;}
  .tabs {gap:1rem;}
  .tabs>button {font-size:.933333rem; gap:.333333rem;}
  .tabs>button span {margin:0;}
  .table-toolbar {gap:1rem;}
  .filters {flex-basis:100%; gap:.8rem;}
  .filters label {min-width:0; flex-basis:40%;}
  .filters label:last-of-type {flex-basis:100%;}
  .filters button {width:100%;}
  .column-slot {min-height:0;}
  .table-toolbar .inline-form {flex-basis:100%;}
  .inline-form>input {max-width:none; min-width:0;}
  .table-toolbar .inline-form>input {flex-basis:100%;}
  .table-toolbar .inline-form>button {width:100%;}
  .page-summary {gap:.8rem 1.2rem; padding:1rem;}
  table,tbody,tr,td {display:block; width:100%; min-width:0; max-width:none;}
  thead {display:block; border-bottom:.066667rem solid var(--line); margin:0 0 1rem; padding:.666667rem 0;}
  thead tr {display:flex; align-items:center; gap:.533333rem .8rem; flex-wrap:wrap;}
  th {display:block; width:auto!important; border:0; padding:0; font-size:.8rem;}
  th button {min-height:1.8rem;}
  tbody tr {padding:1rem; margin-bottom:.933333rem; border:.066667rem solid var(--line); border-radius:.733333rem; background:var(--bg2);}
  tbody tr:last-child {margin-bottom:0;}
  td,td.numeric {display:flex; align-items:center; justify-content:space-between; gap:.8rem; height:auto; min-height:2.533333rem; padding:.4rem 0; border:0; text-align:right; font-size:.933333rem;}
  td::before {content:attr(data-label); color:var(--text2); font-size:.8rem; font-weight:600; letter-spacing:.04em; text-align:left; max-width:40%; flex:none;}
  td>* {min-width:0; max-width:100%;}
  td>div {text-align:right;}
  td:has(.person) {justify-content:flex-start; text-align:left; border-top:.066667rem solid var(--line); padding-top:.8rem; margin-top:.4rem;}
  td:has(.person)::before {display:none;}
  td[data-key="id"] {display:block; text-align:left;}
  td[data-key="id"]::before {display:none;}
  td[data-key="person"] {padding-top:.4rem; border:0; margin:0;}
  .person strong,.cell-title {white-space:normal; overflow-wrap:anywhere;}
  .person small {white-space:normal; overflow-wrap:anywhere;}
  .cell-title {font-size:1rem;}
  .cell-sub {font-size:.833333rem;}
  .cell-time {display:flex; align-items:center; gap:.533333rem; flex-wrap:wrap; justify-content:flex-end;}
  .cell-time small {display:inline;}
  .pagination {gap:.666667rem;}
  .form-grid {grid-template-columns:minmax(0,1fr); gap:0;}
  .broadcast-button {grid-template-columns:minmax(0,1fr);}
  .broadcast-button label:last-child {grid-column:auto;}
  #broadcast-form>.actions button {width:100%;}
  .telegram-chat {padding:1rem;}
  .telegram-header {padding:.8rem;}
  .telegram-message {padding:.8rem;}
  .preview-key {font-size:.833333rem;}
  .editor-toolbar label {min-width:0; flex-basis:100%;}
  .editor-actions {width:100%;}
  .editor-actions button {width:100%;}
  .editor-guide {display:none;}
  .detail-grid {gap:1.2rem .933333rem;}
  .detail-dialog {width:100%;}
  .plan-form {padding:1rem;}
  .plan-form .check-label {align-items:flex-start;}
  .footer {padding:1.2rem .933333rem; font-size:.866667rem;}
  .footer>span:last-child {display:none;}
  .toasts {right:1rem; bottom:1rem;}
  .login-card {padding:1.6rem;}
  .overview-extra {padding:1.2rem;}
  .search-dialog {padding:1rem;}
  .limit-plan {padding:1rem;}
  .limits-savebar {padding:1.2rem;}
  .limits-savebar>.actions,.limits-savebar>.actions button {width:100%;}
}
@media(prefers-reduced-motion:reduce) {*{animation:none!important; transition:none!important; scroll-behavior:auto!important;}}