.autonomous-calls { margin-block: 1.5rem; padding: 1.5rem; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.autonomous-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.autonomous-grid > section { background: var(--surface-strong); border-radius: 12px; padding: 1.25rem; border: 1px solid var(--line); }
.autonomous-form { display: grid; gap: .85rem; }
.autonomous-form label { display: grid; gap: .35rem; font-size: .9rem; }
.autonomous-form input:not([type=checkbox]), .autonomous-form textarea, .autonomous-form select { width: 100%; box-sizing: border-box; padding: .6rem; border: 1px solid var(--line); border-radius: 6px; font: inherit; }
.autonomous-form textarea { min-height: 5rem; resize: vertical; }
.autonomous-form [hidden], .autonomous-grid[hidden] { display: none; }
.autonomous-note { color: var(--muted); font-size: .85rem; line-height: 1.5; }
.autonomous-review { box-sizing: border-box; max-height: calc(100dvh - 2rem); overflow-y: auto; max-width: 36rem; width: calc(100% - 3rem); border: 1px solid var(--line); border-radius: 14px; padding: 1.5rem; line-height: 1.5; background: var(--surface); color: #edf2f7; }
.autonomous-review::backdrop { background: #142a3baa; }
.autonomous-review label { display: flex; align-items: flex-start; gap: .75rem; margin-block: 1.2rem; }
.autonomous-review button { margin-right: .75rem; }
.autonomous-history-row { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; padding-block: .65rem; border-bottom: 1px solid var(--line); }
@media (max-width: 760px) { .autonomous-grid { grid-template-columns: 1fr; } .autonomous-calls { padding: 1rem; } }

.autonomous-form fieldset { min-width: 0; border: 1px solid var(--line); display: grid; gap: .75rem; }
.autonomous-form input[type=checkbox], .autonomous-review input[type=checkbox] { width: 1.15rem; min-height: 1.15rem; flex: 0 0 auto; }
.autonomous-form textarea, .autonomous-form select { background: #0b1016; color: #edf2f7; }

.member-nav { display:flex; gap:.4rem; position:sticky; top:0; z-index:2; padding:.6rem; background:var(--surface); border-radius:16px; }
.member-nav button { flex:1; border:0; background:transparent; border-radius:10px; min-height:44px; }
.member-nav button[aria-current] { background:var(--accent-soft); color:var(--accent); }
[data-member-screen] { display:grid; gap:1.5rem; }
.workspace-form { display:grid; gap:1rem; max-width:36rem; margin-block:1.5rem; }
.workspace-form label { display:grid; gap:.5rem; }
.workspace-form label:has(input[type=checkbox]) { display:flex; align-items:center; }
.workspace-form input[type=checkbox] { width:20px; }
.workspace-form textarea { background:var(--surface); color:inherit; font:inherit; border:1px solid var(--line); padding:.75rem; border-radius:10px; min-height:100px; }
.workspace-form p { color:var(--muted); font-size:.85rem; margin:0; line-height:1.5; }
.contact-row { display:flex; align-items:center; justify-content:space-between; padding:1rem 0; border-bottom:1px solid var(--line); }
.contact-row p { margin:.3rem 0 0; color:var(--muted); }
#callPreferences, #memberContacts, #smartCallSettings { padding:1.25rem; background:var(--surface); border-radius:16px; }
#smartCallSettings:empty { display:none; }
@media(max-width:600px) { .topbar {padding:16px;gap:10px;} .session-account {display:none;} main {padding:16px 12px 40px;} .member-nav {gap:0;padding:4px;} .member-nav button {padding:0 9px;} }
.autonomous-calls {margin:0;border:0;padding:0;background:transparent;}
.autonomous-calls>h2 {margin-bottom:1rem;}
.call-sheet {max-width:40rem;margin:1.5rem auto;padding:1.5rem;border:1px solid var(--line);border-radius:20px;background:var(--surface);}
.call-sheet:empty {display:none;}
.call-sheet h3 {font-size:1.4rem;margin:0 0 1.5rem;}
.autonomous-form {gap:1.15rem;}
.autonomous-form textarea {min-height:110px;padding:1rem;line-height:1.5;}
.autonomous-form label:has(input[type=checkbox]) {display:flex;align-items:center;flex-direction:row-reverse;justify-content:flex-end;gap:.75rem;}
.autonomous-form details {border-top:1px solid var(--line);padding-top:1rem;}
.autonomous-form details>label {margin-top:1rem;}
.autonomous-form summary {cursor:pointer;color:var(--muted);}
.intent-questions:empty {display:none;}
.intent-questions {display:grid;gap:1rem;}
.autonomous-form .autonomous-note {margin:0;}
.autonomous-review h2 {margin:0 0 1rem;font-size:1.4rem;}
@media(max-width:600px){.call-sheet{padding:1.1rem;}.autonomous-review{width:calc(100% - 1rem);padding:1.2rem;}}
