*{box-sizing:border-box}body{margin:0;background:#f4f7f7;color:#18363a;font:16px/1.6 system-ui,-apple-system,sans-serif}header{display:flex;align-items:center;gap:14px;padding:28px 6%;border-bottom:1px solid #dce5e5;background:#fff;font-weight:650}small{display:block;font-size:12px;font-weight:400;color:#5e7375}main{max-width:1200px;margin:0 auto;min-height:73vh;display:flex;align-items:center;gap:80px;padding:72px 32px}.eyebrow,.badge{font-size:11px;font-weight:700;letter-spacing:1.6px;color:#00756d}h1{font-size:clamp(30px,4vw,49px);line-height:1.13;letter-spacing:-1.8px;margin:0}h2{font-size:29px;letter-spacing:-.8px;margin:20px 0 12px}p{color:#536b6e}.card{background:white;border:1px solid #dce5e5;padding:38px;border-radius:20px;width:410px;box-shadow:0 16px 50px #153b3c08}.badge{background:#e6f5ef;padding:7px 10px;border-radius:5px;display:inline-block}.button{display:inline-flex;justify-content:center;gap:8px;align-items:center;text-decoration:none;background:#00796f;color:white;border:0;border-radius:8px;padding:15px 20px;width:fit-content;max-width:100%;align-self:flex-start;justify-self:start;flex:0 1 auto;font:600 15px system-ui;cursor:pointer;margin:0}.button:hover{background:#005e56}.button:focus-visible{outline:3px solid #26aebe;outline-offset:4px}.checks{border-top:1px solid #e4eaea;padding-top:15px;font-size:13px}.checks p{margin:10px 0}.fine{font-size:12px;color:#677b7e}.active{color:#00776d;font-weight:700}.notice{background:#eef5f5;padding:16px;border-radius:8px;font-size:14px;margin:24px 0}.standalone{margin:auto;width:650px}.standalone h1{font-size:34px}dd{margin:4px 0;overflow-wrap:anywhere;font-size:13px}dt{font-weight:600;font-size:13px}footer{text-align:center;color:#647b7d;font-size:12px;padding:24px}@media(max-width:800px){main{flex-direction:column;gap:32px;padding:40px 22px}.card{width:100%;max-width:600px;padding:26px}header{padding:20px 22px}}
.access-page{width:100%;max-width:1000px;margin:auto}.access-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.access-heading h1{font-size:36px}.search-form{display:flex;align-items:end;gap:var(--button-gap,10px);background:#f4f7f7;padding:20px;border-radius:10px;margin:28px 0}.search-form label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.search-form input,.search-form select{font:inherit;border:1px solid #b9cccc;border-radius:6px;padding:12px;width:100%;background:white;color:#18363a}.search-field{flex:1}.search-form .button{width:fit-content;margin:0;white-space:nowrap;align-self:flex-end}.people-list{list-style:none;padding:0}.people-list li{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e0e8e8;padding:18px 0;overflow-wrap:anywhere}.compact{margin:0;width:auto;white-space:nowrap}.secondary{background:#e7efef;color:#244b4e}.secondary:hover{background:#d4e4e4}.count{font-size:18px;color:#536b6e}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a{color:#006d65}@media(max-width:800px){.search-form{flex-direction:column;align-items:stretch}.access-heading{align-items:start;flex-direction:column}.people-list li{align-items:start;flex-direction:column}.search-form .button{justify-content:center;align-self:flex-start}}
[hidden]{display:none!important}#user-suggestions{max-height:320px;overflow-y:auto}#user-suggestions li{padding:0}.user-suggestion{display:block;text-align:left;width:fit-content;max-width:100%;border:0;background:white;padding:14px 16px;cursor:pointer;font:inherit;color:inherit}.user-suggestion:hover,.user-suggestion:focus-visible{background:#e6f5ef;outline:2px solid #00796f;outline-offset:-2px}#selected-user .button{margin-top:16px}
.app-form{margin:0;padding-block:0}.app-form > :last-child{margin-bottom:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.app-form label{display:block;font-size:14px;font-weight:650;margin-bottom:7px}.app-form input{width:100%;font:inherit;padding:12px;border:1px solid #b9cccc;border-radius:7px;color:#18363a}.action-row{display:flex;flex-wrap:wrap;gap:var(--button-gap,10px);margin:var(--button-block-gap,16px) 0 0}.button:disabled,.button[aria-disabled="true"]{opacity:.45;cursor:not-allowed}.danger{background:#9b3434}.danger:hover{background:#7d2222}.error-notice{border-left:4px solid #ae4949}.entry-details{display:grid;grid-template-columns:150px 1fr;gap:8px 16px}.entry-details dd{font-size:14px;margin:0}.list-settings{border-top:1px solid #dce5e5;padding-top:24px;margin-top:30px}.list-settings summary{cursor:pointer;font-weight:650}@media(max-width:650px){.form-grid{grid-template-columns:1fr}.entry-details{grid-template-columns:1fr}}
.dnc-list-picker{position:relative}.dnc-list-picker input{padding-right:36px}.picker-arrow{position:absolute;right:14px;top:12px;pointer-events:none;color:#536b6e}.dnc-list-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:10;background:white;border:1px solid #b9cccc;border-radius:8px;box-shadow:0 8px 24px #153b3c1a;max-height:240px;overflow:auto}.dnc-list-dropdown ul{list-style:none;margin:0;padding:5px}.dnc-list-dropdown [role=option]{padding:10px 12px;border-radius:4px;cursor:pointer;overflow-wrap:anywhere}.dnc-list-dropdown [role=option]:hover,.dnc-list-dropdown [aria-selected=true]{background:#e6f5ef;color:#006d65}.dnc-list-dropdown p{padding:10px 14px;margin:0}

.campaign-page h1{overflow-wrap:anywhere}.page-nav,.section-heading,.pagination{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.section-heading{margin:20px 0}.section-heading h2{margin:0}.campaign-filters{flex-wrap:wrap}.campaign-filters .search-field{min-width:220px}.table-scroll{overflow:auto;border:1px solid #dce5e5;border-radius:10px;margin:22px 0}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.data-table th{background:#f1f6f5;font-size:12px;color:#536b6e;text-transform:uppercase;letter-spacing:.6px}.data-table th,.data-table td{padding:15px 14px;border-bottom:1px solid #e1e9e8;vertical-align:top}.data-table td{overflow-wrap:anywhere;min-width:95px;max-width:340px}.data-table tbody tr:last-child td{border-bottom:0}.data-table small{margin-top:5px}.table-detail td{padding-top:0}.status{display:inline-block;padding:4px 10px;border-radius:5px;font-size:12px;background:#edf0f3;color:#526270;white-space:nowrap}.status-running{background:#e0f3e9;color:#176942}.status-paused,.status-pending{background:#fff0d4;color:#8c600d}.status-ended,.status-completed{background:#eee9f1;color:#6e557e}.pagination{justify-content:center;font-size:14px}.campaign-tools{margin-top:30px}.tool-panel{border:1px solid #dce5e5;border-radius:10px;padding:20px;margin:18px 0}.tool-panel summary{cursor:pointer;font-weight:650}.tool-panel .app-form{max-width:720px}.campaign-page select,.campaign-page textarea{font:inherit;width:100%;color:#18363a;background:white;border:1px solid #b9cccc;border-radius:7px;padding:12px}.campaign-page textarea{resize:vertical;font:14px/1.6 ui-monospace,monospace}.tool-panel label{margin-top:18px}.campaign-page input[type=file]{font-size:14px}.campaign-page .notice p:last-child{margin-bottom:0}@media(max-width:650px){.campaign-filters .search-field{min-width:0}.data-table th,.data-table td{padding:12px}.tool-panel{padding:16px}.page-nav{font-size:14px}}

.standalone > dl > dd{font-size:18px}


.connections-page h1{font-size:36px}.connections-page .section-heading{align-items:center}.connection-actions{display:flex;gap:2px;flex-wrap:wrap}.connection-form select,.app-form select{width:100%;font:inherit;padding:12px;border:1px solid #b9cccc;border-radius:7px;background:#fff;color:#18363a}.password-field{display:flex;gap:8px}.password-field input{min-width:0}.password-toggle{border:1px solid #b9cccc;border-radius:7px;background:#eef5f5;color:#244b4e;cursor:pointer;padding:0 14px;font:inherit}.connection-form .checkbox-label{display:flex;align-items:center;gap:10px;font-weight:400}.connection-form input[type=checkbox]{width:auto;flex-shrink:0}.connection-form input:focus-visible,.connection-form select:focus-visible,.password-toggle:focus-visible{outline:3px solid #26aebe;outline-offset:2px}

/* Database workspace follows the Cisco DB Connector's navigation, tables and pill actions. */
.database-workspace{background:#f4f6f8;color:#1b1b1b}.database-workspace header{background:#1b1b1b;color:white;padding:18px 5%;border:0}.database-workspace header small{color:#c1c9cc}.database-workspace main{max-width:1400px;padding:32px;align-items:flex-start;min-height:76vh}.database-workspace .access-page{max-width:1200px;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}.database-workspace h1{font-size:30px;letter-spacing:-.7px;margin:0}.database-workspace h2{font-size:24px}.database-workspace p{color:#58585b}.database-workspace a{color:#007eaf}.database-workspace .button{border-radius:24px;background:#049fd9;color:white;font-size:14px;padding:11px 18px;justify-content:center}.database-workspace .button:hover{background:#005073}.database-workspace .secondary{background:white;color:#18363a;border:1px solid #dce2e7}.database-workspace .danger{background:#a83232}.database-workspace .data-table{background:white}.database-workspace .data-table th{background:#fafbfc;color:#53616c}.database-workspace .table-scroll{border:1px solid #e1e4e8;border-radius:12px;box-shadow:0 2px 8px #00000008}.database-workspace .data-table td{vertical-align:middle}.database-workspace .badge{border-radius:20px;padding:4px 11px;letter-spacing:.3px}.database-workspace .env-dev{color:#005073;background:#d9f1fb}.database-workspace .env-prod{color:#2a5e1a;background:#e5f3dd}.database-workspace .env-uat,.database-workspace .env-test{color:#806100;background:#fff2c5}.content-panel{background:white;border:1px solid #e1e4e8;border-radius:12px;padding:20px}.database-empty{padding:32px 12px;text-align:center;color:#58585b}.stacked-form label{margin-top:20px}.stacked-form > label:first-of-type{margin-top:0}.stacked-form textarea{width:100%;padding:12px;border:1px solid #b9cccc;border-radius:7px;font:inherit;resize:vertical;color:#18363a}.stacked-form .sql-editor{font:14px/1.6 Consolas,monospace;tab-size:4;min-height:0}.sql-preview{font:12px/1.6 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.database-workspace .search-form{background:transparent;padding:0}.database-workspace .search-form input{background:white}.database-workspace .app-form select{background:white}.database-workspace .stacked-form textarea:focus-visible{outline:3px solid #26aebe;outline-offset:2px}@media(max-width:650px){.database-workspace main{padding:24px 16px}.content-panel{padding:14px}.database-workspace .section-heading{align-items:flex-start}.database-workspace h1{font-size:27px}}

/* Shared signed-in application layout. */
.app-shell .app-layout{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 66px)}.app-shell .app-content{min-width:0}.app-shell header{padding:10px 20px}.app-shell main{display:block;width:100%;max-width:1400px;margin:0 auto;padding:36px 40px;min-height:calc(100vh - 160px)}.app-sidebar{background:#fff;border-right:1px solid #e1e4e8;padding:28px 18px 22px;display:flex;flex-direction:column;gap:36px;position:sticky;top:0;height:calc(100vh - 66px);align-self:start;overflow-y:auto}.sidebar-nav{display:flex;flex-direction:column;gap:8px}.app-shell .sidebar-link{display:block;text-decoration:none;color:#475569;font-size:14px;font-weight:400;padding:8px 14px;border-radius:8px;border-left:3px solid transparent}.app-shell .sidebar-link:hover{background:#f1f6fa;color:#005073}.app-shell .sidebar-link[aria-current=page]{background:#e1f3fb;color:#005073;border-left-color:#049fd9;font-weight:550}.sidebar-group{margin-top:22px}.app-shell .sidebar-group h2{font-size:11px;font-weight:750;letter-spacing:.9px;text-transform:uppercase;color:#74808c;line-height:1.6;margin:0 14px 8px}.skip-link{position:absolute;left:12px;top:-80px;padding:10px;background:#fff;z-index:20}.skip-link:focus{top:8px}.app-shell .home-page{max-width:1200px}.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;margin:24px 0}.home-grid h2{margin:0 0 12px}.app-shell .home-shortcut{display:flex;flex-direction:column;gap:5px;text-decoration:none;padding:16px 0;border-top:1px solid #e6ebef}.home-shortcut strong{font-size:15px}.home-shortcut span{color:#65717d;font-size:13px}.home-shortcut:hover strong{text-decoration:none}.app-shell .standalone{width:100%;max-width:900px}.app-shell .card.access-page{max-width:1200px}@media(max-width:1000px){.app-shell .app-layout{grid-template-columns:210px minmax(0,1fr)}.app-shell main{padding:28px 24px}.home-grid{grid-template-columns:1fr}.app-sidebar{padding:24px 12px}}@media(max-width:650px){.app-shell .app-layout{grid-template-columns:160px minmax(0,1fr)}.app-shell main{padding:22px 14px}.app-sidebar{padding:20px 8px;gap:24px}.app-shell .sidebar-link{padding:7px 8px;font-size:12px}.app-shell .sidebar-group h2{margin-left:8px;font-size:10px;letter-spacing:.3px}.app-shell header{padding:8px 16px}.app-shell h1{font-size:27px}.home-grid{gap:16px}.home-grid .content-panel{padding:14px}.app-shell .action-row .button{white-space:normal}.app-shell .section-heading{gap:12px}.app-shell .form-grid{grid-template-columns:1fr}}@media(max-width:400px){.app-shell .app-layout{grid-template-columns:132px minmax(0,1fr)}.app-shell main{padding:18px 10px}.app-shell .sidebar-link{font-size:11px}.app-shell .sidebar-group h2{font-size:9px}.app-shell .home-grid .content-panel{padding:12px}}

.home-grid.home-grid-user{grid-template-columns:1fr}

.access-role-actions,.access-role-actions form{display:flex;align-items:center;gap:var(--button-gap,10px);flex-wrap:wrap}.access-role-actions select,#selected-role,#previous-search select[name=app_role]{font:inherit;padding:10px;border:1px solid var(--border);border-radius:7px;background:var(--field);color:var(--text);color-scheme:inherit}.access-role-actions select option,#selected-role option,#previous-search select[name=app_role] option{background:var(--field);color:var(--text)}.access-role-actions .button{margin:0}#selected-user #selected-role{display:block;width:100%;max-width:320px;margin:8px 0 14px}#selected-user label{font-weight:650}

/* Outline navigation icons inherit the link's active, hover, and focus colors. */
.app-shell .sidebar-link{display:flex;align-items:center;gap:10px;line-height:1.4}
.sidebar-icon{display:block;width:20px;height:20px;flex:0 0 20px}
@media(max-width:650px){.app-shell .sidebar-link{gap:7px}.sidebar-icon{width:18px;height:18px;flex-basis:18px}}
@media(max-width:400px){.app-shell .sidebar-link{gap:5px}.sidebar-icon{width:16px;height:16px;flex-basis:16px}}

/* Keep links clean across default, visited, hover, and keyboard-focus states. */
a,a:visited,a:hover,a:focus,a:active{text-decoration:none}

/* Align page titles with headers that use access-heading. */
.app-shell .access-page > .section-heading:first-child{margin-top:0}

/* Momentum icon actions in the connections table. */
:is(.connections-page,.saved-campaign-groups) .connection-actions .icon-action{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:7px;margin:0;border:0;border-radius:8px;background:transparent;color:#53616c;cursor:pointer;line-height:1;text-decoration:none;flex:0 0 36px}
:is(.connections-page,.saved-campaign-groups) .connection-actions .icon-action:hover{background:#e1f3fb;color:#005073}
:is(.connections-page,.saved-campaign-groups) .connection-actions .icon-action-delete:hover{background:#fbe9e9;color:#a83232}
:is(.connections-page,.saved-campaign-groups) .connection-actions .icon-action:focus-visible{outline:3px solid #26aebe;outline-offset:2px}
:is(.connections-page,.saved-campaign-groups) .connection-actions form{display:flex;margin:0}
.icon-action .action-icon{display:block;width:20px;height:20px;flex:none}

/* Keep password visibility controls inside the input without covering its text. */
.password-field{position:relative;display:block}
.password-field input{width:100%;padding-right:50px}
.password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:7px;border:0;border-radius:6px;background:transparent;color:#53616c}
.password-toggle:hover{background:#eef5f5;color:#005073}
.password-toggle .action-icon{display:block;width:20px;height:20px}
.password-toggle[hidden],.password-toggle [hidden]{display:none}

/* Header account dropdown and persistent organization label. */
.account-menu{margin-left:auto;position:relative;flex:none;font-weight:400;z-index:50}
.account-menu-trigger{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:10px;cursor:pointer;color:#f4f4f4;list-style:none}
.account-menu-trigger::-webkit-details-marker{display:none}
.account-menu-trigger:hover,.account-menu[open] .account-menu-trigger{background:#353535}
.account-menu-trigger:focus-visible,.account-sign-out:focus-visible{outline:3px solid #26aebe;outline-offset:3px}
.account-avatar{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#535353;color:#fff;font-size:16px;line-height:1;font-weight:450}
.account-dropdown{position:absolute;right:0;top:calc(100% + 14px);width:260px;max-width:calc(100vw - 28px);padding:26px 0 0;border:1px solid #505050;border-radius:10px;background:#1c1c1c;color:#f4f4f4;box-shadow:0 12px 30px #0003}
.account-dropdown::before{content:"";position:absolute;right:24px;top:-8px;width:14px;height:14px;background:#1c1c1c;border-left:1px solid #505050;border-top:1px solid #505050;transform:rotate(45deg)}
.account-profile{text-align:center;padding:0 20px 14px}
.account-avatar-large{width:68px;height:68px;font-size:26px;margin-bottom:10px}
.database-workspace .account-name{color:#fff;font-size:16px;font-weight:400;line-height:1.4;margin:8px 0;overflow-wrap:anywhere}
.database-workspace .account-role{color:#d5d5d5;font-size:14px;font-weight:400;margin:6px 0}
.account-sign-out{display:flex;width:100%;max-width:100%;justify-self:start;padding:8px 12px;border:0;border-radius:0;background:transparent;color:#f4f4f4;font:400 14px/1.5 system-ui,-apple-system,sans-serif;text-align:left;cursor:pointer}
.account-sign-out:hover{background:#333}
.sidebar-organization{border-top:1px solid #e1e4e8;padding:20px 14px 0;margin-top:auto;display:flex;flex-direction:column;gap:6px}
.sidebar-org-label{font-size:10px;color:#74808c;text-transform:uppercase;letter-spacing:.8px;font-weight:700}
.sidebar-org-name{font-size:13px;font-weight:600;color:#475569;overflow-wrap:anywhere;line-height:1.5}
@media(max-width:650px){.account-menu-trigger{gap:4px;padding:4px}.account-avatar{width:34px;height:34px;font-size:14px}.account-avatar-large{width:64px;height:64px;font-size:24px}.sidebar-organization{padding:16px 8px 0}.sidebar-org-name{font-size:11px}}

.account-dropdown,.account-dropdown .account-avatar,.account-dropdown .account-sign-out{font-weight:400}

/* All pages share the same palette; public pages retain their centered layout. */
.database-workspace.public-shell header{padding:10px 20px}
.database-workspace.public-shell main{max-width:1200px;min-height:calc(100vh - 150px);align-items:center;padding:64px 32px}
.public-shell .card{border-color:#e1e4e8;border-radius:12px;box-shadow:0 2px 8px #00000008}
.database-workspace .active,.database-workspace .eyebrow{color:#007eaf}
@media(max-width:800px){.database-workspace.public-shell main{padding:40px 22px;gap:32px}.database-workspace.public-shell header{padding:8px 16px}}

.login-form label{display:block;font-size:13px;font-weight:600;margin:18px 0 6px}
.login-form input[type=email]{display:block;width:100%;padding:12px;border:1px solid #b9cccc;border-radius:7px;background:#fff;color:#18363a;font:inherit}
.login-form input:focus-visible{outline:3px solid #26aebe;outline-offset:2px}
.login-form .button{margin:var(--button-block-gap,16px) 0 0}

.public-shell .login-card{margin:auto;width:100%;max-width:440px}

.database-workspace.public-shell main{min-height:calc(100vh - 66px)}
.public-shell .login-title{font-size:25px;line-height:1.3;letter-spacing:-.5px;margin:0 0 24px}
.login-card .login-form .button{margin-bottom:0}

.public-shell:has(.login-copyright) .app-content{min-height:calc(100vh - 66px);display:flex;flex-direction:column}
.public-shell:has(.login-copyright) main{flex:1;min-height:0;width:100%}
.login-copyright{margin-top:auto;padding:16px 28px;text-align:left;font-size:12px;color:#65717d}
@media(max-width:800px){.login-copyright{padding:16px 22px}}

.database-workspace .auth-action{display:inline-flex;width:auto;justify-content:center;margin-left:0;margin-right:auto}

.header-logo{display:block;width:42px;height:42px;object-fit:contain;flex:none}
.login-logo{display:block;width:72px;height:72px;object-fit:contain;margin:0 0 20px}
.login-title span{display:block}
@media(max-width:480px){.public-shell .login-title{font-size:20px}.database-workspace header{gap:10px}.header-logo{width:38px;height:38px}}

[data-dnc-export] > button[type="submit"]{margin-top:20px}

.database-workspace [data-export-download]{display:inline-flex;width:auto;margin-left:0;margin-right:auto;justify-content:center}

/* Collapsible sidebar: preserve section heading slots in the icon rail. */
.sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;padding:7px;border:0;border-radius:7px;background:transparent;color:#eee;cursor:pointer}
.sidebar-toggle:hover{background:#353535}
.sidebar-toggle:focus-visible{outline:3px solid #26aebe;outline-offset:3px}
.app-shell.sidebar-collapsed .app-layout{grid-template-columns:72px minmax(0,1fr)}
.app-shell.sidebar-collapsed .app-sidebar{min-width:0;padding-left:8px;padding-right:8px;overflow-x:hidden}
.app-shell.sidebar-collapsed .sidebar-link{font-size:0;gap:0;justify-content:center;padding:8px 8px}
.app-shell.sidebar-collapsed .sidebar-icon{width:20px;height:20px;flex-basis:20px}
.app-shell.sidebar-collapsed .sidebar-group h2{visibility:hidden}
.app-shell.sidebar-collapsed .sidebar-organization{display:none}

.sidebar-org-identity{display:flex;align-items:center;gap:10px;color:#65717d}
.sidebar-org-identity .sidebar-icon{width:20px;height:20px;flex:0 0 20px}
.app-shell.sidebar-collapsed .sidebar-organization{display:flex;padding:20px 8px 0}
.app-shell.sidebar-collapsed .sidebar-org-label,.app-shell.sidebar-collapsed .sidebar-org-name{display:none}
.app-shell.sidebar-collapsed .sidebar-org-identity{justify-content:center}
.sidebar-organization:focus-visible{outline:3px solid #26aebe;outline-offset:3px;border-radius:6px}
.sidebar-tooltip{position:fixed;z-index:1000;max-width:min(280px,calc(100vw - 32px));padding:7px 11px;border-radius:6px;background:#252525;color:#fff;box-shadow:0 3px 12px #0003;font-size:13px;font-weight:400;line-height:1.4;pointer-events:none;overflow-wrap:anywhere}

.session-expired .app-layout,.session-expired header{visibility:hidden}
.database-workspace .session-timeout-status{color:#ddd;font-size:12px;margin:8px 0 0}

/* Shared control metrics for every page, including links styled as buttons.
   Icon controls and account navigation keep their dedicated compact layouts. */
/* Match the Audit Logs filter actions: 16px above a new action row,
   10px between related text buttons. Containers own spacing, not buttons. */
.database-workspace{--button-gap:10px;--button-block-gap:16px}
.database-workspace .button{font-family:system-ui,-apple-system,sans-serif;font-size:14px;line-height:20px;padding:11px 18px;min-height:44px;border:1px solid transparent;border-radius:24px}
.database-workspace :is(.app-form,.stacked-form) > .button{margin:var(--button-block-gap) 0 0}
.database-workspace :is(.app-form,.login-form) :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea){display:block}
.database-workspace .action-row .button{margin:0}
.database-workspace .form-grid > label,.database-workspace .app-form > :has(+ :is(.button,.action-row)),.database-workspace .app-form > .notice:has(+ [hidden] + .action-row){margin-bottom:0}
.database-workspace .connection-actions:has(> .button),.database-workspace .pagination{gap:var(--button-gap)}
.database-workspace .button.secondary{border-color:#dce2e7}
.database-workspace .button:disabled,.database-workspace .button[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
.database-workspace :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea){border-radius:7px}
.database-workspace :is(input,select,textarea):focus-visible{outline:3px solid #26aebe;outline-offset:2px}

/* App-wide Light / Dark / System palette. Structural component sizes stay shared. */
:root{color-scheme:light;--page:#fff;--chrome:#f1f2f3;--surface:#fff;--surface-alt:#f6f7f8;--text:#1b1b1b;--muted:#58585b;--border:#dce2e7;--field:#fff;--hover:#e5e8eb;--accent:#007eaf;--nav-selected:#d7d7d7;--nav-hover:#e5e5e5;--nav-selected-tab:#000;--selected:#e1f3fb;--selected-text:#005073;--notice:#eef5f7;--focus:#007eaf;--error:#b54444;--avatar:#d8dcdf;--shadow:#0002}
:root[data-theme=dark]{color-scheme:dark;--page:#000;--chrome:#181818;--surface:#111;--surface-alt:#202020;--text:#f5f5f5;--muted:#c0c3c7;--border:#414141;--field:#202020;--hover:#303030;--accent:#6bcafa;--nav-selected:#303030;--nav-hover:#262626;--nav-selected-tab:#fff;--selected:#123448;--selected-text:#a2ddff;--notice:#18282e;--focus:#6bcafa;--error:#f08080;--avatar:#484848;--shadow:#0008}
@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--page:#000;--chrome:#181818;--surface:#111;--surface-alt:#202020;--text:#f5f5f5;--muted:#c0c3c7;--border:#414141;--field:#202020;--hover:#303030;--accent:#6bcafa;--nav-selected:#303030;--nav-hover:#262626;--nav-selected-tab:#fff;--selected:#123448;--selected-text:#a2ddff;--notice:#18282e;--focus:#6bcafa;--error:#f08080;--avatar:#484848;--shadow:#0008}}
html,.database-workspace,.database-workspace .app-content,.database-workspace main{background:var(--page);color:var(--text)}
.database-workspace header,.database-workspace .app-sidebar{background:var(--chrome);color:var(--text);border-color:var(--border)}
.database-workspace header small{color:var(--muted)}
.database-workspace :is(h1,h2,h3,dt,label){color:var(--text)}
.database-workspace :is(p,small,.fine,.count,.home-shortcut span,.sidebar-org-name,.sidebar-org-identity,.sidebar-org-label,.login-copyright){color:var(--muted)}
.database-workspace a,.database-workspace :is(.eyebrow,.active){color:var(--accent)}
.database-workspace :is(.card,.content-panel,.tool-panel,.data-table,.dnc-list-dropdown,.account-dropdown){background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:0 2px 8px var(--shadow)}
.database-workspace .access-page{background:transparent;box-shadow:none}
.database-workspace :is(.table-scroll,.data-table th,.data-table td,.people-list li,.list-settings,.home-shortcut,.sidebar-organization,.tool-panel,.checks){border-color:var(--border)}
.database-workspace .data-table th{background:var(--surface-alt);color:var(--muted)}
.database-workspace :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea){background:var(--field);color:var(--text);border-color:var(--border)}
.database-workspace input::placeholder,.database-workspace textarea::placeholder{color:var(--muted);opacity:1}
.database-workspace :is(input,select,textarea,.button,.icon-action,.password-toggle,.sidebar-toggle,.sidebar-link,.account-menu-trigger,.account-sign-out):focus-visible{outline-color:var(--focus)}
.database-workspace .button{background:#049fd9;color:#fff}
.database-workspace .button:hover{background:#005073;color:#fff}
.database-workspace .button.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}
.database-workspace .button.secondary:hover{background:var(--hover);color:var(--text)}
.database-workspace .button.danger{background:#a83232;color:#fff}
.database-workspace .button.danger:hover{background:#7d2222}
.database-workspace .sidebar-link{color:var(--text)}
.database-workspace .sidebar-link:hover{background:var(--nav-hover);color:var(--text)}
.database-workspace .sidebar-group h2{color:var(--muted)}
.database-workspace :is(.sidebar-toggle,.password-toggle,.icon-action){background:transparent;color:var(--muted)}
.database-workspace :is(.sidebar-toggle,.password-toggle,.icon-action):hover{background:var(--hover);color:var(--text)}
.database-workspace .icon-action-delete:hover{background:var(--notice);color:var(--error)}
.database-workspace .notice{background:var(--notice);color:var(--text)}
.database-workspace .error-notice{border-left-color:var(--error)}
.database-workspace .search-form{background:transparent}
.database-workspace .user-suggestion{background:var(--surface);color:var(--text)}
.database-workspace .user-suggestion:hover,.database-workspace .user-suggestion:focus-visible,.database-workspace .dnc-list-dropdown [role=option]:hover,.database-workspace .dnc-list-dropdown [aria-selected=true]{background:var(--selected);color:var(--selected-text)}
.database-workspace .account-menu-trigger{color:var(--text)}
.database-workspace .account-menu-trigger:hover,.database-workspace .account-menu[open] .account-menu-trigger{background:var(--hover)}
.database-workspace .account-avatar{background:var(--avatar);color:var(--text)}
.database-workspace .account-dropdown::before{background:var(--surface);border-color:var(--border)}
.database-workspace .account-name{color:var(--text)}
.database-workspace :is(.account-role,.session-timeout-status){color:var(--muted)}
.database-workspace .account-sign-out{background:transparent;color:var(--text);border-color:var(--border)}
.database-workspace .account-sign-out:hover{background:var(--selected);color:var(--selected-text)}
:root[data-theme=dark] .database-workspace :is(.badge,.status){background:#263440;color:#d7e8f5}
:root[data-theme=dark] .database-workspace :is(.env-dev,.status-running){background:#153c35;color:#a1e3ce}
:root[data-theme=dark] .database-workspace .env-prod{background:#253c21;color:#c1e8b7}
:root[data-theme=dark] .database-workspace :is(.status-paused,.status-pending){background:#443719;color:#ffe0a2}
:root[data-theme=dark] .database-workspace :is(.status-ended,.status-completed){background:#392d43;color:#e4c9fa}

/* Profile settings follow the same value-and-chevron row and side-menu pattern. */
.profile-setting-form{margin:0}
.profile-setting{position:relative;font-weight:400}
.profile-setting-row{display:flex;align-items:center;gap:12px;padding:8px 12px;cursor:pointer;list-style:none;font-size:14px;line-height:1.5;color:var(--text)}
.profile-setting-row::-webkit-details-marker{display:none}
.profile-setting-value{margin-left:auto;color:var(--muted);white-space:nowrap}
.profile-setting-chevron{font-size:25px;line-height:20px;font-weight:400}
.profile-setting-row:hover,.profile-setting[open]>.profile-setting-row{background:var(--selected);color:var(--selected-text)}
.profile-setting-options{position:absolute;right:100%;top:0;min-width:150px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:7px;box-shadow:0 5px 18px var(--shadow);z-index:60}
.profile-setting-option{display:flex;align-items:center;justify-content:space-between;gap:16px;width:fit-content;max-width:100%;justify-self:start;padding:8px 12px;border:0;border-radius:4px;background:transparent;color:var(--text);font:400 14px/20px system-ui,-apple-system,sans-serif;text-align:left;white-space:nowrap;cursor:pointer}
.profile-setting-option[aria-pressed=true]::after{content:'\2713';font-size:14px;color:var(--accent)}
.profile-setting-option:hover,.profile-setting-option:focus-visible{background:var(--selected);color:var(--selected-text)}
.profile-setting-option:disabled{opacity:.5;cursor:wait}
.profile-setting-row:focus-visible,.profile-setting-option:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.profile-setting-form .session-timeout-status{padding:0 12px 10px;margin:0}
@media(max-width:520px){.profile-setting-options{position:static;min-width:0;margin:0 6px 8px;box-shadow:none}}

/* Overview shortcut descriptions are plain text; links fit only their item names. */
.home-shortcut > a{align-self:flex-start}

.saved-campaign-groups{list-style:none;padding:0}.saved-campaign-groups li{display:flex;align-items:center;gap:12px;padding:6px 0}.saved-campaign-groups li>a{overflow-wrap:anywhere}.saved-campaign-groups .connection-actions{flex-wrap:nowrap;flex-shrink:0}

/* Separate Service App disconnect action from the connection card. */
.service-disconnect-form{margin-top:24px}

.tls-page .content-panel{margin-top:20px}.tls-page dd{margin:4px 0 16px;overflow-wrap:anywhere}.tls-page code{overflow-wrap:anywhere}.tls-page .app-form button{margin-top:16px}

.tls-settings-form .checkbox-label{display:flex;align-items:center;gap:10px;font-weight:400}.tls-settings-form .checkbox-label input{width:auto;flex-shrink:0}

/* Keep application chrome stationary; only content and overflowing navigation scroll. */
body.app-shell{height:100vh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}
.app-shell>header{position:relative;z-index:30}
.app-shell .app-layout{min-height:0;overflow:hidden}
.app-shell .app-content{min-height:0;overflow:auto;overscroll-behavior:contain}
.app-shell .app-sidebar{position:relative;top:auto;height:100%;min-height:0;overflow:hidden}
.app-shell .sidebar-nav{min-height:0;overflow-y:auto;overflow-x:hidden;flex:1}
.app-shell .sidebar-nav > *{flex-shrink:0}
.app-shell .sidebar-organization{flex-shrink:0}
.app-shell .app-layout{background:var(--chrome)}
.app-shell .app-content{border-top-left-radius:24px}
.app-shell .sidebar-organization{border-top:0}
.app-shell .app-sidebar{border-right:0}

/* Contact list toolbar and row actions. */
.contact-list-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:24px}
.contact-list-toolbar .campaign-filters{margin:0}
.contact-list-refresh,.contact-list-action-trigger{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted,#53616c);cursor:pointer;list-style:none;text-decoration:none}
.contact-list-action-trigger{font-size:26px;line-height:1}
.contact-list-refresh:hover,.contact-list-action-trigger:hover,.contact-list-action-trigger[aria-expanded=true]{background:var(--hover,#e1f3fb);color:var(--accent,#005073)}
.contact-list-refresh:focus-visible,.contact-list-action-trigger:focus-visible,.contact-list-action-menu button:focus-visible{outline:3px solid var(--focus,#26aebe);outline-offset:2px}
.contact-list-action-menu{position:fixed;inset:auto;margin:0;width:128px;box-sizing:border-box;padding:4px;border:1px solid var(--border,#dce5e5);border-radius:8px;background:var(--surface,#fff);box-shadow:0 4px 12px var(--shadow,#0002)}
.contact-list-action-menu button{display:block;width:fit-content;max-width:100%;padding:8px 12px;border:0;border-radius:4px;background:transparent;color:var(--text,#18363a);font:inherit;text-align:left;cursor:pointer}
.contact-list-action-menu button:hover{background:var(--hover,#e1f3fb)}

.database-workspace .contact-list-refresh{color:var(--accent)}
.database-workspace .contact-list-refresh:hover{color:var(--accent);background:var(--hover)}

/* Shared pop-out affordance: outlined square and outward arrow. */
.external-link{display:inline-flex;align-items:center;gap:6px}.external-link-icon{display:inline-block;width:16px;height:16px;flex:0 0 16px;vertical-align:middle}

.contact-list-action-trigger:disabled{cursor:default;opacity:.45}
.contact-list-action-trigger:disabled:hover{background:transparent;color:var(--muted,#53616c)}

.contact-list-refresh[aria-busy=true]{cursor:progress}
.contact-list-refresh[aria-busy=true] svg{animation:contact-list-refresh-spin 1s linear infinite}
@keyframes contact-list-refresh-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.contact-list-refresh[aria-busy=true] svg{animation:none}}

.database-workspace .data-table :is(.contact-list-sort,.table-sort){color:inherit;text-decoration:none;white-space:nowrap}
.database-workspace .data-table :is(.contact-list-sort,.table-sort):hover{text-decoration:underline}
:is(.contact-list-sort,.table-sort):focus-visible{outline:3px solid var(--focus,#26aebe);outline-offset:3px;border-radius:2px}

.campaign-page .campaign-dialing-mode{margin:6px 0 0;color:var(--muted,#53616c);font-size:16px;font-weight:500}

/* Compact Contact List rows with ID and source on a single line. */
#contact-list-results .data-table th{padding:10px 12px}
#contact-list-results .data-table tbody tr:not(.table-detail) td{padding:8px 12px;vertical-align:middle}
#contact-list-results .data-table .table-detail td{padding:0 12px 8px}
#contact-list-results .table-detail small{margin-top:0}
.contact-list-identity{display:flex;align-items:center;justify-content:space-between;gap:12px}
.contact-list-identity strong{min-width:0}
#contact-list-results .contact-list-identity small{margin:0;text-align:right;white-space:nowrap}

#contact-list-results .data-table tbody tr:not(.table-detail) td:nth-child(3),
#contact-list-results .data-table tbody tr:not(.table-detail) td:nth-child(4),
#contact-list-results .data-table tbody tr:not(.table-detail) td:nth-child(5){text-align:left;font-variant-numeric:tabular-nums}

.connections-page .data-table code.sql-preview{display:block;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;line-height:1.5}

[data-query-preview] .data-table th{white-space:pre;text-transform:none;letter-spacing:normal;overflow-wrap:normal}

.contact-import-preview th{text-transform:none;letter-spacing:normal}

.app-shell .app-sidebar{gap:12px}
.app-shell .sidebar-link{min-width:0;overflow:hidden}
.sidebar-link-label,.sidebar-org-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
.sidebar-link-label{flex:1}
.sidebar-org-identity{min-width:0}
.app-shell .sidebar-organization{padding-top:8px}
.app-shell.sidebar-collapsed .sidebar-link-label{display:none}

.database-workspace .sidebar-link[aria-current=page]{background:var(--nav-selected);color:var(--text);border-left-color:var(--nav-selected-tab)}

.campaign-settings-form{display:flex;flex-direction:column;gap:0}.campaign-settings-form > .campaign-settings-field + .campaign-settings-field{margin-top:28px}.campaign-settings-field{display:flex;flex-direction:column;gap:10px}.campaign-settings-field label{margin:0}.campaign-settings-field .button{align-self:flex-start}

.campaign-group-controls{display:flex;align-items:center;gap:var(--button-gap,10px)}.campaign-group-controls select{flex:1;min-width:0}.campaign-group-controls .button{flex-shrink:0;align-self:center;margin-top:0;white-space:nowrap}@media(max-width:650px){.campaign-group-controls{flex-wrap:wrap}.campaign-group-controls select{flex-basis:100%}}

.sql-management-table{table-layout:fixed;min-width:850px}
.sql-management-table th:first-child,.sql-management-table td:first-child{width:auto;max-width:none}
.sql-management-table th:nth-child(2),.sql-management-table td:nth-child(2){width:130px;min-width:0}
.sql-management-table th:nth-child(3),.sql-management-table td:nth-child(3){width:160px;min-width:0}
.sql-management-table th:nth-child(4),.sql-management-table td:nth-child(4){width:240px;max-width:240px}
.connections-page .sql-management-table code.sql-preview{max-width:240px}


/* Keep icon actions in a compact final column, with content aligned to its left. */
.campaign-settings-table{--actions-column-width:144px}
.icon-actions-table th.actions-column,.icon-actions-table td.actions-column{width:var(--actions-column-width,180px);min-width:var(--actions-column-width,180px);max-width:var(--actions-column-width,180px);text-align:left;white-space:nowrap}
.icon-actions-table .actions-column .connection-actions{flex-wrap:nowrap;justify-content:flex-start}
.icon-actions-table .actions-column .connection-actions>form{flex:0 0 auto}

#main-content:focus{outline:none}.navigation-error{margin:12px 28px}.app-content[aria-busy="true"]{cursor:progress}

.list-settings-page .content-panel{margin-top:24px}.content-panel h2{margin:0 0 12px;padding:0}.saved-names-table{--actions-column-width:108px}.saved-name-form{gap:10px}.saved-name-form .campaign-group-controls input{flex:1;min-width:0}

.header-title{display:block;font-size:24px;line-height:1.2}

.workflow-steps { display:flex; list-style:none; padding:0; margin:2rem 0 2.5rem; }
.workflow-steps li { position:relative; flex:1; min-width:0; display:flex; flex-direction:column; align-items:center; gap:.75rem; text-align:center; color:var(--muted); }
.workflow-steps li:not(:last-child)::after { content:""; position:absolute; top:17px; left:calc(50% + 20px); width:calc(100% - 40px); height:3px; background:var(--border); }
.workflow-step-marker { display:grid; place-items:center; width:36px; height:36px; box-sizing:border-box; border:2px solid var(--border); border-radius:50%; background:var(--surface,#fff); font-size:1rem; font-weight:600; }
.workflow-step-label { font-size:.9rem; padding:0 .25rem; }
.workflow-steps [aria-current="step"] { color:var(--text,#1a1a1a); font-weight:700; }
.workflow-steps [aria-current="step"] .workflow-step-marker { background:var(--text,#1a1a1a); border-color:var(--text,#1a1a1a); color:var(--surface,#fff); }
.workflow-steps .is-complete { color:var(--text,#1a1a1a); }
.workflow-steps .is-complete .workflow-step-marker { border-color:var(--text,#1a1a1a); }
.workflow-steps .is-complete::after { background:var(--text,#1a1a1a); }
@media(max-width:480px) { .workflow-step-label { font-size:.75rem; } .workflow-steps { margin:1.5rem 0 2rem; } }

.contact-counts { display:flex; flex-wrap:wrap; gap:2rem; margin:1.5rem 0; }
.contact-counts dd { font-size:2rem; font-weight:700; margin:0; }
.contact-workflow select { max-width:100%; min-width:min(22rem,100%); }

.campaign-title-row { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.campaign-title-row h1 { margin:0; }

.back-link { display:inline-flex; align-items:center; gap:6px; }
.back-icon { display:block; width:20px; height:20px; flex:0 0 20px; }

#create-backup-dialog{width:min(560px,calc(100vw - 40px));box-sizing:border-box;max-height:90vh;overflow:auto;border:1px solid var(--border);border-radius:12px;padding:28px;background:var(--surface);color:var(--text)}
#create-backup-dialog::backdrop{background:#0008}
#create-backup-dialog h2{margin-top:0}
#create-backup-dialog .app-form>p{font-size:12px}

.backup-dialog{width:min(600px,calc(100vw - 40px));box-sizing:border-box;max-height:90vh;overflow:auto;border:1px solid var(--border);border-radius:12px;padding:28px;background:var(--surface);color:var(--text)}
.backup-dialog::backdrop{background:#0008}.backup-dialog h2{margin-top:0}.backup-dialog dd{overflow-wrap:anywhere}


.database-workspace .app-form input[type="file"][name="backup"]{box-sizing:border-box;padding:4px}
.database-workspace input[type="file"][name="backup"]::file-selector-button{margin:0 8px 0 0;padding:6px 10px;border:0;border-radius:4px;background:#049fd9;color:#fff;font:600 13px system-ui;cursor:pointer}
.database-workspace input[type="file"][name="backup"]::file-selector-button:hover{background:#005073}
.database-workspace input[type="file"][name="backup"]::file-selector-button:active{background:#005073}

.backup-table{--actions-column-width:174px}

.backup-create-progress{display:flex;align-items:center;gap:12px;margin:16px 0 0}.backup-create-progress p{margin:4px 0 0}.backup-progress-spinner{width:22px;height:22px;flex:0 0 22px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:backup-progress-spin .8s linear infinite}.backup-dialog form[aria-busy="true"]{cursor:progress}
@keyframes backup-progress-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.backup-progress-spinner{animation:none}}

.backup-restore-preview{margin-top:24px}

.backup-passcode-field{position:relative}
.backup-passcode-tooltip{position:absolute;top:100%;right:0;z-index:2;max-width:100%;box-sizing:border-box;margin-top:4px;padding:8px 12px;border:1px solid var(--error);border-radius:6px;background:var(--surface);color:var(--error);font-size:13px;font-weight:400;box-shadow:0 4px 12px #0002;pointer-events:none}

.audit-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.audit-filter-actions{grid-column:1/-1;display:flex;gap:var(--button-gap,10px);align-items:end;flex-wrap:wrap}.audit-filters .button{align-self:auto}.audit-table td:last-child{min-width:240px}.audit-outcome-error{background:#fbe9e9;color:#922e2e}.audit-outcome-unconfirmed{background:#fff0d4;color:#8c600d}.audit-outcome-success{background:#e0f3e9;color:#176942}

.database-workspace .audit-retention-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--button-block-gap) var(--button-gap);max-width:none}
.database-workspace .audit-retention-form label{margin:0}
.database-workspace .audit-retention-form select{width:140px;max-width:100%}
.database-workspace .audit-retention-form input[type=number]{width:100%;max-width:100%}
.database-workspace .audit-retention-form > .button{margin:0;align-self:flex-end}

.log-level-error,.log-level-critical{background:#fbe9e9;color:#922e2e}.log-level-warning{background:#fff0d4;color:#8c600d}.log-level-info{background:#e4f3fb;color:#185977}

.log-table .log-request{width:38%;min-width:260px;max-width:none}.log-table .log-details{width:44px;min-width:44px;text-align:center}.log-details-dialog{width:min(620px,calc(100vw - 40px));box-sizing:border-box;max-height:90vh;overflow:auto;border:1px solid var(--border);border-radius:12px;padding:28px;background:var(--surface);color:var(--text);text-align:left}.log-details-dialog::backdrop{background:#0008}.log-details-dialog h2{margin-top:0}.log-details-dialog dd{overflow-wrap:anywhere}

.log-details > .icon-action{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:8px;margin:0;border:0;border-radius:8px;box-shadow:none;cursor:pointer}.log-details > .icon-action:focus-visible{outline:3px solid var(--focus);outline-offset:2px}

.list-settings-page .tool-panel summary h2{display:inline;font-size:16px;font-weight:650;margin:0}.list-settings-page .tool-panel summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}

.home-grid{grid-template-areas:none}.home-column{display:flex;flex-direction:column;gap:24px;min-width:0}.home-grid.home-grid-user{grid-template-areas:none}@media(max-width:1000px){.home-column{display:contents}.home-campaign{order:1}.home-management{order:2}.home-integrations{order:3}.home-services{order:4}}

.contact-generation-form{display:grid;gap:var(--button-block-gap,16px);justify-items:start}.contact-generation-form .search-field{display:grid;gap:8px;width:100%}.contact-generation-form > .button,.contact-generation-form > p{margin:0}.contact-generation-form .operation-status:empty{display:none}

.log-advanced-filters{grid-column:1/-1;border:1px solid var(--border);border-radius:8px;padding:12px 16px}.log-advanced-filters summary{cursor:pointer;font-weight:600}.log-advanced-filters summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.log-correlation-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}.log-correlation-fields .search-field{display:grid;gap:8px}.log-correlation-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.webex-setup-token-field{margin-bottom:22px}