/* RADMIR 16 · Leaders Control Center — каркас v5 (сайдбар с группами, поиск, крошки, уведомления).
   Подключается ПОСЛЕ styles.css. Размеры и цвета сняты со скриншота-эталона. */
:root{
  --lc-bg:#0d0c0c;--lc-side:#121010;--lc-line:#242222;--lc-chip:#252222;--lc-chip-line:#3b3838;
  --lc-text:#f4f1ee;--lc-text-2:#d7d2cd;--lc-muted:#8a817b;--lc-icon:#7d8093;--lc-icon-2:#9a9db0;
  --lc-field:#151313;--lc-field-line:#262323;--lc-card:#1a1919;--lc-card-line:#2a2828;
  --lc-page-max:1380px;--lc-sidebar-w:250px;
  --lc-font:"Montserrat","Inter","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
}
html,body{background:var(--lc-bg)!important;background-image:none!important;font-family:var(--lc-font)}
body::before,body::after,.motion-cursor-glow,.motion-card-glow{display:none!important}
.lc-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ───── Каркас и диагональный водяной знак ───── */
.lc-layout{position:relative;display:flex;min-height:100vh;color:var(--lc-text);font-family:var(--lc-font);isolation:isolate}
.lc-layout::before{content:"";position:fixed;left:-60vw;top:-60vh;width:220vw;height:220vh;z-index:-1;pointer-events:none;transform:rotate(-30deg);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2400' height='250'%3E%3Cg fill='%23ffffff' fill-opacity='.03' font-family='Arial Black%2CArial%2Csans-serif' font-weight='900' font-style='italic' font-size='66'%3E%3Ctext x='150' y='78' textLength='2100' lengthAdjust='spacing'%3ERADMIR 16   LEADERS TEAM   CONTROL CENTER%3C/text%3E%3Ctext x='-1200' y='203' textLength='2100' lengthAdjust='spacing'%3ERADMIR 16   LEADERS TEAM   CONTROL CENTER%3C/text%3E%3Ctext x='1200' y='203' textLength='2100' lengthAdjust='spacing'%3ERADMIR 16   LEADERS TEAM   CONTROL CENTER%3C/text%3E%3C/g%3E%3C/svg%3E");
  background-size:2400px 250px}
.lc-main{flex:1;min-width:0;position:relative;z-index:1}

/* ───── Сайдбар ───── */
.lc-sidebar{position:sticky;top:12px;align-self:flex-start;flex:none;width:var(--lc-sidebar-w);height:calc(100vh - 20px);margin:12px 0 8px 10px;display:flex;flex-direction:column;
  background:var(--lc-side);border:1px solid var(--lc-line);border-radius:16px;z-index:70;transition:width .26s cubic-bezier(.22,1,.36,1)}
.lc-sidebar-head{padding:20px 18px 16px;border-bottom:1px solid var(--lc-line);position:relative}
.lc-brand-wrap{position:relative}
.lc-brand{display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:0;background:none;border:0;color:inherit;text-align:left;font:inherit;cursor:default}
.lc-brand.has-menu{cursor:pointer}
.lc-brand:disabled{opacity:1;color:inherit}
.lc-emblem{flex:none;display:grid;place-items:center;width:44px;height:44px}
.lc-emblem svg{width:44px;height:44px;display:block;filter:drop-shadow(0 2px 8px rgba(232,162,58,.25))}
.lc-brand-copy{min-width:0;display:flex;flex-direction:column;gap:3px;white-space:nowrap}
.lc-brand-copy strong{font-size:19px;line-height:1;font-weight:800;font-style:italic;letter-spacing:.03em;color:#fff}
.lc-brand-copy small{font-size:10.5px;line-height:1;font-weight:700;font-style:italic;letter-spacing:.15em;color:#8f94aa}
.lc-sidebar .workspace-menu{position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:90;display:none;flex-direction:column;gap:2px;padding:6px;background:var(--lc-card);border:1px solid var(--lc-card-line);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.55);min-width:280px}
.lc-sidebar .workspace-menu.open{display:flex}
.lc-sidebar .workspace-menu>button{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--lc-text-2);text-align:left;font-family:inherit;cursor:pointer}
.lc-sidebar .workspace-menu>button:hover{background:rgba(255,255,255,.04)}
.lc-sidebar .workspace-menu>button.active{background:var(--lc-chip);border-color:var(--lc-chip-line)}
.lc-sidebar .workspace-menu b{display:block;font-size:13px;font-weight:700;font-style:italic;color:#fff}
.lc-sidebar .workspace-menu small{display:block;margin-top:2px;font-size:11px;font-weight:500;color:var(--lc-muted);line-height:1.35}
.lc-sidebar .workspace-menu em{margin-left:auto;font-style:normal;font-size:10px;font-weight:700;color:var(--lc-muted);white-space:nowrap}
.lc-sidebar .workspace-menu .ui-icon{width:18px;height:18px;flex:none;margin-top:1px;color:var(--lc-icon-2)}

.lc-collapse{position:absolute;top:27px;right:-14px;z-index:8;width:30px;height:30px;display:grid;place-items:center;padding:0;border-radius:9px;background:#1b1919;border:1px solid var(--lc-chip-line);color:#cfc8c2;cursor:pointer;transition:background .15s,color .15s}
.lc-collapse:hover{background:#262323;color:#fff}
.lc-collapse-ico{width:16px;height:16px;transition:transform .26s}
.lc-collapsed .lc-collapse-ico{transform:rotate(180deg)}

.lc-nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:14px 12px 10px;scrollbar-width:none}
.lc-nav::-webkit-scrollbar{display:none}
.lc-group[hidden]{display:none}
.lc-group+.lc-group{margin-top:2px}
.lc-group[data-group="recent"]{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--lc-line)}
.lc-group-head{display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:8px 12px;border:0;border-radius:10px;background:none;color:var(--lc-text-2);font:inherit;font-size:14px;font-weight:700;font-style:italic;text-align:left;cursor:pointer;transition:color .15s,background .15s}
.lc-group-head:hover{color:#fff;background:rgba(255,255,255,.025)}
.lc-gico{flex:none;width:19px;height:19px;color:var(--lc-icon-2)}
.lc-glabel{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lc-chev{flex:none;width:17px;height:17px;color:var(--lc-muted);transform:rotate(180deg);transition:transform .25s}
.lc-group.is-collapsed .lc-chev{transform:none}
.lc-group-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .26s cubic-bezier(.22,1,.36,1)}
.lc-group.is-collapsed .lc-group-body{grid-template-rows:0fr}
.lc-group-inner{min-height:0;overflow:hidden;position:relative;padding:2px 0 2px 14px}
.lc-group-inner::before{content:"";position:absolute;left:21px;top:2px;bottom:4px;width:1px;background:#2a2727}

.lc-item{position:relative;display:flex;align-items:center;gap:12px;width:calc(100% - 12px);margin:1px 0 1px 12px;padding:7px 12px;border:1px solid transparent;border-radius:10px;background:none;color:#8f8680;font:inherit;font-size:13.5px;font-weight:600;font-style:italic;text-align:left;cursor:pointer;transition:color .15s,background .15s,border-color .15s}
.lc-item:hover{color:var(--lc-text-2);background:rgba(255,255,255,.03)}
.lc-item.active{background:var(--lc-chip);border-color:var(--lc-chip-line);color:#fff;font-weight:700}
.lc-item:focus-visible,.lc-group-head:focus-visible,.lc-user-main:focus-visible,.lc-logout:focus-visible,.lc-collapse:focus-visible,.lc-brand:focus-visible{outline:2px solid rgba(232,162,58,.7);outline-offset:2px}
.lc-ico{flex:none;width:17px;height:17px;color:var(--lc-icon)}
.lc-item.active .lc-ico{color:var(--lc-icon-2)}
.lc-dot{flex:none;width:9px;height:9px;margin:0 4px;border-radius:50%}
.lc-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.lc-user{display:flex;align-items:center;gap:6px;margin:8px 12px 12px;padding:8px 10px 8px 8px;background:var(--lc-card);border:1px solid var(--lc-card-line);border-radius:13px}
.lc-user-main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:0;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}
.lc-avatar{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#0a0909;border:1px solid #302d2d;color:#fff;font-size:15px;font-weight:800}
.lc-user-copy{min-width:0}
.lc-user-copy b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;font-style:italic;color:#fff}
.lc-logout{flex:none;display:grid;place-items:center;width:32px;height:32px;padding:0;background:none;border:0;border-radius:9px;color:var(--lc-icon);cursor:pointer;transition:color .15s,background .15s}
.lc-logout:hover{color:#ff8a80;background:rgba(255,90,80,.1)}
.lc-logout .ui-icon{width:19px;height:19px}

/* ───── Свёрнутое меню (кнопка « и узкие экраны) ───── */
.lc-collapsed{--lc-sidebar-w:74px}
.lc-collapsed .lc-brand-copy,.lc-collapsed .lc-label,.lc-collapsed .lc-glabel,.lc-collapsed .lc-chev,.lc-collapsed .lc-user-copy,.lc-collapsed .lc-logout{display:none}
.lc-collapsed .lc-sidebar-head{padding:20px 0 16px;display:flex;justify-content:center}
.lc-collapsed .lc-brand{width:auto}
.lc-collapsed .lc-group-head{display:none}
.lc-collapsed .lc-group .lc-group-body{grid-template-rows:1fr}
.lc-collapsed .lc-group-inner{padding:0}
.lc-collapsed .lc-group-inner::before{display:none}
.lc-collapsed .lc-group+.lc-group{margin-top:10px;padding-top:10px;border-top:1px solid var(--lc-line)}
.lc-collapsed .lc-group[data-group="recent"]{border-bottom:0;margin-bottom:0;padding-bottom:0}
.lc-collapsed .lc-item{width:100%;margin:2px 0;justify-content:center;padding:10px 0}
.lc-collapsed .lc-user{justify-content:center;padding:8px 6px}
.lc-collapsed .lc-user-main{flex:none}
.lc-collapsed .workspace-menu{left:8px;right:auto}
@media (max-width:900px){
  .lc-layout{--lc-sidebar-w:74px}
  .lc-brand-copy,.lc-label,.lc-glabel,.lc-chev,.lc-user-copy,.lc-logout,.lc-collapse{display:none}
  .lc-sidebar-head{padding:20px 0 16px;display:flex;justify-content:center}
  .lc-brand{width:auto}
  .lc-group-head{display:none}
  .lc-group .lc-group-body{grid-template-rows:1fr}
  .lc-group-inner{padding:0}.lc-group-inner::before{display:none}
  .lc-group+.lc-group{margin-top:10px;padding-top:10px;border-top:1px solid var(--lc-line)}
  .lc-group[data-group="recent"]{border-bottom:0;margin-bottom:0;padding-bottom:0}
  .lc-item{width:100%;margin:2px 0;justify-content:center;padding:10px 0}
  .lc-user{justify-content:center;padding:8px 6px}.lc-user-main{flex:none}
}

/* ───── Шапка: поиск и хлебные крошки ───── */
.lc-layout .lc-topbar{position:sticky;top:0;z-index:60;display:block;height:auto!important;min-height:0;padding:14px 28px 10px;background:rgba(13,12,12,.86);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:0!important;box-shadow:none!important}
.lc-top-inner{max-width:var(--lc-page-max);margin:0 auto}
.lc-top-row{position:relative;display:flex;justify-content:center;align-items:center;min-height:38px}
.lc-search{position:relative;display:flex;align-items:center;gap:10px;width:min(580px,100%);height:40px;padding:0 8px 0 14px;background:var(--lc-field);border:1px solid var(--lc-field-line);border-radius:999px;transition:border-color .15s,box-shadow .15s}
.lc-search:focus-within{border-color:#4a4545;box-shadow:0 0 0 3px rgba(255,255,255,.04)}
.lc-search-ico{display:grid;place-items:center;color:var(--lc-muted)}
.lc-search-ico .ui-icon{width:17px;height:17px}
.lc-search input{flex:1;min-width:0;height:100%;padding:0;background:none!important;border:0!important;box-shadow:none!important;outline:none!important;color:var(--lc-text)!important;font:inherit;font-size:13.5px;font-weight:500;font-style:italic}
.lc-search input::placeholder{color:#7d746e!important;font-style:italic}
.lc-search kbd{flex:none;padding:4px 9px;background:#2a2727;border:1px solid #3a3636;border-radius:7px;color:#d3cdc8;font:inherit;font-size:11px;font-weight:700}
.lc-search .search-results{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:80;background:var(--lc-card);border:1px solid var(--lc-card-line);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.55);overflow:hidden}
.lc-top-actions{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px}
.lc-bell{position:relative;display:grid;place-items:center;width:38px;height:38px;padding:0;background:var(--lc-field)!important;border:1px solid var(--lc-field-line)!important;border-radius:11px!important;color:var(--lc-icon-2);box-shadow:none!important;cursor:pointer}
.lc-bell:hover{color:#fff;border-color:#3b3737!important}
.lc-bell .ui-icon{width:18px;height:18px}
.lc-bell .notif-count{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e8a23a;color:#1a1208;font-size:10.5px;font-weight:800;line-height:18px;text-align:center}
.lc-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px;min-height:18px;font-size:12.5px;font-style:italic;font-weight:600;color:#7d746e}
.lc-crumb{padding:0;background:none;border:0;color:inherit;font:inherit;font-style:italic}
button.lc-crumb{cursor:pointer}
button.lc-crumb:hover{color:#cfc9c3}
.lc-crumb-sep{color:#4a4440}
.lc-crumb.is-last{color:#fff;font-weight:800}

/* ───── Страница ───── */
.lc-main>.page{max-width:var(--lc-page-max);margin:0 auto;padding:8px 28px 48px}
@media (max-width:900px){.lc-layout .lc-topbar{padding:12px 16px 8px}.lc-main>.page{padding:8px 16px 40px}.lc-top-actions{position:static;transform:none;margin-left:8px}}

/* v7.2.4 — smart adaptive workspace width.
   The shell picks a width profile per route: readable pages stay compact,
   operational pages grow, and dense tables use nearly all available monitor width. */
.lc-layout.lc-width-focus{--lc-page-max:1160px}
.lc-layout.lc-width-standard{--lc-page-max:1380px}
.lc-layout.lc-width-wide{--lc-page-max:1680px}
.lc-layout.lc-width-fluid{--lc-page-max:1900px}
.lc-top-inner,.lc-main>.page{width:100%}
@media (min-width:2100px){
  .lc-layout.lc-width-standard{--lc-page-max:1480px}
  .lc-layout.lc-width-wide{--lc-page-max:1820px}
  .lc-layout.lc-width-fluid{--lc-page-max:2100px}
}
@media (max-width:1280px){
  .lc-layout.lc-width-focus,.lc-layout.lc-width-standard,.lc-layout.lc-width-wide,.lc-layout.lc-width-fluid{--lc-page-max:100%}
}

/* ───── Меню пользователя ───── */
.user-menu-panel.lc-user-menu{position:fixed;z-index:1100;max-height:calc(100vh - 24px);overflow:auto;width:300px;background:var(--lc-card)!important;border:1px solid var(--lc-card-line)!important;border-radius:14px!important;box-shadow:0 18px 50px rgba(0,0,0,.6)!important;transform-origin:bottom left}

/* ───── Уведомления ───── */
#toast-root{position:fixed;right:20px;bottom:20px;z-index:1200;display:flex;flex-direction:column;gap:10px;width:min(360px,calc(100vw - 32px));pointer-events:none}
.lc-toast{--tc:#38bdf8;position:relative;overflow:hidden;pointer-events:auto;padding:14px 18px 16px;border:1px solid color-mix(in srgb,var(--tc) 34%,transparent);border-radius:16px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--tc) 11%,#0f0e0e) 0%,#0e0d0d 62%);box-shadow:0 12px 34px rgba(0,0,0,.5);color:var(--lc-text);font-family:var(--lc-font);
  animation:lcToastIn .3s cubic-bezier(.22,1,.36,1) both;transition:opacity .22s,transform .22s}
.lc-toast.is-out{opacity:0;transform:translateX(24px)}
.lc-toast:nth-last-child(n+5){opacity:.62}
.lc-t-success{--tc:#19b37a}.lc-t-info{--tc:#38bdf8}.lc-t-warning{--tc:#f59e0b}.lc-t-error{--tc:#ef4444}.lc-t-system{--tc:#a855f7}
.lc-toast-top{display:flex;align-items:center;gap:10px}
.lc-toast-kind{flex:1;color:var(--tc);font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.lc-toast-time{color:#8a817b;font-size:11.5px;font-weight:500}
.lc-toast-x{display:grid;place-items:center;width:20px;height:20px;padding:0;background:none;border:0;color:#8a817b;cursor:pointer;border-radius:6px}
.lc-toast-x:hover{color:#fff;background:rgba(255,255,255,.08)}
.lc-toast-x .ui-icon{width:14px;height:14px}
.lc-toast-title{margin-top:7px;font-size:15.5px;font-weight:800;color:#fff;line-height:1.25}
.lc-toast-text{margin-top:5px;padding-right:44px;font-size:13px;font-weight:500;line-height:1.45;color:#a69d96}
.lc-toast-glyph{position:absolute;right:12px;bottom:10px;width:58px;height:58px;color:var(--tc);opacity:.2;pointer-events:none}
.lc-toast-glyph svg{width:100%;height:100%;display:block}
@keyframes lcToastIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
.toast.undo-toast{background:var(--lc-card)!important;border:1px solid var(--lc-card-line)!important;border-radius:14px!important;pointer-events:auto}

/* Панель «Тест уведомлений» (включается в меню пользователя, только для Создателя) */
.lc-testbar{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);z-index:1190;display:flex;align-items:center;gap:10px;padding:9px 14px;background:#141212;border:1px solid #2a2727;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.45);font-family:var(--lc-font);max-width:calc(100vw - 24px);overflow-x:auto}
.lc-tb-label{flex:none;color:#a39a93;font-size:12.5px;font-weight:700}
.lc-tb{flex:none;padding:8px 18px;border-radius:999px;background:transparent;border:1px solid;font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:filter .15s,transform .1s}
.lc-tb:hover{filter:brightness(1.25)}.lc-tb:active{transform:scale(.97)}
.lc-tb.ok{color:#19c58a;border-color:rgba(25,179,122,.45);background:rgba(25,179,122,.1)}
.lc-tb.info{color:#38bdf8;border-color:rgba(56,189,248,.45);background:rgba(56,189,248,.1)}
.lc-tb.warn{color:#f59e0b;border-color:rgba(245,158,11,.45);background:rgba(245,158,11,.1)}
.lc-tb.err{color:#ef4444;border-color:rgba(239,68,68,.45);background:rgba(239,68,68,.1)}
.lc-tb.sys{color:#b57bff;border-color:rgba(168,85,247,.45);background:rgba(168,85,247,.1)}
@media (prefers-reduced-motion:reduce){.lc-toast,.lc-group-body,.lc-sidebar,.lc-chev{animation:none!important;transition:none!important}}
.lc-collapsed .lc-group[data-group="recent"]{display:none}
@media (max-width:900px){.lc-group[data-group="recent"]{display:none}}