.aida-panel {display:grid;gap:20px;color:var(--ink)}
.aida-tabs {display:flex;flex-wrap:wrap;gap:6px;padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.aida-tabs button {border:1px solid transparent;background:transparent;color:var(--muted);border-radius:9px;padding:10px 14px;font:inherit;font-size:13px;cursor:pointer}
.aida-tabs button:hover {background:var(--panel-2);color:var(--ink)}
.aida-tabs button.active {background:var(--panel-2);color:var(--gold);border-color:var(--line)}
.aida-view,.aida-list,.aida-new-layout {display:grid;gap:16px;min-width:0}
.aida-view h3 {font-size:16px;margin:4px 0}
.aida-stats {display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));gap:10px}
.aida-stat,.aida-card,.aida-row {background:var(--panel);border:1px solid var(--line);border-radius:14px;min-width:0}
.aida-stat {padding:18px}
.aida-stat span {color:var(--muted);font-size:12px}
.aida-stat strong {display:block;margin-top:10px;font-size:25px;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums}
.aida-layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.aida-form {display:grid;gap:15px;padding:22px}
.aida-form label {display:grid;gap:7px;font-size:13px;line-height:1.5;color:var(--ink)}
.aida-form input,.aida-form textarea,.aida-form select {box-sizing:border-box;width:100%;background:var(--panel-2);border:1px solid var(--line);border-radius:9px;padding:11px 12px;color:var(--ink);font:inherit;line-height:1.5;color-scheme:dark}
.aida-form input::placeholder,.aida-form textarea::placeholder {color:var(--muted);opacity:.8}
.aida-form textarea {resize:vertical;min-height:90px}
.aida-panel button:focus-visible,.aida-form input:focus-visible,.aida-form textarea:focus-visible,.aida-form select:focus-visible {outline:2px solid var(--gold);outline-offset:3px}
.aida-panel button:disabled {opacity:.5;cursor:wait}
.aida-form input:disabled,.aida-form textarea:disabled {opacity:.65}
.aida-new-form {padding:0;gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.aida-new-hero {display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:26px;background:var(--panel-2);border-bottom:1px solid var(--line)}
.aida-new-hero h3 {margin:7px 0 10px;font-size:25px;font-weight:600;letter-spacing:-.035em}
.aida-new-hero .aida-note {max-width:640px}
.aida-eyebrow {margin:0;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.aida-hero-badge {flex:0 0 auto;border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--gold);font-size:11px;font-weight:600}
.aida-call-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;background:var(--panel)}
.aida-section {display:grid;align-content:start;gap:14px;padding:20px}
.aida-wide {grid-column:1/-1}
.aida-section-title {display:flex;align-items:flex-start;gap:11px;margin-bottom:3px}
.aida-section-title>span {display:grid;place-items:center;width:27px;height:27px;flex:0 0 auto;border:1px solid var(--line);color:var(--gold);border-radius:50%;font-size:11px;font-weight:600}
.aida-section-title h4 {margin:0 0 4px;font-size:14px;font-weight:600}
.aida-section-title p {margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.aida-phone-shell {display:grid;grid-template-columns:auto 1fr;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel-2)}
.aida-phone-prefix {align-self:stretch;display:grid;place-items:center;padding:0 13px;color:var(--gold);border-right:1px solid var(--line);font-weight:600}
.aida-phone-shell input {border:0;border-radius:0;font-size:18px;font-weight:500;letter-spacing:.025em}
.aida-phone-shell:focus-within {outline:2px solid var(--gold);outline-offset:2px}
.aida-dialpad {display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.aida-dial-key {min-height:40px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--ink);font:inherit;font-size:15px;cursor:pointer}
.aida-dial-key:hover,.aida-language-card:hover {border-color:var(--gold)}
.aida-dial-key.muted {color:var(--muted);font-size:11px}
.aida-language-grid,.aida-chip-grid {display:flex;flex-wrap:wrap;gap:8px}
.aida-language-card {flex:1 1 130px;display:grid;gap:6px;text-align:left;border:1px solid var(--line);border-radius:11px;background:var(--panel-2);padding:15px;color:var(--ink);font:inherit;cursor:pointer}
.aida-language-card small {color:var(--muted);font-size:12px}
.aida-language-card.active {border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.aida-chip {position:relative;cursor:pointer}
.aida-chip input {position:absolute;opacity:0;width:1px;height:1px;padding:0}
.aida-chip span {display:inline-flex;align-items:center;min-height:34px;border:1px solid var(--line);border-radius:8px;padding:7px 11px;background:var(--panel-2);color:var(--muted);font-size:12px;line-height:1.4}
.aida-chip:hover span,.aida-chip input:focus-visible+span {border-color:var(--gold);color:var(--ink)}
.aida-chip input:checked+span {border-color:var(--gold);color:var(--gold)}
.aida-chip input:focus-visible+span {outline:2px solid var(--gold);outline-offset:3px}
.aida-schedule-grid {display:grid;gap:10px}
.aida-rules-card {background:var(--panel-2)}
.aida-action-bar {position:sticky;bottom:0;z-index:2;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 22px;border-top:1px solid var(--line);background:var(--panel)}
.aida-action-bar strong,.aida-action-bar span {display:block}
.aida-action-bar strong {font-size:13px;font-weight:600}
.aida-action-bar span {margin-top:5px;color:var(--muted);font-size:12px}
.aida-action-buttons {display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.aida-form h3,.aida-card h3 {margin:0;font-size:16px}
.aida-note {margin:0;color:var(--muted);line-height:1.65;font-size:12px}
.aida-form .aida-check {display:flex;align-items:flex-start;gap:10px;color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:12px;background:var(--panel-2);font-size:13px}
.aida-check input {width:16px;height:16px;flex:0 0 16px;margin-top:2px;accent-color:var(--gold)}
.aida-rules {margin:0;padding:0 0 0 18px;color:var(--muted);line-height:1.8;font-size:12px}
.aida-row {padding:18px;overflow-wrap:anywhere}
.aida-row-main,.aida-row-meta,.aida-row-actions {display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.aida-row-main strong {font-size:14px;font-weight:600}
.aida-row p {margin:10px 0 7px;color:var(--muted);font-size:13px;line-height:1.6;white-space:pre-wrap}
.aida-row small {color:var(--muted);font-size:11px;line-height:1.5}
.aida-row-meta {justify-content:flex-start;margin-top:12px;color:var(--muted);font-size:11px;gap:14px}
.aida-row-actions {justify-content:flex-start;margin-top:14px}
.aida-pill {display:inline-flex;align-items:center;border:1px solid var(--line);background:var(--panel-2);color:var(--gold);border-radius:999px;padding:5px 9px;font-size:10px;line-height:1.3}
.aida-detail {display:grid;gap:13px;padding:22px;border-color:var(--gold);overflow-wrap:anywhere}
.aida-detail h4 {margin:12px 0 0;font-size:13px}
.aida-detail p {font-size:13px;line-height:1.6;margin:0;white-space:pre-wrap}
.aida-warning {margin:0;border:1px solid var(--gold);border-radius:10px;background:var(--panel-2);padding:13px 15px;color:var(--ink);font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.aida-warning[hidden] {display:none}
.aida-new-form>.aida-warning {margin:14px 16px}
.aida-warning .btn {margin-left:8px}
.aida-objective-detail {margin-top:10px}
@media(max-width:1100px) {
 .aida-stats {grid-template-columns:repeat(3,minmax(0,1fr))}
 .aida-layout {grid-template-columns:1fr}
}
@media(max-width:680px) {
 .aida-call-grid {grid-template-columns:1fr;padding:10px}
 .aida-wide {grid-column:auto}
 .aida-new-hero,.aida-action-bar {align-items:stretch;flex-direction:column;padding:20px}
 .aida-hero-badge {align-self:flex-start}
 .aida-action-buttons,.aida-action-buttons .btn {width:100%}
 .aida-stats {grid-template-columns:repeat(2,minmax(0,1fr))}
 .aida-tabs {gap:3px}
 .aida-tabs button {padding:10px;font-size:12px}
 .aida-section,.aida-form,.aida-detail {padding:17px}
 .aida-new-form {padding:0}
}

.aida-keypad summary {cursor:pointer;color:var(--muted);font-size:12px;padding:4px 0}
.aida-keypad[open] summary {margin-bottom:10px;color:var(--gold)}
.aida-language-grid {align-items:flex-start}
