.agency-sales h1 { margin-bottom: 8px; }
.agency-sales .toolbar { display:flex; flex-wrap: wrap; gap: 10px; }
.agency-sales .toolbar>input[type=search] { flex:1 1 260px; width:auto; }
.agency-sales .toolbar>select { flex:0 1 260px; width:auto; }
.agency-sales input,.agency-sales select,.as-dialog input,.as-dialog textarea { max-width:100%; padding:9px; border:1px solid var(--border,#ddd); border-radius:8px; font:inherit; }
.agency-sales .toolbar label { display:flex; gap:8px; align-items:center; }
.as-metrics { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; }
.as-stat { padding:18px; background:white; border:1px solid var(--border,#ddd); border-radius:12px; display:flex; flex-direction:column; gap:8px; }
.as-stat strong { font-size:26px; color:#0f766e; }
.as-stat span { font-size:13px; }
.as-board { display:flex; gap:14px; overflow-x:auto; padding:8px 0 18px; align-items:flex-start; }
.as-column { box-sizing:border-box; flex:1 0 245px; max-width:340px; background:#edf3f5; padding:12px; border-radius:14px; }
.as-column h2 { font-size:15px; display:flex; justify-content:space-between; gap:10px; }
.as-card { background:#fff; border:1px solid var(--border,#ddd); border-radius:12px; padding:14px; margin-top:12px; overflow-wrap:anywhere; }
.as-card h3 { margin:0 0 10px; font-size:16px; }
.as-card p { font-size:12px; }
.as-card select { width:100%; }
.as-actions { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.as-actions .btn { font-size:12px; padding:7px 10px; }
.as-overdue { color:#b42318; font-weight:600; }
.as-table { overflow:auto; max-width:100%; }
.as-table table { width:100%; border-collapse:collapse; background:#fff; }
.as-table th,.as-table td { padding:12px; text-align:start; border-bottom:1px solid var(--border,#ddd); }
.as-dialog { width:420px; max-width:calc(100vw - 32px); border:1px solid #ccd; border-radius:14px; padding:24px; }
.as-dialog::backdrop { background:#0005; }
.as-dialog label { display:flex; flex-direction:column; gap:6px; margin:14px 0; }
.agency-client-tabs { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 18px; }
@media(max-width:600px) { .as-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .agency-sales .toolbar>input { width:100%; min-width:0; } .as-column { flex-basis:85%; } }