/*
 * Eventform premium interaction layer.
 *
 * Premium controls, dark-mode refinements and interaction surfaces. Loaded
 * after app.css and before calendar/dashboard modules to preserve the original
 * cascade while keeping this layer independently maintainable.
 */

/* ========================================================================== */
/* Premium event range, productivity KPI, navigation and NAS gallery     */
/* 2026-08-30                                                                 */
/* ========================================================================== */

/* Dashboard: productivity KPI --------------------------------------------- */
.dashboard-productivity{
  display:grid;
  gap:11px;
  padding:13px;
  border:1px solid rgba(155,111,69,.19);
  border-radius:18px;
  background:
    radial-gradient(circle at 8% 0%,rgba(255,255,255,.96),transparent 40%),
    linear-gradient(145deg,rgba(255,255,255,.72),rgba(244,236,226,.68));
  box-shadow:0 12px 28px rgba(55,39,25,.055),inset 0 1px 0 rgba(255,255,255,.82);
}
.dashboard-productivity__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.dashboard-productivity__head>div{min-width:0;display:grid;gap:2px}
.dashboard-productivity__head .eyebrow{margin:0!important;color:var(--accent-dark)!important;letter-spacing:.1em}
.dashboard-productivity__head strong{line-height:1.2}
.dashboard-productivity__head span:not(.dashboard-productivity__badge){color:var(--muted);line-height:1.3}
.dashboard-productivity__badge{flex:0 0 auto;padding:5px 8px;border:1px solid rgba(155,111,69,.15);border-radius:999px;background:rgba(255,255,255,.72);color:var(--accent-dark);font-weight:800}
.dashboard-productivity__main{min-width:0;display:grid;grid-template-columns:minmax(145px,.72fr) minmax(190px,1.35fr);gap:12px;align-items:center}
.dashboard-productivity__score{min-width:0;display:flex;align-items:center;gap:10px}
.dashboard-productivity__ring{
  --productivity-progress:0deg;
  position:relative;
  width:76px;
  height:76px;
  flex:0 0 76px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:conic-gradient(var(--accent-dark) var(--productivity-progress),rgba(155,111,69,.11) 0);
  box-shadow:0 8px 20px rgba(79,57,37,.08);
}
.dashboard-productivity__ring::before{content:"";position:absolute;inset:7px;border-radius:50%;background:rgba(255,253,249,.97);box-shadow:inset 0 0 0 1px rgba(155,111,69,.07)}
.dashboard-productivity__ring>div{position:relative;display:grid;place-items:center;line-height:1;text-align:center}
.dashboard-productivity__ring strong{font-size:calc(1.36rem + 1px);font-variant-numeric:tabular-nums}
.dashboard-productivity__ring span{margin-top:3px;color:var(--muted);font-size:calc(.48rem + 1px);text-transform:uppercase;letter-spacing:.06em}
.dashboard-productivity__score-copy{min-width:0;display:grid;gap:3px}
.dashboard-productivity__score-copy>span{color:var(--muted);font-size:calc(.52rem + 1px);line-height:1.25}
.dashboard-productivity__score-copy>strong{color:var(--load-confirmed);font-size:calc(.77rem + 1px);line-height:1.2}
.dashboard-productivity__score-copy>small{min-width:0;color:#655b52;line-height:1.25;overflow-wrap:anywhere}
.dashboard-productivity__trend{min-width:0;display:grid;gap:4px}
.dashboard-productivity__trend-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:calc(.5rem + 1px)}
.dashboard-productivity__trend-head strong{color:var(--accent-dark);font-size:calc(.52rem + 1px)}
.dashboard-productivity__svg{width:100%;height:78px;overflow:visible;color:var(--accent-dark)}
.dashboard-productivity__svg polyline{stroke:currentColor;stroke-width:3;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.dashboard-productivity__svg [data-load-productivity-points] circle{fill:#fff;stroke:currentColor;stroke-width:2.2;vector-effect:non-scaling-stroke}
.dashboard-productivity__years{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:center}
.dashboard-productivity__years span{overflow:hidden;text-overflow:ellipsis}
.dashboard-productivity__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.dashboard-productivity__metrics>div{min-width:0;display:grid;gap:2px;padding:7px 8px;border:1px solid rgba(155,111,69,.12);border-radius:11px;background:rgba(255,255,255,.55)}
.dashboard-productivity__metrics span{color:var(--muted);line-height:1.25}
.dashboard-productivity__metrics strong{min-width:0;color:var(--ink);line-height:1.2;overflow-wrap:anywhere}
.dashboard-productivity__ranking{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.dashboard-productivity__ranking:empty{display:none}
.dashboard-productivity__rank{min-width:0;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:6px;padding:6px 7px;border-radius:10px;background:rgba(255,255,255,.48);color:#655b52;font-size:calc(.5rem + 1px)}
.dashboard-productivity__rank-index{width:20px;height:20px;display:grid;place-items:center;border-radius:7px;background:rgba(155,111,69,.1);color:var(--accent-dark);font-weight:800}
.dashboard-productivity__rank-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dashboard-productivity__rank strong{color:var(--ink);font-variant-numeric:tabular-nums}

/* Sidebar: premium navigation interactions ----------------------------- */

body:not(.auth-page--login) .sidebar .nav-primary-link{
  border:1px solid transparent;
  transition:background .17s ease,border-color .17s ease,box-shadow .17s ease,transform .17s ease,color .17s ease;
}
body:not(.auth-page--login) .sidebar .nav-primary-link:hover{border-color:rgba(155,111,69,.11);background:rgba(255,255,255,.7);box-shadow:0 6px 15px rgba(52,37,25,.045);transform:translateX(1px)}
body:not(.auth-page--login) .sidebar .nav-primary-link.active{
  border-color:rgba(155,111,69,.2);
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(231,215,197,.63));
  box-shadow:0 9px 20px rgba(61,44,28,.07),inset 3px 0 0 var(--accent-dark);
}
body:not(.auth-page--login) .sidebar .nav-group{transition:background .17s ease,border-color .17s ease,box-shadow .17s ease}
body:not(.auth-page--login) .sidebar .nav-group:hover{background:rgba(255,255,255,.35)}
body:not(.auth-page--login) .sidebar .nav-group[open]{box-shadow:0 8px 20px rgba(61,44,28,.045)}

body:not(.auth-page--login) .sidebar .nav-group-items a.active{background:rgba(155,111,69,.1);box-shadow:none}

/* OnlyOffice NAS: premium smart gallery ------------------------------------ */
.onlyoffice-media-panel{
  width:min(690px,calc(100vw - 36px));
  gap:12px;
  padding:20px;
  border-color:rgba(155,111,69,.2);
  border-radius:25px;
  background:
    radial-gradient(circle at 15% 0%,rgba(255,255,255,.98),transparent 34%),
    linear-gradient(150deg,rgba(252,249,244,.99),rgba(246,238,229,.985));
  box-shadow:0 30px 90px rgba(37,29,21,.3),inset 0 1px 0 rgba(255,255,255,.92);
}
.onlyoffice-media-panel__head{align-items:flex-start}
.onlyoffice-media-panel__head h2{font-size:calc(1.55rem + 1px);line-height:1.05}
.onlyoffice-media-panel__tools{display:grid;align-items:end;gap:8px}
.onlyoffice-media-search{min-width:0}
.onlyoffice-media-search input{min-height:42px;border-radius:13px;background:rgba(255,255,255,.82)}
.onlyoffice-media-smartbar{display:flex;overflow-x:auto;scrollbar-width:thin}
.onlyoffice-media-smartbar>span{flex:0 0 auto;margin-right:2px;color:var(--muted);font-size:calc(.56rem + 1px);font-weight:700}
.onlyoffice-media-smartbar button{
  flex:0 0 auto;
  min-height:29px;
  padding:5px 10px;
  border:1px solid rgba(155,111,69,.15);
  border-radius:999px;
  background:rgba(255,255,255,.7);
  color:#62584f;
  font:inherit;
  font-size:calc(.58rem + 1px);
  font-weight:700;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.onlyoffice-media-smartbar button:hover,.onlyoffice-media-smartbar button.is-active{border-color:rgba(155,111,69,.35);background:rgba(155,111,69,.12);color:var(--accent-dark);transform:translateY(-1px)}
.onlyoffice-media-status{font-size:calc(.61rem + 1px);color:var(--muted)}
.onlyoffice-media-grid--premium{
  grid-auto-flow:dense;
  align-content:start;
  padding:2px 5px 6px 1px;
}
.onlyoffice-media-grid--premium .onlyoffice-media-card{
  position:relative;
  min-width:0;
  display:block;
  overflow:hidden;
  padding:0;
  border:1px solid rgba(155,111,69,.13);
  border-radius:15px;
  background:#eee3d5;
  box-shadow:0 7px 16px rgba(50,35,23,.045);
  isolation:isolate;
  transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease;
}
.onlyoffice-media-grid--premium .onlyoffice-media-card:hover,
.onlyoffice-media-grid--premium .onlyoffice-media-card:focus-visible{border-color:rgba(155,111,69,.48);box-shadow:0 13px 28px rgba(60,42,27,.13);transform:translateY(-2px)}
.onlyoffice-media-grid--premium .onlyoffice-media-card__thumb{aspect-ratio:1/1;border-radius:0;background:#e9dfd1}
.onlyoffice-media-grid--premium .onlyoffice-media-card__thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(27,22,18,.76) 100%);pointer-events:none}
.onlyoffice-media-grid--premium .onlyoffice-media-card__thumb img{transition:transform .28s ease}
.onlyoffice-media-grid--premium .onlyoffice-media-card:hover .onlyoffice-media-card__thumb img{transform:scale(1.025)}
.onlyoffice-media-card__pick{
  position:absolute;
  z-index:3;
  top:8px;
  right:8px;
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.72);
  border-radius:999px;
  background:rgba(255,255,255,.86);
  color:var(--accent-dark);
  box-shadow:0 5px 14px rgba(31,23,18,.16);
  opacity:.15;
  transform:scale(.88);
  transition:opacity .16s ease,transform .16s ease,background .16s ease;
}
.onlyoffice-media-card:hover .onlyoffice-media-card__pick,.onlyoffice-media-card:focus-visible .onlyoffice-media-card__pick{opacity:1;transform:scale(1)}
.onlyoffice-media-card__pick svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.onlyoffice-media-card__overlay{
  position:absolute;
  z-index:2;
  right:0;
  bottom:0;
  left:0;
  display:grid;
  gap:4px;
  padding:22px 9px 9px;
  color:#fff;
  pointer-events:none;
}
.onlyoffice-media-grid--premium .onlyoffice-media-card__name{display:block;min-width:0;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}
.onlyoffice-media-card__tags{display:flex;gap:4px}
.onlyoffice-media-card__tags span{flex:0 1 auto;min-width:0;max-width:95px;padding:3px 6px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(26,21,18,.28);backdrop-filter:blur(7px);color:rgba(255,255,255,.94);font-size:calc(.45rem + 1px);line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.onlyoffice-media-empty{grid-column:1/-1;display:grid;place-items:center;min-height:190px;padding:24px;border:1px dashed rgba(155,111,69,.24);border-radius:17px;background:rgba(255,255,255,.43);color:var(--muted);text-align:center}
.onlyoffice-media-empty strong{display:block;margin-bottom:4px;color:var(--ink);font-size:calc(.8rem + 1px)}
.onlyoffice-media-empty p{max-width:330px;line-height:1.5}

@media (max-width:760px){
  .dashboard-productivity__main{grid-template-columns:1fr;gap:9px}
  .dashboard-productivity__score{justify-content:flex-start}
  .dashboard-productivity__metrics{grid-template-columns:1fr 1fr}
  .dashboard-productivity__metrics>div:last-child{grid-column:1/-1}
  .dashboard-productivity__ranking{grid-template-columns:1fr}

  .onlyoffice-media-panel{top:58px;left:8px;right:8px;bottom:8px;width:auto;padding:16px;border-radius:22px}
  .onlyoffice-media-panel__head h2{font-size:calc(1.25rem + 1px)}
  .onlyoffice-media-grid--premium{gap:8px}
}

@media (max-width:430px){
  .onlyoffice-media-panel{padding:14px}
  
  .onlyoffice-media-panel__tools .onlyoffice-media-upload,.onlyoffice-media-panel__tools [data-onlyoffice-media-refresh]{grid-column:1;grid-row:auto;justify-self:stretch}
  .onlyoffice-media-panel__tools .button{width:100%;justify-content:center}
}

@media (prefers-reduced-motion:reduce){
.dashboard-productivity__svg polyline,
body:not(.auth-page--login) .sidebar .nav-primary-link,
.onlyoffice-media-smartbar button,
.onlyoffice-media-grid--premium .onlyoffice-media-card,
.onlyoffice-media-grid--premium .onlyoffice-media-card__thumb img,
.onlyoffice-media-card__pick{transition:none!important}
}

.dashboard-productivity__delta.is-positive,.dashboard-productivity__score-copy>strong.is-positive{color:var(--load-confirmed)}
.dashboard-productivity__delta.is-negative,.dashboard-productivity__score-copy>strong.is-negative{color:var(--danger)}
.dashboard-productivity__years span{min-width:0;display:grid;gap:1px;text-align:center}
.dashboard-productivity__years strong{color:#5c5147;font-variant-numeric:tabular-nums}
.dashboard-productivity__years small{color:var(--muted);}
.dashboard-productivity__rank-copy{min-width:0;display:grid;gap:1px}
.dashboard-productivity__rank-count{color:var(--muted);font-size:calc(.45rem + 1px);line-height:1.2}
.dashboard-productivity__ranking-note{grid-column:1/-1;padding:7px 8px;border-radius:10px;background:rgba(255,255,255,.45);color:var(--muted);font-size:calc(.49rem + 1px);line-height:1.35}
.onlyoffice-media-smartbar>span small{color:var(--muted);}
.onlyoffice-media-grid--premium .onlyoffice-media-card__thumb{position:relative}
.onlyoffice-media-card__tags{min-width:0;color:rgba(255,255,255,.88);text-shadow:0 1px 3px rgba(0,0,0,.26)}
.onlyoffice-media-empty p{margin:0 0 5px;color:var(--ink);font-size:calc(.72rem + 1px);font-weight:700}
.onlyoffice-media-empty small{max-width:330px;color:var(--muted);font-size:calc(.58rem + 1px);line-height:1.45}
@media (max-width:1100px){
  body:not(.auth-page--login) .sidebar{
    background:
      radial-gradient(circle at 15% 0%,rgba(255,255,255,.99),transparent 31%),
      linear-gradient(180deg,#fbf8f3 0%,#f4ece2 100%)!important;
    border-right-color:rgba(155,111,69,.18)!important;
    box-shadow:24px 0 70px rgba(48,32,20,.2)!important;
  }
}

/* === EventWC premium refinements 2026-08-30 === */
/* Dashboard: news first, statistics below it. */

/* Configurable yearly statistics. */
.dashboard-custom-statistics{
  margin-top:2px;
  padding:16px;
  border:1px solid rgba(155,111,69,.2);
  border-radius:20px;
  background:
    radial-gradient(circle at 100% 0%,rgba(155,111,69,.08),transparent 32%),
    linear-gradient(145deg,rgba(255,255,255,.82),rgba(250,246,240,.72));
  box-shadow:0 14px 34px rgba(65,45,27,.055);
  display:grid;
}
.dashboard-custom-statistics__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.dashboard-custom-statistics__head-copy{display:grid;gap:2px;min-width:0}
.dashboard-custom-statistics__eyebrow{color:var(--accent-dark);font-size:calc(.54rem + 1px);font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.dashboard-custom-statistics__head h3{margin:0;color:var(--ink);line-height:1.15}
.dashboard-custom-statistics__head p{margin:1px 0 0;color:var(--muted);line-height:1.4}
.dashboard-custom-statistics__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dashboard-custom-statistics__card{
  position:relative;
  min-width:0;
  border:1px solid rgba(155,111,69,.17);
  border-radius:16px;
  background:rgba(255,255,255,.58);
  overflow:hidden;
}
.dashboard-custom-statistics__card::before{content:"";position:absolute;inset:0 0 auto;background:linear-gradient(90deg,rgba(155,111,69,.18),rgba(155,111,69,.78),rgba(155,111,69,.12))}
.dashboard-custom-statistics__card-head{display:flex;justify-content:space-between;gap:10px;}
.dashboard-custom-statistics__card-head>div{min-width:0;display:grid;gap:2px}
.dashboard-custom-statistics__card-head strong{font-size:calc(.72rem + 1px);line-height:1.25;color:var(--ink)}
.dashboard-custom-statistics__card-head small{font-size:calc(.49rem + 1px);color:var(--muted);line-height:1.3}
.dashboard-custom-statistics__remove{display:inline-grid;place-items:center;border:1px solid rgba(155,111,69,.18);border-radius:50%;color:var(--muted);cursor:pointer;flex:0 0 auto}
.dashboard-custom-statistics__remove:hover{color:var(--danger);border-color:rgba(190,64,49,.25);background:rgba(255,245,243,.94)}
.dashboard-custom-statistics__value-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:3px 0 5px}
.dashboard-custom-statistics__current{display:grid;gap:1px}
.dashboard-custom-statistics__current span{color:var(--muted)}
.dashboard-custom-statistics__current strong{line-height:1;color:var(--accent-dark);font-weight:650;font-variant-numeric:tabular-nums}
.dashboard-custom-statistics__delta{display:grid;justify-items:end;gap:1px;text-align:right}
.dashboard-custom-statistics__delta span{color:var(--muted)}
.dashboard-custom-statistics__delta strong{font-weight:700;font-variant-numeric:tabular-nums}
.dashboard-custom-statistics__delta strong.is-positive{color:var(--load-confirmed)}
.dashboard-custom-statistics__delta strong.is-negative{color:var(--danger)}
.dashboard-custom-statistics__chart{width:100%;display:block;overflow:visible;color:var(--accent-dark)}
.dashboard-custom-statistics__grid-line{stroke:rgba(119,99,79,.1);stroke-width:1}
.dashboard-custom-statistics__area{fill-opacity:.07}
.dashboard-custom-statistics__line{fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.dashboard-custom-statistics__points circle{fill:#fff;stroke-width:1.7;vector-effect:non-scaling-stroke}
.dashboard-custom-statistics__years{display:grid;gap:3px;margin-top:-3px}
.dashboard-custom-statistics__years span{min-width:0;display:grid;gap:1px;text-align:center}
.dashboard-custom-statistics__years strong{color:#5d5045;font-weight:650;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}
.dashboard-custom-statistics__years small{color:var(--muted)}
.dashboard-custom-statistics__foot{margin-top:9px;padding-top:8px;border-top:1px solid rgba(155,111,69,.13);display:flex;align-items:center;justify-content:space-between;gap:10px}
.dashboard-custom-statistics__foot span{color:var(--muted)}
.dashboard-custom-statistics__foot strong{color:var(--ink);font-variant-numeric:tabular-nums}
.dashboard-custom-statistics__empty{padding:18px;border:1px dashed rgba(155,111,69,.24);border-radius:14px;text-align:center;color:var(--muted);font-size:calc(.62rem + 1px)}
.dashboard-custom-statistics__editor{padding:13px;border:1px solid rgba(155,111,69,.18);border-radius:15px;background:rgba(255,255,255,.58);display:grid;gap:10px}
.dashboard-custom-statistics__editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.dashboard-custom-statistics__editor-head strong{font-size:calc(.7rem + 1px)}
.dashboard-custom-statistics__editor-grid{display:grid;gap:9px}
.dashboard-custom-statistics__editor label{display:grid;gap:5px;color:var(--muted);}
.dashboard-custom-statistics__editor input,.dashboard-custom-statistics__editor select{width:100%;min-width:0;border:1px solid rgba(155,111,69,.22);border-radius:11px;background:#fff;padding:9px 10px;color:var(--ink);font:inherit;outline:0}
.dashboard-custom-statistics__editor input:focus,.dashboard-custom-statistics__editor select:focus{border-color:rgba(155,111,69,.58);box-shadow:0 0 0 3px rgba(155,111,69,.09)}
.dashboard-custom-statistics__editor-actions{display:flex;justify-content:flex-end;gap:8px}
.dashboard-custom-statistics__status{min-height:1.1em;color:var(--muted);font-size:calc(.5rem + 1px)}
.dashboard-custom-statistics__status.is-error{color:var(--danger)}
.dashboard-custom-statistics__csrf{display:none!important}

/* NAS / ONLYOFFICE gallery: square premium thumbnails and readable smart search. */
.onlyoffice-media-smartbar{
  display:grid!important;
  grid-template-columns:minmax(150px,.8fr) minmax(0,2fr)!important;
  align-items:center!important;
  gap:10px 14px!important;
  padding:5px 2px 8px!important;
  overflow:visible!important;
  min-height:40px;
}
.onlyoffice-media-smartbar>span{display:grid!important;gap:2px!important;min-width:0;overflow:visible!important}
.onlyoffice-media-smartbar>span strong{display:block!important;color:#5d5147!important;font-size:calc(.58rem + 1px) !important;line-height:1.25!important;white-space:normal!important}
.onlyoffice-media-smartbar>span small{display:block!important;color:#8c8074!important;font-size:calc(.48rem + 1px) !important;line-height:1.3!important;white-space:normal!important;overflow:visible!important}
.onlyoffice-media-smartbar__chips{display:flex!important;align-items:center!important;justify-content:flex-start;gap:6px!important;flex-wrap:wrap!important;overflow:visible!important;min-width:0}
.onlyoffice-media-smartbar__chips button{white-space:nowrap}
.onlyoffice-media-grid--premium{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;align-items:start}
.onlyoffice-media-grid--premium .onlyoffice-media-card,
.onlyoffice-media-grid--premium .onlyoffice-media-card.is-squareish{
  grid-column:auto!important;
  position:relative!important;
  min-width:0!important;
  aspect-ratio:1/1!important;
  border-radius:15px!important;
  overflow:hidden!important;
}
.onlyoffice-media-grid--premium .onlyoffice-media-card__thumb{
  border-radius:inherit!important;
}
.onlyoffice-media-grid--premium .onlyoffice-media-card__thumb img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.onlyoffice-media-grid--premium .onlyoffice-media-card__overlay{inset:auto 0 0!important;padding:30px 9px 9px!important;background:linear-gradient(180deg,transparent,rgba(28,22,17,.72))!important}
.onlyoffice-media-grid--premium .onlyoffice-media-card__name{font-size:calc(.57rem + 1px) !important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.onlyoffice-media-card__tags{font-size:calc(.43rem + 1px) !important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* Download progress with real byte percentage when Content-Length is available. */
.premium-download-panel{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:100050;
  width:min(360px,calc(100vw - 30px));
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding:13px 14px;
  border:1px solid rgba(155,111,69,.22);
  border-radius:18px;
  background:rgba(252,249,245,.97);
  box-shadow:0 18px 50px rgba(43,29,17,.2);
  backdrop-filter:blur(16px);
  opacity:0;
  visibility:hidden;
  transform:translateY(12px) scale(.985);
  pointer-events:none;
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
}
.premium-download-panel.is-visible{opacity:1;visibility:visible;transform:none}
.premium-download-panel__ring{--premium-panel-progress:0deg;position:relative;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent-dark) var(--premium-panel-progress),rgba(155,111,69,.13) 0)}
.premium-download-panel__ring::before{content:"";position:absolute;inset:5px;border-radius:50%;background:#fbf7f2;box-shadow:inset 0 0 0 1px rgba(155,111,69,.08)}
.premium-download-panel__percent,.premium-download-panel__check{position:relative;z-index:1;color:var(--accent-dark)}
.premium-download-panel__check path{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.premium-download-panel__percent{font-size:calc(.61rem + 1px);font-weight:750;font-variant-numeric:tabular-nums}
.premium-download-panel__check{display:none;width:21px;height:21px}
.premium-download-panel__body{min-width:0;display:grid;gap:5px}
.premium-download-panel__eyebrow{font-size:calc(.45rem + 1px);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-dark)}
.premium-download-panel__name{min-width:0;font-size:calc(.62rem + 1px);font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.premium-download-panel__state{font-size:calc(.48rem + 1px);color:var(--muted)}
.premium-download-panel__track{height:5px;border-radius:99px;background:rgba(155,111,69,.12);overflow:hidden}
.premium-download-panel__track>i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-dark));transition:width .14s linear}
.premium-download-panel.is-complete .premium-download-panel__percent{display:none}
.premium-download-panel.is-complete .premium-download-panel__check{display:block;color:var(--load-confirmed)}
.premium-download-panel.is-complete .premium-download-panel__ring{background:rgba(54,125,88,.14);box-shadow:inset 0 0 0 2px rgba(54,125,88,.18)}
.premium-download-panel.is-error .premium-download-panel__ring{background:rgba(190,64,49,.11);box-shadow:inset 0 0 0 2px rgba(190,64,49,.17)}
.premium-download-panel.is-error .premium-download-panel__percent{color:var(--danger)}

@media (max-width:900px){
  .dashboard-custom-statistics__grid{grid-template-columns:1fr}
  .dashboard-custom-statistics__editor-grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  
  
  .onlyoffice-media-smartbar{grid-template-columns:1fr!important;gap:7px!important}
  .onlyoffice-media-grid--premium{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .premium-download-panel{right:12px;bottom:12px;width:calc(100vw - 24px)}
}
@media (max-width:430px){
  .dashboard-custom-statistics{padding:12px}
  .dashboard-custom-statistics__head{display:grid}
  .dashboard-custom-statistics__head .button{width:100%;justify-content:center}
  .onlyoffice-media-grid--premium{gap:8px!important}
}

/* Centralizovaná NAS Media Library: 10k+ fotografií, Media ID a referenční sloty. */
.onlyoffice-media-reference-note{
  display:grid;
  gap:4px;
  padding:10px 12px;
  border:1px solid rgba(155,111,69,.18);
  border-radius:14px;
  background:rgba(255,255,255,.54);
  color:var(--muted);
  font-size:calc(.55rem + 1px);
  line-height:1.4;
}
.onlyoffice-media-reference-note strong{color:var(--ink);font-size:calc(.62rem + 1px)}
.onlyoffice-media-reference-note code{
  padding:2px 5px;
  border-radius:6px;
  background:rgba(155,111,69,.1);
  color:var(--accent-dark);
  font-size:calc(.52rem + 1px);
}
.onlyoffice-media-more-row{display:flex;justify-content:center;padding:2px 0 4px}
.onlyoffice-media-more-row [hidden]{display:none!important}
.onlyoffice-media-grid--premium .onlyoffice-media-card,
.onlyoffice-media-grid--premium .onlyoffice-media-card.is-squareish{
  grid-column:auto!important;
  aspect-ratio:1/1!important;
  min-height:0!important;
}
.onlyoffice-media-grid--premium .onlyoffice-media-card__thumb{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:1/1!important;
}
.onlyoffice-media-card__id{
  position:absolute;
  top:8px;
  left:8px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:4px 7px;
  border:1px solid rgba(255,255,255,.5);
  border-radius:999px;
  background:rgba(28,22,17,.52);
  backdrop-filter:blur(8px);
  color:#fff;
  font-size:calc(.49rem + 1px);
  font-weight:750;
  letter-spacing:.025em;
  box-shadow:0 5px 14px rgba(23,17,12,.12);
}
.onlyoffice-media-grid--premium .onlyoffice-media-card__overlay{
  z-index:2!important;
  display:grid!important;
  gap:2px!important;
  align-content:end!important;
  pointer-events:none;
}
.onlyoffice-media-card__token{
  display:block;
  min-width:0;
  color:rgba(255,255,255,.82);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:calc(.43rem + 1px);
  line-height:1.15;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.onlyoffice-media-card__tags{display:block!important}
@media (max-width: 700px){
  .onlyoffice-media-reference-note{font-size:calc(.52rem + 1px)}
  .onlyoffice-media-card__id{top:6px;left:6px;min-height:20px;padding:3px 6px;font-size:calc(.45rem + 1px)}
}
.onlyoffice-media-panel__tools{grid-template-columns:minmax(0,1fr) auto auto auto}
@media (max-width:760px){
  .onlyoffice-media-panel__tools{grid-template-columns:1fr 1fr}
  .onlyoffice-media-panel__tools .onlyoffice-media-search{grid-column:1/-1}
  .onlyoffice-media-panel__tools .onlyoffice-media-upload{grid-column:auto;grid-row:auto;justify-self:stretch}
  .onlyoffice-media-panel__tools [data-onlyoffice-media-refresh]{grid-column:1/-1;justify-self:start}
}
@media (max-width:430px){
  .onlyoffice-media-panel__tools{grid-template-columns:1fr}
  .onlyoffice-media-panel__tools .onlyoffice-media-search,
  .onlyoffice-media-panel__tools .onlyoffice-media-upload,
  .onlyoffice-media-panel__tools [data-onlyoffice-media-refresh]{grid-column:1;grid-row:auto;justify-self:stretch}
}

/* === EventWC analytics refinement 2026-08-30 === */
/* Statistics: fixed two-column cards, per-card Event user filters and tones. */
.dashboard-custom-statistics{gap:14px!important}
.dashboard-custom-statistics__head h3{font-size:calc(1.12rem + 1px) !important}
.dashboard-custom-statistics__head p{font-size:calc(.66rem + 1px) !important}
.dashboard-custom-statistics__suite-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.dashboard-custom-statistics__grid{display:contents!important}
.dashboard-productivity,
.dashboard-custom-statistics__card{height:100%;min-height:326px}
.dashboard-productivity{
  --stat-color:#39785d;
  --stat-rgb:57,120,93;
  border-color:rgba(var(--stat-rgb),.22)!important;
  background:radial-gradient(circle at 4% 0%,rgba(var(--stat-rgb),.12),transparent 36%),linear-gradient(145deg,rgba(255,255,255,.84),rgba(245,249,246,.72))!important;
  box-shadow:0 14px 30px rgba(var(--stat-rgb),.07),inset 0 2px 0 rgba(var(--stat-rgb),.28)!important;
}
.dashboard-productivity__head-actions{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.dashboard-stat-owner-filter{display:grid;gap:3px;min-width:0;color:var(--muted);font-size:calc(.53rem + 1px);font-weight:700}
.dashboard-stat-owner-filter>span{font-size:calc(.5rem + 1px) !important;line-height:1.1!important}
.dashboard-stat-owner-filter select{width:100%;min-width:0;min-height:30px;padding:5px 25px 5px 8px;border:1px solid rgba(155,111,69,.2);border-radius:10px;background:rgba(255,255,255,.8);color:var(--ink);font:inherit;font-size:calc(.59rem + 1px);outline:0}
.dashboard-stat-owner-filter select:focus{border-color:rgba(155,111,69,.55);box-shadow:0 0 0 3px rgba(155,111,69,.09)}
.dashboard-stat-owner-filter--productivity{width:min(170px,40vw)}
.dashboard-productivity__head .eyebrow{font-size:calc(.56rem + 1px) !important}
.dashboard-productivity__head strong{font-size:calc(.82rem + 1px) !important}
.dashboard-productivity__head span:not(.dashboard-productivity__badge){font-size:calc(.6rem + 1px) !important}
.dashboard-productivity__badge{font-size:calc(.56rem + 1px) !important;background:rgba(var(--stat-rgb),.09)!important;color:var(--stat-color)!important;border-color:rgba(var(--stat-rgb),.18)!important}
.dashboard-productivity__ring{background:conic-gradient(var(--stat-color) var(--productivity-progress),rgba(var(--stat-rgb),.12) 0)!important}
.dashboard-productivity__score-copy>strong{color:var(--stat-color)!important}
.dashboard-productivity__svg{color:var(--stat-color)!important}
.dashboard-productivity__trend-head,.dashboard-productivity__score-copy>span{font-size:calc(.57rem + 1px) !important}
.dashboard-productivity__score-copy>small{font-size:calc(.55rem + 1px) !important}
.dashboard-productivity__years{font-size:calc(.51rem + 1px) !important}
.dashboard-productivity__years strong{font-size:calc(.56rem + 1px) !important}
.dashboard-productivity__years small{font-size:calc(.48rem + 1px) !important}
.dashboard-productivity__metrics span{font-size:calc(.53rem + 1px) !important}
.dashboard-productivity__metrics strong{font-size:calc(.69rem + 1px) !important}
.dashboard-productivity__rank,.dashboard-productivity__rank-count{font-size:calc(.53rem + 1px) !important}
.dashboard-productivity__rank strong{font-size:calc(.59rem + 1px) !important}
.dashboard-custom-statistics__card{
  --stat-color:#9b6f45;
  --stat-rgb:155,111,69;
  padding:14px!important;
  border-color:rgba(var(--stat-rgb),.22)!important;
  background:radial-gradient(circle at 6% 0%,rgba(var(--stat-rgb),.11),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.84),rgba(251,248,244,.72))!important;
  box-shadow:0 14px 30px rgba(var(--stat-rgb),.065),inset 0 2px 0 rgba(var(--stat-rgb),.32);
}
.dashboard-custom-statistics__card[data-statistic-tone="created"]{--stat-color:#9b6f45;--stat-rgb:155,111,69}
.dashboard-custom-statistics__card[data-statistic-tone="total"]{--stat-color:#4d79a5;--stat-rgb:77,121,165}
.dashboard-custom-statistics__card[data-statistic-tone="inquiries"]{--stat-color:#7663a4;--stat-rgb:118,99,164}
.dashboard-custom-statistics__card[data-statistic-tone="offers"]{--stat-color:#397d98;--stat-rgb:57,125,152}
.dashboard-custom-statistics__card[data-statistic-tone="successful"]{--stat-color:#39785d;--stat-rgb:57,120,93}
.dashboard-custom-statistics__card[data-statistic-tone="failed"]{--stat-color:#b44740;--stat-rgb:180,71,64}
.dashboard-custom-statistics__card[data-statistic-tone="open"]{--stat-color:#b07b31;--stat-rgb:176,123,49}
.dashboard-custom-statistics__card[data-statistic-tone="conversion"]{--stat-color:#2f8177;--stat-rgb:47,129,119}
.dashboard-custom-statistics__card::before{height:3px!important;background:linear-gradient(90deg,rgba(var(--stat-rgb),.15),var(--stat-color),rgba(var(--stat-rgb),.12))!important}
.dashboard-custom-statistics__card-head{align-items:flex-start!important;margin-bottom:7px!important}
.dashboard-custom-statistics__title{min-width:0;display:grid;gap:2px;padding-top:2px}
.dashboard-custom-statistics__title strong{color:var(--ink);font-size:calc(.81rem + 1px) !important;line-height:1.25}
.dashboard-custom-statistics__title small{color:var(--stat-color)!important;font-size:calc(.54rem + 1px) !important;font-weight:700;line-height:1.3}
.dashboard-custom-statistics__card-tools{display:flex;min-width:0}
.dashboard-stat-owner-filter--card{width:min(165px,42vw)}
.dashboard-custom-statistics__remove{width:30px!important;height:30px!important;background:rgba(255,255,255,.62)!important}
.dashboard-custom-statistics__current span{font-size:calc(.53rem + 1px) !important}
.dashboard-custom-statistics__current strong{color:var(--stat-color)!important;font-size:calc(1.62rem + 1px) !important}
.dashboard-custom-statistics__delta span{font-size:calc(.51rem + 1px) !important}
.dashboard-custom-statistics__delta strong{font-size:calc(.69rem + 1px) !important}
.dashboard-custom-statistics__chart{height:112px!important;color:var(--stat-color)!important}
.dashboard-custom-statistics__area{fill:currentColor!important;fill-opacity:.085!important}
.dashboard-custom-statistics__points circle{fill:var(--paper)!important;stroke:currentColor!important}
.dashboard-custom-statistics__years strong{font-size:calc(.5rem + 1px) !important;color:var(--ink)!important}
.dashboard-custom-statistics__years small{font-size:calc(.46rem + 1px) !important}
.dashboard-custom-statistics__foot span{font-size:calc(.53rem + 1px) !important}
.dashboard-custom-statistics__foot strong{font-size:calc(.62rem + 1px) !important}
.dashboard-custom-statistics__editor-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(150px,.8fr) minmax(115px,.55fr)!important}
.dashboard-custom-statistics__editor label{font-size:calc(.56rem + 1px) !important}
.dashboard-custom-statistics__editor input,.dashboard-custom-statistics__editor select{font-size:calc(.65rem + 1px) !important}
.dashboard-custom-statistics__empty{grid-column:1/-1!important}
.dashboard-monthly-load__kpi>span{font-size:calc(.65rem + 1px) !important}
.dashboard-monthly-load__kpi small{font-size:calc(.58rem + 1px) !important}
.dashboard-monthly-load__chart-head strong{font-size:calc(.74rem + 1px) !important}
.dashboard-monthly-load__chart-head span{font-size:calc(.6rem + 1px) !important}
.dashboard-monthly-load__chart-label{font-size:calc(.65rem + 1px) !important}
.dashboard-monthly-load__chart-row>strong{font-size:calc(.68rem + 1px) !important}
.dashboard-monthly-load__footer{font-size:calc(.65rem + 1px) !important}

@media (max-width:960px){
  .dashboard-custom-statistics__suite-grid{grid-template-columns:1fr}
  .dashboard-custom-statistics__editor-grid{grid-template-columns:1fr 1fr!important}
}
@media (max-width:620px){
  .dashboard-custom-statistics__editor-grid{grid-template-columns:1fr!important}
  .dashboard-custom-statistics__card-head{display:grid!important}
  .dashboard-custom-statistics__card-tools{justify-content:space-between}
  .dashboard-stat-owner-filter--card,.dashboard-stat-owner-filter--productivity{width:100%}
  .dashboard-productivity__head{display:grid!important}
  .dashboard-productivity__head-actions{justify-content:stretch}
  .dashboard-productivity__head-actions .dashboard-productivity__badge{align-self:end}
}

/* Dark mode --------------------------------------------------------------- */
:root[data-theme="dark"]{
  --bg:#15120f;
  --paper:#211c18;
  --paper-soft:#28221d;
  --ink:#f2ebe3;
  --muted:#b8aa9d;
  --line:#44382f;
  --accent:#bd8d5d;
  --accent-dark:#d0a06f;
  --success:#72bd95;
  --danger:#e07a70;
  --shadow:0 20px 52px rgba(0,0,0,.32);
  --premium-accent:var(--accent-dark);
  --premium-accent-soft:rgba(208,160,111,.14);
  --premium-accent-glow:rgba(208,160,111,.23);
  --premium-ink:#f2ebe3;
}
html[data-theme="dark"] body{
  background:radial-gradient(circle at top right,rgba(185,132,82,.12),transparent 32%),linear-gradient(180deg,#17130f 0%,#12100e 100%);
  color:var(--ink);
}

html[data-theme="dark"] body:not(.auth-page--login) .sidebar .nav-primary-link:hover,
html[data-theme="dark"] body:not(.auth-page--login) .sidebar .nav-group:hover,
html[data-theme="dark"] body:not(.auth-page--login) .sidebar .nav-group[open]{background:rgba(255,255,255,.045)!important}
html[data-theme="dark"] body:not(.auth-page--login) .sidebar .nav-primary-link.active{background:linear-gradient(135deg,rgba(208,160,111,.16),rgba(255,255,255,.035))!important;border-color:rgba(208,160,111,.22)!important}

html[data-theme="dark"] :is(.panel,.stat-card,.auth-card){background:rgba(33,28,24,.94)!important;border-color:var(--line)!important;box-shadow:var(--shadow)}

html[data-theme="dark"] body:not(.auth-page--login) :is(input:not([type="checkbox"]):not([type="range"]),select,textarea){background:#201b17!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:none}

html[data-theme="dark"] body:not(.auth-page--login) .button-ghost{background:rgba(255,255,255,.025)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme="dark"] input[type="checkbox"]{background-color:#1d1915;border-color:#70563f;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
html[data-theme="dark"] input[type="checkbox"]:checked,
html[data-theme="dark"] input[type="checkbox"]:indeterminate{background-color:var(--premium-accent);border-color:var(--premium-accent)}
html[data-theme="dark"] table{color:var(--ink)}
html[data-theme="dark"] thead th{color:var(--muted);border-color:var(--line)}
html[data-theme="dark"] tbody td{border-color:rgba(68,56,47,.78)}
html[data-theme="dark"] tbody tr:hover td{background-color:rgba(255,255,255,.025)}
html[data-theme="dark"] .badge-muted{background:#302923;color:#c7b9ac}
html[data-theme="dark"] .badge-success{background:rgba(65,128,94,.2);color:#86c9a7}
html[data-theme="dark"] .badge-info{background:rgba(77,121,165,.2);color:#95b9dc}
html[data-theme="dark"] .badge-dark{background:#322b25;color:#ded4ca}
html[data-theme="dark"] .badge-danger{background:rgba(180,71,64,.17);color:#ef9188}
html[data-theme="dark"] .alert-success{background:rgba(57,120,93,.18);color:#9ad3b5;border-color:rgba(57,120,93,.3)}
html[data-theme="dark"] .alert-error{background:rgba(180,71,64,.16);color:#ef9c94;border-color:rgba(180,71,64,.3)}

html[data-theme="dark"] dialog{background:var(--paper)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme="dark"] dialog::backdrop{background:rgba(0,0,0,.66)!important}
html[data-theme="dark"] :is(.news-dialog__header,.news-dialog__body){background:var(--paper)!important;color:var(--ink)!important}

html[data-theme="dark"] .dashboard-monthly-load{
  --load-in-progress:#9aa0a5;
  --load-offer:#78a7d1;
  --load-offer-sent:#9b86cf;
  --load-confirmed:#6db78e;
  --load-closed:#999fa4;
  --load-cancelled:#df746b;
}
html[data-theme="dark"] :is(.dashboard-monthly-load__nav,.dashboard-monthly-load__kpi,.dashboard-monthly-load__chart){background:rgba(255,255,255,.035)!important;border-color:var(--line)!important}
html[data-theme="dark"] .dashboard-monthly-load__owner-filter select{background:#201b17!important;border-color:var(--line)!important}
html[data-theme="dark"] .dashboard-monthly-load__kpi>span,
html[data-theme="dark"] .dashboard-monthly-load__chart-label{color:#c4b6aa!important}
html[data-theme="dark"] .dashboard-monthly-load__track{background:rgba(255,255,255,.075)!important}
html[data-theme="dark"] .dashboard-custom-statistics{background:radial-gradient(circle at 100% 0%,rgba(189,141,93,.07),transparent 32%),linear-gradient(145deg,rgba(35,29,24,.9),rgba(27,23,19,.9))!important;border-color:var(--line)!important}
html[data-theme="dark"] .dashboard-productivity,
html[data-theme="dark"] .dashboard-custom-statistics__card{background:radial-gradient(circle at 5% 0%,rgba(var(--stat-rgb),.16),transparent 38%),linear-gradient(145deg,rgba(38,32,27,.96),rgba(29,24,20,.94))!important;box-shadow:0 14px 30px rgba(0,0,0,.16),inset 0 2px 0 rgba(var(--stat-rgb),.34)!important}
html[data-theme="dark"] .dashboard-productivity__ring::before{background:#211c18!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}
html[data-theme="dark"] .dashboard-productivity__metrics>div,
html[data-theme="dark"] .dashboard-productivity__rank,
html[data-theme="dark"] .dashboard-productivity__ranking-note{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.055)!important;color:var(--muted)!important}
html[data-theme="dark"] .dashboard-productivity__score-copy>small,
html[data-theme="dark"] .dashboard-productivity__years strong{color:#d2c5b9!important}
html[data-theme="dark"] .dashboard-custom-statistics__editor{background:rgba(255,255,255,.025)!important;border-color:var(--line)!important}
html[data-theme="dark"] .dashboard-stat-owner-filter select,
html[data-theme="dark"] .dashboard-custom-statistics__editor input,
html[data-theme="dark"] .dashboard-custom-statistics__editor select{background:#201b17!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme="dark"] .dashboard-custom-statistics__remove{background:rgba(255,255,255,.045)!important;border-color:var(--line)!important;color:var(--muted)!important}
html[data-theme="dark"] .dashboard-custom-statistics__points circle{fill:#211c18!important}
html[data-theme="dark"] .premium-search__input{background:#201b17!important;color:var(--ink)!important}
html[data-theme="dark"] .premium-search.is-focused .premium-search__input{background:#241e1a!important}
html[data-theme="dark"] .premium-search::before{background:radial-gradient(circle at 12% 50%,rgba(208,160,111,.14),transparent 28%),linear-gradient(90deg,rgba(208,160,111,.07),rgba(255,255,255,.02))}
html[data-theme="dark"] .premium-download-panel{background:rgba(31,26,22,.97)!important;border-color:var(--line)!important;box-shadow:0 18px 50px rgba(0,0,0,.34)!important}
html[data-theme="dark"] .premium-download-panel__ring::before{background:#211c18!important}
html[data-theme="dark"] .premium-download-panel__track{background:rgba(255,255,255,.08)!important}
html[data-theme="dark"] .mobile-bottom-nav{background:rgba(28,23,19,.96)!important;border-color:var(--line)!important}
html[data-theme="dark"] ::selection{background:rgba(208,160,111,.28);color:#fff}

/* Final safeguards for analytics editor and dark application surfaces. */
.dashboard-custom-statistics__editor[hidden]{display:none!important}

html[data-theme="dark"] :is(.event-header-card,.event-block,.event-section-surface,.summary-card,.todo-task-card--flat,.todo-purchase-launch){
  background:rgba(255,255,255,.035)!important;
  border-color:var(--line)!important;
  color:var(--ink)!important;
  box-shadow:none;
}
html[data-theme="dark"] .event-section-surface.has-custom-section-color{
  background:color-mix(in srgb,var(--section-custom-bg,#2b241e) 28%,#211c18 72%)!important;
  border-color:color-mix(in srgb,var(--section-custom-border,#5a4738) 48%,var(--line) 52%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
html[data-theme="dark"] .event-block.has-custom-section-color{
  background:color-mix(in srgb,var(--section-custom-bg,#2b241e) 24%,#211c18 76%)!important;
  border-color:color-mix(in srgb,var(--section-custom-border,#5a4738) 45%,var(--line) 55%)!important;
}
html[data-theme="dark"] .event-block .section-total,
html[data-theme="dark"] .todo-purchase-editor .todo-purchase-row,
html[data-theme="dark"] .todo-purchase-editor .todo-purchase-readonly-row{background:rgba(255,255,255,.03)!important;border-color:var(--line)!important}
html[data-theme="dark"] .todo-task-card--flat.has-pending-changes{background:rgba(176,123,49,.12)!important;border-color:rgba(208,160,111,.34)!important}
html[data-theme="dark"] .purchase-editor-modal__dialog{background:#211c18!important;border-color:var(--line)!important;box-shadow:0 28px 80px rgba(0,0,0,.46)!important}
html[data-theme="dark"] .purchase-editor-modal__close{background:#28221d!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme="dark"] .todo-filter-form{background:rgba(255,255,255,.03)!important;border-color:var(--line)!important}

html[data-theme="dark"] .todo-document-item,
html[data-theme="dark"] .todo-document-icon-button{background:#28221d!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme="dark"] .app-todo-bell__button,
html[data-theme="dark"] .app-todo-bell__popover{background:#211c18!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:0 22px 55px rgba(0,0,0,.35)!important}
html[data-theme="dark"] .app-todo-bell__button:hover,
html[data-theme="dark"] .app-todo-bell[open] .app-todo-bell__button,
html[data-theme="dark"] .app-todo-bell.has-items .app-todo-bell__button{background:#28221d!important}
html[data-theme="dark"] .app-todo-bell__item.is-overdue{background:rgba(180,71,64,.12)!important}
html[data-theme="dark"] .app-todo-bell__item.is-overdue:hover{background:rgba(180,71,64,.18)!important}
html[data-theme="dark"] .app-todo-bell__count{border-color:#211c18!important}
html[data-theme="dark"] :is(.onlyoffice-media-search input,.onlyoffice-media-card,.onlyoffice-media-empty){background:#28221d!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme="dark"] .onlyoffice-media-card::after{background:linear-gradient(180deg,transparent 35%,rgba(8,7,6,.82) 100%)!important}

/* Dashboard analytics suite: every statistic uses one half of the desktop width. */

.dashboard-statistic-card--success{
  --stat-color:#557da2;
  --stat-rgb:85,125,162;
  order:2;
  min-width:0;
  min-height:326px;
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:14px;
  border:1px solid rgba(var(--stat-rgb),.22);
  border-radius:18px;
  background:radial-gradient(circle at 5% 0%,rgba(var(--stat-rgb),.12),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.84),rgba(246,249,252,.72));
  box-shadow:0 14px 30px rgba(var(--stat-rgb),.065),inset 0 2px 0 rgba(var(--stat-rgb),.3);
}
.dashboard-statistic-card--success .dashboard-monthly-load__period{color:var(--stat-color)}
.dashboard-statistic-card--success .dashboard-monthly-load__footer{margin-top:auto;padding-top:2px}
.dashboard-monthly-load>.dashboard-custom-statistics{display:contents!important}
.dashboard-monthly-load>.dashboard-custom-statistics>.dashboard-custom-statistics__head{
  order:1;
  grid-column:1/-1;
  padding:1px 1px 5px;
}
.dashboard-monthly-load .dashboard-custom-statistics__suite-grid{display:contents!important}
.dashboard-monthly-load .dashboard-productivity{order:3}
.dashboard-monthly-load .dashboard-custom-statistics__grid{display:contents!important}
.dashboard-monthly-load .dashboard-custom-statistics__card{order:4}
.dashboard-monthly-load .dashboard-custom-statistics__empty{order:4}
.dashboard-monthly-load .dashboard-custom-statistics__editor{order:5;grid-column:1/-1;width:100%}
.dashboard-monthly-load .dashboard-custom-statistics__csrf{order:6;grid-column:1/-1}
.dashboard-monthly-load>script{display:none!important}

html[data-theme="dark"] .dashboard-statistic-card--success{
  background:radial-gradient(circle at 5% 0%,rgba(var(--stat-rgb),.18),transparent 38%),linear-gradient(145deg,rgba(38,32,27,.96),rgba(29,24,20,.94));
  border-color:rgba(var(--stat-rgb),.32);
  box-shadow:0 14px 30px rgba(0,0,0,.16),inset 0 2px 0 rgba(var(--stat-rgb),.36);
}

@media (max-width:960px){
  
  .dashboard-monthly-load>.dashboard-custom-statistics>.dashboard-custom-statistics__head{grid-column:1}
  .dashboard-monthly-load .dashboard-custom-statistics__editor{grid-column:1}
}

/* === EventWC dark-mode completeness pass 2026-08-30 ===
   Keeps all application chrome dark while preserving document/image previews. */

/* Custom statistic tools: keep remove immediately to the right of Event user. */
.dashboard-custom-statistics__card-tools{
  display:grid!important;
  grid-template-columns:minmax(138px,165px) 30px!important;
  align-items:end!important;
  justify-content:end!important;
  gap:7px!important;
}
.dashboard-stat-owner-filter--card{
  width:auto!important;
  min-width:0!important;
}
.dashboard-custom-statistics__remove{
  grid-column:2!important;
  align-self:end!important;
  justify-self:end!important;
  margin:0!important;
}

/* Native controls also need a dark popup palette, not only a dark closed field. */
html[data-theme="dark"] body:not(.auth-page--login) select{
  color-scheme:dark!important;
  background-color:#201b17!important;
  color:var(--ink)!important;
}

html[data-theme="dark"] body:not(.auth-page--login) select option:checked{
  background:#5c432f!important;
  color:#fff!important;
}
html[data-theme="dark"] body:not(.auth-page--login) select:disabled,
html[data-theme="dark"] body:not(.auth-page--login) input:disabled,
html[data-theme="dark"] body:not(.auth-page--login) textarea:disabled{
  background:#191613!important;
  color:#8f8378!important;
  border-color:#392f28!important;
  opacity:1;
}
html[data-theme="dark"] body:not(.auth-page--login) input[readonly]{
  background:#191613!important;
  color:#c7b9ac!important;
}

html[data-theme="dark"] body:not(.auth-page--login) .sidebar .nav-group-items .nav-help-index-chapters .nav-help-chapter{
  color:#b8aa9d!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .sidebar .nav-group-items .nav-help-index-chapters .nav-help-chapter:hover,
html[data-theme="dark"] body:not(.auth-page--login) .sidebar .nav-group-items .nav-help-index-chapters .nav-help-chapter.active{
  background:rgba(208,160,111,.09)!important;
  color:var(--ink)!important;
}

/* Common application surfaces that were still using literal white values. */

html[data-theme="dark"] body:not(.auth-page--login) .event-filter-builder__remove{
  background:rgba(180,71,64,.12)!important;
  color:#ef9188!important;
  border-color:rgba(224,122,112,.28)!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-filter-builder__remove:hover{
  background:rgba(180,71,64,.2)!important;
}

/* BEO / recipes / kitchen / packing. */

html[data-theme="dark"] body:not(.auth-page--login) .todo-task-card--automatic{
  background:rgba(65,128,94,.14)!important;
  border-color:rgba(114,189,149,.3)!important;
}

/* Inventory/history: the light table container and filters were visible in dark mode. */
html[data-theme="dark"] body:not(.auth-page--login) :is(
  .itinerary-history-panel,
  .itinerary-history-wrap,
  .itinerary-admin-table-wrap,
  .itinerary-history-filter
){
  background:#211c18!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .itinerary-history-empty{
  background:#28221d!important;
  border-color:var(--line)!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .itinerary-table .itinerary-stock-heading,
html[data-theme="dark"] body:not(.auth-page--login) .itinerary-table .itinerary-stock-quantity-cell{
  background:rgba(65,128,94,.1)!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .itinerary-table .itinerary-minimum-heading,
html[data-theme="dark"] body:not(.auth-page--login) .itinerary-table .itinerary-minimum-quantity-cell{
  background:rgba(208,160,111,.08)!important;
}
html[data-theme="dark"] body:not(.auth-page--login) :is(.itinerary-item-id strong,.itinerary-ordered-quantity strong){
  background:rgba(77,121,165,.14)!important;
  color:#9fc1e0!important;
  border-color:rgba(119,165,207,.25)!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-form .event-table--itinerary .itinerary-autocomplete input[data-itinerary-autocomplete]{
  background-color:#201b17!important;
  color:var(--ink)!important;
}

/* TO-DO surfaces. */
html[data-theme="dark"] body:not(.auth-page--login) :is(
  .todo-flat-item,
  .todo-flat-item__details,
  .todo-detail-block,
  .todo-attachment-list li,
  .dashboard-todo-notification,
  .todo-purchase-readonly
){
  background:#28221d!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .todo-flat-item.is-done{
  background:rgba(65,128,94,.09)!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .todo-change-warning{
  background:rgba(176,123,49,.14)!important;
  border-color:rgba(208,160,111,.3)!important;
  color:#e0b677!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .dashboard-todo-notification__state{
  background:#332c26!important;
  color:#c7b9ac!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .dashboard-todo-notification--changes .dashboard-todo-notification__state,
html[data-theme="dark"] body:not(.auth-page--login) .dashboard-todo-notification--overdue .dashboard-todo-notification__state{
  background:rgba(176,123,49,.17)!important;
  color:#e0b677!important;
}

/* Changelog / update dialog. */
html[data-theme="dark"] body:not(.auth-page--login) :is(
  .changelog-hero,
  .changelog-hero-stat,
  .changelog-release,
  .app-changelog-update__card
){
  background:#211c18!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .changelog-release-summary:hover,
html[data-theme="dark"] body:not(.auth-page--login) .changelog-release[open]>.changelog-release-summary{
  background:#28221d!important;
  border-color:var(--line)!important;
}
html[data-theme="dark"] body:not(.auth-page--login) :is(.changelog-version,.app-changelog-update__version){
  background:rgba(208,160,111,.12)!important;
  color:#d9ad82!important;
}
html[data-theme="dark"] body:not(.auth-page--login) :is(.changelog-change-list li,.app-changelog-update__list li){
  color:#d6c9bd!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .changelog-change-list li::before,
html[data-theme="dark"] body:not(.auth-page--login) .app-changelog-update__list li::before{
  background:#332c26!important;
  color:#d9ad82!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .changelog-release-admin,
html[data-theme="dark"] body:not(.auth-page--login) .app-changelog-update__actions{
  border-color:var(--line)!important;
}

/* Menus/popovers and floating UI. */
html[data-theme="dark"] body:not(.auth-page--login) :is(
  .language-switch__button,
  .language-switch__menu,
  .table-scroll-floating,
  .app-changelog-top-link
){
  background:#211c18!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.26)!important;
}

html[data-theme="dark"] body:not(.auth-page--login) .app-changelog-top-link:hover,
html[data-theme="dark"] body:not(.auth-page--login) .app-changelog-top-link.active{
  background:#28221d!important;
  color:var(--accent-dark)!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .table-scroll-floating::-webkit-scrollbar-track{
  background:#28221d!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .table-scroll-floating::-webkit-scrollbar-thumb{
  border-color:#211c18!important;
}

/* Preserve meaningful coloured statuses, but never leave their base surfaces white. */
html[data-theme="dark"] body:not(.auth-page--login) :is(.status-select--draft,.status-select--planned,.status-select--cancelled,.status-select--completed){
  color:#f8f2ec!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .status-select--draft{background:#33475a!important;border-color:#5d7894!important}
html[data-theme="dark"] body:not(.auth-page--login) .status-select--planned{background:#294b43!important;border-color:#4f7f72!important}
html[data-theme="dark"] body:not(.auth-page--login) .status-select--cancelled{background:#663633!important;border-color:#9b554f!important}
html[data-theme="dark"] body:not(.auth-page--login) .status-select--completed{background:#3b3937!important;border-color:#68635f!important}

@media (max-width:960px){
  .dashboard-custom-statistics__card-tools{
    grid-template-columns:minmax(0,1fr) 30px!important;
    width:100%!important;
  }
  .dashboard-stat-owner-filter--card{width:auto!important}
}

/* =========================================================
   Premium interaction pass 2026-08-31
   Calendar section, dark-mode completeness, filters, users,
   phone/password inputs, upload progress and action feedback.
   ========================================================= */

/* Standalone calendar page. */

.nav-primary-link--calendar svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Premium filter language used across the application. */
.premium-filter-surface:not(.dashboard-stat-owner-filter):not(.dashboard-monthly-load__owner-filter){
  position:relative;
  border:1px solid rgba(155,111,69,.16);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(248,243,237,.64));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 12px 28px rgba(67,48,30,.055);
}
form.premium-filter-surface:not(.dashboard-stat-owner-filter):not(.dashboard-monthly-load__owner-filter){padding:14px}
.premium-filter-field{position:relative;min-width:0}
.premium-filter-field>span:first-child{color:var(--muted);font-size:calc(.68rem + 1px);font-weight:700;letter-spacing:.02em}
.premium-filter-control,
.premium-filter-surface select,
.premium-filter-surface input[type="search"],
.premium-filter-surface input[type="date"]{
  min-height:42px;
  border:1px solid rgba(155,111,69,.2)!important;
  border-radius:14px!important;
  background-color:rgba(255,255,255,.86)!important;
  box-shadow:0 5px 14px rgba(65,44,27,.035)!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease;
}
.premium-filter-control:focus,
.premium-filter-surface select:focus,
.premium-filter-surface input[type="search"]:focus,
.premium-filter-surface input[type="date"]:focus{
  outline:none!important;
  border-color:rgba(155,111,69,.58)!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(155,111,69,.09),0 9px 22px rgba(67,48,30,.06)!important;
}
.premium-filter-surface .filter-actions .button,
.premium-filter-surface .analytics-filter-actions .button,
.premium-filter-surface .itinerary-history-filter-actions .button{min-height:42px}

/* Premium phone input – decorative country/prefix rail, original value is untouched. */
.premium-phone-field{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;width:100%;min-width:0}
.premium-phone-field>input{grid-column:1/-1;grid-row:1;padding-left:126px!important;padding-right:54px!important;min-height:48px}
.premium-phone-field__prefix{grid-column:1;grid-row:1;z-index:2;align-self:stretch;display:flex;align-items:center;gap:8px;margin:5px 0 5px 6px;padding:0 12px 0 8px;border-right:1px solid rgba(155,111,69,.18);color:var(--accent-dark);font-size:calc(.72rem + 1px);font-weight:800;pointer-events:none}
.premium-phone-field__icon{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(155,111,69,.09)}
.premium-phone-field__icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.premium-phone-field__hint{grid-column:3;grid-row:1;z-index:2;margin-right:12px;color:var(--muted);font-size:calc(.61rem + 1px);font-weight:700;text-transform:uppercase;letter-spacing:.08em;pointer-events:none}

/* Premium password field – show/hide, lock affordance, Caps Lock and strength. */
.premium-password-field{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;width:100%;min-width:0}
.premium-password-field>input{grid-column:1/-1;grid-row:1;padding-left:48px!important;padding-right:52px!important;min-height:48px}
.premium-password-field__lock{grid-column:1;grid-row:1;z-index:2;width:34px;height:34px;margin-left:7px;display:grid;place-items:center;border-radius:11px;background:rgba(155,111,69,.08);color:var(--accent-dark);pointer-events:none}
.premium-password-field__lock svg,.premium-password-field__toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.premium-password-field__toggle{grid-column:3;grid-row:1;z-index:3;width:36px;height:36px;margin-right:6px;padding:0;display:grid;place-items:center;border:0;border-radius:11px;background:transparent;color:var(--muted);cursor:pointer;transition:.16s ease}
.premium-password-field__toggle:hover,.premium-password-field__toggle:focus-visible{background:rgba(155,111,69,.1);color:var(--accent-dark);outline:none}
.premium-password-field__caps{position:absolute;right:48px;top:-18px;padding:2px 6px;border-radius:6px;background:#a66d2f;color:#fff;font-size:calc(.52rem + 1px);font-weight:800;letter-spacing:.08em}
.premium-password-strength{display:grid;grid-template-columns:minmax(80px,160px) auto;align-items:center;gap:8px;margin-top:5px}
.premium-password-strength__bar{height:4px;overflow:hidden;border-radius:999px;background:rgba(155,111,69,.12)}
.premium-password-strength__bar i{display:block;width:0;height:100%;border-radius:inherit;background:#b44740;transition:width .22s ease,background .22s ease}
.premium-password-strength[data-score="2"] .premium-password-strength__bar i{background:#b07b31}
.premium-password-strength[data-score="3"] .premium-password-strength__bar i{background:#4d79a5}
.premium-password-strength[data-score="4"] .premium-password-strength__bar i{background:#39785d}
.premium-password-strength small{color:var(--muted);font-size:calc(.6rem + 1px);font-weight:700}

/* Notification center inspired by the premium reference. */
.app-todo-bell__popover{padding:0;border-radius:22px!important;overflow:hidden}
.app-todo-bell__head{padding:16px 17px!important}
.app-todo-bell__head strong{font-size:calc(.96rem + 1px) !important}
.app-todo-bell__list{display:grid;gap:6px;padding:8px!important}
.app-todo-bell__item{position:relative;grid-template-columns:10px minmax(0,1fr);column-gap:10px;padding:12px 12px!important;border:1px solid transparent;border-radius:15px!important}
.app-todo-bell__item::before{content:"";grid-column:1;grid-row:1/5;align-self:start;width:8px;height:8px;margin-top:5px;border-radius:50%;background:#4d79a5;box-shadow:0 0 0 5px rgba(77,121,165,.1)}
.app-todo-bell__item.is-overdue::before{background:#b44740;box-shadow:0 0 0 5px rgba(180,71,64,.1)}
.app-todo-bell__item>*{grid-column:2}
.app-todo-bell__item:hover{border-color:rgba(155,111,69,.13)}
.app-todo-bell.has-items .app-todo-bell__button::after{content:"";position:absolute;right:7px;bottom:7px;width:7px;height:7px;border:2px solid var(--paper);border-radius:50%;background:#39785d;animation:eventform-notification-pulse 1.8s ease-in-out infinite}
@keyframes eventform-notification-pulse{50%{box-shadow:0 0 0 6px rgba(57,120,93,0)}}

/* Action result popup – success and failure always explain the outcome. */
.alert.is-feedback-source{display:none!important}
.event-action-feedback-host{position:fixed;z-index:12050;top:max(18px,env(safe-area-inset-top));left:50%;width:min(560px,calc(100vw - 28px));display:grid;gap:10px;pointer-events:none;transform:translateX(-50%)}
.event-action-feedback{--feedback-tone:#39785d;--feedback-rgb:57,120,93;position:relative;display:grid;align-items:center;overflow:hidden;border:1px solid rgba(var(--feedback-rgb),.24);background:rgba(255,255,255,.96);color:var(--ink);box-shadow:0 22px 60px rgba(39,27,18,.18);backdrop-filter:blur(18px);opacity:0;transform:translateY(-14px) scale(.985);transition:opacity .23s ease,transform .23s cubic-bezier(.2,.85,.25,1);pointer-events:auto}
.event-action-feedback--error{--feedback-tone:#b44740;--feedback-rgb:180,71,64}
.event-action-feedback.is-visible{opacity:1;transform:none}
.event-action-feedback.is-leaving{opacity:0;transform:translateY(-10px) scale(.98)}
.event-action-feedback__symbol{position:relative;display:grid;place-items:center;border-radius:50%;border:2px solid rgba(var(--feedback-rgb),.22);background:rgba(var(--feedback-rgb),.08);color:var(--feedback-tone)}
.event-action-feedback__symbol::before,.event-action-feedback__symbol::after{content:"";position:absolute;background:currentColor;border-radius:999px;transform-origin:center}
.event-action-feedback--success .event-action-feedback__symbol::before{height:2px;left:11px;top:24px;transform:rotate(45deg)}
.event-action-feedback--success .event-action-feedback__symbol::after{height:2px;left:17px;top:21px;transform:rotate(-45deg)}
.event-action-feedback--error .event-action-feedback__symbol::before,.event-action-feedback--error .event-action-feedback__symbol::after{width:20px;height:2px;left:11px;top:20px}
.event-action-feedback--error .event-action-feedback__symbol::before{transform:rotate(45deg)}
.event-action-feedback--error .event-action-feedback__symbol::after{transform:rotate(-45deg)}
.event-action-feedback__copy{display:grid;gap:3px;min-width:0}
.event-action-feedback__copy strong{color:var(--feedback-tone);}
.event-action-feedback__copy>span{color:var(--muted);overflow-wrap:anywhere}
.event-action-feedback__close{width:32px;height:32px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:calc(calc(20px * var(--font-scale)) + 1px);cursor:pointer}
.event-action-feedback__close:hover{background:rgba(var(--feedback-rgb),.08);color:var(--feedback-tone)}
.event-action-feedback__timer{position:absolute;right:0;bottom:0;left:0;height:3px;background:var(--feedback-tone);transform-origin:left;animation:eventform-feedback-timer var(--feedback-lifetime,3600ms) linear forwards}
@keyframes eventform-feedback-timer{to{transform:scaleX(0)}}

/* NAS library upload progress. */
.onlyoffice-media-upload-progress{display:grid;gap:8px;margin:4px 0 10px;padding:11px 12px;border:1px solid rgba(155,111,69,.16);border-radius:16px;background:rgba(255,255,255,.72)}
.onlyoffice-media-upload-progress[hidden]{display:none!important}
.onlyoffice-media-upload-progress__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.onlyoffice-media-upload-progress__copy{display:grid;gap:2px;min-width:0}
.onlyoffice-media-upload-progress__copy strong{font-size:calc(.72rem + 1px)}
.onlyoffice-media-upload-progress__copy small{max-width:60ch;color:var(--muted);font-size:calc(.6rem + 1px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.onlyoffice-media-upload-progress__percent{display:flex;align-items:baseline;gap:4px;color:var(--accent-dark);font-weight:800}
.onlyoffice-media-upload-progress__percent strong{font-size:calc(1rem + 1px)}
.onlyoffice-media-upload-progress__percent small{font-size:calc(.55rem + 1px);color:var(--muted)}
.onlyoffice-media-upload-progress__track{height:8px;overflow:hidden;border-radius:999px;background:rgba(155,111,69,.12)}
.onlyoffice-media-upload-progress__bar{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#c99664);box-shadow:0 0 16px rgba(155,111,69,.2);transition:width .16s linear}
.onlyoffice-media-upload-progress__meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:calc(.58rem + 1px)}

/* Dark mode: navigation text uses the same readable tone as the active Overview item. */
html[data-theme="dark"] body:not(.auth-page--login) .sidebar :is(.nav-primary-link,.nav-group>summary,.nav-group-items>a,.nav-settings-subgroup>summary,.nav-help-summary-label){color:#bfd8de!important}
html[data-theme="dark"] body:not(.auth-page--login) .sidebar :is(.nav-primary-link,.nav-group>summary,.nav-group-items>a,.nav-settings-subgroup>summary,.nav-help-summary-label) svg{color:#74cdd1!important;stroke:currentColor!important}
html[data-theme="dark"] body:not(.auth-page--login) .sidebar :is(.nav-primary-link,.nav-group-items>a):hover{color:#eefeff!important;background:rgba(53,209,212,.10)!important}
html[data-theme="dark"] body:not(.auth-page--login) .sidebar :is(.nav-primary-link,.nav-group-items>a).active{color:#fff!important;background:rgba(53,209,212,.14)!important}

/* Dark mode: there must be no white icon button tiles. */
html[data-theme="dark"] body:not(.auth-page--login) :is(
  .button-ghost,
  .template-preview-dialog__close,
  .event-action-icon,
  .row-control-button,
  .premium-search__clear
){background:#28221d!important;color:#e4d5c7!important;border-color:#564538!important;box-shadow:none!important}
html[data-theme="dark"] body:not(.auth-page--login) .button-ghost:hover{background:#352c25!important;color:#fff3e8!important;border-color:#765b43!important}

/* Dark rich-text editor. */
html[data-theme="dark"] body:not(.auth-page--login) .news-editor{background:#0d2029!important;border-color:#23424c!important;box-shadow:none!important}
html[data-theme="dark"] body:not(.auth-page--login) :is(
  .news-editor__toolbar,
  .news-editor__surface,
  .news-editor__image-tools,
  .news-editor__link-menu,
  .news-editor__table-menu,
  .news-editor__gallery-setting,
  .news-editor__image-layout-group,
  .news-editor__dropzone,
  .news-editor__attachments,
  .news-editor__surface [data-service-desk-attachments="1"],
  .rich-content [data-service-desk-attachments="1"]
){background:#0d2029!important;color:#edf9fb!important;border-color:#23424c!important}
html[data-theme="dark"] body:not(.auth-page--login) :is(
  .news-editor__tool,
  .news-editor__select,
  .news-editor__color-control,
  .news-editor__color-input,
  .news-editor__attachment-remove,
  .news-editor__attachment-item,
  .news-editor__image-preset,
  .news-editor__image-reset,
  .news-editor__image-layout-button,
  .news-editor__gallery-setting select,
  .news-editor__link-menu input
){background:#102934!important;color:#edf9fb!important;border-color:#2b4e59!important;box-shadow:none!important}
html[data-theme="dark"] body:not(.auth-page--login) .news-editor__toolbar{background:linear-gradient(180deg,#102934,#0d2029)!important}
html[data-theme="dark"] body:not(.auth-page--login) .news-editor__group{border-left-color:#23424c!important}
html[data-theme="dark"] body:not(.auth-page--login) .news-editor__tool:hover,
html[data-theme="dark"] body:not(.auth-page--login) .news-editor__image-preset:hover,
html[data-theme="dark"] body:not(.auth-page--login) .news-editor__image-reset:hover,
html[data-theme="dark"] body:not(.auth-page--login) .news-editor__image-layout-button:hover{background:#153541!important;color:#7ce8ea!important;border-color:#32717c!important}
html[data-theme="dark"] body:not(.auth-page--login) .news-editor__attachment-button{background:#10363e!important;color:#71e3e5!important;border-color:#245c65!important}
html[data-theme="dark"] body:not(.auth-page--login) .news-editor__link-insert,
html[data-theme="dark"] body:not(.auth-page--login) .news-editor__image-preset.is-active,
html[data-theme="dark"] body:not(.auth-page--login) .news-editor__image-layout-button.is-active{background:var(--accent)!important;color:#062126!important;border-color:var(--accent)!important}
html[data-theme="dark"] body:not(.auth-page--login) .news-editor__surface:empty::before{color:#78939d!important}
html[data-theme="dark"] body:not(.auth-page--login) .news-editor__surface :is(p,li,strong,em,h2,h3,h4,blockquote,td,th){color:#edf9fb!important}
html[data-theme="dark"] body:not(.auth-page--login) .news-editor__surface blockquote{background:#102f39!important;border-left-color:var(--accent)!important}
html[data-theme="dark"] body:not(.auth-page--login) .news-editor__surface :is(th,td){border-color:#2b4e59!important}
html[data-theme="dark"] body:not(.auth-page--login) .news-editor__table-cell{background:#102934!important;border-color:#355d68!important}
html[data-theme="dark"] body:not(.auth-page--login) .news-editor__table-cell:is(:hover,.is-selected){background:#17424c!important;border-color:#59d8db!important}
html[data-theme="dark"] body:not(.auth-page--login) .news-editor__dropzone:hover,
html[data-theme="dark"] body:not(.auth-page--login) .news-editor__dropzone.is-dragover{background:#10313b!important;border-color:#4fd3d6!important}
html[data-theme="dark"] body:not(.auth-page--login) .news-editor__dropzone-icon{color:#6ee2e4!important}
html[data-theme="dark"] body:not(.auth-page--login) .news-editor__dropzone-limit{background:#142d36!important;color:#9bb1ba!important}
html[data-theme="dark"] body:not(.auth-page--login) .news-editor__attachments-head strong,
html[data-theme="dark"] body:not(.auth-page--login) .news-editor__attachment-info strong{color:#edf9fb!important}
html[data-theme="dark"] body:not(.auth-page--login) :is(.news-editor__attachments-head,.news-editor__attachment-info small,.news-editor__dropzone-copy small,.news-editor__surface [data-service-desk-attachments="1"] span,.rich-content [data-service-desk-attachments="1"] span){color:#9bb1ba!important}

/* Dark premium filters and native dropdowns. */
html[data-theme="dark"] body:not(.auth-page--login) .premium-filter-surface:not(.dashboard-stat-owner-filter):not(.dashboard-monthly-load__owner-filter){background:#211c18!important;border-color:#514236!important;box-shadow:none!important}
html[data-theme="dark"] body:not(.auth-page--login) :is(.premium-filter-control,.premium-filter-surface select,.premium-filter-surface input[type="search"],.premium-filter-surface input[type="date"]){background:#28221d!important;color:#eadfd5!important;border-color:#564538!important;box-shadow:none!important;color-scheme:dark}
html[data-theme="dark"] body:not(.auth-page--login) :is(.premium-filter-control,.premium-filter-surface select,.premium-filter-surface input[type="search"],.premium-filter-surface input[type="date"]):focus{background:#302821!important;border-color:#9b714e!important;box-shadow:0 0 0 4px rgba(208,160,111,.09)!important}
html[data-theme="dark"] body:not(.auth-page--login) select option,
html[data-theme="dark"] body:not(.auth-page--login) select optgroup{background:#211c18!important;color:#f0e5db!important}

/* Dark phone/password fields. */
html[data-theme="dark"] .premium-phone-field__prefix{color:#d7aa7b;border-color:#514236}
html[data-theme="dark"] .premium-phone-field__icon,
html[data-theme="dark"] .premium-password-field__lock{background:rgba(208,160,111,.1)!important;color:#d8aa79!important}
html[data-theme="dark"] .premium-password-field__toggle:hover{background:#352c25!important;color:#f2e5d8!important}
html[data-theme="dark"] .premium-password-strength__bar{background:#3a3028!important}

html[data-theme="dark"] body:not(.auth-page--login) :is(.app-todo-bell__head,.app-todo-bell__footer){background:#26201b!important;border-color:#514236!important}
html[data-theme="dark"] body:not(.auth-page--login) .app-todo-bell__item{background:#211c18!important;border-color:#3d332b!important}
html[data-theme="dark"] body:not(.auth-page--login) .app-todo-bell__item:hover{background:#2b241e!important;border-color:#5c493a!important}
html[data-theme="dark"] body:not(.auth-page--login) .app-todo-bell.has-items .app-todo-bell__button::after{border-color:#211c18!important}

/* Dark action popup and upload progress. */
html[data-theme="dark"] .event-action-feedback{color:#efe5db!important;border-color:rgba(var(--feedback-rgb),.34)!important;box-shadow:0 24px 70px rgba(0,0,0,.42)!important}
html[data-theme="dark"] .event-action-feedback__copy>span{color:#c3b5a9!important}
html[data-theme="dark"] .event-action-feedback__close{color:#a99b90!important}
html[data-theme="dark"] body:not(.auth-page--login) .onlyoffice-media-upload-progress{background:#211c18!important;color:#eadfd5!important;border-color:#514236!important}
html[data-theme="dark"] body:not(.auth-page--login) .onlyoffice-media-upload-progress__track{background:#3a3028!important}

@media (max-width:760px){
  .premium-phone-field>input{padding-left:112px!important}
  .premium-phone-field__prefix{padding-right:8px;font-size:calc(.66rem + 1px)}
  .premium-phone-field__hint{display:none}
  .event-action-feedback-host{top:max(10px,env(safe-area-inset-top));width:calc(100vw - 20px)}
  .event-action-feedback{min-height:70px;padding:11px 12px;border-radius:17px}
  
}

/* Existing structured phone controls get the same premium treatment without changing their stored value model. */
.premium-phone-system{position:relative}
.premium-phone-system>legend{color:var(--muted);font-size:calc(.72rem + 1px);font-weight:700;letter-spacing:.02em}
.premium-phone-system .phone-field__controls,
.premium-phone-system .segmented-phone-field__controls{
  gap:0;
  overflow:hidden;
  border:1px solid rgba(155,111,69,.22);
  border-radius:15px;
  background:rgba(255,255,255,.88);
  box-shadow:0 7px 18px rgba(65,44,27,.04);
}
.premium-phone-system .phone-field__controls select,
.premium-phone-system .phone-field__controls input,
.premium-phone-system .segmented-phone-field__controls select,
.premium-phone-system .segmented-phone-field__controls input[data-segmented-phone-part]{
  min-height:40px;
  height:40px;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.premium-phone-system .phone-field__controls select,
.premium-phone-system .segmented-phone-field__controls select{
  border-right:1px solid rgba(155,111,69,.18)!important;
  background:linear-gradient(145deg,rgba(155,111,69,.09),rgba(155,111,69,.035))!important;
  color:var(--accent-dark);
  font-weight:800;
}
.premium-phone-system .segmented-phone-field__controls input[data-segmented-phone-part]:not(:last-child){border-right:1px solid rgba(155,111,69,.11)!important}
.premium-phone-system .phone-field__controls:focus-within,
.premium-phone-system .segmented-phone-field__controls:focus-within{
  border-color:rgba(155,111,69,.6);
  box-shadow:0 0 0 4px rgba(155,111,69,.08),0 10px 24px rgba(65,44,27,.055);
}

/* Cover the remaining icon-only controls in dark mode: no white icon tiles. */

/* Structured phone fields in dark mode. */
html[data-theme="dark"] .premium-phone-system .phone-field__controls,
html[data-theme="dark"] .premium-phone-system .segmented-phone-field__controls{
  background:#28221d!important;
  border-color:#564538!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .premium-phone-system .phone-field__controls select,
html[data-theme="dark"] .premium-phone-system .segmented-phone-field__controls select{
  background:#302821!important;
  color:#e2b482!important;
  border-right-color:#564538!important;
}
html[data-theme="dark"] .premium-phone-system .phone-field__controls input,
html[data-theme="dark"] .premium-phone-system .segmented-phone-field__controls input[data-segmented-phone-part]{color:#f1e6dc!important}
html[data-theme="dark"] .premium-phone-system .segmented-phone-field__controls input[data-segmented-phone-part]:not(:last-child){border-right-color:#46392f!important}
html[data-theme="dark"] .premium-phone-system .phone-field__controls:focus-within,
html[data-theme="dark"] .premium-phone-system .segmented-phone-field__controls:focus-within{border-color:#9b714e!important;box-shadow:0 0 0 4px rgba(208,160,111,.09)!important}

@media (max-width:640px){
  .premium-phone-system .phone-field__controls{grid-template-columns:minmax(108px,135px) minmax(0,1fr)}
}

html[data-theme="dark"] body:not(.auth-page--login) :is(button[class*="icon"],a[class*="icon"]){background-color:#28221d!important;color:#eadfd5!important;border-color:#564538!important;box-shadow:none!important}

/* Requested dark navigation contrast: every menu label uses the same high-contrast tone as Přehled. */
html[data-theme="dark"] body:not(.auth-page--login) .sidebar :is(
  .nav-primary-link,
  .nav-group>summary,
  .nav-group-summary-label,
  .nav-group-summary-label>span,
  .nav-group-items>a,
  .nav-settings-subgroup>summary,
  .nav-help-summary-label,
  .nav-help-summary-label>span
){color:#fff8f1!important}

/* ========================================================================== 
   2026-08-31 · Premium round 5
   Event list density, readable dark UI, semantic user/inventory states and
   stronger event-form/calendar contrast.
   ========================================================================== */

/* Event list: page-size control is a first-class toolbar control. */
.event-directory__page-size-form--premium{
  display:flex;
  align-items:center;
  margin:0;
  padding:4px;
  border:1px solid rgba(155,111,69,.2);
  border-radius:15px;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,242,235,.94));
  box-shadow:0 8px 24px rgba(54,38,24,.07);
}
.event-directory__page-size-form--premium .event-directory__page-size-field{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(138px,1fr);
  align-items:center;
  gap:8px;
  min-width:0;
}
.event-directory__page-size-form--premium .event-directory__page-size-field>span{
  padding-left:8px;
  color:var(--muted);
  font-size:calc(.64rem + 1px);
  font-weight:700;
  letter-spacing:.04em;
  white-space:nowrap;
}
.event-directory__page-size-form--premium select{
  min-width:168px;
  min-height:36px;
  padding:7px 34px 7px 12px!important;
  border-color:transparent!important;
  border-radius:11px!important;
  background-color:rgba(155,111,69,.08)!important;
  box-shadow:none!important;
  color:var(--ink)!important;
  font-size:calc(.72rem + 1px) !important;
  font-weight:700;
  cursor:pointer;
}
.event-directory__toolbar-actions>.event-directory__page-size-form--premium{order:-2}
.event-directory__toolbar-actions>.event-directory__selection-summary{order:-1}
@media (max-width:900px){
  .event-directory__toolbar-actions{flex-wrap:wrap}
  .event-directory__page-size-form--premium{flex:1 1 230px}
  .event-directory__page-size-form--premium .event-directory__page-size-field{width:100%;grid-template-columns:auto minmax(0,1fr)}
  .event-directory__page-size-form--premium select{width:100%;min-width:0}
}

/* Action completed / failed: stronger, premium confirmation surface. */
.event-action-feedback{
  min-height:88px;
  grid-template-columns:56px minmax(0,1fr) 34px;
  gap:14px;
  padding:14px 16px;
  border-radius:22px;
}
.event-action-feedback__symbol{
  width:54px;
  height:54px;
  border-width:2px;
  box-shadow:0 0 0 7px rgba(var(--feedback-rgb),.055),inset 0 0 0 1px rgba(255,255,255,.25);
}
.event-action-feedback--success .event-action-feedback__symbol::before{width:11px;left:13px;top:29px}
.event-action-feedback--success .event-action-feedback__symbol::after{width:22px;left:20px;top:25px}
.event-action-feedback--error .event-action-feedback__symbol::before,
.event-action-feedback--error .event-action-feedback__symbol::after{width:23px;left:14px;top:25px}
.event-action-feedback__copy strong{
  font-size:calc(.94rem + 1px);
  font-weight:800;
  letter-spacing:.005em;
}
.event-action-feedback__copy>span{font-size:calc(.73rem + 1px);line-height:1.5}

/* Inventory: active is represented by the checkbox + check icon, not repeated text. */
.inventory-active-toggle{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  min-width:42px;
  min-height:34px;
  padding:5px 8px!important;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--paper-soft);
  cursor:pointer;
}
.inventory-active-toggle input[type="checkbox"]{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
.inventory-active-toggle__icon{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:rgba(140,122,104,.1);
  color:var(--muted);
  transition:.16s ease;
}
.inventory-active-toggle__icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.inventory-active-toggle.is-active .inventory-active-toggle__icon{
  background:rgba(57,120,93,.14);
  color:var(--success);
  box-shadow:inset 0 0 0 1px rgba(57,120,93,.22);
}

/* --------------------------------------------------------------------------
   Dark mode: no white icon islands, no washed-out roles, readable calendar.
   -------------------------------------------------------------------------- */
html[data-theme="dark"] body:not(.auth-page--login) .event-directory__page-size-form--premium{
  border-color:#59483a!important;
  background:linear-gradient(180deg,#28221d,#221d19)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-directory__page-size-form--premium select{
  background:#342b24!important;
  border-color:#5b4839!important;
  color:#f3e7dc!important;
}

/* Common icon-only controls must never render as white tiles in dark mode. */
html[data-theme="dark"] body:not(.auth-page--login) :is(
  .event-action-icon,
  .event-status-icon,
  .event-manager-avatar,
  .event-filter-builder__icon-button,
  .todo-document-icon-button,
  .template-preview-dialog__close,
  .pwa-ios-install-guide__close,
  .row-control-button
){
  background:#29231e!important;
  color:#e4d5c8!important;
  border-color:#59483a!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body:not(.auth-page--login) :is(
  .event-action-icon,
  .event-filter-builder__icon-button,
  .todo-document-icon-button,
  .template-preview-dialog__close,
  .pwa-ios-install-guide__close,
  .row-control-button
):hover{
  background:#3a3028!important;
  color:#fff2e7!important;
  border-color:#806247!important;
}

/* Event status icons: semantic colour stays, but on a DARK translucent surface. */
html[data-theme="dark"] body:not(.auth-page--login) .event-status-icon--in_progress,
html[data-theme="dark"] body:not(.auth-page--login) .event-status-icon--offer{
  background:rgba(77,132,180,.16)!important;color:#9bc7ec!important;border-color:rgba(105,161,208,.38)!important
}
html[data-theme="dark"] body:not(.auth-page--login) .event-status-icon--offer_sent{
  background:rgba(124,93,169,.17)!important;color:#c0a8e7!important;border-color:rgba(153,120,198,.4)!important
}
html[data-theme="dark"] body:not(.auth-page--login) .event-status-icon--confirmed{
  background:rgba(57,120,93,.18)!important;color:#8fd0aa!important;border-color:rgba(93,158,122,.42)!important
}
html[data-theme="dark"] body:not(.auth-page--login) .event-status-icon--closed{
  background:rgba(132,128,123,.16)!important;color:#c9c2bb!important;border-color:rgba(155,149,142,.32)!important
}
html[data-theme="dark"] body:not(.auth-page--login) .event-status-icon--cancelled{
  background:rgba(180,71,64,.18)!important;color:#f09991!important;border-color:rgba(215,103,94,.38)!important
}
html[data-theme="dark"] body:not(.auth-page--login) .event-status-icon--unknown{
  background:#2d2722!important;color:#b6aa9f!important;border-color:#5a4b40!important
}

/* Manager initials are badges, but they also cannot look like white icon tiles. */
html[data-theme="dark"] body:not(.auth-page--login) .event-manager-avatar--tone-0{background:#3a2c22!important;color:#e7b986!important;border-color:#6e4f37!important}
html[data-theme="dark"] body:not(.auth-page--login) .event-manager-avatar--tone-1{background:#203129!important;color:#9ad0b1!important;border-color:#3e6651!important}
html[data-theme="dark"] body:not(.auth-page--login) .event-manager-avatar--tone-2{background:#202d39!important;color:#9ec4e1!important;border-color:#3d5f7b!important}
html[data-theme="dark"] body:not(.auth-page--login) .event-manager-avatar--tone-3{background:#352734!important;color:#d2a9cf!important;border-color:#684f67!important}
html[data-theme="dark"] body:not(.auth-page--login) .event-manager-avatar--tone-4{background:#35301f!important;color:#ddd08d!important;border-color:#665c32!important}
html[data-theme="dark"] body:not(.auth-page--login) .event-manager-avatar--tone-5{background:#2e2939!important;color:#bdb4e1!important;border-color:#554c72!important}
html[data-theme="dark"] body:not(.auth-page--login) .event-manager-avatar--empty{background:#2a2521!important;color:#a99d92!important;border-color:#574a40!important}

/* Row actions keep meaning without white backgrounds. */
html[data-theme="dark"] body:not(.auth-page--login) .event-action-icon--detail{background:rgba(57,120,93,.14)!important;color:#8fd0aa!important;border-color:rgba(93,158,122,.34)!important}
html[data-theme="dark"] body:not(.auth-page--login) .event-action-icon--copy{background:rgba(208,160,111,.12)!important;color:#dfb583!important;border-color:rgba(208,160,111,.3)!important}
html[data-theme="dark"] body:not(.auth-page--login) .event-action-icon--delete{background:rgba(180,71,64,.14)!important;color:#ef9188!important;border-color:rgba(215,103,94,.32)!important}

/* Shared role tones: dark tinted pills, never pale/white strips. */
html[data-theme="dark"] .role-tone--super-admin{--role-dark-ink:#c8aae6}
html[data-theme="dark"] .role-tone--sys-admin{--role-dark-ink:#9fc4ef}
html[data-theme="dark"] .role-tone--head-user{--role-dark-ink:#e1b58a}
html[data-theme="dark"] .role-tone--event-user{--role-dark-ink:#91d0aa}
html[data-theme="dark"] .role-tone--logistics{--role-dark-ink:#f0c373}
html[data-theme="dark"] .role-tone--personnel{--role-dark-ink:#e6a0b7}
html[data-theme="dark"] .role-tone--cooks{--role-dark-ink:#e99f7e}
html[data-theme="dark"] .role-tone--assistant{--role-dark-ink:#9bcbd2}
html[data-theme="dark"] .role-tone--unknown{--role-dark-ink:#c5bbb0}
html[data-theme="dark"] body:not(.auth-page--login) :is(.role-badge,.role-badge__segment){
  background:color-mix(in srgb,var(--role-color,#54858d) 12%,#102b35)!important;
  color:var(--role-dark-ink,#e5f5f8)!important;
  border-color:color-mix(in srgb,var(--role-color,#54858d) 44%,#315662)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .role-badge-group{
  border-color:#315560!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .role-badge__segment + .role-badge__segment{border-color:#315560!important}
html[data-theme="dark"] body:not(.auth-page--login) .role-choice-card[class*="role-tone--"]{
  background:linear-gradient(90deg,color-mix(in srgb,var(--role-color) 10%,#102b35),#102b35 48%)!important
}
html[data-theme="dark"] body:not(.auth-page--login) .role-permission-card[class*="role-tone--"]>summary{
  background:linear-gradient(90deg,color-mix(in srgb,var(--role-color) 10%,#102b35),#112e38 40%)!important
}

/* Inventory active state in dark mode. */
html[data-theme="dark"] body:not(.auth-page--login) .inventory-active-toggle{
  background:#29231e!important;border-color:#59483a!important;color:#d9ccbf!important
}
html[data-theme="dark"] body:not(.auth-page--login) .inventory-active-toggle__icon{background:#342c26!important;color:#9f9287!important}
html[data-theme="dark"] body:not(.auth-page--login) .inventory-active-toggle.is-active .inventory-active-toggle__icon{
  background:rgba(57,120,93,.2)!important;color:#8fd0aa!important;box-shadow:inset 0 0 0 1px rgba(93,158,122,.38)!important
}

/* Event detail/editor: inline light section colours must not win in dark mode. */
html[data-theme="dark"] body:not(.auth-page--login) .event-form :is(
  .event-form-section,
  .has-custom-panel-color,
  .event-header-card,
  .event-schedule-save,
  .event-template-picker-panel,
  .template-editor-meta
){
  background:#211c18!important;
  color:#eee2d7!important;
  border-color:#544438!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-form :is(
  .event-section-surface,
  .has-custom-section-color,
  .event-block,
  .event-calculation-day,
  .summary-card,
  .todo-task-card,
  .event-collaboration-head,
  .event-schedule-save__copy,
  .section-total
){
  background:#29231e!important;
  color:#eee2d7!important;
  border-color:#59483a!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-form .event-collaboration-head{background:#2c2621!important}
html[data-theme="dark"] body:not(.auth-page--login) .event-form :is(h2,h3,h4,strong,.section-title-display,.event-header-brand p,.event-schedule-save__copy strong){color:#f4e8dd!important}
html[data-theme="dark"] body:not(.auth-page--login) .event-form :is(.muted,.small-note,.field-help,.event-schedule-save__copy span,.event-collaboration-head__label,.event-collaboration-head__status){color:#c1b2a5!important;opacity:1!important}
html[data-theme="dark"] body:not(.auth-page--login) .event-form .eyebrow{color:#d7a06a!important}
html[data-theme="dark"] body:not(.auth-page--login) .event-form :is(input:not([type="color"]),select,textarea){
  background:#1b1714!important;
  color:#f0e4da!important;
  border-color:#5a493b!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-form :is(input:not([type="color"]),select,textarea):focus{
  border-color:#a77b50!important;
  box-shadow:0 0 0 3px rgba(208,160,111,.12)!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-form input::placeholder,
html[data-theme="dark"] body:not(.auth-page--login) .event-form textarea::placeholder{color:#83776c!important}
html[data-theme="dark"] body:not(.auth-page--login) .event-form .checkbox-card:not(.template-default-option){background:#28221d!important;color:#eee2d7!important;border-color:#58483b!important}
html[data-theme="dark"] body:not(.auth-page--login) .event-form :is(.table-wrap,table,thead,tbody,tr,th,td){border-color:#4e4035!important}
html[data-theme="dark"] body:not(.auth-page--login) .event-form thead th{background:#26201b!important;color:#cdbdad!important}
html[data-theme="dark"] body:not(.auth-page--login) .event-form tbody td{background:transparent!important;color:#ece0d5!important}
html[data-theme="dark"] body:not(.auth-page--login) .event-form .outlook-preparation-status.alert-warning{
  background:rgba(191,137,63,.14)!important;color:#e9c083!important;border-color:rgba(204,150,72,.34)!important
}

/* Feedback itself stays dark and highly contrasted in dark scheme. */
html[data-theme="dark"] .event-action-feedback{
  background:rgba(35,29,25,.985)!important;
  border-color:rgba(var(--feedback-rgb),.42)!important;
}
html[data-theme="dark"] .event-action-feedback__symbol{background:rgba(var(--feedback-rgb),.14)!important;box-shadow:0 0 0 7px rgba(var(--feedback-rgb),.07)!important}

@media (max-width:700px){
  .event-action-feedback{grid-template-columns:48px minmax(0,1fr) 30px;min-height:80px;border-radius:19px}
  .event-action-feedback__symbol{width:46px;height:46px}
  .event-directory__page-size-form--premium .event-directory__page-size-field>span{display:none}
  .event-directory__page-size-form--premium .event-directory__page-size-field{grid-template-columns:1fr}
}

/* ========================================================================== 
   2026-08-31 — dark-mode completion and Calendar prototype 3.
   These selectors are deliberately scoped so existing light-mode/business logic
   remains untouched while the previously light islands follow the app theme.
   ========================================================================== */

/* Event form: collaboration, colour controls, payers, clothing and tables. */
html[data-theme="dark"] body:not(.auth-page--login) .event-form .section-color-control{
  background:#28221d!important;
  color:#cbbcaf!important;
  border-color:#59483a!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-form .section-color-control .section-color-hex{
  background:#171310!important;
  color:#f2e7dd!important;
  border-color:#665344!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-form :is(.event-collaboration-editor,.event-collaboration-editor--loading){
  background:#29231e!important;
  color:#e9ddd2!important;
  border-color:#59483a!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-form .event-collaboration-editor.is-current{
  background:rgba(57,120,93,.16)!important;
  color:#a1d6b6!important;
  border-color:rgba(93,158,122,.35)!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-form .event-collaboration-editor__changed{
  background:rgba(185,126,58,.18)!important;
  color:#e7ba80!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-form :is(.payer-editor,.payer-row,.payer-row__address){
  background:#29231e!important;
  color:#eee2d7!important;
  border-color:#59483a!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-form .clothing-set{
  background:#29231e!important;
  color:#eee2d7!important;
  border-color:#4c6858!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-form .clothing-set legend{color:#9fd0b7!important}
html[data-theme="dark"] body:not(.auth-page--login) .event-form :is(.staff-plan-day-heading td,.staff-plan-kind-heading td,.staff-plan-kind-heading--kitchen td,.staff-plan-row--kitchen td){
  background:#302922!important;
  color:#eee2d7!important;
  border-color:#59483a!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-form .staff-plan-phase-card{
  background:#211c18!important;
  border-color:color-mix(in srgb,var(--staff-phase-color) 34%,#59483a)!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-form .staff-plan-phase-card__header{
  background:color-mix(in srgb,var(--staff-phase-color) 12%,#29231e)!important;
  border-color:color-mix(in srgb,var(--staff-phase-color) 25%,#59483a)!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-form .staff-plan-phase-card--preparation .staff-plan-phase-card__header{
  background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--staff-phase-color) 18%,#29231e) 0 7px,color-mix(in srgb,var(--staff-phase-color) 7%,#29231e) 7px 14px)!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-form .staff-plan-phase-card--cleanup .staff-plan-phase-card__header{
  background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--staff-phase-color) 18%,#29231e) 0 7px,color-mix(in srgb,var(--staff-phase-color) 7%,#29231e) 7px 14px)!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-form .staff-plan-phase-card__identity h5{color:#f2e7dd!important}
html[data-theme="dark"] body:not(.auth-page--login) .event-form .staff-plan-phase-summary{
  background:color-mix(in srgb,var(--staff-phase-color) 14%,#302922)!important;
  color:#eee2d7!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-form :is(.event-table tbody tr:nth-child(odd) td,.event-table tbody tr:nth-child(even) td){background:#211c18!important}
html[data-theme="dark"] body:not(.auth-page--login) .event-form .event-table tbody tr:hover td{background:#2d2722!important}
html[data-theme="dark"] body:not(.auth-page--login) .event-form>.autosave-status{
  background:#29231e!important;
  color:#c5b6a9!important;
  border-color:#59483a!important;
}

/* Final client: same flag + prefix + three-part number system as Contacts. */
.event-final-client-phone .segmented-phone-field__controls{grid-template-columns:minmax(116px,142px) 54px 54px 68px}
.event-final-client-phone .segmented-phone-field__controls select{white-space:nowrap}
@media(max-width:560px){.event-final-client-phone .segmented-phone-field__controls{grid-template-columns:minmax(108px,128px) repeat(2,minmax(48px,1fr)) minmax(58px,1.15fr)}}

/* Role notification matrix / save bar. */
html[data-theme="dark"] body:not(.auth-page--login) .role-permission-card{background:#211c18!important;color:#eee2d7!important;border-color:#55463b!important}
html[data-theme="dark"] body:not(.auth-page--login) .role-permission-table__group th{background:#302820!important;color:#e0b27e!important}
html[data-theme="dark"] body:not(.auth-page--login) .role-permission-savebar{
  background:rgba(33,28,24,.96)!important;
  color:#eee2d7!important;
  border-color:#59483a!important;
  box-shadow:0 12px 34px rgba(0,0,0,.28)!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .role-readonly-form :is(input:disabled,select:disabled,textarea:disabled){background:#1b1714!important;color:#d9ccbf!important;border-color:#514236!important}

/* Statistics export configurator. */
html[data-theme="dark"] body:not(.auth-page--login) .analytics-export-field{
  background:#29231e!important;
  color:#eee2d7!important;
  border-color:#59483a!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .analytics-export-field-index{color:#c8b7a8!important}

/* Inventory: compact check icon instead of a light text button. */
.itinerary-active-control.inventory-active-toggle{width:42px;min-width:42px;justify-self:center}
.itinerary-active-control.inventory-active-toggle>span:not(.inventory-active-toggle__icon){display:none!important}

/* Templates and PPTX rows. */

html[data-theme="dark"] body:not(.auth-page--login) .pptx-template-row{
  background:#29231e!important;
  color:#eee2d7!important;
  border-color:#59483a!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .pptx-template-row:hover{background:#302923!important;border-color:#806247!important}
html[data-theme="dark"] body:not(.auth-page--login) :is(.pptx-template-row__identity h3,.pptx-template-row__meta){color:#f0e4da!important}
html[data-theme="dark"] body:not(.auth-page--login) .pptx-template-row__icon{background:rgba(57,120,93,.17)!important;color:#9bd4b2!important}

/* ONLYOFFICE NAS side panel: dark panel, controls and gallery chrome. */
html[data-theme="dark"] body:not(.auth-page--login) .onlyoffice-media-panel{
  background:
    radial-gradient(circle at 15% 0%,rgba(208,160,111,.07),transparent 34%),
    linear-gradient(150deg,#211c18,#171310)!important;
  color:#eee2d7!important;
  border-color:#665344!important;
  box-shadow:0 30px 90px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .onlyoffice-media-panel__head h2{color:#f3e7dc!important}
html[data-theme="dark"] body:not(.auth-page--login) .onlyoffice-media-smartbar button{
  background:#29231e!important;
  color:#cdbdaf!important;
  border-color:#59483a!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .onlyoffice-media-smartbar button:hover,
html[data-theme="dark"] body:not(.auth-page--login) .onlyoffice-media-smartbar button.is-active{background:#3a3028!important;color:#f0c89e!important;border-color:#806247!important}
html[data-theme="dark"] body:not(.auth-page--login) .onlyoffice-media-smartbar>span :is(strong,small){color:#c8b8aa!important}
html[data-theme="dark"] body:not(.auth-page--login) :is(.onlyoffice-media-reference-note,.onlyoffice-media-status){color:#b9aa9d!important}
html[data-theme="dark"] body:not(.auth-page--login) .onlyoffice-media-reference-note{background:#29231e!important;border-color:#59483a!important}
html[data-theme="dark"] body:not(.auth-page--login) .onlyoffice-media-grid--premium .onlyoffice-media-card{background:#28221d!important;border-color:#59483a!important}
html[data-theme="dark"] body:not(.auth-page--login) .onlyoffice-media-grid--premium .onlyoffice-media-card__thumb{background:#171310!important}
html[data-theme="dark"] body:not(.auth-page--login) .onlyoffice-media-card__pick{background:rgba(33,28,24,.92)!important;color:#f0c89e!important;border-color:#806247!important}
html[data-theme="dark"] body:not(.auth-page--login) .onlyoffice-media-empty{background:#29231e!important;color:#b9aa9d!important;border-color:#59483a!important}

/* Administrator MFA reset retains usable OTP inputs outside the profile MFA page. */
html[data-theme="dark"] body:not(.auth-page--login) .user-mfa-reset-panel .mfa-otp-digit{
  background:#0c2530!important;
  color:#eaf9fb!important;
  border-color:#315660!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .user-mfa-reset-panel .mfa-otp-digit:focus{
  border-color:#7adce0!important;
  box-shadow:0 0 0 3px rgba(57,197,199,.14)!important;
}

/* Remaining screenshot-specific light pills. */
html[data-theme="dark"] body:not(.auth-page--login) .page-back-button{
  background:#29231e!important;
  color:#eee2d7!important;
  border-color:#59483a!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .page-back-button:hover{background:#3a3028!important;color:#fff3e8!important;border-color:#806247!important}
html[data-theme="dark"] body:not(.auth-page--login) .event-form .event-offer-versions{
  background:#102b35!important;
  color:#e6f8fa!important;
  border-color:#335762!important;
  box-shadow:none!important;
}

/* ========================================================================== 
   2026-09-01 — dark-mode follow-up from visual QA screenshots.
   UI-only overrides: no form names, endpoints, calculations or permissions are
   changed here.  High-specificity selectors remove the remaining light islands.
   ========================================================================== */

/* 2 + 4) Event detail/template: calculation ledger and staff group headings. */
html[data-theme="dark"] body:not(.auth-page--login) .event-form .summary-ledger__column{
  background:#211c18!important;
  color:#eee2d7!important;
  border-color:#59483a!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-form .summary-ledger__header{
  background:#302821!important;
  color:#e8c29a!important;
  border-color:#59483a!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-form .summary-ledger__row{
  background:#211c18!important;
  color:#eee2d7!important;
  border-color:#514236!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-form .summary-ledger__header > *,
html[data-theme="dark"] body:not(.auth-page--login) .event-form .summary-ledger__row > *{
  border-color:#514236!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-form .summary-ledger__row > strong,
html[data-theme="dark"] body:not(.auth-page--login) .event-form .summary-ledger__row > span{
  color:#eee2d7!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-form .summary-ledger__percent-input{
  background:transparent!important;
  color:#eee2d7!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-form .summary-ledger__percent-input input[type="number"]{
  background:#171310!important;
  color:#f4e9df!important;
  border-color:#665344!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-form .summary-ledger__row.is-over-limit > strong,
html[data-theme="dark"] body:not(.auth-page--login) .event-form .summary-ledger__row.is-negative > strong{
  background:rgba(180,71,64,.16)!important;
  color:#f2a19a!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-form .staff-calculation-group-heading th,
html[data-theme="dark"] body:not(.auth-page--login) .event-form .staff-calculation-group-heading td{
  background:#2b251f!important;
  color:#f0e4da!important;
  border-color:#59483a!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-form .staff-calculation-group-title strong{color:#f0e4da!important}
html[data-theme="dark"] body:not(.auth-page--login) .event-form .staff-calculation-group-title small{color:#b9aa9d!important}
html[data-theme="dark"] body:not(.auth-page--login) .event-form tbody[data-staff-zone="control"] .event-row > td,
html[data-theme="dark"] body:not(.auth-page--login) .event-form .section-total--control{
  background:#27211c!important;
  color:#e9ddd2!important;
  border-color:#514236!important;
}

/* Plus/minus controls: keep the semantic sign, remove every pale tile. */
html[data-theme="dark"] body:not(.auth-page--login) .row-control-button,
html[data-theme="dark"] body:not(.auth-page--login) .event-form .row-action-controls > .button,
html[data-theme="dark"] body:not(.auth-page--login) .event-form .section-row-actions > .button,
html[data-theme="dark"] body:not(.auth-page--login) .event-form :is(.staff-calculation-add,.staff-plan-day-add,.event-team-add,.event-team-member-remove){
  background:#211c18!important;
  border-color:#665344!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .row-control-button--add,
html[data-theme="dark"] body:not(.auth-page--login) .event-form .section-row-actions > .button{
  color:#86d5ad!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .row-control-button--remove,
html[data-theme="dark"] body:not(.auth-page--login) .event-form .row-action-controls > .button,
html[data-theme="dark"] body:not(.auth-page--login) .event-form .event-team-member-remove{
  color:#e89189!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .row-control-button:hover,
html[data-theme="dark"] body:not(.auth-page--login) .event-form .row-action-controls > .button:hover,
html[data-theme="dark"] body:not(.auth-page--login) .event-form .section-row-actions > .button:hover{
  background:#342c26!important;
  border-color:#806247!important;
  box-shadow:none!important;
}

/* 3) Inventory: active state is an icon-only switch, not a white checkbox + text. */
body:not(.auth-page--login) .itinerary-active-control{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  margin:0 auto!important;
  padding:0!important;
  gap:0!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:transparent!important;
  font-size:calc(0 + 1px) !important;
  line-height:0!important;
  cursor:pointer;
}
body:not(.auth-page--login) .itinerary-active-control > span{display:none!important}
body:not(.auth-page--login) .itinerary-active-control > input[type="checkbox"]{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  opacity:0!important;
  cursor:pointer!important;
}
body:not(.auth-page--login) .itinerary-active-control::before{
  content:"";
  position:absolute;
  inset:3px;
  border:1px solid #aa9a8d;
  border-radius:9px;
  background:rgba(255,255,255,.62);
  transition:background .14s ease,border-color .14s ease,box-shadow .14s ease;
}
body:not(.auth-page--login) .itinerary-active-control::after{
  content:"✓";
  position:absolute;
  z-index:1;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  color:#fff;
  font-size:calc(calc(17px * var(--font-scale)) + 1px);
  font-weight:900;
  line-height:1;
  opacity:0;
  transform:scale(.82);
  transition:opacity .14s ease,transform .14s ease;
}
body:not(.auth-page--login) .itinerary-active-control:has(input:checked)::before{
  border-color:#4f956f;
  background:#39785d;
}
body:not(.auth-page--login) .itinerary-active-control:has(input:checked)::after{
  opacity:1;
  transform:scale(1);
}
body:not(.auth-page--login) .itinerary-active-control:focus-within::before{
  box-shadow:0 0 0 3px rgba(155,111,69,.2);
}
html[data-theme="dark"] body:not(.auth-page--login) .itinerary-active-control::before{
  background:#211c18!important;
  border-color:#665344!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .itinerary-active-control:has(input:checked)::before{
  background:#285e47!important;
  border-color:#62a883!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .itinerary-active-control:has(input:checked)::after{color:#d9f4e5!important}

/* 4) Template editor bottom apply controls must follow the selected theme. */
html[data-theme="dark"] body:not(.auth-page--login) .event-form .form-actions{
  background:transparent!important;
  color:#eee2d7!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-form :is(.template-apply-existing,.template-apply-date,.template-apply-manager){
  background:#29231e!important;
  color:#eee2d7!important;
  border-color:#59483a!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-form :is(.template-apply-existing,.template-apply-date,.template-apply-manager) > span,
html[data-theme="dark"] body:not(.auth-page--login) .event-form .template-apply-existing span{color:#eee2d7!important}
html[data-theme="dark"] body:not(.auth-page--login) .event-form :is(.template-apply-date input,.template-apply-manager select){
  background:#171310!important;
  color:#f2e7dd!important;
  border-color:#665344!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .event-form .template-apply-manager .field-help{color:#b9aa9d!important}

/* 5) EVENTFORM chrome above ONLYOFFICE must not stay white in dark mode. */
html[data-theme="dark"] body:not(.auth-page--login) .onlyoffice-editor-page{
  --surface:#171310;
  --border:#59483a;
  --muted:#b9aa9d;
  background:#171310!important;
  color:#eee2d7!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .onlyoffice-editor-page__bar{
  background:#211c18!important;
  color:#eee2d7!important;
  border-color:#59483a!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .onlyoffice-editor-page__bar > div:first-child > strong{color:#f2e7dd!important}
html[data-theme="dark"] body:not(.auth-page--login) .onlyoffice-editor-page__bar :is(small,.muted){color:#b9aa9d!important}
html[data-theme="dark"] body:not(.auth-page--login) .onlyoffice-editor-page__actions :is(.button,.button-ghost,.button-secondary){
  background:#29231e!important;
  color:#eee2d7!important;
  border-color:#665344!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .onlyoffice-editor-page__actions :is(.button,.button-ghost,.button-secondary):hover{
  background:#3a3028!important;
  color:#fff2e6!important;
  border-color:#806247!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .onlyoffice-variable-help__panel{
  background:#211c18!important;
  color:#eee2d7!important;
  border-color:#665344!important;
  box-shadow:0 20px 50px rgba(0,0,0,.45)!important;
}

/* 8) Actual sidebar collapse button (the DOM uses sidebar-collapse-toggle). */
html[data-theme="dark"] body:not(.auth-page--login) .sidebar-collapse-toggle{
  background:#28221d!important;
  color:#e4b887!important;
  border-color:#59483a!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body:not(.auth-page--login) .sidebar-collapse-toggle:hover{
  background:#352c25!important;
  color:#f0c89e!important;
  border-color:#806247!important;
}