/* AI 动作：动作时间线 + T2 待确认。延续工作台暖色系，不引入新变量。 */
.control-view{display:flex;flex-direction:column;gap:18px}
.control-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.control-head h1{font-size:30px;letter-spacing:-.03em;margin:0 0 6px;font-weight:760}
.control-sub{margin:0;color:#85899a;font-size:13px;line-height:1.6;max-width:640px}
.control-block{background:#fff;border:1px solid #f3f1ed;border-radius:17px;padding:18px 20px;box-shadow:0 3px 14px rgba(72,59,39,.025)}
.control-block-title{display:flex;align-items:center;gap:9px;margin:0 0 13px;font-size:15px;font-weight:700}
.control-block-title svg,.control-head .button svg,.control-row svg{width:16px;height:16px;flex:0 0 auto;color:#d9a85e}
.control-block-title .control-count{font-size:11px;font-weight:600;color:#d3a258;background:#fcf7f0;border-radius:20px;padding:3px 8px}
.control-empty{margin:0;padding:20px 6px;text-align:center;color:#9a9daa;font-size:12px;line-height:1.7}
.control-stack{display:flex;flex-direction:column;gap:11px}

.control-card{border:1px solid #f4efe7;border-radius:14px;padding:14px 15px;background:linear-gradient(140deg,#fefdfb,#fdf8f0)}
.control-card-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.control-card-top strong{font-size:14px;font-weight:680;color:#33303a}
.control-tier{font-size:10px;font-weight:700;letter-spacing:.04em;padding:3px 7px;border-radius:6px;background:#f4f2ef;color:#8b8d99}
.control-tier.T1{background:#eef6ff;color:#3e7dc1}
.control-tier.T2{background:#fff2e2;color:#b47a20}
.control-countdown{margin-left:auto;font-size:11px;color:#b47a20;font-variant-numeric:tabular-nums}
.control-args{margin:9px 0 0;font-size:12px;color:#7d8090;line-height:1.6;word-break:break-word}
.control-diff{margin:9px 0 0;padding:10px 11px;background:#fff;border:1px solid #f4f1ec;border-radius:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.55;color:#5a5e6e;max-height:180px;overflow:auto;white-space:pre-wrap;word-break:break-word}
.control-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}

.control-row{border-top:1px solid #f5f3f1;padding:11px 2px}
.control-row:first-child{border-top:0}
.control-row-main{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.control-row-main strong{font-size:13px;font-weight:650;color:#3b3f50}
.control-actor{font-size:11px;color:#9a9daa}
.control-row-main time{margin-left:auto;font-size:11px;color:#a5a8b4;font-variant-numeric:tabular-nums}
.control-row-foot{display:flex;gap:6px;margin-top:7px;align-items:center}
.control-row.fail .control-row-main strong{color:#b5646c}
.control-row.undone{opacity:.6}
.control-chip{font-size:10px;border-radius:6px;padding:3px 7px;background:#f8f7f5;color:#8f92a0}
.control-chip.undone{background:#f2f0ee;color:#8b8d99}
.control-chip.rejected{background:#fdf0f1;color:#b5646c}
.control-chip.fail{background:#fdf0f1;color:#b5646c}
.control-chip.ok{background:#eff8f4;color:#3b8e72}
.control-link{border:0;background:transparent;color:#c99a51;font-size:12px;padding:0;cursor:pointer}
.control-link:hover{color:#a9793a;text-decoration:underline}
.control-group-label{font-size:11px;color:#a0a3af;letter-spacing:.04em;margin:14px 0 6px}
.control-error{margin:0 0 12px;padding:9px 11px;border-radius:10px;background:#fdf3f3;color:#b5646c;font-size:12px}
@media(max-width:640px){.control-head h1{font-size:23px}.control-block{padding:14px 13px}.control-diff{max-height:150px}}
/* --- night: control.css is hard-coded light; map it onto the night tokens --- */
[data-wb-theme="night"] .control-block{background:var(--wb-surface);border-color:var(--wb-line);box-shadow:var(--wb-shadow-card)}
[data-wb-theme="night"] .control-sub{color:var(--wb-muted)}
[data-wb-theme="night"] .control-block-title{color:var(--wb-ink-strong)}
[data-wb-theme="night"] .control-block-title .control-count{background:#3a3023;color:var(--wb-accent-strong)}
[data-wb-theme="night"] .control-empty{color:var(--wb-muted)}
[data-wb-theme="night"] .control-card{background:linear-gradient(140deg,#2b2724,#262221);border-color:var(--wb-line)}
[data-wb-theme="night"] .control-card-top strong,[data-wb-theme="night"] .control-row-main strong{color:var(--wb-ink-strong)}
[data-wb-theme="night"] .control-tier{background:#332d26;color:#bfb7ac}
[data-wb-theme="night"] .control-tier.T1{background:#24303d;color:#93b9e3}
[data-wb-theme="night"] .control-tier.T2{background:#3a2d1b;color:var(--wb-accent-strong)}
[data-wb-theme="night"] .control-countdown{color:var(--wb-accent-strong)}
[data-wb-theme="night"] .control-args{color:#bdb5a9}
[data-wb-theme="night"] .control-diff{background:#1f1c1a;border-color:var(--wb-line);color:#cfc7ba}
[data-wb-theme="night"] .control-row{border-top-color:var(--wb-line-soft)}
[data-wb-theme="night"] .control-actor,[data-wb-theme="night"] .control-row-main time,[data-wb-theme="night"] .control-group-label{color:#a89f94}
[data-wb-theme="night"] .control-chip{background:#332d26;color:#b6ada2}
[data-wb-theme="night"] .control-chip.undone{background:#2b2623;color:#a2988c}
[data-wb-theme="night"] .control-chip.ok{background:#22352c;color:#6fd0a8}
[data-wb-theme="night"] .control-chip.rejected,[data-wb-theme="night"] .control-chip.fail{background:#38232a;color:#e0919a}
[data-wb-theme="night"] .control-link{color:var(--wb-accent-strong)}
[data-wb-theme="night"] .control-link:hover{color:#ffd79b}
[data-wb-theme="night"] .control-row.fail .control-row-main strong{color:#e0919a}
[data-wb-theme="night"] .control-error{background:#38232a;color:#e0919a}
