/* Live worklog — the screen-specific layer over css/industry.css.
   Everything shared (chrome, log rows, badges, blueprint frames) lives in
   industry.css; this file only carries what is particular to this page. */

/* — chips: the filter vocabulary the artboard uses everywhere — */
.nx-chip{
  font-family:var(--font-heading);font-size:12px;letter-spacing:.06em;text-transform:uppercase;
  padding:6px 11px;min-height:38px;border-radius:0;cursor:pointer;
  border:1px solid var(--color-divider);background:transparent;color:var(--color-text);
}
.nx-chip:hover{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}
.nx-chip-on{border-color:var(--color-accent-700);background:var(--color-accent-700);color:var(--color-bg)}
.nx-chip-on:hover{background:var(--color-accent-800)}
.nx-chip-n{opacity:.72}
.wl-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}

.nx-live{display:flex;align-items:center;gap:8px;margin:0 0 5px}

/* — the scope ladder — */
.wl-scope-band{margin-top:22px}
.wl-scope{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:9px}
.nx-scope-step{display:flex;align-items:center;gap:8px}
.nx-scope-btn{
  display:flex;flex-direction:column;align-items:flex-start;
  text-align:left;padding:7px 12px;min-height:48px;border-radius:0;cursor:pointer;
  font-family:var(--font-heading);text-transform:uppercase;
  border:1px solid var(--color-divider);background:transparent;color:var(--color-text);
}
.nx-scope-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent) 10%,transparent)}
.nx-scope-on,.nx-scope-on:disabled{
  border-color:var(--color-accent-700);background:var(--color-accent-700);
  color:var(--color-bg);opacity:1;cursor:default;
}
.nx-scope-tier{font-size:9.5px;letter-spacing:.14em;opacity:.72}
.nx-scope-label{font-size:14px;letter-spacing:.02em}
.nx-scope-sep{color:color-mix(in srgb,var(--color-text) 60%,transparent);font-size:16px}

/* — the filter plate — */
.wl-filters{margin-top:22px;padding:15px 16px;display:grid;gap:13px}
.wl-filter-row{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-end}
.wl-search{flex:1 1 240px;min-width:200px}
.wl-search label{display:block}
.wl-search .input{min-height:42px;margin-top:9px}
.wl-actions{display:flex;gap:8px;flex-wrap:wrap}
.wl-actions .btn{min-height:42px}
.wl-desk-row{
  display:flex;gap:8px;flex-wrap:wrap;align-items:center;
  padding-top:12px;border-top:1px dashed var(--color-divider);
}
.wl-desk-row .wl-chips{margin-top:0}

/* — two-up: feed beside the detail panel.
     Below the breakpoint the panel must PRECEDE the 80-row feed, or a
     selection sits off-screen behind a long scroll. — */
.wl-cols{
  display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);
  gap:20px;align-items:start;margin-top:20px;
}
@media (max-width:780px){
  .wl-cols{grid-template-columns:1fr}
  .wl-cols>aside{order:-1;position:static}
}
.wl-cols>aside{position:sticky;top:16px}

.wl-summary{font-size:13px;color:color-mix(in srgb,var(--color-text) 78%,transparent)}
.wl-unread{
  margin-left:auto;font-family:var(--font-heading);font-size:11.5px;letter-spacing:.08em;
  text-transform:uppercase;padding:4px 10px;min-height:34px;border-radius:0;cursor:pointer;
  border:1px dashed var(--color-accent-700);
  background:var(--color-accent-100);color:var(--color-accent-900);
}
.wl-foot{margin:14px 0 0}

/* — the unread mark down the left edge of a row — */
.nx-lmark{flex:0 0 4px;align-self:stretch;min-height:18px;background:transparent}
.nx-lmark-new{background:var(--color-accent-700)}
.nx-lrow-on{background:var(--color-accent-100)}

/* — detail panel — */
.wl-detail{padding:20px}
.wl-detail-head{display:flex;align-items:flex-start;gap:12px}
.wl-detail-head>div{flex:1 1 auto}
.wl-detail-head .btn{min-height:40px}
.wl-detail-stamp{
  font-family:var(--font-heading);font-size:25px;margin:3px 0 0;
  font-variant-numeric:tabular-nums;
}
.wl-detail-ms{margin:15px 0 0;font-size:15.5px;line-height:1.5}
.wl-fields{
  margin:18px 0 0;display:grid;grid-template-columns:auto 1fr;gap:0;
  font-size:13.5px;border-top:1px solid var(--color-divider);
}
.wl-fields dt{
  padding:8px 14px 8px 0;border-bottom:1px solid var(--color-divider);
  font-family:var(--font-heading);font-size:11px;letter-spacing:.11em;text-transform:uppercase;
  color:color-mix(in srgb,var(--color-text) 78%,transparent);white-space:nowrap;
}
.wl-fields dd{margin:0;padding:8px 0;border-bottom:1px solid var(--color-divider)}
.wl-honesty{
  margin:15px 0 0;font-size:12.5px;line-height:1.6;
  color:color-mix(in srgb,var(--color-text) 78%,transparent);
  border-left:2px solid var(--color-accent-300);padding-left:10px;
}
.wl-detail-actions{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}
.wl-detail-actions .btn{min-height:42px}
.wl-nodetail-title{font-family:var(--font-heading);font-size:18px;text-transform:uppercase;margin:0 0 8px}

/* — the by-team rollup — */
.wl-rollup{margin-top:16px;padding:18px}
.nx-roll{
  display:flex;align-items:center;gap:11px;padding:8px 0;
  border-bottom:1px solid var(--color-divider);
}
.nx-roll-label{flex:1 1 auto;font-size:13.5px}
.nx-roll-track{flex:0 0 92px;height:6px;background:var(--color-neutral-200);position:relative}
.nx-roll-bar{position:absolute;left:0;top:0;bottom:0;background:var(--color-accent-700)}
.nx-roll-n{
  flex:0 0 34px;text-align:right;font-family:var(--font-heading);font-size:14px;
  font-variant-numeric:tabular-nums;
}