/* Flat settings surfaces; the controls provide the only visual containers. */
#view-settings { max-width:1080px; margin:0 auto; }
#view-settings .config-layout { display:grid; grid-template-columns:150px minmax(0,1fr); gap:48px; align-items:start; padding-top:8px; }
#view-settings .config-navigation { display:grid; gap:4px; position:sticky; top:32px; padding:2px 20px 2px 0; border-right:1px solid var(--line); }
#view-settings .config-navigation button { position:relative; min-height:42px; padding:10px 14px; border:0; border-radius:7px; background:transparent; color:var(--muted); font:inherit; font-size:14px; text-align:left; cursor:pointer; }
#view-settings .config-navigation button:hover { color:var(--ink); background:var(--surface-soft); }
#view-settings .config-navigation button[aria-selected="true"] { color:var(--ink); font-weight:600; }
#view-settings .config-navigation button[aria-selected="true"]::before { content:""; position:absolute; left:0; top:15px; bottom:15px; width:3px; border-radius:3px; background:var(--accent); }
#view-settings .config-content { min-width:0; }
#view-settings [data-config-panel][hidden] { display:none; }
#view-settings [data-config-panel]:not([hidden]) { animation:config-reveal .18s ease-out; }
#view-settings .config-navigation button { transition:background .16s,color .16s; }
#view-settings .config-navigation button[aria-selected="true"]::before { animation:config-indicator .18s ease-out; }
@keyframes config-reveal { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
@keyframes config-indicator { from { opacity:0; } to { opacity:1; } }
#view-settings .panel { margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; overflow:visible; }
#view-settings .panel + .panel { margin-top:36px; }
#view-settings .panel-head { padding:0 0 18px; align-items:center; flex-wrap:wrap; gap:12px; }
#view-settings .panel h3 { margin:0; font:600 17px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:-.02em; }
#view-settings .panel-head p { margin:5px 0 0; color:var(--muted); font-size:12px; line-height:1.5; }
#view-settings .config-row { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:20px 0; border-top:1px solid var(--line); }
#view-settings .config-row-copy { display:grid; gap:5px; min-width:0; }
#view-settings .config-row-copy > span { font-size:14px; font-weight:500; }
#view-settings .config-row-copy small { color:var(--muted); font-size:12px; line-height:1.5; }
#view-settings .profile-timezone-picker { flex-shrink:0; }
#view-settings .profile-timezone-picker .timezone-picker { width:220px; }
#view-settings .contract-value-control { display:flex; align-items:center; gap:6px; flex:none; color:var(--muted); }
#view-settings .contract-value-control input { width:140px; min-height:36px; text-align:right; }
#view-settings #contractValueStatus { color:var(--muted); font-size:12px; }
#view-settings .calendar-config-panel form { display:block; max-width:none; }
#view-settings .calendar-recording-choice { margin:0; display:flex; justify-content:space-between; gap:20px; cursor:pointer; }
#view-settings input[type="checkbox"]:is(.config-switch,.phone-number-switch) { appearance:none; -webkit-appearance:none; width:36px; min-width:36px; height:22px; padding:0; margin:0; border:1px solid var(--line); border-radius:20px; background:var(--surface-raised); box-shadow:none; position:relative; cursor:pointer; transition:background .15s; }
#view-settings input[type="checkbox"]:is(.config-switch,.phone-number-switch)::before { content:""; position:absolute; width:16px; height:16px; top:2px; left:2px; border-radius:50%; background:#fff; box-shadow:0 1px 3px #0003; transition:transform .15s; }
#view-settings input[type="checkbox"]:is(.config-switch,.phone-number-switch):checked { background:#34a853; border-color:#34a853; }
#view-settings input[type="checkbox"]:is(.config-switch,.phone-number-switch):checked::before { transform:translateX(14px); }
#view-settings input[type="checkbox"]:focus-visible { outline:3px solid var(--focus); outline-offset:3px; }
#view-settings input[type="checkbox"]:disabled { cursor:default; }
#view-settings .config-disclosure { border-top:1px solid var(--line); }
#view-settings .config-disclosure > summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 0; list-style:none; cursor:pointer; font-size:14px; font-weight:500; }
#view-settings summary::-webkit-details-marker { display:none; }
#view-settings .config-disclosure > summary::after { content:""; width:6px; height:6px; flex:none; margin-right:5px; border-right:1.5px solid var(--muted); border-bottom:1.5px solid var(--muted); transform:rotate(-45deg); transition:transform .18s ease; }
#view-settings .config-disclosure[open] > summary::after { transform:rotate(45deg); }
#view-settings .config-disclosure[open] .config-disclosure-body,#view-settings .config-help[open] p { animation:config-reveal .18s ease-out; }
#view-settings .config-disclosure-body { display:grid; gap:10px; padding:0 0 20px; }
#view-settings .config-disclosure-body label { font-size:12px; color:var(--muted); }
#view-settings .config-disclosure-body textarea { min-height:150px; font-size:13px; }
#view-settings .config-help { color:var(--muted); font-size:12px; line-height:1.6; }
#view-settings .config-help summary { width:fit-content; list-style:none; cursor:pointer; color:var(--muted); }
#view-settings .config-help summary::after { content:" +"; }
#view-settings .config-help[open] summary::after { content:" −"; }
#view-settings .config-help p { margin:10px 0 0; max-width:580px; }
#view-settings .config-help p + p { margin-top:8px; }
#view-settings .calendar-config-footer { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; border-top:1px solid var(--line); padding-top:16px; }
#view-settings #calendarConfigStatus { flex:none; font-size:11px; line-height:1.7; color:var(--muted); max-width:45%; }
#view-settings #calendarConfigStatus[data-state="error"] { color:var(--danger); }
#view-settings #calendarConfigStatus[data-state="saved"] { animation:config-indicator .18s ease-out; }
#view-settings .button { border-radius:7px; font-size:12px; font-weight:500; min-height:34px; box-shadow:none; }
#view-settings .button:hover { transform:none; box-shadow:none; }
#view-settings .config-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
#view-settings .sender-account-list { padding:0; gap:0; }
#view-settings .sender-account-row { padding:18px 0; border:0; border-top:1px solid var(--line); border-radius:0; background:transparent; gap:12px; flex-wrap:nowrap; align-items:center; }
#view-settings .sender-account-avatar { flex:0 0 30px; height:30px; border-radius:50%; font-size:13px; color:var(--muted); background:var(--surface-raised); }
#view-settings .sender-account-identity { flex:1; }
#view-settings .sender-account-identity strong { font-weight:500; }
#view-settings .sender-account-controls { width:auto; flex:none; }
#view-settings .sender-status-tag { border:0; background:transparent; padding:6px 8px; font-weight:500; }
#view-settings .sender-status-tag.ready,#view-settings .sender-status-tag.active { color:var(--positive); background:transparent; }
#view-settings .sender-status-tag.warming_up { color:var(--warning); background:transparent; }
#view-settings .sender-account-empty { padding:18px 0; border-top:1px solid var(--line); line-height:1.6; }
#view-settings .config-count { font-size:12px; font-weight:400; color:var(--muted); margin-left:8px; }
#view-settings .shared-signature-field { padding:0; gap:10px; }
#view-settings .shared-signature-editor-shell { border-radius:8px; background:transparent; }
#view-settings .shared-signature-editor-shell { transition:border-color .16s,box-shadow .16s; }
#view-settings .signature-format-toolbar { background:transparent; }
#view-settings .phone-number-toggle { flex-direction:row-reverse; flex:none; }
#view-settings .phone-number-toggle > span { min-width:46px; text-align:right; color:var(--muted); font-size:11px; }
#view-settings .twilio-account-actions { padding-bottom:14px; }
#view-settings .phone-numbers-status { margin:10px 0 0; padding:0; }
#view-settings .music-library-body { grid-template-columns:minmax(160px,.7fr) minmax(0,1.4fr); gap:24px; padding:0; border-top:1px solid var(--line); padding-top:24px; }
#view-settings .music-playlists { padding-right:24px; }
#view-settings .music-song-list { max-height:460px; scrollbar-width:thin; }
#view-settings .music-song-icon { background:transparent; width:20px; }
#view-settings .music-preview { transition:background .16s,color .16s; }
#view-settings .music-preview:hover { background:var(--surface-raised); color:var(--accent); }
#view-settings .music-preview { background:transparent; border:0; }
#view-settings .music-library-note { margin:14px 0 0; font-size:10px; }
#view-settings .music-library-body form { flex-wrap:wrap; }
#view-settings .music-library-body form input { flex-basis:120px; }
#view-settings .workspace-members-table { width:100%; border-collapse:collapse; table-layout:auto; }
#view-settings .workspace-members-table .visually-hidden { position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; }
#view-settings .workspace-members-table th { padding:10px 10px 14px; background:transparent; border-top:1px solid var(--line); border-bottom:1px solid var(--line); color:var(--muted); font-size:11px; font-weight:400; text-transform:none; letter-spacing:0; }
#view-settings .workspace-members-table td { padding:18px 10px; background:transparent; border-bottom:1px solid var(--line); color:var(--ink); font-size:12px; }
#view-settings .workspace-members-table th:first-child,#view-settings .workspace-members-table td:first-child { padding-left:0; }
#view-settings .workspace-members-table th:last-child,#view-settings .workspace-members-table td:last-child { padding-right:0; }
#view-settings .workspace-member-identity { display:flex; align-items:center; gap:10px; min-width:140px; }
#view-settings .workspace-member-identity > span:last-child { overflow-wrap:anywhere; }
#view-settings .workspace-member-identity small { display:block; margin-top:4px; color:var(--muted); font-size:10px; }
#view-settings .workspace-members-table .workspace-member-timezone { color:var(--muted); overflow-wrap:anywhere; }
#view-settings .workspace-members-table time { white-space:nowrap; }
#view-settings .workspace-member-role-field { display:inline-flex; align-items:center; gap:7px; }
#view-settings .workspace-member-role { width:85px; min-height:30px; padding:5px 18px 5px 7px; border:1px solid transparent; border-radius:6px; background-color:transparent; color:var(--ink); font:inherit; font-size:12px; cursor:pointer; transition:border-color .16s,background-color .16s; }
#view-settings .workspace-member-role:hover,#view-settings .workspace-member-role:focus-visible { border-color:var(--line); background-color:var(--surface-soft); }
#view-settings .workspace-member-role:disabled { color:var(--muted); cursor:wait; }
#view-settings .workspace-member-role-status { color:var(--muted); font-size:10px; white-space:nowrap; }
#view-settings .workspace-member-role-status.error { color:var(--danger); }
#view-settings .workspace-member-role-status:empty { display:none; }
@media(prefers-reduced-motion:reduce) { #view-settings .workspace-member-role { transition:none; } }
#view-settings .workspace-member-actions { text-align:right; white-space:nowrap; vertical-align:middle; }
#view-settings .workspace-member-agreement { display:inline-flex; align-items:center; gap:5px; border:0; border-radius:6px; background:transparent; color:var(--muted); padding:7px 8px; font:inherit; font-size:11px; cursor:pointer; transition:color .16s,background .16s; white-space:nowrap; }
#view-settings .workspace-member-agreement svg { width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linejoin:round; }
#view-settings .workspace-member-agreement:hover { color:var(--ink); background:var(--surface-soft); }
#view-settings .workspace-member-agreement.is-linked { color:var(--accent); }
.workspace-agreement-dialog { width:min(430px,calc(100% - 32px)); }
.workspace-agreement-dialog[open] { animation:config-reveal .16s ease-out; }
.workspace-agreement-dialog .workspace-invite-heading { align-items:flex-start; margin-bottom:18px; }
.workspace-agreement-dialog .workspace-invite-heading p { margin:6px 0 0; font-size:12px; }
.workspace-agreement-provider { display:block; margin-bottom:18px; }
html[data-theme="dark"] .workspace-agreement-provider { filter:brightness(0) invert(1); opacity:.85; }
.workspace-agreement-dialog input,.workspace-agreement-dialog select { width:100%; min-height:38px; padding:9px 10px; border:1px solid var(--line); border-radius:7px; background:var(--surface-soft); color:var(--ink); font:inherit; font-size:12px; }
.workspace-agreement-dialog select { margin-bottom:12px; }
.workspace-agreement-dialog small { display:block; margin:9px 0; font-size:10px; color:var(--muted); }
#workspaceAgreementChoices { max-height:280px; overflow:auto; }
#workspaceAgreementChoices > button { display:flex; width:100%; align-items:center; justify-content:space-between; gap:12px; padding:12px 2px; border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; color:var(--ink); text-align:left; font:inherit; font-size:12px; cursor:pointer; transition:background .16s; }
#workspaceAgreementChoices > button:hover { background:var(--surface-soft); }
#workspaceAgreementChoices > button small { margin:5px 0 0; text-transform:capitalize; }
#workspaceAgreementChoices > button:disabled { opacity:.5; cursor:wait; }
.workspace-agreement-dialog details { margin-top:18px; color:var(--muted); font-size:11px; }
.workspace-agreement-dialog summary { cursor:pointer; }
#workspaceAgreementIdForm { display:flex; align-items:center; gap:8px; margin-top:10px; }
.workspace-agreement-dialog button:not(.workspace-invite-close) { font:inherit; }
#workspaceAgreementIdForm button,.workspace-agreement-linked-actions button { border:0; border-radius:6px; padding:8px 10px; color:var(--ink); background:var(--surface-soft); font-size:12px; cursor:pointer; }
.workspace-agreement-linked-actions { display:flex; justify-content:space-between; margin-top:24px; }
#unlinkWorkspaceAgreement { color:var(--danger); background:transparent; }
#workspaceAgreementSubject { margin:0; font-size:15px; font-weight:500; overflow-wrap:anywhere; }
#workspaceAgreementState { text-transform:capitalize; font-size:11px; }
#workspaceAgreementEnvelope { display:block; margin-top:10px; overflow-wrap:anywhere; }
#workspaceAgreementStatus { font-size:12px; }
#workspaceAgreementStatus:empty { display:none; }
.workspace-agreement-empty { padding:14px 0; font-size:12px; }
.workspace-agreement-connect { color:var(--ink); font-size:12px; }
@media(prefers-reduced-motion:reduce) { .workspace-agreement-dialog[open] { animation:none; } #view-settings .workspace-member-agreement { transition:none; } }
#view-settings .workspace-member-remove { border:0; border-radius:6px; background:transparent; color:var(--danger); padding:7px 8px; font:inherit; font-size:11px; cursor:pointer; transition:background .16s; }
#view-settings .workspace-member-remove:hover { background:var(--danger-soft); }
#view-settings .workspace-member-remove:disabled { color:var(--muted); opacity:.4; cursor:default; background:transparent; }
#view-settings .workspace-member-actions > button { display:inline-flex; align-items:center; justify-content:center; height:30px; line-height:1; vertical-align:middle; }
#view-settings .workspace-member-agreement { margin-right:4px; }
#view-settings .workspace-members-status { margin:12px 0 0; font-size:12px; color:var(--muted); }
#view-settings .workspace-members-status:empty { display:none; }
#view-settings .workspace-members-status.error { color:var(--danger); }
.workspace-member-dialog { width:min(420px,calc(100% - 32px)); }
.workspace-member-dialog-body { padding:28px; }
.workspace-member-dialog h3 { margin:0; font-size:18px; font-weight:600; }
.workspace-member-dialog p { font-size:13px; color:var(--muted); line-height:1.6; overflow-wrap:anywhere; }
.workspace-member-dialog #workspaceMemberRemoveStatus { color:var(--danger); }
.workspace-member-dialog #workspaceMemberRemoveStatus:empty { display:none; }
.workspace-member-dialog .dialog-actions { margin-top:22px; padding:0; }
.workspace-member-dialog .dialog-actions form { margin:0; }
#view-settings .workspace-invite-button svg { width:14px; height:14px; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; fill:none; }
.workspace-invite-dialog { width:min(360px,calc(100% - 32px)); }
.workspace-invite-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; }
.workspace-invite-close { border:0; background:transparent; color:var(--muted); font:inherit; font-size:22px; padding:0 4px; cursor:pointer; }
.workspace-invite-dialog label { display:block; color:var(--muted); font-size:12px; margin:18px 0 8px; }
.workspace-invite-dialog input,.workspace-invite-dialog select { width:100%; min-height:40px; font:inherit; font-size:13px; border:1px solid var(--line); border-radius:8px; background:var(--surface-soft); color:var(--ink); padding:10px 12px; }
.workspace-invite-dialog small { display:block; color:var(--muted); font-size:11px; line-height:1.5; margin-top:8px; }
.workspace-invite-dialog #workspaceInviteStatus { color:var(--danger); font-size:12px; }
.workspace-invite-dialog #workspaceInviteStatus:empty { display:none; }
.workspace-invite-dialog .button { min-height:36px; border-radius:8px; font-weight:500; }
.workspace-invite-dialog[open] { animation:config-reveal .16s ease-out; }
@media(prefers-reduced-motion:reduce) { .workspace-invite-dialog[open] { animation:none; } }
@media(max-width:1100px) {
  #view-settings .config-layout { grid-template-columns:120px minmax(0,1fr); gap:28px; }
  #view-settings .config-navigation { padding-right:12px; }
}
@media(max-width:700px) {
  #view-settings .config-layout { grid-template-columns:minmax(0,1fr); gap:28px; padding-top:0; }
  #view-settings .config-navigation { display:flex; position:static; border-right:0; border-bottom:1px solid var(--line); padding:0; gap:16px; }
  #view-settings .config-navigation button { text-align:center; padding:10px 2px 14px; font-size:13px; }
  #view-settings .config-navigation button[aria-selected="true"]::before { inset:auto 0 -1px; width:auto; height:2px; }
  #view-settings .config-row { gap:16px; }
  #view-settings .config-row:has(.profile-timezone-picker) { flex-wrap:wrap; }
  #view-settings .profile-timezone-picker { width:100%; }
  #view-settings .profile-timezone-picker .timezone-picker { width:100%; }
  #view-settings .music-library-body { grid-template-columns:minmax(0,1fr); }
  #view-settings .music-playlists { padding:0 0 20px; border-right:0; border-bottom:1px solid var(--line); }
  #view-settings .music-song-list { max-height:340px; }
  #view-settings .sender-account-row { flex-wrap:wrap; }
  #view-settings .sender-account-identity { flex:1 1 calc(100% - 42px); }
  #view-settings .sender-account-controls { margin-left:42px; }
  #view-settings .phone-number-toggle { margin-left:42px; }
  #view-settings .config-navigation { gap:10px; flex-wrap:wrap; }
  #view-settings .config-navigation button { font-size:12px; }
  #view-settings .workspace-members-table thead { position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; }
  #view-settings .workspace-members-table tbody { display:block; border-top:1px solid var(--line); }
  #view-settings .workspace-members-table tr { display:block; padding:18px 0; border-bottom:1px solid var(--line); }
  #view-settings .workspace-members-table td { display:flex; justify-content:space-between; gap:12px; padding:7px 0; border:0; }
  #view-settings .workspace-members-table td[data-label]::before { content:attr(data-label); color:var(--muted); }
  #view-settings .workspace-members-table .workspace-member-identity { justify-content:flex-start; padding:0 0 12px; }
  #view-settings .workspace-members-table .workspace-member-actions { justify-content:flex-end; align-items:center; gap:4px; padding:8px 0 0; }
  #view-settings .workspace-member-agreement { margin-right:0; }
}
@media(prefers-reduced-motion:reduce) {
  #view-settings,#view-settings *,#view-settings *::before,#view-settings *::after { animation:none !important; transition:none !important; }
}
.company-blocklist-disclosure .config-disclosure-body{display:grid;gap:14px}
.company-blocklist-disclosure h4{margin:0;font-size:14px}
.company-blocklist-disclosure p{margin:0;color:var(--muted,#69717b);font-size:13px;line-height:1.5}
.company-blocklist-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}
.company-blocklist-form label{display:grid;gap:5px;min-width:150px;flex:1;font-size:12px;color:var(--muted,#69717b)}
.company-blocklist-form label:nth-child(2){flex:2;min-width:220px}
.company-blocklist-form select,.company-blocklist-form input{width:100%;min-height:38px}
.company-blocklist-form button{min-height:38px}
.company-blocklist-entries{display:grid;gap:6px}
.company-blocklist-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid var(--border,#dce1e8);border-radius:9px}
.company-blocklist-entry span{display:grid;gap:2px;overflow-wrap:anywhere}
.company-blocklist-entry small{color:var(--muted,#69717b)}
.company-blocklist-status:empty{display:none}