/* Дизайн «Аврора». Подключается поверх style.css; в админке (Обзор → Оформление) переключается обратно на «Классический». */
:root[data-design],:root[data-design][data-theme="dark"]{
  --bg:#07080d;--bg2:#0b0d15;--card:#0f121b;--card2:#151929;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.055);
  --ink:#eceef8;--ink2:#c4c8dc;--muted:#8b91ab;
  --accent:#9d8fff;--accent2:#b9afff;--accent-ink:#0b0818;--accent-soft:rgba(157,143,255,.13);--accent-line:rgba(157,143,255,.44);
  --cyan:#3dd9e8;--grad:linear-gradient(135deg,#6a60b8 0%,#4a7fae 60%,#3f98a8 100%);--grad-text:linear-gradient(135deg,#a79df0 0%,#7fb6e6 100%);
  --ok:#55e2b2;--warn:#f1c56d;--bad:#ff8c8c;--ok-soft:rgba(85,226,178,.11);--warn-soft:rgba(241,197,109,.11);--bad-soft:rgba(255,140,140,.11);
  --code:#151929;--shadow:inset 0 1px 0 rgba(255,255,255,.045),0 18px 40px -30px rgba(0,0,0,.9);--glow:rgba(143,125,255,.16);
  --glow2:rgba(61,217,232,.08);--rim:rgba(157,143,255,.5);
}
:root[data-design][data-theme="light"]{
  --bg:#e3e2ee;--bg2:#eae9f3;--card:#f1f0f8;--card2:#e8e7f1;--line:rgba(40,28,110,.16);--line2:rgba(40,28,110,.1);
  --ink:#17162b;--ink2:#383754;--muted:#64637f;
  --accent:#5b49e6;--accent2:#4636c9;--accent-ink:#ffffff;--accent-soft:rgba(91,73,230,.09);--accent-line:rgba(91,73,230,.4);
  --cyan:#0a9db3;--grad:linear-gradient(135deg,#6b5bd6 0%,#4a7fc4 60%,#3a98a8 100%);--grad-text:linear-gradient(135deg,#5b49d6 0%,#3a82b8 100%);
  --ok:#0f8a69;--warn:#966810;--bad:#c23d4b;--ok-soft:rgba(15,138,105,.09);--warn-soft:rgba(150,104,16,.1);--bad-soft:rgba(194,61,75,.08);
  --code:#e2e1ee;--shadow:0 1px 2px rgba(40,28,110,.06),0 14px 30px -26px rgba(70,50,200,.3);--glow:rgba(106,85,242,.08);--glow2:rgba(22,174,196,.05);--rim:rgba(91,73,230,.4);
}
html[data-design] body{background-image:radial-gradient(900px 520px at 8% -10%,var(--glow),transparent 70%),radial-gradient(800px 480px at 100% 110%,var(--glow2),transparent 70%);letter-spacing:.002em}
html[data-design] h1{font-size:28px;font-weight:660;letter-spacing:-.025em;margin-bottom:6px}
html[data-design] h2{font-size:16.5px;font-weight:620;letter-spacing:-.005em}
html[data-design] a{color:var(--accent)}

/* каркас: плавающая боковая панель */
@media (min-width:821px){
 html[data-design] .layout{grid-template-columns:282px minmax(0,1fr)}
 html[data-design] .side{margin:14px 0 14px 14px;height:calc(100vh - 28px);top:14px;border:1px solid var(--line);border-radius:26px;padding:20px 12px 14px;gap:3px;
  background:linear-gradient(var(--rim),var(--rim)) 50% 0/46% 1px no-repeat,linear-gradient(180deg,color-mix(in srgb,var(--accent) 9%,transparent),transparent 38%),var(--bg2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 30px 60px -40px color-mix(in srgb,var(--accent) 55%,transparent)}
 html[data-design] main{padding:36px 42px 72px;max-width:1120px}
}
html[data-design] .brand{padding:6px 10px 22px;font-size:14.5px}
html[data-design] .brand svg{width:26px;height:26px;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 60%,transparent))}
html[data-design] .side a.nav{justify-content:flex-start;gap:12px;padding:9px 12px;border-radius:14px;color:var(--ink2);font-size:14.5px}
html[data-design] .side a.nav .badge,html[data-design] .side a.nav .muted{margin-left:auto}
html[data-design] .side a.nav .nl{flex:0 1 auto}
html[data-design] .side a.nav::before{content:"";position:static;display:none;width:19px;height:19px;flex:none;border:0;background:currentColor;opacity:.62;
 -webkit-mask:center/contain no-repeat;mask:center/contain no-repeat;transition:opacity .15s}
html[data-design] .side a.nav:hover{background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--ink)}
html[data-design] .side a.nav:hover::before{opacity:.95}
html[data-design] .side a.nav.on{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 20%,transparent),color-mix(in srgb,var(--cyan) 9%,transparent));color:var(--ink);font-weight:620;box-shadow:inset 0 0 0 1px var(--accent-line)}
html[data-design] .side a.nav.on::before{opacity:1;color:var(--accent2);left:auto;top:auto;bottom:auto;width:19px;height:19px;border-radius:0;background:currentColor}
html[data-design] .side .theme,html[data-design] .side form .btn{border-radius:14px}
html[data-design] .side .who{padding:8px 12px 2px}
html[data-design] .side a.nav[href="/cabinet"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%2013h6V4H4zM14%2020h6V11h-6zM4%2020h6v-4H4zM14%207h6V4h-6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%2013h6V4H4zM14%2020h6V11h-6zM4%2020h6v-4H4zM14%207h6V4h-6z'/%3E%3C/svg%3E")}
html[data-design] .side a.nav[href="/projects"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%207a2%202%200%200%201%202-2h4l2%202h8a2%202%200%200%201%202%202v8a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%207a2%202%200%200%201%202-2h4l2%202h8a2%202%200%200%201%202%202v8a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z'/%3E%3C/svg%3E")}
html[data-design] .side a.nav[href="/accounts"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%2012a4%204%200%201%200%200-8%204%204%200%200%200%200%208zM4%2020c0-3.5%203.6-6%208-6s8%202.5%208%206'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%2012a4%204%200%201%200%200-8%204%204%200%200%200%200%208zM4%2020c0-3.5%203.6-6%208-6s8%202.5%208%206'/%3E%3C/svg%3E")}
html[data-design] .side a.nav[href="/rent"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%2010l9-6%209%206M5%2010v9h14v-9M10%2019v-5h4v5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%2010l9-6%209%206M5%2010v9h14v-9M10%2019v-5h4v5'/%3E%3C/svg%3E")}
html[data-design] .side a.nav[href="/tasks"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%204l14%208-14%208z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%204l14%208-14%208z'/%3E%3C/svg%3E")}
html[data-design] .side a.nav[href="/queue"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%207v5l3%202M12%2021a9%209%200%201%200%200-18%209%209%200%200%200%200%2018z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%207v5l3%202M12%2021a9%209%200%201%200%200-18%209%209%200%200%200%200%2018z'/%3E%3C/svg%3E")}
html[data-design] .side a.nav[href="/log"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%204h10a1%201%200%200%201%201%201v14a1%201%200%200%201-1%201H7a1%201%200%200%201-1-1V5a1%201%200%200%201%201-1zM9%209h6M9%2013h6M9%2017h3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%204h10a1%201%200%200%201%201%201v14a1%201%200%200%201-1%201H7a1%201%200%200%201-1-1V5a1%201%200%200%201%201-1zM9%209h6M9%2013h6M9%2017h3'/%3E%3C/svg%3E")}
html[data-design] .side a.nav[href="/balance"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%207a2%202%200%200%201%202-2h14a2%202%200%200%201%202%202v10a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2zM3%2010h18M7%2015h3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%207a2%202%200%200%201%202-2h14a2%202%200%200%201%202%202v10a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2zM3%2010h18M7%2015h3'/%3E%3C/svg%3E")}
html[data-design] .side a.nav[href="/keys"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M14%2010a4%204%200%201%201-3.5%206L4%2016v-3l2-1v-2l2-1%202.5-.5A4%204%200%200%201%2014%2010zM16%208h.01'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M14%2010a4%204%200%201%201-3.5%206L4%2016v-3l2-1v-2l2-1%202.5-.5A4%204%200%200%201%2014%2010zM16%208h.01'/%3E%3C/svg%3E")}
html[data-design] .side a.nav[href="/admin"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%203l8%203v6c0%204.5-3.2%207.8-8%209-4.8-1.2-8-4.5-8-9V6zM9%2012l2%202%204-4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%203l8%203v6c0%204.5-3.2%207.8-8%209-4.8-1.2-8-4.5-8-9V6zM9%2012l2%202%204-4'/%3E%3C/svg%3E")}
html[data-design] .side a.nav[href="/discount"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M5%2019L19%205M7.5%209a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203zM16.5%2018a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M5%2019L19%205M7.5%209a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203zM16.5%2018a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203z'/%3E%3C/svg%3E")}
html[data-design] .side a.nav[href="/help"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%2021a9%209%200%201%200%200-18%209%209%200%200%200%200%2018zM9.5%209.5a2.5%202.5%200%201%201%203.5%202.3c-.7.4-1%20.9-1%201.7M12%2017h.01'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%2021a9%209%200%201%200%200-18%209%209%200%200%200%200%2018zM9.5%209.5a2.5%202.5%200%201%201%203.5%202.3c-.7.4-1%20.9-1%201.7M12%2017h.01'/%3E%3C/svg%3E")}
html[data-design] .side a.nav[href="/support"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%205h16v11H9l-5%204zM8%2010h8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%205h16v11H9l-5%204zM8%2010h8'/%3E%3C/svg%3E")}

html[data-design] .side a.nav[href]::before{display:block}
html[data-design] .side a.nav[href="/terms"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l4 4v14H6zM14 3v5h5M9 13h6M9 17h6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l4 4v14H6zM14 3v5h5M9 13h6M9 17h6'/%3E%3C/svg%3E")}
html[data-design] .grid+.card,html[data-design] .grid+.notice,html[data-design] .grid+.grid{margin-top:18px}

/* карточки */
html[data-design] .card{border-radius:24px;padding:24px 26px;margin-bottom:18px;
 background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 4%,transparent),transparent 55%),var(--card);box-shadow:var(--shadow)}
html[data-design] .card .card{border-radius:18px;background:var(--card2);box-shadow:none}
html[data-design] .stat{position:relative;overflow:hidden;border-radius:22px;padding:18px 20px;background:var(--card);box-shadow:var(--shadow);transition:transform .2s,border-color .2s}
html[data-design] .stat::after{content:"";position:absolute;right:-30px;top:-40px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 22%,transparent),transparent 68%);opacity:.5;pointer-events:none}
html[data-design] .stat:hover{transform:translateY(-2px);border-color:var(--accent-line)}
html[data-design] .stat b{font-size:27px;font-weight:680;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;position:relative}
html[data-design] .stat span{position:relative}

/* вкладки: капсула */
html[data-design] .tabs{display:flex;flex-wrap:wrap;width:fit-content;max-width:100%;gap:4px;padding:5px;margin:0 0 18px;border:1px solid var(--line);border-radius:24px;background:var(--card)}
html[data-design] .tab{border:0;border-radius:18px;padding:8px 16px;color:var(--muted);font-size:14px;transition:background .15s,color .15s}
html[data-design] .tab:hover{color:var(--ink);background:color-mix(in srgb,var(--accent) 8%,transparent)}
html[data-design] .tab.on{color:var(--ink);font-weight:620;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 24%,transparent),color-mix(in srgb,var(--cyan) 10%,transparent));box-shadow:inset 0 0 0 1px var(--accent-line)}

/* кнопки и поля */
html[data-design] .btn,html[data-design] button{border-radius:14px;border-color:var(--line);background:color-mix(in srgb,var(--ink) 3%,transparent)}
html[data-design] .btn:hover,html[data-design] button:hover{border-color:var(--accent-line);background:var(--accent-soft)}
html[data-design] .btn.primary,html[data-design] button.primary{background:var(--grad);border-color:transparent;color:#f4f3ff;font-weight:600;box-shadow:none}
html[data-design] .btn.primary:hover,html[data-design] button.primary:hover{background:var(--grad);filter:brightness(1.08);color:#fff;box-shadow:none}
html[data-design] .btn.danger:hover,html[data-design] button.danger:hover{background:var(--bad-soft);border-color:var(--bad)}
html[data-design] .btn.sm,html[data-design] button.sm{border-radius:11px}
html[data-design] .tab,html[data-design] .tab:hover{box-shadow:none}
html[data-design] .tab.on,html[data-design] .tab.on:hover{box-shadow:inset 0 0 0 1px var(--accent-line)}
html[data-design] input,html[data-design] select,html[data-design] textarea{border-radius:14px;background:color-mix(in srgb,var(--bg) 70%,transparent)}
html[data-design] input:focus,html[data-design] select:focus,html[data-design] textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
html[data-design] input[type=checkbox]:checked,html[data-design] input[type=radio]:checked{background:var(--grad)}
html[data-design] .tab:focus-visible{outline-offset:-2px}

/* таблицы, подсказки, метки */
html[data-design] table tr:hover td{background:color-mix(in srgb,var(--accent) 4%,transparent)}
html[data-design] th{font-size:11.5px;letter-spacing:.08em}
html[data-design] .notice{border-radius:16px;border-left-width:0;border:1px solid color-mix(in srgb,var(--warn) 35%,transparent);background:var(--warn-soft)}
html[data-design] .pill,html[data-design] .badge{border-radius:999px}
html[data-design] .pill.ok{background:var(--ok-soft)}
html[data-design] .payrow{border-radius:18px}
html[data-design] .paypick label.pm{border-radius:16px}
html[data-design] .paypick label.pm:has(input:checked){border-color:var(--accent);background:linear-gradient(135deg,var(--accent-soft),transparent)}
html[data-design] .bar{border-radius:999px}
html[data-design] .bar>i{background:var(--grad)}
html[data-design] ::selection{background:color-mix(in srgb,var(--accent) 35%,transparent)}
@media (max-width:820px){html[data-design] .card{padding:18px 16px;border-radius:20px}html[data-design] .tabs{border-radius:20px}html[data-design] .side a.nav::before{width:17px;height:17px}}
html[data-design] .side a.nav{white-space:nowrap;padding-top:8px;padding-bottom:8px}
@media (min-width:821px){html[data-design] .side{gap:2px;padding-bottom:10px}}
@media (max-width:820px){html[data-design] .side a.nav{white-space:normal}}

html[data-design] .side a.nav[href="/views"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%2020V10M10%2020V4M16%2020v-7M22%2020H2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.7'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%2020V10M10%2020V4M16%2020v-7M22%2020H2'/%3E%3C/svg%3E")}

html[data-design] .notice.danger{border:1px solid rgba(229,83,75,.55);border-left:4px solid #e5534b;background:rgba(229,83,75,.14)}
html[data-design] .notice.info{border:1px solid rgba(94,155,255,.45);border-left:4px solid #5e9bff;background:rgba(94,155,255,.11)}
:root[data-theme="light"] html[data-design] .notice.danger,html[data-theme="light"][data-design] .notice.danger{background:#fdecea;border-color:#e5a09b;border-left-color:#e5534b}
html[data-theme="light"][data-design] .notice.info{background:#eaf2ff;border-color:#a9c6f5;border-left-color:#5e9bff}

/* вкладки-папки: неактивные должны быть хорошо видны */
html[data-design] .tabs{gap:8px;padding:6px}
html[data-design] .tab{color:var(--ink2);font-size:15px;font-weight:560;padding:10px 20px;background:color-mix(in srgb,var(--accent) 7%,transparent);box-shadow:inset 0 0 0 1px var(--line)!important}
html[data-design] .tab:hover{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--ink)}
html[data-design] .tab.on,html[data-design] .tab.on:hover{color:var(--ink);font-weight:680;box-shadow:inset 0 0 0 2px var(--accent)!important}

.fold-cap{font-weight:640;font-size:14.5px;color:var(--ink);margin:14px 0 0}
html[data-design] .tabs.folders .tab{font-size:16.5px;font-weight:640;padding:13px 26px;color:var(--ink);background:color-mix(in srgb,var(--accent) 20%,transparent);box-shadow:inset 0 0 0 1px var(--accent-line)!important}
html[data-design] .tabs.folders .tab:hover{background:color-mix(in srgb,var(--accent) 32%,transparent)}
html[data-design] .tabs.folders .tab.on,html[data-design] .tabs.folders .tab.on:hover{background:var(--grad);color:#fff;font-weight:720;box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 45%,transparent)!important}