/* Shared command-deck surfaces: event strips and canonical workforce cards. */
.tw-overview-feed{padding:28px;background:var(--surface-1);border-color:var(--border-soft);border-radius:12px 4px 12px 4px;box-shadow:var(--shadow-panel)}
.tw-feed-heading h2,.ov-payroll>header h2{font-size:30px;margin:0}.tw-feed-mode{color:var(--text-muted);font-size:12px}.tw-feed-mode>span{background:var(--accent-yellow);border-radius:1px}.tw-feed-expanded,.ov-expanded{color:var(--text-secondary);font-size:14px}
.tw-feed-filters{display:inline-flex;max-width:100%;gap:3px;margin:24px 0 18px;padding:4px;background:var(--canvas);border:1px solid var(--border-soft);border-radius:5px;box-shadow:inset 0 2px #0004}.tw-feed-filters button{min-width:72px;min-height:36px;border-radius:3px;color:var(--text-secondary);font-size:13px;transition:background 160ms,transform 160ms}.tw-feed-filters button[aria-pressed=true]{background:var(--accent-yellow);color:var(--canvas);box-shadow:0 2px #8c6c28,inset 0 1px #fff7}.tw-feed-filters button:active{transform:translateY(1px)}
.tw-feed-list{display:grid;gap:8px}.tw-feed-row{position:relative;background:#14243a;border:1px solid #263c55;border-left:3px solid var(--border-soft);border-radius:3px;padding:12px 16px;gap:18px;grid-template-columns:minmax(150px,1fr) minmax(0,1.8fr) minmax(110px,.7fr) 76px}.tw-feed-row:last-child{padding-bottom:12px;border-bottom:1px solid #263c55}.tw-feed-row:has(.tw-feed-event--buy){border-left-color:var(--positive)}.tw-feed-row:has(.tw-feed-event--sell){border-left-color:var(--negative)}.tw-feed-row:has(.tw-feed-event--risk){border-left-color:var(--warning)}.tw-feed-agent img{height:54px;width:54px;background:var(--surface-2);border-radius:3px}.tw-feed-agent strong{font-size:15px}.tw-feed-event{border:1px solid #ffffff12;border-radius:2px;font-size:11px}.tw-feed-event--buy{color:var(--positive);background:#204635}.tw-feed-event--sell{color:var(--negative);background:#442734}.tw-feed-event--risk{color:var(--warning);background:#41392b}.tw-feed-event--decision{color:var(--text-secondary);background:#26374d}.tw-feed-action p{color:var(--text-secondary);font-size:14px;margin-top:7px}.tw-feed-values{font-variant-numeric:tabular-nums;font-size:15px}.tw-feed-values strong span,.tw-feed-pnl span,.tw-feed-row time{color:var(--text-muted);font-size:12px}.tw-feed-pnl.is-positive{color:var(--positive)}.tw-feed-pnl.is-negative{color:var(--negative)}
.tw-agent-grid,.ov-payroll-grid{gap:22px}.tw-agent-grid .tw-agent,.ov-payroll-card{position:relative;overflow:hidden;background:var(--surface-1);border:1px solid var(--border-soft);border-radius:12px 4px 12px 4px;padding:20px;box-shadow:var(--shadow-panel);text-decoration:none;transition:transform 180ms ease,border-color 180ms ease}.tw-agent-grid .tw-agent:hover,.ov-payroll-card:hover{transform:translateY(-2px);background:var(--surface-1);border-color:#5c7b9f;box-shadow:var(--shadow-panel)}.tw-agent-grid .tw-agent:active,.ov-payroll-card:active{transform:translateY(1px)}.tw-agent-grid .tw-card-character,.ov-payroll-card .tw-card-character{height:240px;margin:-20px -20px 20px;position:relative;background:var(--surface-2);border-bottom:1px solid var(--border-soft);overflow:hidden}.tw-agent-grid .tw-card-character:after,.ov-payroll-card .tw-card-character:after{content:'';position:absolute;left:18%;right:18%;bottom:19px;height:6px;background:#060e1c66;border:1px solid #ffffff09;transform:skewX(-24deg);pointer-events:none}.tw-agent-grid .tw-card-character img,.ov-payroll-card .tw-card-character img{height:100%;width:100%;padding:8px 10px 0;object-fit:contain;position:relative;z-index:1;filter:none;transform:none;transition:transform 180ms ease}.tw-agent-grid .tw-agent:hover .tw-card-character img,.ov-payroll-card:hover .tw-card-character img{transform:translateY(-2px)}.tw-agent-grid .tw-card-title{align-items:flex-start;gap:12px}.tw-agent-grid .tw-card-title h3{font-size:28px;margin:0;line-height:1.1;overflow-wrap:anywhere}.tw-agent-grid .tw-agent>p{font-size:14px;color:var(--text-secondary);margin:12px 0 22px}.tw-agent-grid .tw-agent-bottom{padding-top:14px;border-top:1px solid var(--border-soft);color:var(--text-muted);font-size:13px}.tw-agent-grid .tw-agent:has([data-status=WORKING]){border-top:3px solid var(--positive)}
.ov-payroll{margin-top:40px}.ov-payroll>header{align-items:center;margin-bottom:24px}.ov-payroll>header p{color:var(--text-muted);font-size:14px;margin:8px 0 0}.ov-payroll-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:22px}.ov-payroll-card{border-top:3px solid var(--border-soft);padding-top:0}.ov-payroll-card[data-status=WORKING]{border-top-color:var(--positive)}.ov-payroll-card[data-status=PAUSED]{border-top-color:var(--text-muted)}.ov-payroll-card-head{height:49px;margin:0 -20px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;background:var(--surface-2);position:relative;z-index:2}.ov-agent-id{font-family:monospace;font-size:11px;letter-spacing:.04em;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:42%}.ov-payroll-card .tw-card-character{height:206px;margin:0 -20px 20px;border-bottom-color:var(--border-soft)}.ov-payroll-identity h3{font-size:28px;line-height:1.1;margin:0;overflow-wrap:anywhere}.ov-payroll-identity p{font-size:14px;text-transform:capitalize;margin:9px 0 22px;color:var(--text-secondary);display:flex;align-items:center;gap:12px}.ov-payroll-identity p span{font-size:11px;text-transform:uppercase;border:1px solid var(--border-soft);border-radius:2px;padding:3px 5px;letter-spacing:.04em;color:var(--text-muted)}.ov-payroll-capital{display:grid;gap:16px;margin:0 0 24px;font-variant-numeric:tabular-nums}.ov-payroll-capital dt,.ov-payroll-stats dt{color:var(--text-muted);font-size:13px;margin-bottom:5px}.ov-payroll-capital dd{font-size:27px;font-weight:800;margin:0;line-height:1.2;overflow-wrap:anywhere}.ov-payroll-capital>div+div dd{font-size:20px}.ov-payroll-capital .is-positive dd{color:var(--positive)}.ov-payroll-capital .is-negative dd{color:var(--negative)}.ov-payroll-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding-top:17px;margin:0 0 20px;border-top:1px solid var(--border-soft);font-variant-numeric:tabular-nums}.ov-payroll-stats dt{font-size:12px}.ov-payroll-stats dd{margin:0;font-size:17px;font-weight:700;overflow-wrap:anywhere}.ov-payroll-view{display:block;text-align:center;border:1px solid #3d5879;background:#203a5d;border-radius:3px;box-shadow:0 3px var(--border-strong);padding:10px;font-weight:800;font-size:13px}.ov-payroll-card:hover .ov-payroll-view{background:var(--surface-3)}
@media(max-width:1100px){.tw-feed-row{grid-template-columns:minmax(125px,1fr) minmax(0,1.6fr) 102px;gap:14px}.tw-feed-row time{grid-column:2/4;text-align:left;margin-top:-4px}.ov-payroll-card{padding-inline:16px}.ov-payroll-card .tw-card-character,.ov-payroll-card-head{margin-inline:-16px}.ov-payroll-capital dd{font-size:24px}.tw-agent-grid .tw-card-title h3,.ov-payroll-identity h3{font-size:25px}}
@media(max-width:720px){.ov-payroll-grid,.tw-agent-grid.directory{grid-template-columns:1fr}.ov-payroll-card .tw-card-character{height:230px}.ov-payroll-capital{grid-template-columns:1fr 1fr;gap:12px}.ov-payroll-capital dd{font-size:22px}.ov-payroll-capital>div+div dd{font-size:19px}.ov-payroll>header{gap:14px}.ov-payroll>header h2{font-size:28px}.ov-payroll>header .tw-button{white-space:nowrap;padding-inline:12px}.tw-agent-grid .tw-card-character{height:265px}}
@media(max-width:540px){.tw-overview-feed{padding:22px 16px}.tw-feed-heading h2{font-size:28px}.tw-feed-filters{display:flex}.tw-feed-filters button{min-width:0;flex:1;padding:7px 9px}.tw-feed-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px}.tw-feed-row:last-child{padding-bottom:12px}.tw-feed-agent img{width:44px;height:44px}.tw-feed-agent strong{font-size:14px}.tw-feed-row time{grid-column:2;grid-row:1;text-align:right;margin:0;font-size:12px}.tw-feed-action{grid-column:1/-1;grid-row:2}.tw-feed-values{grid-column:1/-1;grid-row:3}.tw-feed-action p{font-size:14px}.ov-payroll>header{align-items:flex-start}.ov-payroll>header h2{font-size:26px}.ov-payroll>header p{font-size:13px;max-width:175px}}