/* Zaiko PM — Agenda tab */
.ag{display:flex;flex-direction:column;gap:12px;margin-top:18px;max-width:980px}
.ag-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}
.ag-sec-h{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.ag-sec-h h3{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-weight:600}
.ag-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ag-confirm{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text);flex-wrap:wrap}

/* head */
.ag-top{display:flex;align-items:center;gap:12px}
.ag-title{flex:1;min-width:0;text-align:center}
.ag-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-weight:600}
.ag-title h2{margin:2px 0 6px;font-size:22px;letter-spacing:-.02em;font-weight:700}
.ag-len{font-size:13px;color:var(--muted);font-weight:500;margin-left:4px}
.ag-status{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.ag-roles{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:14px 0 12px}
.ag-role{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--faint);font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.ag-role .sel{height:32px;font-size:13px;text-transform:none;letter-spacing:0;color:var(--text);font-weight:500}
.ag-head .ag-actions{justify-content:center}
.ag-edit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.ag-edit .ag-actions,.ag-edit .note{grid-column:1/-1}
.ag-edit input,.ag-edit select{width:100%;min-height:36px;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);padding:6px 10px}

/* form */
.ag-form{display:flex;flex-direction:column;gap:12px;border-color:var(--accent)}
.ag-fgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ag-lockmsg{font-size:13px;color:var(--text);background:color-mix(in srgb,var(--p1) 12%,transparent);border:1px solid color-mix(in srgb,var(--p1) 40%,transparent);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.ag-lockmsg .toggle{margin:0;color:var(--text);font-weight:600}

/* glance */
.ag-budget{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--muted)}
.ag-budget.over{color:var(--p0);font-weight:600}
.ag-bar{height:6px;border-radius:3px;background:var(--surface-3);overflow:hidden;margin-bottom:8px}
.ag-bar i{display:block;height:100%;background:var(--accent);border-radius:3px}
.ag-bar.over i{background:var(--p0)}
.ag-table{width:100%;border-collapse:collapse;font-size:13.5px}
.ag-table tr{border-top:1px solid var(--line);cursor:pointer}
.ag-table tr:hover{background:var(--surface-2)}
.ag-table tr.is-now{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}
.ag-table td{padding:7px 6px;vertical-align:middle}
.ag-table .t{font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap;width:74px}
.ag-table .b{font-weight:500}
.ag-table .b span:last-child{overflow-wrap:anywhere}
.ag-table .l{width:32px}
.ag-table .n{font-family:var(--mono);font-size:12px;color:var(--muted);text-align:right;width:36px}
.ag-warn{margin:8px 0 0;color:var(--p0);font-size:13px;font-weight:600}
.ag-kind{display:inline-flex;align-items:center;height:20px;padding:0 7px;margin-right:7px;border-radius:5px;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--k);background:color-mix(in srgb,var(--k) 14%,transparent);vertical-align:middle;white-space:nowrap}

/* blocks */
.ag-blocks{display:flex;flex-direction:column;gap:10px}
.ag-block{scroll-margin-top:84px}
.ag-block.is-topic{border-left:3px solid var(--k,var(--line))}
.ag-block.is-now{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.ag-bh{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ag-bh .t{font-family:var(--mono);font-size:12px;color:var(--muted);min-width:58px}
.ag-bh h4{margin:0;font-size:15px;font-weight:700;overflow-wrap:anywhere;flex:1 1 200px}
.ag-bh .sp{flex:1 1 0}
.ag-bh h4+.sp{display:none}
.ag-lead{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}
.ag-lead .av{border:0;width:22px;height:22px}
.ag-min{font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap}
.ag-min .over,[data-timer].over{color:var(--p0);font-weight:700}
.ag-block .note{margin:8px 0 0}
.ag-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}
.ag-flag{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:5px;font-size:11.5px;font-weight:600;background:var(--surface-3);color:var(--muted)}
.ag-flag.late{background:color-mix(in srgb,var(--p1) 16%,transparent);color:var(--p1)}
.ag-details{margin-top:8px;font-size:13.5px;line-height:1.55;overflow-wrap:anywhere}
.ag-details a{color:var(--accent)}
.ag-linked{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.ag-linked .dep .av{width:20px;height:20px;border:0;font-size:9.5px}
.ag-linked .due{margin-left:2px}
.ag-tools{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:8px}
.ag-tools .linkbtn{font-size:12.5px;padding:2px 0;color:var(--muted)}
.ag-tools .linkbtn:hover{color:var(--accent)}
.ag-tools .linkbtn.danger:hover{color:var(--p0)}
.ag-items{display:flex;flex-direction:column;margin-top:6px}
.ag-item{display:grid;grid-template-columns:56px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:7px 0;border-top:1px solid var(--line);cursor:pointer;font-size:13.5px}
.ag-item:first-child{border-top:0}
.ag-item:hover .ag-it{color:var(--accent)}
.ag-it{overflow-wrap:anywhere}
.ag-it small{display:block;color:var(--muted);font-size:12px;margin-top:1px}

/* live */
.ag-outcome{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}
.ag-outcome .seg{align-self:flex-start;flex-wrap:wrap}
.ag-outcome .seg button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink)}
.ag-outcome textarea,.ag-actrow input,.ag-actrow select,.ag-park input{width:100%;min-height:36px;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);padding:7px 10px}
.ag-outcome textarea{resize:vertical;line-height:1.5}
.ag-outcome textarea:focus,.ag-actrow input:focus,.ag-park input:focus{border-color:var(--accent);outline:none}
.ag-actrow{display:grid;grid-template-columns:minmax(0,1fr) 130px 150px auto;gap:8px;align-items:center}
.ag-readback{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:8px;font-size:13.5px}
.ag-readback ul{margin:6px 0 0;padding-left:18px}
.ag-readback li{margin-bottom:4px}
.ag-readback li span{color:var(--muted)}
.ag-end{display:flex;flex-direction:column;gap:12px;border-style:dashed}
.ag-park{display:flex;gap:8px}
.ag-endrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;font-size:13px}
.ag-endrow>span:first-child{margin-right:auto}

@media (max-width:720px){
  .ag-card{padding:12px}
  .ag-title h2{font-size:18px}
  .ag-fgrid{grid-template-columns:1fr 1fr}
  .ag-edit{grid-template-columns:1fr 1fr}
  .ag-actrow{grid-template-columns:1fr 1fr}
  .ag-actrow input:first-child{grid-column:1/-1}
  .ag-item{grid-template-columns:52px minmax(0,1fr) auto}
  .ag-item .pill{display:none}
  .ag-park{flex-direction:column}
  .ag-bh h4{flex-basis:100%;order:3}
}