.ads-workspace { --ads-accent:#185848; }
.ads-heading { display:flex; align-items:start; justify-content:space-between; gap:18px; margin-bottom:22px; }
.ads-heading h1 { margin-top:5px; }
.ads-heading p { margin:6px 0; color:var(--muted-color); font-size:13px; }
.ads-badge { display:inline-block; border:1px solid #d9cba7; background:#fff7e7; color:#705021; border-radius:20px; padding:6px 12px; font-size:12px; white-space:nowrap; }
.ads-tabs,.ads-tools,.ads-buttons { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.ads-tabs { margin:20px 0; }
.ads-tabs button[aria-selected=true] { background:#185848; color:white; border-color:#185848; }
.ads-tools { margin:18px 0; justify-content:space-between; }
.ads-card { border:1px solid var(--border-color); border-radius:12px; background:white; padding:22px; margin:16px 0; }
.ads-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(270px,1fr)); gap:14px; }
.ads-list-item { display:flex; flex-direction:column; align-items:start; text-align:left; border:1px solid var(--border-color); border-radius:12px; background:white; color:#24364b; padding:20px; gap:10px; min-width:0; }
.ads-list-item strong { font-size:16px; overflow-wrap:anywhere; }
.ads-list-item span { color:#67768a; font-size:12px; overflow-wrap:anywhere; }
.ads-list-item .ads-status { color:#185848; background:#eaf4ee; border-radius:5px; padding:4px 8px; }
.ads-detail-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,.8fr); gap:20px; }
.ads-detail h2 { overflow-wrap:anywhere; }
.ads-detail dl { display:grid; grid-template-columns:120px minmax(0,1fr); gap:10px; font-size:13px; }
.ads-detail dt { color:#65768a; } .ads-detail dd { margin:0; overflow-wrap:anywhere; }
.ads-metrics { display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:14px; margin:20px 0; }
.ads-metric { border:1px solid var(--border-color); border-radius:10px; background:#f8fafc; padding:15px; }
.ads-metric strong { display:block; font-size:26px; color:#185848; margin-bottom:5px; }
.ads-metric span { font-size:12px; color:#63758b; }
.ads-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; }
.ads-field { display:flex; flex-direction:column; gap:7px; font-size:13px; }
.ads-field input,.ads-field select,.ads-field textarea,.ads-tools select,.ads-review select { width:100%; padding:10px; border:1px solid #c7d1db; border-radius:7px; background:white; color:#213249; }
.ads-field input:invalid:focus { border-color:#ae2525; }
.ads-form .ads-wide { grid-column:1/-1; }
.ads-preview { max-width:100%; max-height:340px; object-fit:contain; display:block; background:#edf2f5; border-radius:8px; margin:16px auto; }
.ads-note { border-left:3px solid #d8aa58; background:#fff9ed; padding:12px 16px; font-size:12px; color:#71562f; line-height:1.7; }
.ads-review { display:flex; flex-direction:column; gap:12px; }
.ads-confirm { border:2px solid #bd8050; background:#fff8ef; border-radius:10px; padding:20px; margin:18px 0; }
.ads-confirm h3 { margin-top:0; }
.ads-audit { list-style:none; padding:0; font-size:12px; }
.ads-audit li { padding:12px 0; border-bottom:1px solid var(--border-color); overflow-wrap:anywhere; }
.ads-notice { padding:12px 16px; border:1px solid #bddaca; background:#edf8f1; border-radius:8px; }
.ads-empty { padding:35px 20px; text-align:center; border:1px dashed #cbd5dd; border-radius:12px; background:#fff; }
@media(max-width:900px){.ads-detail-grid{grid-template-columns:1fr}.ads-heading{flex-direction:column}.ads-form{grid-template-columns:1fr}.ads-form .ads-wide{grid-column:auto}}