/* Экраны: кабинет, портфель, список задач, настройки, вход. Доска — в board.css. */
/* кабинет */
.kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:var(--sp-4)}
.kpi{padding:var(--sp-4) 18px;min-width:0}
.kpi .l{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:var(--sp-2)}
.kpi .v{font-size:30px;font-weight:700;letter-spacing:-.02em;margin-top:6px;font-variant-numeric:tabular-nums;line-height:1.2}
.kpi .h{font-size:var(--fs-xs);color:var(--muted)}
.kpi.kpi-warn{border-color:var(--warn-line)}
.kpi.kpi-warn .l{color:var(--s-wait-ink)}
.cols2{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}
.stack{display:grid;gap:var(--sp-4);align-content:start;min-width:0}
.feed .it{display:flex;gap:10px;padding:10px 18px;font-size:var(--fs-sm);color:var(--ink2)}
.feed .it b{color:var(--ink);font-weight:600}
.feed .it time{color:var(--muted);font-size:var(--fs-xs);display:block}
.feed .it:last-child{padding-bottom:var(--sp-4)}
.hd-ic-warn{color:var(--s-wait-ink)}

/* портфель */
.pcards{grid-template-columns:repeat(3,minmax(0,1fr))}
.pc{padding:18px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;color:var(--ink);text-decoration:none;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}
.pc:hover{border-color:var(--line-strong)}
.pc::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--c)}
.pc.archived{opacity:.7}
.pc .top2{display:flex;align-items:center;gap:10px;min-width:0}
.logo{width:36px;height:36px;border-radius:var(--r-md);background:var(--c);color:var(--avatar-ink);display:grid;place-items:center;font-weight:700;font-size:13px;flex:none;letter-spacing:.02em}
.pc .name{font-weight:600;font-size:var(--fs-md);min-width:0;flex:1}
.pc .name a{color:inherit;text-decoration:none;overflow-wrap:anywhere}
.pc .name a::after{content:"";position:absolute;inset:0}
.pc .name small{display:block;color:var(--muted);font-weight:400;font-size:12.5px;overflow-wrap:anywhere}
.pc .edit{position:relative;z-index:1}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-1)}
.steps span{height:6px;border-radius:3px;background:var(--sunk)}
.steps span.d{background:var(--c)}
.steps span.c{background:repeating-linear-gradient(90deg,var(--c) 0 6px,transparent 6px 9px)}
.stepl{display:flex;justify-content:space-between;font-size:var(--fs-xs);color:var(--muted);margin-top:6px}
.nums{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}
.nums div{background:var(--bg);border-radius:var(--r-sm);padding:var(--sp-2) 10px;font-size:var(--fs-xs);color:var(--muted)}
.nums b{display:block;font-size:18px;color:var(--ink);font-variant-numeric:tabular-nums}
.pc .blk{display:flex;gap:var(--sp-2);align-items:flex-start;font-size:13px;color:var(--ink2);overflow-wrap:anywhere;min-width:0}
.pc .blk svg{color:var(--p0);margin-top:2px}
.pc .blk.none{color:var(--muted)}
.pc .blk.none svg{color:var(--s-done)}
.pc .blk .badge{margin-left:auto;flex:none}
.newp{border:1.5px dashed var(--line-strong);background:transparent;box-shadow:none;display:grid;place-items:center;text-align:center;color:var(--muted);min-height:240px;border-radius:var(--r-lg);font-weight:600;font-size:14px;gap:var(--sp-2);align-content:center;transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease)}
.newp:hover{border-color:var(--primary);color:var(--primary)}
.toggle{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:13.5px;color:var(--ink2);min-height:var(--touch);cursor:pointer}
.toggle input{width:18px;height:18px;accent-color:var(--primary)}

/* список задач */
.filters{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-4);align-items:center;flex-wrap:wrap}
.filters .search{max-width:280px;flex:1 1 200px}

/* настройки */
.settings{max-width:640px;display:grid;gap:var(--sp-4)}
.settings section{padding:20px}
.settings h2{margin-bottom:var(--sp-3)}
.settings form{display:grid;gap:var(--sp-3)}
.seg{display:flex;gap:var(--sp-2);flex-wrap:wrap}
.seg label{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:var(--touch);padding:0 var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);font-weight:500;font-size:14px;cursor:pointer}
.seg input{accent-color:var(--primary)}
.seg label:has(input:checked){border-color:var(--primary);background:var(--primary-soft)}
.settings .acts{display:flex;gap:var(--sp-2);flex-wrap:wrap}

/* ещё (телефон) */
.more-list .row{font-weight:500;color:var(--ink);text-decoration:none}

/* вход */
.auth{min-height:100dvh;display:grid;place-items:center;padding:var(--sp-6) var(--sp-4)}
.auth-card{width:min(400px,100%);padding:28px 24px;display:grid;gap:var(--sp-4)}
.auth-card .brand{padding:0;margin-bottom:var(--sp-2)}
.auth-card form{display:grid;gap:14px}

@media (max-width:1279px){
  .pcards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1023px){
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .kpi{padding:var(--sp-3) 14px}
  .kpi .v{font-size:24px;margin-top:2px}
  .cols2{grid-template-columns:minmax(0,1fr)}
  .row{padding:var(--sp-3) 14px}
  .list .head{padding:14px 14px 10px}
}
@media (max-width:767px){
  .pcards{grid-template-columns:minmax(0,1fr)}
  .row .tags .pr{display:none}
  .filters .search{max-width:none;flex-basis:100%}
}