/* TeamGuide — лента «Хроника», статья, календарь, уведомления, вопросы, рассылки.
   Принципы: белая страница, линия времени с точками по типу публикации, без декоративных теней и цветных полос над плитками. */

/* ---------- общие элементы ---------- */
.seg{display:inline-flex;gap:4px;padding:4px;border-radius:14px;background:var(--field);border:1px solid var(--field-line);}
.seg-b{height:34px;padding:0 14px;border-radius:10px;font-size:13.5px;font-weight:600;color:var(--muted-2);}
.seg-b.on{background:var(--paper);color:var(--black);outline:1px solid var(--field-line);}
.act-list{display:flex;flex-direction:column;}
.act-item{display:flex;align-items:center;min-height:50px;padding:0 4px;border-bottom:1px solid var(--soft-line);font-size:15px;font-weight:500;color:var(--black);text-align:left;}
.act-item:last-child{border-bottom:0;}
.act-item:hover{color:var(--accent-dark);}
.act-item.danger{color:var(--danger-text);}
.switch{-webkit-appearance:none;appearance:none;flex:none;width:46px;height:28px;border-radius:14px;background:var(--cream-3);position:relative;cursor:pointer;transition:background .15s;margin:0;}
.switch::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .15s var(--ease);}
.switch:checked{background:var(--ok);}
.switch:checked::after{transform:translateX(18px);}
.switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.avatar.sm{width:36px;height:36px;font-size:13px;}

/* ---------- лента ---------- */
.fd-page{display:block;}
.fd-head{display:flex;flex-direction:column;gap:12px;margin-bottom:6px;}
.fd-hello{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:14px;color:var(--muted-2);}
.fd-hello span:first-child{font-weight:600;color:var(--ink);}
.fd-today:not(:empty)::before{content:"· ";}
.fd-titlerow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.fd-title{font-size:23px;font-weight:600;color:var(--black);letter-spacing:.02em;}
.fd-unread{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:14px;background:var(--clay-tint);color:var(--accent-dark);font-size:12px;font-weight:700;}
.fd-add{margin-left:auto;}
.fd-tabs{display:flex;gap:16px;overflow-x:auto;border-bottom:1px solid var(--soft-line);scrollbar-width:none;margin-bottom:4px;}
.fd-tabs::-webkit-scrollbar{display:none;}
.fd-tab{flex:none;display:inline-flex;align-items:center;gap:6px;padding:4px 0 10px;border-bottom:2px solid transparent;margin-bottom:-1px;
  font-family:var(--font-head);font-size:13.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2);}
.fd-tab:hover{color:var(--black);}
.fd-tab.on{color:var(--accent-dark);border-bottom-color:var(--accent);}
.fd-tab i{font-style:normal;font:700 11px/1 var(--font-body);letter-spacing:0;color:var(--accent-dark);}
.fd-tab i:empty{display:none;}

.fd-req{margin:14px 0 4px;padding:14px;border-radius:18px;background:var(--clay-tint);}
.fd-req-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--accent-dark);margin-bottom:6px;}
.fd-req-head > svg{width:18px;height:18px;}
.fd-req-head b{font-size:14px;}
.fd-req-head small{font-size:12px;color:var(--muted-2);}
.fd-req-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 10px;padding:10px 0;border-top:1px solid rgba(var(--accent-rgb),.15);}
.fd-req-row a{flex:1 1 220px;min-width:0;font-size:14.5px;font-weight:600;color:var(--black);text-decoration:none;}
.fd-req-r{display:flex;align-items:center;gap:8px;flex:none;margin-left:auto;}
.fd-req-r small{font-size:12px;color:var(--warning);font-weight:600;}

.fd-new-bar{display:flex;justify-content:flex-end;padding:10px 0 0;}
.fd-day{padding:16px 0 8px 38px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);}
.fd-group{display:flex;flex-direction:column;}
.fd-item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:0 10px;}
.fd-rail{display:flex;flex-direction:column;align-items:center;}
.fd-dot{width:10px;height:10px;border-radius:50%;background:var(--dot);margin-top:5px;flex:none;}
.fd-item.unread .fd-dot{outline:3px solid color-mix(in srgb, var(--dot) 25%, transparent);}
.fd-line{flex:1;width:2px;background:var(--soft-line);margin-top:4px;}
.fd-group .fd-item:last-child .fd-line{background:linear-gradient(var(--soft-line),transparent);}
.fd-body{display:flex;flex-direction:column;gap:6px;padding-bottom:22px;min-width:0;}
.fd-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted-2);}
.fd-meta.ev{justify-content:flex-end;margin-bottom:-6px;}
.fd-more{flex:none;width:30px;height:24px;border-radius:12px;color:var(--muted-2);font-size:18px;line-height:1;}
.fd-more:hover{background:var(--field);color:var(--black);}
.fd-flags{display:flex;gap:5px;flex-wrap:wrap;}
.fd-t{font-size:16.5px;font-weight:700;line-height:1.3;color:var(--black);text-decoration:none;}
.fd-t:hover{color:var(--accent-dark);}
.fd-x{margin:0;font-size:14px;line-height:1.45;color:var(--ink);}
.fd-cover{width:100%;max-height:220px;object-fit:cover;border-radius:14px;cursor:pointer;margin-top:2px;}
.fd-ack{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:2px;}
.fd-ack .btn{height:36px;border-radius:18px;}
.fd-due{font-size:12px;font-weight:600;color:var(--warning);}
.fd-ack.done{font-size:12.5px;font-weight:600;color:var(--ok);gap:6px;}
.fd-ack.done svg{width:16px;height:16px;}
.fd-react{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:2px;}
.fd-chip{display:inline-flex;align-items:center;height:30px;padding:0 10px;border-radius:15px;background:var(--field);font-size:12.5px;font-weight:600;color:var(--ink);transition:background .12s;}
.fd-chip:hover{background:var(--cream-2);}
.fd-chip.on{background:var(--clay-tint);color:var(--accent-dark);}
.fd-chip.ghost{background:transparent;border:1px solid var(--field-line);color:var(--muted-2);}
.fd-cm{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 6px;border-radius:15px;color:var(--muted-2);font-size:12.5px;font-weight:600;}
.fd-cm svg{width:17px;height:17px;}
.fd-cm:hover{color:var(--black);}
.fd-star{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:15px;color:var(--muted-2);margin-left:auto;}
.fd-star svg{width:17px;height:17px;}
.fd-star.on{color:var(--accent-dark);}
.fd-star.on svg{fill:currentColor;}

/* событие в ленте */
.fd-event{display:flex;gap:12px;padding:12px;border-radius:16px;background:var(--field);}
.fd-date{flex:none;width:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 0;border-radius:12px;background:var(--paper);color:var(--ev);}
.fd-date small{font-size:11px;font-weight:700;text-transform:uppercase;line-height:1.2;}
.fd-date b{font-family:var(--font-head);font-size:24px;font-weight:600;line-height:1.1;}
.fd-date.big{width:68px;padding:8px 0;}
.fd-date.big b{font-size:30px;}
.fd-ev-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;}
.fd-ev-k{font-size:12px;font-weight:700;color:var(--ev);}
.fd-ev-main .fd-t{font-size:15.5px;}
.fd-ev-main .fd-x{font-size:13px;color:var(--muted-2);}
.fd-rsvp{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px;}
.fd-rbtn{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 13px;border-radius:17px;border:1.5px solid var(--ev, var(--info));background:var(--paper);color:var(--ev, var(--info));font-size:12.5px;font-weight:700;}
.fd-rbtn svg{width:15px;height:15px;}
.fd-rbtn.on{background:var(--ev, var(--info));color:#fff;}
.fd-rbtn.no{border:1px solid var(--field-line);color:var(--ink);}
.fd-rbtn.no.on{background:var(--ink);border-color:var(--ink);color:var(--paper);}
.fd-small{font-size:12px;color:var(--muted-2);}

/* опрос */
.fd-poll{display:flex;flex-direction:column;gap:6px;margin-top:2px;}
.fd-opt{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding:8px 12px;border-radius:12px;
  border:1px solid var(--field-line);background:var(--paper);text-align:left;font-size:14px;color:var(--black);}
.fd-opt:not([disabled]):hover{border-color:var(--accent);}
.fd-opt i{position:absolute;inset:0 auto 0 0;background:var(--field);transition:width .3s var(--ease);}
.fd-opt.mine{border:1.5px solid var(--accent);font-weight:700;}
.fd-opt.mine i{background:var(--clay-tint);}
.fd-opt-t,.fd-opt-p{position:relative;display:flex;align-items:center;gap:8px;}
.fd-opt-p{font-weight:700;font-size:13px;}
.fd-opt[disabled]{cursor:default;}
.fd-box{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px;border:1.5px solid var(--field-line);flex:none;}
.fd-opt.mine .fd-box{background:var(--accent);border-color:var(--accent);color:#fff;}
.fd-box svg{width:13px;height:13px;}
.fd-poll-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted-2);}

/* вопрос-ответ */
.fd-answer{padding:10px 12px;border-radius:12px;background:var(--field);font-size:13.5px;line-height:1.45;color:var(--ink);}
.fd-answer b{color:var(--accent-dark);font-size:12px;text-transform:uppercase;letter-spacing:.05em;margin-right:4px;}

.fd-more-row{display:flex;justify-content:center;padding:6px 0 10px;}

/* боковая колонка (компьютер) */
.fd-aside{display:none;}
.fd-side{padding:16px;border-radius:18px;background:var(--paper-2);border:1px solid var(--field-line);margin-bottom:14px;}
.fd-side-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.fd-side-h span{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);}
.fd-side-ev{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;padding:10px 0 10px 12px;border-left:3px solid var(--ev);margin:6px 0;}
.fd-side-ev small{font-size:12px;color:var(--muted-2);}
.fd-side-ev b{font-size:14px;color:var(--black);}
.fd-side-ev:hover b{color:var(--accent-dark);}
.fd-side-empty{font-size:13px;color:var(--muted-2);}
.fd-side.ask p{font-size:13px;line-height:1.45;color:var(--ink);margin:0 0 10px;}
.fd-side.ask .btn svg{width:16px;height:16px;}

/* ---------- статья ---------- */
.ar-meta{font-size:12.5px;color:var(--muted-2);margin-bottom:6px;}
.ar-k{color:var(--dot);font-weight:700;text-transform:uppercase;letter-spacing:.05em;}
.ar-archived{display:inline-block;margin:4px 0 8px;padding:6px 10px;border-radius:10px;background:var(--warning-bg);color:var(--warning);font-size:12.5px;font-weight:600;}
.ar-event{display:flex;align-items:center;gap:14px;padding:12px;border-radius:16px;background:var(--field);margin:12px 0 8px;}
.ar-event b{display:block;font-size:15px;color:var(--black);}
.ar-event small{font-size:12px;color:var(--muted-2);}
.ar .fd-rsvp{margin-bottom:12px;}
.ar .fd-poll{margin:12px 0;}
.ar-qa-k{margin-top:14px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-dark);}
.ar .fd-react{margin:16px 0 4px;}
.ar-mgr{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px dashed var(--soft-line);}
.rv-sec{margin-top:12px;}
.rv-h{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-2);margin-bottom:4px;}
.pv-name{font-size:14px;padding:5px 0;border-bottom:1px dashed var(--soft-line);}

/* ---------- редактор публикации ---------- */
.ed{display:flex;flex-direction:column;}
.ed-kind{align-self:flex-start;margin-bottom:6px;}
.ed-tpls{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:6px 0 2px;font-size:12px;color:var(--muted-2);}
.ed-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:0 10px;}
.ed-hint{display:block;font-size:11.5px;color:var(--muted-2);margin-top:4px;}
.ed-sec{margin:18px 0 2px;padding-top:12px;border-top:1px solid var(--soft-line);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--black);}
.ed-opts{display:flex;flex-direction:column;gap:6px;margin-bottom:6px;}
.ed-opt{display:flex;gap:6px;align-items:center;}
.ed-opt .input{flex:1;}
.ed-savetpl{text-align:center;margin-top:10px;}

/* ---------- календарь ---------- */
.ec-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;}
.ec-head .page-title{margin:0;}
.ec-nav{display:flex;align-items:center;gap:6px;}
.ec-nav .icon-btn{font-size:20px;}
.ec-add{margin-left:auto;}
.ec-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px;}
.ec-f{height:32px;padding:0 13px;border-radius:16px;background:color-mix(in srgb, var(--c) 12%, transparent);color:var(--c);font-size:12.5px;font-weight:700;}
.ec-f.on{background:var(--c);color:var(--paper);}
.ec-grid{background:var(--paper);border:1px solid var(--soft-line);border-radius:20px;padding:12px;}
.ec-dow,.ec-cells{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center;}
.ec-dow span{font-size:11px;font-weight:700;color:var(--muted-2);padding-bottom:6px;}
.ec-dow .we{color:var(--accent-dark);}
.ec-d{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:46px;border-radius:12px;font-size:14px;color:var(--black);}
.ec-d:hover{background:var(--field);}
.ec-d.out{color:var(--muted-2);opacity:.55;}
.ec-d.today{background:var(--accent);color:var(--on-accent);font-weight:700;}
.ec-d.today .ec-dots i{outline:1.5px solid var(--on-accent);}
.ec-d.sel{outline:2px solid var(--black);outline-offset:-2px;}
.ec-dots{display:flex;gap:3px;height:5px;}
.ec-dots i{width:5px;height:5px;border-radius:50%;}
.ec-agenda{margin-top:16px;}
.ec-ag-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.ec-ag-h span{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);}
.ec-it{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:var(--paper);border:1px solid var(--soft-line);margin-bottom:8px;}
.ec-it.past{opacity:.6;}
.ec-bar{align-self:stretch;width:4px;border-radius:2px;background:var(--c);flex:none;}
.ec-it-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.ec-it-main small{font-size:12px;font-weight:700;color:var(--c);}
.ec-it-main a{text-decoration:none;}
.ec-it-main b{font-size:15px;color:var(--black);}
.ec-it-main a:hover b{color:var(--accent-dark);}
.ec-it-main span{font-size:12.5px;color:var(--muted-2);}
.ec-it .fd-rbtn{--ev:var(--c);flex:none;}
.ec-cake{display:flex;color:var(--c);}
.ec-cake svg{width:22px;height:22px;}

/* ---------- уведомления ---------- */
.nt-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.nt .fd-tabs{margin:8px 0 6px;}
.nt-row{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:12px;border-radius:16px;margin-bottom:6px;background:var(--paper);border:1px solid var(--soft-line);}
.nt-row.new{background:var(--clay-tint);border-color:transparent;}
.nt-ico{flex:none;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--field);color:var(--accent-dark);}
.nt-row.new .nt-ico{background:var(--paper);}
.nt-ico svg{width:18px;height:18px;}
.nt-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.nt-main small{font-size:11.5px;color:var(--muted-2);}
.nt-main b{font-size:14.5px;color:var(--black);}
.nt-main span{font-size:13px;color:var(--ink);line-height:1.4;}
.nt-dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--accent);margin-top:6px;}
.nt-sec{padding:16px 0;border-bottom:1px solid var(--soft-line);}
.nt-sec:last-child{border-bottom:0;}
.nt-h{font-size:13px;letter-spacing:.06em;color:var(--black);margin:18px 0 8px;}
.nt-sec .nt-h{margin-top:0;}
.nt-state{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:14px;background:var(--field);}
.nt-state svg{width:20px;height:20px;flex:none;}
.nt-state span{display:flex;flex-direction:column;gap:3px;}
.nt-state b{font-size:14px;color:var(--black);}
.nt-state small{font-size:12.5px;color:var(--muted-2);line-height:1.4;}
.nt-state.ok{background:var(--ok-bg);color:var(--ok);}
.nt-state.warn{background:var(--warning-bg);}
.nt-note{font-size:12.5px;color:var(--muted-2);line-height:1.45;margin:8px 0 0;}
.nt-prefs{display:flex;flex-direction:column;}
.nt-pref{display:flex !important;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed var(--soft-line);cursor:pointer;margin:0 !important;
  text-transform:none !important;letter-spacing:0 !important;font-weight:400 !important;}
.nt-pref:last-child{border-bottom:0;}
.nt-pref span{display:flex;flex-direction:column;gap:2px;}
.nt-pref b{font-size:14.5px;color:var(--black);font-weight:600;}
.nt-pref small{font-size:12.5px;color:var(--muted-2);}
.nt-quiet{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;}
.nt-quiet label{display:flex;align-items:center;gap:8px;font-size:14px;}
.nt-quiet .input{width:auto;}

/* рассылки */
.bc-form .seg{margin-bottom:8px;}
.bc-at{margin-bottom:6px;}
.bc-aud{margin-top:12px;padding:10px 12px;border-radius:12px;background:var(--field);font-size:13.5px;color:var(--ink);}
.bc-aud small{display:block;font-size:12px;color:var(--muted-2);margin-top:2px;}
.bc-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:14px;background:var(--paper-2);border:1px solid var(--field-line);margin-bottom:8px;}
.bc-row-main{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:2px;}
.bc-row-main b{font-size:14.5px;color:var(--black);}
.bc-row-main span{font-size:13px;color:var(--ink);}
.bc-row-main small{font-size:12px;color:var(--muted-2);}
.bc-stats{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.bc-stats > span:not(.mg-bar){display:flex;flex-direction:column;align-items:center;font-size:11px;color:var(--muted-2);}
.bc-stats b{font-size:16px;color:var(--black);}
.bc-stats .mg-bar{width:70px;}

/* вопросы */
.qs-form{margin-bottom:8px;}
.qs-item{padding:14px;border-radius:16px;background:var(--paper);border:1px solid var(--soft-line);margin-bottom:8px;display:flex;flex-direction:column;gap:10px;}
.qs-item:not(.done){border-color:rgba(var(--accent-rgb),.35);}
.qs-q{display:flex;flex-direction:column;gap:4px;}
.qs-q small{font-size:12px;color:var(--muted-2);}
.qs-q b{font-size:15px;color:var(--black);line-height:1.35;}
.qs-a{padding:10px 12px;border-radius:12px;background:var(--field);}
.qs-a small{font-size:12px;color:var(--accent-dark);font-weight:600;}
.qs-a p{margin:4px 0 0;font-size:14px;line-height:1.45;white-space:pre-line;}
.qs-wait{font-size:12.5px;font-weight:600;color:var(--warning);}
.qs-btns{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.qs-btns .ed-btn{margin-left:auto;}
.sheet-q{padding:12px;border-radius:12px;background:var(--field);margin-bottom:12px;}

/* ---------- планшет и компьютер ---------- */
@media (min-width:720px){
  .bc-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;}
  .bc-hist .nt-h{margin-top:0;}
}
@media (min-width:1024px){
  .fd-page{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;align-items:start;max-width:1120px;}
  .fd-main{min-width:0;max-width:760px;}
  .fd-aside{display:block;position:sticky;top:36px;}
  .fd-title{font-size:30px;}
  .ec-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start;}
  .ec-agenda{margin-top:0;}
  .ec-d{height:64px;}
  .nt{max-width:760px;}
  .qs{max-width:760px;}
}

/* лента — на белой странице, как в макете «Хроника» */
body:has(#view > .fd-page){background:var(--paper);}
body:has(#view > .fd-page) .topbar{background:color-mix(in srgb, var(--paper) 92%, transparent);}
@media (max-width:719px){.fd-add{display:none;}}

/* 2.0: «Нужно прочитать» — карточка со свечением и кольцом прочитанного */
.fd-req.tg-card{background:radial-gradient(120% 90% at 100% 0%,var(--tg-glow) 0%,transparent 60%),var(--tg-s1);border:1px solid color-mix(in srgb,var(--tg-acc) 24%,transparent);padding:16px;}
.fd-req .tg-must{margin-bottom:6px;color:var(--tg-fg);}
.fd-req .tg-must small{font-size:12.5px;color:var(--tg-muted);}
.fd-req-n{font-size:20px;font-weight:300;}
.fd-req-n small{font-size:12px;color:var(--tg-muted);}
.fd-req-row{border-top-color:var(--tg-line);}