/* Новый вид «Обучения», «SMM» и «Формы» (перенос демо daisyUI, 18.10.2026).
   Разметку рисует js/76_dz-training.js. Цвета — только токены style.css: тема и вывеска
   (html[data-theme], html[data-brand]) переключаются сами. Откат — убрать строку из index.html. */

/* ── Обучение ─────────────────────────────────────────────────────────────── */
.dzt{display:flex;flex-direction:column;gap:0}
.dzt .dz-ico{flex:none;vertical-align:-2px}
.dzt-sp{flex:1}
.dzt-sub{color:var(--muted);font-size:12.5px;line-height:1.45}
.dzt-k{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-gold)}
.dzt-seg{display:inline-flex;gap:4px;padding:4px;margin:0 0 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel2);align-self:flex-start;flex-wrap:wrap;max-width:100%}
.dzt-seg button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:600;padding:7px 14px;border-radius:var(--r-sm);cursor:pointer}
.dzt-seg button:hover{color:var(--ink)}
.dzt-seg button.on{background:var(--panel);color:var(--ink);box-shadow:var(--sh-1)}
.dzt-alert{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;margin:0 0 14px;border-radius:var(--r-md);background:var(--panel2);border:1px solid var(--line);color:var(--ink);font-size:13.5px}
.dzt-alert .dz-ico{margin-top:2px}
.dzt-alert.ok{background:var(--soft-green);border-color:transparent;color:var(--ink-green)}
.dzt-alert.warn{background:var(--soft-gold);border-color:transparent;color:var(--ink-gold)}
.dzt-alert.bad{background:var(--soft-red);border-color:transparent;color:var(--ink-red)}
.dzt-alert.ok .dzt-sub,.dzt-alert.warn .dzt-sub{color:inherit;opacity:.85}
.dzt-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:var(--r-pill);font-size:11.5px;font-weight:600;white-space:nowrap;background:var(--soft-gray);color:var(--ink-gray)}
.dzt-chip.green{background:var(--soft-green);color:var(--ink-green)}
.dzt-chip.gold{background:var(--soft-gold);color:var(--ink-gold)}
.dzt-chip.red{background:var(--soft-red);color:var(--ink-red)}
.dzt-badge{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:var(--r-pill);background:var(--panel2);border:1px solid var(--line);font-size:11.5px;font-weight:600;color:var(--muted)}

.dzt-ring{position:relative;display:inline-grid;place-items:center;flex:none}
.dzt-ring svg{position:absolute;inset:0}
.dzt-ring .bg{stroke:var(--line)}
.dzt-ring .fg{stroke:var(--gold-fill);stroke-linecap:round;transition:stroke-dashoffset .4s}
.dzt-ring.done .fg{stroke:var(--green-fill)}
.dzt-ring b{position:relative;font-size:12px;font-weight:700;color:var(--ink)}

.dzt-hero,.dzt-head{display:flex;align-items:center;gap:18px;padding:18px 20px;margin-bottom:16px;background:linear-gradient(120deg,var(--soft-gold),transparent 70%),var(--panel)}
.dzt-hero-t{flex:1;min-width:0}
.dzt-hero h2,.dzt-head h2{margin:4px 0;font-size:19px;font-weight:600;line-height:1.3;color:var(--ink)}
.dzt-back{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;padding:7px 12px}

.dzt-courses{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-bottom:18px}
.dzt-c{display:flex;flex-direction:column;align-items:stretch;gap:0;text-align:left;cursor:pointer;margin:0;padding:16px;font:inherit;color:var(--ink);transition:transform .15s,box-shadow .15s,border-color .15s}
.dzt-c:hover{transform:translateY(-2px);box-shadow:var(--sh-pop);border-color:var(--gold)}
.dzt-c:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.dzt-c-top{display:flex;align-items:center}
.dzt-c-ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--soft-gold);color:var(--ink-gold);flex:none}
.dzt-c-ic.big{width:48px;height:48px;border-radius:12px}
.dzt-c-t{font-weight:600;font-size:15px;margin-top:12px;line-height:1.3}
.dzt-c-m{color:var(--muted);font-size:12.5px;margin-top:4px;line-height:1.4}
.dzt-c-f{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.dzt-c-n{color:var(--muted);font-size:11.5px}
.dzt-c-go{display:inline-flex;align-items:center;gap:4px;margin-top:14px;font-size:12.5px;font-weight:600;color:var(--gold)}

.dzt-empty{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:36px 20px;color:var(--muted)}
.dzt-empty b{color:var(--ink);font-size:15px}

.dzt-refs{margin:6px 0 14px}
.dzt-refs h3{display:flex;align-items:center;gap:8px;margin:4px 0 10px;font-size:16px;font-weight:600;color:var(--ink)}

.dzt-team{padding:16px 18px}
.dzt-team-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.dzt-team-h h3{margin:0;font-size:16px;font-weight:600}
.dzt-mx-wrap{overflow-x:auto}
.dzt-mx{width:100%;border-collapse:collapse;font-size:13px}
.dzt-mx th{font-size:11.5px;font-weight:600;color:var(--muted);text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.dzt-mx td{padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
.dzt-mx tr:last-child td{border-bottom:0}
.dzt-mx-n{white-space:nowrap;font-weight:500}
.dzt-cell{display:flex;align-items:center;gap:8px;min-width:140px}
.dzt-cell-t{font-size:12px;color:var(--muted);white-space:nowrap}
.dzt-bar{flex:1;min-width:50px;height:6px;border-radius:3px;background:var(--panel2);overflow:hidden}
.dzt-bar i{display:block;height:100%;background:var(--gold-fill);border-radius:3px}
.dzt-bar.done i{background:var(--green-fill)}

@media (max-width:600px){
  .dzt-hero,.dzt-head{flex-wrap:wrap;padding:14px 16px;gap:12px}
  .dzt-hero .btn{width:100%;justify-content:center}
  .dzt-courses{grid-template-columns:minmax(0,1fr)}
  .dzt-seg{align-self:stretch}
  .dzt-seg button{flex:1;justify-content:center;padding:7px 8px}
}

/* ── SMM: контент-план в новом виде (эталон daisyUI, 19.10.2026) ──────────────
   Разметку рисуют js/39_smm.js (шапка, сетка, месяц) и js/76 (строка фильтров).
   Все правила под #smm.smm-dz — так они главнее старых .smm-* из style.css. */
#smm.smm-dz .topbar{align-items:flex-start;gap:12px 16px;flex-wrap:wrap}
#smm.smm-dz .smm-crumb{font-variant-numeric:tabular-nums;text-wrap:balance}
#smm.smm-dz .topbar>div:first-child{flex:1 1 260px;min-width:0}
#smm.smm-dz .smm-tools{gap:8px !important;justify-content:flex-end;flex:0 1 auto}
.smm-svg{flex:none;display:block}
.smm-tb{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);font:inherit;font-size:13.5px;font-weight:500;cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s}
.smm-tb:hover{border-color:var(--gold-dim)}
.smm-tb.on{background:var(--soft-gold);border-color:transparent;color:var(--ink-gold)}
.smm-tb.primary{background:var(--gold-fill);border-color:var(--gold-fill);color:var(--on-gold)}
.smm-tb.primary:hover{background:var(--gold-fill-h)}
.smm-badge{display:inline-block;min-width:18px;padding:0 6px;border-radius:var(--r-pill);background:var(--panel2);color:var(--muted);font-size:11px;font-weight:600;line-height:18px;text-align:center;font-variant-numeric:tabular-nums}
.smm-seg,.dzs-st{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:11px;background:var(--panel2);max-width:100%}
.smm-seg button,.dzs-st button{flex:none;display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:500;padding:5px 11px;border-radius:8px;cursor:pointer;white-space:nowrap}
.smm-seg button:hover,.dzs-st button:hover{color:var(--ink)}
.smm-seg button.on,.dzs-st button.on{background:var(--panel);color:var(--ink);box-shadow:var(--sh-1)}
.dzs-st button i{font-style:normal;font-size:11px;font-weight:600;padding:0 6px;border-radius:var(--r-pill);background:var(--panel3);color:var(--muted);line-height:17px;font-variant-numeric:tabular-nums}
.smm-join{display:inline-flex;border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden;height:34px}
.smm-join button{border:0;border-left:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:13.5px;padding:0 14px;cursor:pointer;display:inline-flex;align-items:center}
.smm-join button:first-child{border-left:0}
.smm-join button.sq{padding:0 8px;color:var(--muted)}
.smm-join button:hover{background:var(--hover);color:var(--ink)}

.dzs-bar{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;margin:0 0 14px}
.dzs-bar .dz-mp-btn{height:32px;font-size:13px}
.dzs-sp{flex:1}
.dzs-sel{position:relative;display:inline-flex;align-items:center}
.dzs-sel select{appearance:none;-webkit-appearance:none;height:32px;padding:0 30px 0 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);font:inherit;font-size:13px;cursor:pointer}
.dzs-sel select:hover{border-color:var(--gold-dim)}
.dzs-sel .dz-ico{position:absolute;right:10px;pointer-events:none;color:var(--muted)}

/* Сетка недели: таблица остаётся (на телефоне она разворачивается в список, style.css) */
#smm.smm-dz .smm-grid-wrap{border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--sh-1)}
#smm.smm-dz .smm-grid{min-width:930px;table-layout:fixed}
#smm.smm-dz .smm-grid th,#smm.smm-dz .smm-grid td{border:0;border-bottom:1px solid var(--line);border-left:1px solid var(--line)}
#smm.smm-dz .smm-grid tr>*:first-child{border-left:0}
#smm.smm-dz .smm-grid tbody tr:last-child>*{border-bottom:0}
#smm.smm-dz .smm-grid thead th{background:var(--panel2);padding:10px 10px 9px;font-weight:400}
#smm.smm-dz .smm-grid thead th.smm-off{background:var(--panel2)}
#smm.smm-dz .smm-grid thead th.smm-now{background:var(--soft-gold);box-shadow:none}
#smm.smm-dz .smm-grid thead th.smm-now .smm-dow,#smm.smm-dz .smm-grid thead th.smm-now .smm-date{color:var(--ink-gold)}
#smm.smm-dz .smm-dow{font-size:11px;letter-spacing:.04em;color:var(--muted)}
.smm-today{font-style:normal;text-transform:none;letter-spacing:0}
#smm.smm-dz .smm-date{font-size:13px;font-weight:600;margin-top:1px}
#smm.smm-dz .smm-corner{width:150px;min-width:150px;font-size:11.5px;font-weight:400;color:var(--muted);vertical-align:top}
#smm.smm-dz .smm-owner{width:150px;min-width:150px;background:var(--panel2);padding:12px 10px 12px 12px;display:table-cell}
#smm.smm-dz .smm-owner>.smm-av{float:left;margin-right:9px}
.smm-av{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--soft-blue);color:var(--ink-blue);font-size:9.5px;font-weight:700;letter-spacing:.02em}
.smm-owner-n{display:block;overflow:hidden}
#smm.smm-dz .smm-owner-t{font-size:12.5px;line-height:1.3}
#smm.smm-dz .smm-owner-k{font-size:11.5px;line-height:1.5;margin-top:3px}
#smm.smm-dz .smm-owner-brand{box-shadow:inset 3px 0 0 var(--gold-fill)}
#smm.smm-dz .smm-grid td{position:relative;height:auto;min-width:0;padding:6px;transition:background .15s}
#smm.smm-dz .smm-grid tbody tr{height:104px}
#smm.smm-dz .smm-grid td.smm-now{background:var(--soft-gold-2);box-shadow:none}
#smm.smm-dz .smm-grid td.smm-drop-on{outline:2px dashed var(--gold-fill);outline-offset:-3px;background:var(--soft-gold)}
.smm-cell{display:flex;flex-direction:column;gap:6px;min-width:0}
.smm-cell>*{min-width:0}
#smm.smm-dz .smm-add{position:absolute;inset:6px;width:auto;display:grid;place-items:center;border:1px dashed var(--line);border-radius:10px;background:none;color:var(--muted);padding:0;opacity:0;transition:opacity .15s}
#smm.smm-dz .smm-grid td:hover .smm-add,#smm.smm-dz .smm-add:focus-visible{opacity:1}
#smm.smm-dz .smm-grid td.smm-has .smm-add{display:none}
#smm.smm-dz .smm-add:hover{border-color:var(--gold-fill);color:var(--gold)}

/* Плитка темы */
#smm.smm-dz .smm-card{position:relative;margin:0;padding:7px 8px 7px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:var(--sh-1);font-size:12px;line-height:1.3;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s}
#smm.smm-dz .smm-card::before{content:"";position:absolute;left:3px;top:6px;bottom:6px;width:3px;border-radius:3px;background:var(--st)}
#smm.smm-dz .smm-card:hover{transform:translateY(-1px);box-shadow:var(--sh-pop);border-color:var(--line)}
#smm.smm-dz .smm-card.dim,.smm-mt.dim{opacity:.28}
.smm-card-t{display:flex;gap:5px;align-items:flex-start;font-weight:500;color:var(--ink)}
.smm-card-t .smm-svg{margin-top:1px;color:var(--muted)}
.smm-card-t span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;min-width:0}
.smm-card-m{display:flex;align-items:center;gap:4px;margin-top:5px;font-size:10.5px;color:var(--muted);min-width:0;overflow:hidden}
.smm-card-m>*{flex:none}
.smm-card-tm{font-variant-numeric:tabular-nums}
.smm-net{font-size:9.5px;font-weight:700;padding:0 3px;border-radius:4px;background:var(--panel2);color:var(--muted);letter-spacing:.03em;line-height:15px}
.smm-card-flag{color:var(--red);display:inline-flex}
.smm-card-c{display:inline-flex;align-items:center;gap:2px}
.smm-out-box{margin-left:auto;flex:none;width:16px;height:16px;border-radius:5px;border:1.5px solid var(--line);display:grid;place-items:center;background:var(--panel)}
.smm-out-box.on{background:var(--green-fill);border-color:var(--green-fill);color:var(--on-green)}
.smm-out-box.skip{color:var(--muted)}
#smm.smm-dz .smm-x{position:absolute;top:3px;right:3px;width:18px;height:18px;padding:0;display:grid;place-items:center;border-radius:6px;background:var(--panel);opacity:0}
#smm.smm-dz .smm-card:hover .smm-x{opacity:.8}
#smm.smm-dz .smm-x:hover{opacity:1;color:var(--red);background:var(--soft-red)}

/* Легенда */
.smm-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:12px;color:var(--muted)}
.smm-legend span{display:inline-flex;align-items:center;gap:5px}
.smm-legend i{width:7px;height:7px;border-radius:50%;display:inline-block}

/* Месяц календарём */
.smm-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--panel);box-shadow:var(--sh-1)}
.smm-cal-h{padding:9px 10px;background:var(--panel2);border-bottom:1px solid var(--line);font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.smm-cal-d{position:relative;min-height:104px;padding:7px 6px 6px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:2px;min-width:0}
.smm-cal-d:nth-child(7n){border-right:0}
.smm-cal-d.other{background:var(--sunken);color:var(--muted)}
.smm-cal-d.smm-now{background:var(--soft-gold-2)}
.smm-cal-d.smm-drop-on{outline:2px dashed var(--gold-fill);outline-offset:-3px;background:var(--soft-gold)}
.smm-cal-n{font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;align-self:flex-start;margin:0 0 3px 3px;padding:0 6px;border-radius:var(--r-pill);line-height:20px}
.smm-cal-d.smm-now .smm-cal-n{background:var(--gold-fill);color:var(--on-gold)}
.smm-mt{display:flex;align-items:center;gap:5px;width:100%;min-width:0;border:0;background:none;padding:3px 5px;border-radius:6px;font:inherit;font-size:12px;color:var(--ink);text-align:left;cursor:pointer}
.smm-mt:hover{background:var(--hover)}
.smm-mt .smm-svg{color:var(--muted)}
.smm-mt span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smm-mt-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--st)}
.smm-mt-ok{color:var(--green);display:inline-flex}
.smm-cal-more{align-self:flex-start;border:0;background:none;padding:2px 5px;font:inherit;font-size:11.5px;color:var(--muted);cursor:pointer}
.smm-cal-more:hover{color:var(--ink)}
.smm-cal-add{position:absolute;top:6px;right:6px;width:22px;height:22px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:7px;background:var(--panel);color:var(--muted);padding:0;opacity:0;cursor:pointer;transition:opacity .15s}
.smm-cal-d:hover .smm-cal-add,.smm-cal-add:focus-visible{opacity:1}
.smm-cal-add:hover{border-color:var(--gold-fill);color:var(--gold)}

/* Пустое состояние */
.smm-empty-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:40px 20px;border:1px dashed var(--line);border-radius:var(--r-lg);background:var(--panel);text-align:center;color:var(--muted);font-size:13.5px;line-height:1.5}
.smm-empty-card b{color:var(--ink);font-size:15px}
.smm-empty-card span{max-width:520px}
.smm-empty-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--panel2);color:var(--muted);margin-bottom:4px}
.smm-empty-card .smm-tb{margin-top:8px}

@media (max-width:1100px){
  .dzs-sp{display:none}
  .dzs-st{overflow-x:auto;scrollbar-width:none}
}
/* Телефон: сетка — списком по строкам и дням (style.css), здесь только вид плиток */
@media (max-width:860px){
  #smm.smm-dz .smm-tools{justify-content:flex-start}
  #smm.smm-dz .smm-grid{min-width:0;table-layout:auto}
  #smm.smm-dz .smm-grid tbody tr{height:auto}
  #smm.smm-dz .smm-grid th,#smm.smm-dz .smm-grid td{border-left:0}
  #smm.smm-dz .smm-owner{display:block;width:auto;min-width:0;position:sticky;top:0;z-index:1;border-bottom:1px solid var(--line)}
  #smm.smm-dz .smm-card-t{padding-right:16px}
  #smm.smm-dz .smm-owner::after{content:"";display:table;clear:both}
  #smm.smm-dz .smm-grid td{padding:8px 12px 10px}
  #smm.smm-dz .smm-grid tbody tr:last-child>td{border-bottom:1px solid var(--line)}
  #smm.smm-dz .smm-grid tbody tr:last-child>td:last-of-type{border-bottom:0}
  #smm.smm-dz .smm-add{display:none}
  #smm.smm-dz .smm-x{opacity:.7}
  .smm-cal{grid-template-columns:repeat(7,minmax(0,1fr))}
  .smm-cal-d{min-height:64px;padding:4px 2px}
  .smm-mt span,.smm-mt .smm-svg,.smm-mt-ok{display:none}
  .smm-mt{justify-content:center;padding:2px 0;line-height:1}
  .smm-cal-d{gap:0}
  .smm-cal-n{margin:0 auto 2px;font-size:11.5px}
  .smm-cal-add{display:none}
}
@media (max-width:600px){
  .smm-tb,.smm-join{height:36px}
  .dzs-bar{gap:8px}
  .dzs-st{width:100%}
}

/* ── Форма: «Сегодня» ─────────────────────────────────────────────────────── */
.dzf-today{padding:14px 16px;margin-bottom:12px}
.dzf-today-h{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:15px}
.dzf-today-l{display:flex;flex-direction:column;gap:8px}
.dzf-t{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-md);background:var(--panel2);border:1px solid var(--line)}
.dzf-t.done{background:var(--soft-green);border-color:transparent}
.dzf-t-n{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.dzf-t-n span{font-size:12.5px;color:var(--muted)}
.dzf-mark{display:inline-flex;align-items:center;gap:6px;min-width:130px;justify-content:center;padding:10px 16px}
@media (max-width:600px){ .dzf-t{flex-wrap:wrap} .dzf-mark{width:100%} }