.ai-login-methods { margin-top:25px; }
.ai-login-separator { display:flex; align-items:center; gap:13px; color:#636b5d; font-size:11px; margin-bottom:21px; }
.ai-login-separator::before,.ai-login-separator::after { content:""; height:1px; background:#e5ecdc; flex:1; }
.ai-email-login > label { display:block; color:#606d56; font-size:12px; margin-bottom:10px; }
.ai-email-login > div:first-of-type { display:flex; gap:9px; align-items:center; }
.ai-email-login .field-control { min-width:0; flex:1; }
.ai-email-login button { flex:none; min-height:39px; font-size:11px; padding:8px 12px; }
.ai-email-login > p { color:#636b5c; font-size:10px; line-height:1.9; margin:11px 0 0; }
#xh-email-login-status { color:#5e6e52; font-size:11px; line-height:1.9; margin-top:12px; }
.ai-oauth-buttons { display:grid; gap:10px; margin-top:19px; }
.ai-oauth-buttons > a { display:flex; justify-content:center; align-items:center; min-height:39px; color:#5e6e52; background:#f4f7ed; border:1px solid #e5edda; border-radius:9px; text-decoration:none; font-size:12px; }
.ai-oauth-buttons > a:hover { background:#edf4e2; color:#587048; }
.ai-methods-unconfigured { color:#646b5d; font-size:11px; text-align:center; line-height:1.9; }
.ai-tabs { display:flex; flex-wrap:wrap; align-items:center; gap:6px; border-bottom:1px solid #e4ecd8; padding:0 4px 15px; margin:0 0 23px; }
.xh-content .ai-tabs button { padding:7px 13px; min-height:34px; background:transparent; font-size:12px; border:1px solid transparent; }
.xh-content .ai-tabs button[aria-selected="true"] { background:#f2f2f9; color:#6c6583; border-color:#e8e5f2; }
.ai-note { padding:15px 18px; border:1px solid #e2eddf; background:#f4f9f1; color:#5e6d58; border-radius:10px; font-size:12px; line-height:1.9; margin-bottom:20px; }
.ai-note.warn { border-color:#eee4d0; background:#fcf8ee; color:#75674e; }
.ai-mail-layout { display:grid; grid-template-columns:1.4fr 1fr; gap:22px; align-items:start; }
.ai-config-panel { padding:26px 28px; }
.ai-config-panel h2 { color:#5d6d54; font-size:21px; font-weight:400; margin:0 0 13px; }
.ai-config-panel > p { color:#626c58; font-size:12px; line-height:1.9; margin-bottom:24px; }
.ai-config-panel .field label { color:#616d55; font-size:11px; }
.ai-config-panel .field-control { font-size:12px; }
.ai-config-panel .help { font-size:10px; color:#646b5b; line-height:1.9; }
.ai-config-panel .form-row { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.ai-checks { display:flex; flex-wrap:wrap; gap:18px; padding:5px 0 20px; }
.ai-checks > label { display:flex; align-items:center; gap:8px; color:#616d55; font-size:12px; }
.ai-config-status { padding:26px; }
.ai-config-status h3 { font-size:15px; color:#5f6d52; font-weight:400; margin-bottom:20px; }
.ai-config-status dl { margin:0; }
.ai-config-status dl > div { display:flex; gap:18px; justify-content:space-between; padding:12px 0; border-bottom:1px solid #eaf0e1; font-size:11px; }
.ai-config-status dt { color:#636b59; }
.ai-config-status dd { margin:0; color:#5f6d52; text-align:right; overflow-wrap:anywhere; }
.ai-config-status .ai-note { margin:21px 0 0; font-size:10px; }
.ai-table-panel { overflow:hidden; }
.ai-table-toolbar { display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:20px 23px; border-bottom:1px solid #eaf0e1; }
.ai-table-toolbar .input-wrap { max-width:420px; flex:1 1 240px; }
.ai-table-toolbar > .btn { margin-left:auto; }
.ai-admin-table { min-width:900px; }
.ai-admin-table td { vertical-align:top; }
.ai-admin-table .main-text { font-size:12px; font-weight:400; }
.ai-admin-table .sub-text { font-size:10px; line-height:1.8; max-width:260px; overflow-wrap:anywhere; margin-top:7px; }
.ai-admin-table .mono { font-size:10px; }
.ai-row-actions { display:flex; gap:7px; flex-wrap:wrap; max-width:220px; }
.xh-content .ai-row-actions .btn { min-height:26px; font-size:10px; padding:4px 7px; background:transparent; }
.ai-inbox-list { display:grid; gap:15px; }
.ai-inbox-message { padding:22px 25px; }
.ai-inbox-message h3 { color:#5f6e52; font-size:15px; font-weight:400; margin:0 0 10px; }
.ai-inbox-message > div:first-child { display:flex; gap:20px; justify-content:space-between; }
.ai-inbox-message small { display:block; color:#646c5b; font-size:10px; line-height:1.9; }
.ai-inbox-message p { color:#616d55; font-size:12px; line-height:1.9; white-space:pre-wrap; overflow-wrap:anywhere; margin:17px 0; }
.ai-inbox-message a { color:#5c6e4e; font-size:12px; }
.ai-inbox-message pre { white-space:pre-wrap; color:#626c56; background:#f5f9ef; border:1px solid #e7efdc; border-radius:8px; padding:15px; font-size:11px; line-height:1.9; }
.ai-empty { text-align:center; padding:65px 25px; color:#646c5b; font-size:12px; line-height:1.9; }
.ai-empty h3 { font-size:18px; color:#606d53; font-weight:400; margin-bottom:13px; }
.ai-danger-zone { margin-top:25px; border-top:1px solid #ece8db; padding-top:20px; }
.ai-danger-zone h3 { color:#73684f; font-size:13px; font-weight:400; margin-bottom:12px; }
.ai-danger-zone p { color:#6e685a; font-size:11px; line-height:1.9; margin-bottom:15px; }
.ai-page-error { color:#806447; font-size:12px; line-height:1.9; margin-top:15px; }
:root[data-console-theme="dark"] .ai-config-panel,:root[data-console-theme="dark"] .ai-config-status,:root[data-console-theme="dark"] .ai-inbox-message { background:#25372b; }
:root[data-console-theme="dark"] .ai-note { background:#283d2c; border-color:#3e573c; }
:root[data-console-theme="dark"] .ai-note.warn { background:#413b2b; border-color:#5c513a; }
:root[data-console-theme="dark"] .ai-tabs,:root[data-console-theme="dark"] .ai-table-toolbar,:root[data-console-theme="dark"] .ai-config-status dl > div { border-color:#3b4e35; }
@media(max-width:1000px){.ai-mail-layout{grid-template-columns:1fr;}.ai-config-status{max-width:none;}}
@media(max-width:720px){.ai-email-login > div:first-of-type{flex-direction:column;align-items:stretch;}.ai-config-panel{padding:23px;}.ai-config-panel .form-row{grid-template-columns:1fr;gap:0;}.ai-tabs{gap:0;}.xh-content .ai-tabs button{font-size:11px;padding:6px 10px;}.ai-inbox-message{padding:20px;}.ai-inbox-message > div:first-child{flex-direction:column;gap:0;}}
.ai-callback-info { display:grid; gap:10px; padding:20px 23px; margin-bottom:20px; }
.ai-callback-info > span { color:#616c55; font-size:12px; }
.ai-callback-info > code { color:#5e6d51; background:#f4f8ec; border:1px solid #e5edda; padding:11px 13px; border-radius:8px; font-size:11px; overflow-wrap:anywhere; }
.ai-callback-info > small { color:#636c57; font-size:10px; line-height:1.8; }
:root[data-console-theme="dark"] .ai-callback-info > code { background:#293c2b; border-color:#3f563b; }
.ai-mail-layout > section,.ai-mail-layout > aside,.ai-config-panel,.ai-inbox-message { min-width:0; }
.ai-config-panel .field-control { width:100%; max-width:100%; box-sizing:border-box; }
.ai-inbox-message pre { overflow-wrap:anywhere; max-width:100%; box-sizing:border-box; }
.ai-admin-table th,.ai-admin-table td { overflow-wrap:anywhere; }
@media(max-width:420px){.ai-tabs{gap:4px;}.xh-content .ai-tabs button{padding:7px 9px;}.ai-config-panel{padding:20px 17px;}.ai-config-status{padding:22px 18px;}.ai-config-status dl>div{gap:12px;}}
:root[data-console-theme="dark"] .ai-note { color:#b4c9a8; }
:root[data-console-theme="dark"] .ai-note.warn { color:#d6bc8c; }
:root[data-console-theme="dark"] :is(.ai-login-separator,.ai-email-login>label,.ai-methods-unconfigured,.ai-email-login>p,#xh-email-login-status) { color:#a9bd9d; }
:root[data-console-theme="dark"] .ai-oauth-buttons>a { color:#c7dab9; background:#30452e; border-color:#4c6543; }
:root[data-console-theme="dark"] .ai-config-panel :is(h2,label),
:root[data-console-theme="dark"] .ai-config-status h3,
:root[data-console-theme="dark"] .ai-inbox-message h3 { color:#d1dfc6; }
:root[data-console-theme="dark"] .ai-config-panel :is(p,.help),
:root[data-console-theme="dark"] .ai-config-status :is(dt,dd),
:root[data-console-theme="dark"] .ai-checks>label,
:root[data-console-theme="dark"] .ai-inbox-message :is(small,p,pre,a),
:root[data-console-theme="dark"] .ai-callback-info :is(span,code,small) { color:#b7c9aa; }