/* Automation control plane — hosted operator surface.
   Shares the Studio's vocabulary (status colours, promotion language, evidence
   typing) in the admin portal's light palette. */

.automation-route-shell { min-height: 100vh; background: #f1f5f2; color: #17221c; }
.automation-route-bar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px clamp(20px,4vw,56px); background:#17221c; color:white; }
.automation-route-brand { display:flex; align-items:center; gap:12px; }
.automation-route-mark { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:#d9eddf; color:#174c31; font-weight:800; }
.automation-route-brand span:last-child { display:flex; flex-direction:column; line-height:1.25; }
.automation-route-brand small { color:#a9b9af; }
.automation-route-actions { display:flex; gap:10px; align-items:center; }
.automation-route-actions a { color:white; text-decoration:none; }
.automation-route-shell > main { width:min(1500px,calc(100% - 40px)); margin:0 auto; padding:28px 0 70px; }

.auto-dashboard { display:grid; gap:16px; }

.auto-hero { display:flex; justify-content:space-between; align-items:end; gap:28px; padding:8px 4px 2px; }
.auto-hero h1 { margin:4px 0 6px; font:500 clamp(1.9rem,3.4vw,3rem)/1.03 var(--font-serif); letter-spacing:-.035em; }
.auto-hero p, .auto-copy { margin:0; color:#657068; font-size:.88rem; }
.auto-kicker { color:#28704c; font-size:.7rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.auto-hero-actions, .auto-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }

.auto-button { appearance:none; border:1px solid transparent; border-radius:999px; padding:9px 15px; background:#17221c; color:white; font:700 .8rem var(--font-sans); text-decoration:none; cursor:pointer; }
.auto-button.accent { background:#247249; }
.auto-button.quiet { background:#e4ebe6; color:#203328; }
.auto-button.small { padding:6px 11px; font-size:.74rem; }
.auto-button[disabled] { opacity:.45; cursor:not-allowed; }

.auto-metrics { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; }
.auto-metrics article { padding:14px 16px; background:white; border:1px solid #dce4de; border-radius:14px; }
.auto-metrics span, .auto-metrics small { display:block; color:#6b756f; font-size:.72rem; }
.auto-metrics strong { display:block; margin:3px 0; font-size:1.35rem; letter-spacing:-.02em; }
.auto-metrics article.alert { border-color:#e2c07a; background:#fffaf0; }

.auto-panel { padding:20px; background:white; border:1px solid #dce4de; border-radius:16px; box-shadow:0 12px 36px rgba(36,58,45,.05); }
.auto-panel-head { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:14px; }
.auto-panel h2 { margin:2px 0 0; font:500 1.3rem var(--font-serif); }
.auto-panel h3 { margin:0 0 6px; font:700 .78rem var(--font-sans); letter-spacing:.06em; text-transform:uppercase; color:#6b756f; }

.auto-status { display:inline-flex; align-items:center; gap:5px; padding:4px 9px; border-radius:999px; font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.03em; background:#ebefec; color:#627067; }
.auto-status.green { background:#e3f2e9; color:#176640; }
.auto-status.yellow { background:#fff1d6; color:#946000; }
.auto-status.red { background:#fae7e7; color:#9d2b2b; }
.auto-status.running { background:#e7ebfa; color:#43599a; }
.auto-status.muted { background:#eef1ef; color:#6b756f; }

.auto-chip { display:inline-block; padding:3px 8px; border-radius:7px; background:#f0f4f1; color:#5c6a61; font:600 .72rem var(--font-mono,ui-monospace,SFMono-Regular,Menlo,monospace); }
.auto-chip.warn { background:#fff1d6; color:#7d5200; }

.auto-verdict { display:flex; align-items:center; gap:16px; padding:18px 20px; background:white; border:1px solid #dce4de; border-left:5px solid #b9c6bd; border-radius:16px; }
.auto-verdict.green { border-left-color:#2f8b5c; }
.auto-verdict.yellow { border-left-color:#c99312; }
.auto-verdict.red { border-left-color:#b8484c; }
.auto-verdict.running { border-left-color:#5872c4; }
.auto-verdict h2 { margin:0; font:500 1.5rem var(--font-serif); }
.auto-verdict p { margin:2px 0 0; color:#657068; font-size:.85rem; }
.auto-verdict-spacer { flex:1; }

.auto-run-meta { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
.auto-run-meta span { padding:5px 9px; border-radius:8px; background:#f0f4f1; color:#657068; font-size:.75rem; }

.auto-columns { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr); gap:16px; align-items:start; }
.auto-split { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start; }

.auto-table-wrap { overflow:auto; margin-top:14px; }
.auto-table { width:100%; border-collapse:collapse; font-size:.8rem; }
.auto-table th, .auto-table td { padding:10px 9px; border-bottom:1px solid #e5eae6; text-align:left; vertical-align:top; }
.auto-table th { color:#778078; font-size:.66rem; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; }
.auto-table td small { display:block; max-width:430px; color:#717b74; margin-top:3px; }
.auto-table tbody tr:hover { background:#f7faf8; }
.auto-empty { padding:24px !important; text-align:center !important; color:#737d76; }

.auto-text-button { border:0; background:none; color:#286d49; font-weight:750; cursor:pointer; padding:0; }
.auto-text-button.danger { color:#a03434; }
.auto-evidence-link { appearance:none; border:1px solid #d9e2dc; padding:3px 8px; border-radius:7px; background:#f6faf7; color:#276d48; font:600 .72rem var(--font-sans); cursor:pointer; margin:2px 3px 0 0; }
.auto-evidence-link:hover { border-color:#8ab39c; }
.auto-evidence-link.media { color:#8a5a10; background:#fffaf0; border-color:#e7d6ae; }

.auto-run-list { display:grid; gap:6px; max-height:520px; overflow:auto; }
.auto-run-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 12px; color:inherit; text-decoration:none; border:1px solid #e0e7e2; border-radius:11px; }
.auto-run-row.selected { border-color:#5a8f70; background:#f0f7f2; }
.auto-run-row span:first-child { display:flex; flex-direction:column; min-width:0; }
.auto-run-row small { color:#737d76; }

.auto-workflow { display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-bottom:12px; }
.auto-workflow-step { padding:5px 10px; border-radius:999px; border:1px solid #dfe6e1; background:#f7faf8; color:#6b756f; font-size:.72rem; font-weight:700; }
.auto-workflow-step.active { border-color:#2f8b5c; background:#e3f2e9; color:#176640; }
.auto-workflow-step.done { color:#3f7a5b; }

.auto-card { border:1px solid #dfe6e1; border-radius:13px; padding:14px 16px; margin-top:12px; background:#fbfdfc; }
.auto-card.red { border-color:#e6c3c3; background:#fdf6f6; }
.auto-card.yellow { border-color:#e6d5ab; background:#fffcf3; }
.auto-card.green { border-color:#bfdfcc; background:#f5fbf7; }
.auto-card h3 { margin-bottom:4px; }
.auto-card p { margin:4px 0 0; color:#5f6b63; font-size:.83rem; }
.auto-card ul { margin:8px 0 0; padding-left:18px; color:#66716a; font-size:.8rem; }
.auto-card dl { display:grid; grid-template-columns:150px minmax(0,1fr); gap:4px 14px; margin:8px 0 0; font-size:.79rem; }
.auto-card dt { color:#7a847c; }
.auto-card dd { margin:0; word-break:break-word; }

.auto-progress-trail { display:grid; gap:4px; margin-top:10px; max-height:200px; overflow:auto; }
.auto-progress-trail div { display:flex; gap:10px; font-size:.76rem; color:#66716a; }
.auto-progress-trail time { color:#8a938c; white-space:nowrap; }

.auto-schedule { display:grid; grid-template-columns:1.1fr repeat(3,1fr); gap:20px; }
.auto-schedule p { margin:4px 0 0; color:#67716b; font-size:.82rem; }

.auto-alert { padding:11px 15px; border-radius:11px; font-size:.85rem; }
.auto-alert.good { background:#e3f2e9; color:#176640; }
.auto-alert.bad { background:#fae7e7; color:#9d2b2b; }

.auto-approval-list { display:grid; gap:10px; }
.auto-approval { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:15px; border:1px solid #dfe6e1; border-radius:13px; }
.auto-approval.selected { border-color:#bd7c1c; box-shadow:0 0 0 3px rgba(189,124,28,.12); }
.auto-approval p { margin:4px 0; color:#657068; font-size:.84rem; }
.auto-approval small { color:#737d76; }
.auto-approval a { color:#276d48; }
.auto-deadline { font-weight:800; color:#8a5a10; }

.auto-meter { height:7px; border-radius:4px; background:#eceff0; overflow:hidden; margin-top:6px; }
.auto-meter i { display:block; height:100%; background:#2f8b5c; }
.auto-meter.warn i { background:#c99312; }
.auto-meter.over i { background:#b8484c; }

.auto-worker { display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid #e0e7e2; border-radius:11px; margin-bottom:6px; }
.auto-worker span:first-of-type { flex:1; min-width:0; }
.auto-worker small { display:block; color:#7a847c; }

.auto-manager-status { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0; }
.auto-manager-status span { padding:5px 9px; border-radius:8px; background:#f0f4f1; color:#59685f; font-size:.75rem; }
.auto-manager-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.auto-manager-grid label { display:grid; gap:5px; color:#657068; font-size:.73rem; font-weight:750; }
.auto-manager-grid input, .auto-manager-grid select { min-width:0; border:1px solid #d7e0da; border-radius:9px; padding:9px 10px; background:#fbfcfb; color:#17221c; font:500 .82rem var(--font-sans); }
.auto-manager-check { display:flex !important; grid-column:span 2; align-items:center; grid-template-columns:auto 1fr !important; align-self:end; min-height:40px; }
.auto-manager-check input { width:18px; height:18px; }
.auto-manager-save { grid-column:span 2; display:flex; justify-content:flex-end; align-items:center; gap:14px; }
.auto-manager-save small { color:#6b756f; text-align:right; }

.auto-details { margin-top:10px; }
.auto-details summary { cursor:pointer; color:#286d49; font-weight:700; font-size:.79rem; }
.auto-details[open] summary { margin-bottom:8px; }
.auto-steps { display:grid; gap:4px; font-size:.78rem; }
.auto-steps div { display:flex; gap:9px; padding:5px 8px; background:#f7faf8; border-radius:8px; }
.auto-steps b { color:#3f7a5b; font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,monospace); }

@media(max-width:1180px){ .auto-metrics{grid-template-columns:repeat(3,1fr)} }
@media(max-width:980px){
  .auto-metrics{grid-template-columns:1fr 1fr}
  .auto-columns,.auto-schedule,.auto-split{grid-template-columns:1fr}
  .auto-hero{align-items:start;flex-direction:column}
  .auto-manager-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .automation-route-bar{align-items:flex-start}
  .automation-route-actions{flex-direction:column;align-items:flex-end}
  .auto-metrics,.auto-manager-grid{grid-template-columns:1fr}
  .auto-panel{padding:16px}
  .auto-approval{align-items:flex-start;flex-direction:column}
  .auto-manager-check,.auto-manager-save{grid-column:span 1}
  .auto-manager-save{align-items:stretch;flex-direction:column}
  .auto-manager-save small{text-align:left}
  .automation-route-shell>main{width:min(100% - 24px,1500px)}
}