/* inbox.css — «📥 Накопитель» собственника (inbox.js). Только токены дизайна C (тёмная и светлая темы через tokens.css),
   со старыми переменными index.html как запасом. Цели нажатия на телефоне ≥ 40px. */
.ib{display:flex;flex-direction:column;min-width:0}
.ib-h{flex-wrap:wrap}
/* узко: подсказка про перетаскивание — под заголовком, заголовок не обрезается */
.ib-h .ui-ph-t{flex-wrap:wrap;row-gap:2px}
.ib-h .ui-ph-t h2{flex-shrink:0;max-width:100%}
.ib-b{padding:var(--s-3,12px) 0;display:flex;flex-direction:column;gap:var(--s-3,12px);min-width:0}
.ib-hint{margin:0;color:var(--text-3,var(--text-dim));font-size:var(--fs-sm,12px)}
.ib-note{margin:0}
.ib-late{color:var(--crit,var(--err))!important}

/* быстрое добавление: «+ Дело… Enter» */
.ib-add{display:flex;flex-direction:row;align-items:center;gap:var(--s-2,8px);padding:0 var(--s-2,8px);border:1px dashed var(--border-strong,var(--border));border-radius:var(--r-md,10px);background:var(--surface,var(--panel))}
.ib-add:focus-within{border-style:solid;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft,transparent)}
.ib-plus{display:inline-flex;color:var(--text-3,var(--text-dim))}
.ib-add .ui-in{border:0;background-color:transparent;box-shadow:none;min-height:40px;color:var(--text)}
.ib-add .ui-in:focus{box-shadow:none}
.ib-add input.ui-in{flex:1;min-width:0}
.ib-add select.ui-in{flex:0 0 auto;width:auto;max-width:40%;color:var(--text-2,var(--text-dim))}

/* список дел */
.ib-list{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:var(--r-lg,12px);background:var(--surface,var(--panel));overflow:hidden}
.ib-it{display:flex;align-items:flex-start;gap:var(--s-3,12px);padding:var(--s-2,8px) var(--s-3,12px);min-height:var(--row-h,40px);border-top:1px solid var(--border-soft,var(--border));cursor:grab;transition:background var(--t-fast,140ms)}
.ib-it:first-child{border-top:0}
.ib-it:hover{background:var(--surface-2,var(--muted-bg))}
.ib-it.drag{opacity:.45;cursor:grabbing}
.ib-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ib-m b{font-size:var(--fs-lg,14px);font-weight:var(--fw-medium,600);line-height:var(--lh-tight,1.3);color:var(--text);overflow-wrap:anywhere}
.ib-d{color:var(--text-2,var(--text-dim));font-size:var(--fs-sm,12px);overflow-wrap:anywhere}
.ib-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--text-3,var(--text-dim));font-size:var(--fs-sm,12px)}
.ib-meta i{font-style:normal;opacity:.6}
.ib-r{flex-shrink:0;display:flex;align-items:center;gap:var(--s-2,8px);align-self:center}
.ib-n{flex-shrink:0;min-width:28px;color:var(--text-3,var(--text-dim));font-family:var(--font-mono,monospace);font-size:var(--fs-sm,12px);line-height:28px}
.ib-chk{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0;padding:0;border:1.5px solid var(--border-input,var(--border));border-radius:50%;background:transparent;color:transparent;cursor:pointer;transition:border-color var(--t-fast,140ms),background var(--t-fast,140ms)}
.ib-chk:hover{border-color:var(--ok);color:var(--ok)}
.ib-chk.on{background:var(--ok);border-color:var(--ok);color:var(--on-accent,#fff)}
.ib-chk:disabled{cursor:default}

/* «Сотрудники»: по исполнителю */
.ib-staff{display:flex;flex-direction:column;gap:var(--s-2,8px)}
.ib-pg{border:1px solid var(--border);border-radius:var(--r-lg,12px);background:var(--surface,var(--panel));overflow:hidden}
.ib-pg.on{border-color:var(--border-strong,var(--border))}
.ib-pg .ib-list{border:0;border-top:1px solid var(--border);border-radius:0}
.ib-ph{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-2,8px) var(--s-3,12px);width:100%;min-height:44px;margin:0;padding:var(--s-2,8px) var(--s-3,12px);border:0;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.ib-ph:hover{background:var(--surface-2,var(--muted-bg))}
.ib-ph>.ui-i{margin-left:auto;color:var(--text-3,var(--text-dim))}
.ib-pn{font-weight:var(--fw-semibold,700);font-size:var(--fs-lg,14px);min-width:0;overflow-wrap:anywhere}
.ib-cs{display:flex;flex-wrap:wrap;gap:6px}
.ib-c b{font-weight:var(--fw-semibold,700);margin-right:2px}
.ib-c.z{opacity:.55}
.ib-foot{display:flex;justify-content:flex-end}

/* телефон: всё нажимаемое ≥ 40px */
@media (max-width:599px),(pointer:coarse){
  .ib-chk{width:40px;height:40px;margin:-6px 0 -6px -6px}
  .ib-it{min-height:52px;padding:var(--s-2,8px)}
  .ib-it .ib-r .ui-btn{min-height:40px}
  .ib-ph{min-height:52px}
  .ib-ph>.ib-cs{order:3;flex-basis:100%}
  .ib-add .ui-in{min-height:44px;font-size:16px}
  .ib-foot .ui-lnk{min-height:40px}
}