:root {
    --aios-bg: #f7f7f8;
    --aios-surface: #fff;
    --aios-text: #24262b;
    --aios-muted: #777b84;
    --aios-border: #e7e8eb;
    --aios-soft: #f1f2f4;
    --aios-dark: #24262b;
    --aios-sidebar-width: 254px;
    --aios-radius: 10px;
    --aios-context-body-size: 14px;
    --aios-context-body-leading: 1.7;
    --aios-context-label-size: 12px;
    --aios-context-note-size: 12px;
    --aios-report-title-size: 23px;
    --aios-report-section-size: 17px;
    --aios-report-item-size: 15px;
    --aios-report-body-size: 14px;
    --aios-report-meta-size: 12px;
    --aios-report-leading: 1.6;
}

* { box-sizing: border-box; }
html { scrollbar-color: #c9cbd0 transparent; scrollbar-width: thin; }
*::-webkit-scrollbar { height: 7px; width: 7px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { background: #c9cbd0; border: 2px solid transparent; border-radius: 8px; background-clip: padding-box; }
*::-webkit-scrollbar-thumb:hover { background: #aeb1b8; border: 2px solid transparent; background-clip: padding-box; }
body.aios-body { margin: 0; background: var(--aios-bg); color: var(--aios-text); font: 14px/1.5 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: inherit; }
.aios-app { min-height: 100vh; }
.aios-sidebar { background: var(--aios-surface); border-right: 1px solid var(--aios-border); bottom: 0; display: flex; flex-direction: column; left: 0; overflow-y: auto; padding: 18px 12px 12px; position: fixed; top: 0; width: var(--aios-sidebar-width); z-index: 1035; }
.aios-sidebar { scrollbar-color: #c9cbd0 transparent; scrollbar-width: thin; }
.aios-sidebar::-webkit-scrollbar { width: 3.5px; }
.aios-sidebar::-webkit-scrollbar-thumb { border-width: 1px; }
.aios-sidebar::-webkit-scrollbar-thumb:hover { border-width: 1px; }
.aios-brand { align-items: center; color: inherit; display: flex; gap: 11px; margin: 0 8px 18px; min-height: 42px; text-decoration: none; }
.aios-brand-mark,.aios-workspace-mark { align-items: center; background: var(--aios-dark); border-radius: 9px; color: #fff; display: inline-flex; flex: 0 0 34px; font-size: 15px; font-weight: 700; height: 34px; justify-content: center; }
.aios-brand-copy,.aios-workspace-copy { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.aios-brand-copy strong { font-size: 14px; letter-spacing: -.2px; }
.aios-brand-copy small,.aios-workspace-copy small { color: var(--aios-muted); font-size: 11px; }
.aios-workspace-switch { align-items: center; background: #fff; border: 1px solid var(--aios-border); border-radius: 8px; color: var(--aios-text); display: flex; gap: 9px; margin: 0 4px 18px; padding: 9px; text-align: left; width: calc(100% - 8px); }
.aios-workspace-switch:hover { background: var(--aios-bg); }
.aios-workspace-mark { background: var(--aios-soft); color: var(--aios-text); flex-basis: 30px; font-size: 12px; height: 30px; }
.aios-workspace-copy strong { font-size: 12px; font-weight: 600; }
.aios-workspace-switch > .bx { color: var(--aios-muted); }
.aios-nav { flex: 1; }
.aios-nav-group { margin-bottom: 17px; }
.aios-nav-label { color: #989ba2; font-size: 10px; font-weight: 700; letter-spacing: .09em; margin: 0 9px 6px; text-transform: uppercase; }
.aios-nav-link { align-items: center; border-radius: 7px; color: #575a62; display: flex; font-size: 12.5px; gap: 10px; margin: 2px 0; min-height: 34px; padding: 7px 10px; text-decoration: none; transition: background .15s ease,color .15s ease; }
.aios-nav-link > .bx { color: #777b84; font-size: 17px; }
.aios-nav-link:hover { background: var(--aios-soft); color: var(--aios-text); }
.aios-nav-link.is-active { background: #f0f1f3; color: #17191d; font-weight: 600; }
.aios-nav-link.is-active > .bx { color: #24262b; }
.aios-sidebar-bottom { border-top: 1px solid var(--aios-border); padding-top: 9px; }
.aios-sidebar-note { color: #92959c; font-size: 10px; line-height: 1.5; padding: 7px 10px 0; }
.aios-main { display: flex; flex-direction: column; margin-left: var(--aios-sidebar-width); min-height: 100vh; min-width: 0; }
.aios-topbar { align-items: center; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--aios-border); display: flex; height: 60px; justify-content: space-between; padding: 0 28px; position: sticky; top: 0; z-index: 1020; }
.aios-topbar-start,.aios-topbar-actions { align-items: center; display: flex; gap: 14px; min-width: 0; }
.aios-breadcrumb { align-items: center; color: var(--aios-muted); display: flex; font-size: 12px; gap: 9px; }
.aios-breadcrumb a { color: var(--aios-muted); text-decoration: none; }
.aios-breadcrumb strong { color: var(--aios-text); font-weight: 600; }
.aios-search { align-items: center; background: #fafafa; border: 1px solid var(--aios-border); border-radius: 7px; color: #92959c; display: flex; gap: 7px; height: 34px; padding: 0 9px; width: 210px; }
.aios-search > .bx { font-size: 16px; }
.aios-search input { background: transparent; border: 0; color: var(--aios-text); font-size: 12px; min-width: 0; outline: 0; width: 100%; }
.aios-search input::placeholder { color: #a1a4aa; }
.aios-search kbd { background: #fff; border: 1px solid var(--aios-border); border-radius: 4px; color: #81848b; font-size: 10px; padding: 0 4px; }
.aios-icon-button { align-items: center; background: transparent; border: 0; border-radius: 7px; color: #686c74; display: inline-flex; height: 34px; justify-content: center; text-decoration: none; width: 34px; }
.aios-icon-button:hover { background: var(--aios-soft); color: #222; }
.aios-icon-button .bx { font-size: 19px; }
.aios-profile-button { align-items: center; background: transparent; border: 0; border-radius: 7px; color: var(--aios-text); display: flex; font-size: 12px; gap: 8px; padding: 4px 6px; }
.aios-profile-button img { border: 1px solid var(--aios-border); border-radius: 50%; height: 28px; object-fit: cover; width: 28px; }
.aios-profile-menu { border: 1px solid var(--aios-border); border-radius: 8px; box-shadow: 0 12px 30px #20242d14; font-size: 12px; min-width: 180px; padding: 6px; }
/* Let AIOS page content use the full available viewport width on every device. */
.aios-content { flex: 1; min-width: 0; padding: 28px; width: 100%; }
.aios-footer { align-items: center; border-top: 1px solid var(--aios-border); color: #92959c; display: flex; font-size: 10px; justify-content: space-between; padding: 13px 28px; }
.aios-page-header { align-items: flex-start; display: flex; gap: 18px; justify-content: space-between; margin: 0 0 23px; width: 100%; }
.aios-eyebrow { color: var(--aios-muted); font-size: 11px; font-weight: 600; letter-spacing: .04em; margin: 0 0 5px; text-transform: uppercase; }
.aios-page-title { font-size: 23px; font-weight: 650; letter-spacing: -.6px; line-height: 1.25; margin: 0 0 6px; }
.aios-page-description { color: var(--aios-muted); font-size: 13px; margin: 0; max-width: 680px; }
.aios-page-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.aios-btn { align-items: center; background: #fff; border: 1px solid var(--aios-border); border-radius: 7px; color: var(--aios-text); cursor: pointer; display: inline-flex; font-size: 12px; font-weight: 600; gap: 7px; justify-content: center; min-height: 34px; padding: 7px 11px; text-decoration: none; }
.aios-btn:hover { background: #f8f8f9; border-color: #d3d5d9; color: #111; }
.aios-btn-primary { background: var(--aios-dark); border-color: var(--aios-dark); color: #fff; }
.aios-btn-primary:hover { background: #3a3d44; border-color: #3a3d44; color: #fff; }
.aios-btn-danger { border-color: #e2caca; color: #8e3838; }
.aios-btn-danger:hover { background: #fff5f5; border-color: #d8aaaa; color: #782a2a; }
.aios-meta-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.aios-meta-actions form { display: inline-flex; margin: 0; }
.aios-integration-detail { align-items: baseline; border-bottom: 1px solid var(--aios-border); display: flex; font-size: 12px; gap: 12px; justify-content: space-between; padding: 9px 0; }
.aios-integration-detail > span { color: var(--aios-muted); flex: 0 0 auto; }
.aios-integration-detail > strong { font-weight: 600; overflow-wrap: anywhere; text-align: right; }
.aios-provider-hint { background: var(--aios-bg); border: 1px solid var(--aios-border); border-radius: 8px; color: var(--aios-muted); font-size: 12px; line-height: 1.6; margin: 12px 0; padding: 11px 12px; }
.aios-provider-hint > strong { color: var(--aios-text); display: block; font-weight: 600; margin-bottom: 4px; }
.aios-provider-hint p,.aios-provider-hint ul { margin-bottom: 0; }
.aios-provider-hint ul { padding-left: 18px; }
.aios-provider-account-list { border-top: 1px solid var(--aios-border); margin-top: 13px; padding-top: 11px; }
.aios-provider-account-list > strong { display: block; font-size: 12px; font-weight: 600; margin-bottom: 5px; }
.aios-provider-account { border-bottom: 1px solid var(--aios-border); display: grid; font-size: 12px; gap: 3px 10px; grid-template-columns: minmax(0,1fr) auto; padding: 9px 0; }
.aios-provider-account > span { font-weight: 600; overflow-wrap: anywhere; }
.aios-provider-account > code { color: var(--aios-muted); font-size: 11px; overflow-wrap: anywhere; text-align: right; }
.aios-provider-account small { color: var(--aios-muted); display: block; font-size: 11px; margin-top: 3px; }
.aios-provider-account > small { grid-column: 1 / -1; }
.swal2-container { z-index: 1200 !important; }
.swal2-container.swal2-backdrop-show { background: rgba(25, 27, 32, .34) !important; }
.swal2-container.adms-swal-toast-container { padding: 14px; }
.adms-swal-popup { background: var(--aios-surface); border: 1px solid var(--aios-border); border-radius: 18px; box-shadow: 0 20px 60px #17191d26; color: var(--aios-text); font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; max-width: calc(100vw - 28px); padding: 24px; }
.adms-swal-title { color: var(--aios-text); font-size: 18px; font-weight: 650; line-height: 1.35; margin: 0; padding: 0; }
.adms-swal-content { color: var(--aios-muted); font-size: 13px; line-height: 1.6; margin: 9px 0 0; }
.adms-swal-actions { gap: 14px; margin: 20px 0 0; }
.adms-swal-actions .aios-btn { min-height: 34px; }
.adms-swal-input { border: 1px solid var(--aios-border); border-radius: 7px; color: var(--aios-text); font: inherit; min-height: 38px; }
.adms-swal-input:focus { border-color: #858991; box-shadow: 0 0 0 3px #24262b18; }
.adms-swal-validation { background: #fff5f5; border-radius: 7px; color: #8e3838; font-size: 12px; }
.adms-swal-popup.swal2-toast { border-radius: 12px; min-height: 0; padding: 12px 15px; }
.adms-swal-popup.swal2-toast .adms-swal-title { font-size: 13px; font-weight: 600; }
.adms-swal-popup.swal2-toast .adms-swal-content { font-size: 12px; }
.adms-swal-show { animation: adms-swal-enter .16s ease-out; }
.adms-swal-hide { animation: adms-swal-exit .12s ease-in; }
@keyframes adms-swal-enter { from { opacity: 0; transform: translateY(6px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes adms-swal-exit { from { opacity: 1; transform: translateY(0) scale(1); } to { opacity: 0; transform: translateY(4px) scale(.99); } }
@media (max-width: 480px) {
    .swal2-container.adms-swal-toast-container { padding: 10px; }
    .adms-swal-popup { border-radius: 16px; padding: 20px 17px; width: calc(100vw - 24px); }
    .adms-swal-title { font-size: 17px; }
    .adms-swal-actions { gap: 12px; margin-top: 17px; }
    .adms-swal-actions .aios-btn { flex: 1 1 auto; }
    .aios-integration-detail { align-items: flex-start; flex-direction: column; gap: 3px; }
    .aios-integration-detail > strong { text-align: left; }
    .aios-provider-account { grid-template-columns: minmax(0,1fr); }
    .aios-provider-account > code { text-align: left; }
    .aios-meta-actions form,.aios-meta-actions > .aios-btn { flex: 1 1 auto; }
    .aios-meta-actions form .aios-btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    .adms-swal-show,.adms-swal-hide { animation: none !important; }
}
.aios-btn:disabled,.aios-btn[aria-disabled="true"] { cursor: not-allowed; opacity: .48; }
.aios-grid { display: grid; gap: 15px; margin: 0 0 18px; width: 100%; }
.aios-grid-2 { grid-template-columns: repeat(2,minmax(0,1fr)); }
.aios-grid-3 { grid-template-columns: repeat(3,minmax(0,1fr)); }
.aios-grid-4 { grid-template-columns: repeat(4,minmax(0,1fr)); }
.aios-panel,.aios-metric { background: var(--aios-surface); border: 1px solid var(--aios-border); border-radius: var(--aios-radius); min-width: 0; }
.aios-panel { padding: 18px; }
.aios-panel-title { align-items: center; display: flex; justify-content: space-between; margin: 0 0 14px; }
.aios-panel-title h2,.aios-panel-title h3 { font-size: 13px; font-weight: 650; margin: 0; }
.aios-panel-title p { color: var(--aios-muted); font-size: 11px; margin: 3px 0 0; }
.aios-metric { padding: 16px; }
.aios-metric-label { color: var(--aios-muted); font-size: 11px; }
.aios-metric-value { font-size: 23px; font-weight: 650; letter-spacing: -.5px; margin-top: 7px; }
.aios-metric-foot { color: var(--aios-muted); font-size: 10px; margin-top: 4px; }
.aios-demo-note { background: #f6f6f7; border: 1px solid var(--aios-border); border-radius: 7px; color: #666a72; font-size: 11px; margin-bottom: 16px; padding: 10px 12px; }
.aios-demo-note strong { color: #3e4148; }
.aios-alert { border: 1px solid var(--aios-border); border-radius: 7px; font-size: 12px; margin: 0 0 16px; padding: 11px 13px; width: 100%; }
.aios-alert-success { background: #eff5f0; border-color: #dce8de; color: #43614a; }
.aios-alert-danger { background: #f8eeee; border-color: #efdede; color: #885454; }
.aios-alert-warning { background: #f8f4e9; border-color: #eee6d1; color: #806b38; }
.aios-section-heading { align-items: center; display: flex; justify-content: space-between; margin: 0 0 10px; width: 100%; }
.aios-section-heading h2 { font-size: 13px; font-weight: 650; margin: 0; }
.aios-section-heading p { color: var(--aios-muted); font-size: 11px; margin: 2px 0 0; }
.aios-table-wrap { overflow-x: auto; }
.aios-table { border-collapse: collapse; font-size: 12px; margin: 0; min-width: 620px; width: 100%; }
.aios-table th { background: #fafafa; color: #777b84; font-size: 10px; font-weight: 650; letter-spacing: .03em; text-align: left; text-transform: uppercase; }
.aios-table td,.aios-table th { border-bottom: 1px solid #eff0f2; padding: 11px 12px; vertical-align: middle; }
.aios-table tbody tr:last-child td { border-bottom: 0; }
.aios-table tbody tr:hover { background: #fcfcfd; }
.aios-status { align-items: center; background: #f1f2f4; border-radius: 20px; color: #555962; display: inline-flex; font-size: 10px; gap: 5px; padding: 4px 8px; white-space: nowrap; }
.aios-status::before { background: #92959c; border-radius: 50%; content: ""; height: 6px; width: 6px; }
.aios-status-success { background: #eff5f0; color: #43614a; }.aios-status-success::before { background: #63836a; }
.aios-status-warning { background: #f8f4e9; color: #806b38; }.aios-status-warning::before { background: #a38843; }
.aios-status-danger { background: #f8eeee; color: #885454; }.aios-status-danger::before { background: #a76262; }
.aios-empty { color: var(--aios-muted); padding: 32px 16px; text-align: center; }
.aios-empty .bx { color: #9da0a6; font-size: 25px; }
.aios-empty h3 { color: var(--aios-text); font-size: 13px; margin: 7px 0 4px; }
.aios-empty p { font-size: 11px; margin: 0 auto 13px; max-width: 380px; }
.aios-form-grid { display: grid; gap: 13px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.aios-field { min-width: 0; }
.aios-field-full { grid-column: 1/-1; }
.aios-field label { color: #4d5058; display: block; font-size: 11px; font-weight: 600; margin-bottom: 5px; }
.aios-field .form-control,.aios-field .form-select { border-color: #e1e2e5; border-radius: 6px; font-size: 12px; min-height: 36px; }
.aios-field textarea.form-control { min-height: 88px; }
.aios-muted { color: var(--aios-muted); font-size: 11px; }
.aios-list { list-style: none; margin: 0; padding: 0; }
.aios-list-item { align-items: flex-start; border-bottom: 1px solid #eff0f2; display: flex; gap: 11px; padding: 12px 0; }
.aios-list-item:last-child { border-bottom: 0; }
.aios-list-icon { align-items: center; background: #f2f3f5; border-radius: 7px; color: #52565e; display: flex; flex: 0 0 31px; height: 31px; justify-content: center; }
.aios-list-icon .bx { font-size: 16px; }
.aios-list-copy { flex: 1; min-width: 0; }
.aios-list-copy strong { display: block; font-size: 12px; font-weight: 600; }
.aios-list-copy p { color: var(--aios-muted); font-size: 11px; margin: 3px 0 0; }
.aios-result-grid { display: grid; gap: 10px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.aios-activity-toolbar { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; margin-bottom: 10px; }
.aios-activity-search { align-items: center; display: flex; flex: 1 1 260px; gap: 7px; max-width: 420px; }
.aios-activity-search .form-control { border-color: var(--aios-border); border-radius: 7px; font-size: 12px; min-height: 34px; }
.aios-activity-table-wrap { overflow-x: auto; }
.aios-activity-table { border-collapse: collapse; min-width: 540px; width: 100%; }
.aios-activity-table th { color: var(--aios-muted); font-size: 10px; font-weight: 650; letter-spacing: .04em; text-align: left; text-transform: uppercase; }
.aios-activity-table th,.aios-activity-table td { border-top: 1px solid var(--aios-border); padding: 11px 10px; vertical-align: top; }
.aios-activity-table th:first-child,.aios-activity-table td:first-child { padding-left: 0; white-space: nowrap; width: 190px; }
.aios-activity-table td { font-size: 13px; overflow-wrap: anywhere; }
.aios-activity-pagination { align-items: center; border-top: 1px solid var(--aios-border); display: flex; flex-wrap: wrap; gap: 7px; justify-content: space-between; margin-top: 8px; padding-top: 13px; }
.aios-activity-pagination-copy { color: var(--aios-muted); font-size: 12px; }
.aios-activity-pagination-links { align-items: center; display: flex; flex-wrap: wrap; gap: 4px; }
.aios-activity-pagination-links .aios-btn { min-height: 30px; min-width: 32px; padding: 5px 9px; }
.aios-activity-pagination-links .is-current { background: var(--aios-dark); border-color: var(--aios-dark); color: #fff; }
.aios-result-card { border: 1px solid var(--aios-border); border-radius: 7px; padding: 12px; }
.aios-result-card h3 { color: var(--aios-muted); font-size: 10px; font-weight: 700; letter-spacing: .04em; margin: 0 0 6px; text-transform: uppercase; }
.aios-result-card p { font-size: 12px; margin: 0; }
.aios-brain-history-panel > .aios-panel-title { margin-bottom: 8px; }
.aios-brain-history { border-top: 1px solid var(--aios-border); }
.aios-brain-history:last-child { border-bottom: 1px solid var(--aios-border); }
.aios-brain-history-summary { align-items: center; cursor: pointer; display: flex; gap: 12px 20px; justify-content: space-between; list-style: none; padding: 14px 4px; }
.aios-brain-history-summary::-webkit-details-marker { display: none; }
.aios-brain-history-main { display: grid; flex: 1 1 360px; gap: 4px; min-width: 0; }
.aios-brain-history-main > strong { color: var(--aios-text); font-size: 14px; font-weight: 650; overflow-wrap: anywhere; }
.aios-brain-history-main > span,.aios-brain-history-meta time { color: var(--aios-muted); font-size: var(--aios-report-meta-size); }
.aios-brain-history-main i { font-style: normal; padding: 0 3px; }
.aios-brain-history-meta { align-items: center; display: flex; flex: 0 0 auto; gap: 10px; }
.aios-brain-status { background: #f1f2f4; border-radius: 999px; color: #565a62; font-size: 11px; padding: 4px 9px; }
.aios-brain-status[data-status="completed"] { background: #e8f5ed; color: #237344; }
.aios-brain-status[data-status="failed"] { background: #fcecec; color: #a03434; }
.aios-brain-edited { color: var(--aios-muted); font-size: 11px; }
.aios-brain-edited[hidden] { display: none; }
.aios-history-chevron { color: var(--aios-muted); transition: transform .15s ease; }
.aios-brain-history[open] .aios-history-chevron { transform: rotate(180deg); }
.aios-brain-report-header { align-items: flex-start; border-top: 1px solid var(--aios-border); display: flex; gap: 14px; justify-content: space-between; padding: 22px 2px 14px; }
.aios-brain-report-heading { min-width: 0; }
.aios-brain-report-heading h2 { color: var(--aios-text); font-size: var(--aios-report-title-size); font-weight: 650; letter-spacing: -.35px; line-height: 1.3; margin: 0 0 7px; overflow-wrap: anywhere; }
.aios-brain-report-heading p { color: var(--aios-muted); font-size: var(--aios-report-meta-size); line-height: 1.5; margin: 0; }
.aios-brain-report-heading p span { padding: 0 3px; }
.aios-brain-report-controls { align-items: center; display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: 7px; justify-content: flex-end; }
.aios-report-actions { align-items: center; display: flex; flex-wrap: nowrap; gap: 7px; }
.aios-report-actions[hidden] { display: none !important; }
.aios-report-delete-button { padding-left: 9px; padding-right: 9px; }
.aios-report-delete-button .bx { font-size: 16px; }
.aios-brain-output { color: var(--aios-text); font-size: var(--aios-report-body-size); line-height: var(--aios-report-leading); overflow-wrap: anywhere; white-space: normal; }
.aios-brain-markdown { max-width: 100%; }
.aios-brain-markdown[hidden] { display: none !important; }
.aios-brain-markdown h1,.aios-brain-markdown h2,.aios-brain-markdown h3,.aios-brain-markdown h4,.aios-brain-markdown h5,.aios-brain-markdown h6 { color: var(--aios-text); font-weight: 650; line-height: 1.35; margin: 1.4em 0 .55em; }
.aios-brain-markdown h1 { font-size: 1.55em; }
.aios-brain-markdown h2 { font-size: 1.35em; }
.aios-brain-markdown h3 { font-size: 1.15em; }
.aios-brain-markdown p { margin: 0 0 1em; white-space: normal; }
.aios-brain-markdown ul,.aios-brain-markdown ol { display: grid; gap: 6px; margin: 0 0 1em; padding-left: 1.5em; }
.aios-brain-markdown li { padding-left: .2em; }
.aios-brain-markdown blockquote { border-left: 3px solid var(--aios-border); color: var(--aios-muted); margin: 1em 0; padding: 2px 0 2px 14px; }
.aios-brain-markdown pre { background: #f5f6f8; border-radius: 8px; overflow-x: auto; padding: 12px; }
.aios-brain-markdown code { background: #f2f3f5; border-radius: 4px; padding: 1px 4px; }
.aios-brain-markdown pre code { background: transparent; padding: 0; }
.aios-brain-markdown a { color: var(--aios-primary); overflow-wrap: anywhere; text-decoration: underline; }
.aios-markdown-table-wrap { max-width: 100%; overflow-x: auto; margin: 1em 0; }
.aios-markdown-table { border-collapse: collapse; min-width: 100%; width: 100%; }
.aios-markdown-table th,.aios-markdown-table td { border-bottom: 1px solid var(--aios-border); padding: 9px 10px; text-align: left; vertical-align: top; }
.aios-markdown-table th { background: #f7f8fa; color: #555962; font-weight: 600; }
.aios-brain-freeform-editor { min-height: 360px; line-height: 1.6; resize: vertical; white-space: pre-wrap; }
.aios-brain-freeform-editor[hidden] { display: none !important; }
.aios-brain-view[hidden] { display: none !important; }
.aios-brain-view { min-width: 0; }
.aios-brain-report-section { border-top: 1px solid var(--aios-border); margin-top: 22px; padding-top: 18px; }
.aios-brain-view > .aios-brain-report-section:first-child { border-top: 0; margin-top: 0; padding-top: 8px; }
.aios-brain-section-heading { align-items: center; display: flex; gap: 12px; justify-content: space-between; margin-bottom: 12px; }
.aios-brain-section-heading h2 { color: var(--aios-text); font-size: var(--aios-report-section-size); font-weight: 650; line-height: 1.35; margin: 0; }
.aios-brain-section-content { display: grid; gap: 12px; min-width: 0; }
.aios-brain-context-card,.aios-brain-report-card { border: 0; border-bottom: 1px solid var(--aios-border); border-radius: 0; margin: 0 0 7px; padding: 8px 0; }
.aios-brain-report-card strong { color: var(--aios-text); display: block; font-size: 11px; margin-bottom: 3px; }
.aios-brain-report-card p { color: var(--aios-muted); font-size: 11px; margin: 3px 0 0; white-space: normal; }
.aios-brain-context-card,.aios-brain-report-card { border: 0; border-bottom: 1px solid var(--aios-border); border-radius: 0; margin: 0 0 7px; padding: 8px 0; }
.aios-brain-report-card strong { color: var(--aios-text); display: block; font-size: 11px; margin-bottom: 3px; }
.aios-brain-report-card p { color: var(--aios-muted); font-size: 11px; margin: 3px 0 0; white-space: normal; }
.aios-context-panel-title h2 { font-size: 15px; font-weight: 650; }
.aios-context-panel-title p { font-size: var(--aios-context-note-size); }
.aios-context-item { margin-bottom: 12px; padding: 10px 0 12px; }
.aios-context-name { color: var(--aios-text); display: block; font-size: 18px; font-weight: 600; line-height: 1.35; margin: 0 0 9px; overflow-wrap: anywhere; }
.aios-context-field { margin-top: 8px; max-width: 68ch; }
.aios-context-label { color: #555962; display: block; font-size: var(--aios-context-label-size); font-weight: 700; line-height: 1.4; margin-bottom: 2px; }
.aios-context-value { color: var(--aios-text); font-size: var(--aios-context-body-size); font-weight: 400; line-height: var(--aios-context-body-leading); margin: 0; overflow-wrap: anywhere; white-space: normal; }
.aios-context-note { color: #62666f; font-size: var(--aios-context-note-size); font-weight: 400; line-height: 1.6; margin: 14px 0 0; }
.aios-context-note-italic { font-style: italic; }
.aios-brain-data-boundary { background: #f5f5f6; border-radius: 6px; margin-top: 13px; padding: 10px; }
.aios-report-field { display: grid; gap: 4px; min-width: 0; position: relative; }
.aios-report-label { color: #555962; display: block; font-size: 12px; font-weight: 600; line-height: 1.4; }
.aios-report-body { color: var(--aios-text); font-size: var(--aios-report-body-size); font-weight: 400; line-height: var(--aios-report-leading); margin: 0; overflow-wrap: anywhere; white-space: pre-wrap; }
.aios-report-items { display: grid; gap: 12px; }
.aios-report-item { border-bottom: 1px solid #eff0f2; display: grid; gap: 10px; padding: 4px 0 12px; position: relative; }
.aios-report-item:last-child { border-bottom: 0; }
.aios-report-item-title { align-items: flex-start; display: flex; gap: 10px; justify-content: space-between; }
.aios-report-item-title h3 { color: var(--aios-text); font-size: var(--aios-report-item-size); font-weight: 650; line-height: 1.4; margin: 0; }
.aios-report-list { display: grid; gap: 8px; list-style: none; margin: 0; padding: 0; }
.aios-report-list > li { align-items: flex-start; display: flex; gap: 8px; min-width: 0; }
.aios-report-list > li::before { background: #858991; border-radius: 50%; content: ""; flex: 0 0 5px; height: 5px; margin: 10px 2px 0 3px; }
.aios-report-list > li > .aios-report-body { flex: 1; }
.aios-report-table-wrap { max-width: 100%; overflow-x: auto; }
.aios-report-table { border-collapse: collapse; min-width: 100%; width: 100%; }
.aios-report-table th { background: #f7f8fa; color: #555962; font-size: 12px; font-weight: 600; text-align: left; }
.aios-report-table th,.aios-report-table td { border-bottom: 1px solid var(--aios-border); padding: 10px; vertical-align: top; }
.aios-report-table td { min-width: 120px; }
.aios-brain-edit-controls { align-items: center; display: flex; gap: 8px; justify-content: flex-end; padding: 0 0 12px; }
.aios-brain-edit-controls[hidden] { display: none !important; }
.aios-brain-title-input { font-size: 17px; max-width: 560px; width: 100%; }
.aios-brain-report-heading > .aios-brain-title-input[hidden] { display: none; }
.is-editing [data-report-field][contenteditable="true"] { background: #fffdf1; border-radius: 3px; outline: 1px dashed #a7a27b; padding: 2px 4px; }
.aios-brain-generation-details { background: #fafafa; border: 1px solid var(--aios-border); border-radius: 8px; margin: 8px 0 4px; padding: 10px 12px; }
.aios-brain-generation-details > summary { color: #555962; cursor: pointer; font-size: 12px; font-weight: 600; }
.aios-brain-generation-details .aios-brain-section-progress { margin: 8px 0 0; }
.aios-brain-section-progress { list-style: none; padding: 0; }
.aios-brain-section-progress > li { align-items: center; border-bottom: 1px solid var(--aios-border); display: flex; flex-wrap: wrap; gap: 8px 12px; padding: 9px 0; }
.aios-brain-section-progress > li:last-child { border-bottom: 0; }
.aios-brain-section-name { color: var(--aios-text); flex: 1 1 220px; font-size: 12px; font-weight: 600; }
.aios-brain-section-status { background: #f1f2f4; border-radius: 999px; color: #62666f; font-size: 11px; padding: 3px 8px; }
.aios-brain-section-progress [data-status="completed"] > .aios-brain-section-status { background: #e8f5ed; color: #237344; }
.aios-brain-section-progress [data-status="processing"] > .aios-brain-section-status { background: #eef3fb; color: #315f9d; }
.aios-brain-section-progress [data-status="failed"] > .aios-brain-section-status { background: #fcecec; color: #a03434; }
.aios-brain-retry { font-size: 11px; min-height: 28px; padding: 4px 8px; }
.aios-brain-legacy-output { color: var(--aios-text); font-size: var(--aios-report-body-size); line-height: var(--aios-report-leading); white-space: pre-wrap; }
.aios-brain-report-details { border-top: 1px solid var(--aios-border); margin-top: 18px; padding-top: 13px; }
.aios-brain-report-details > summary { color: var(--aios-muted); cursor: pointer; font-size: 12px; font-weight: 600; }
.aios-brain-report-details[open] > summary { margin-bottom: 14px; }
.aios-brain-report-details .aios-brain-report-section { border: 0; margin: 0; padding: 0; }
.aios-brain-section-collapsible > .aios-brain-section-heading { margin-bottom: 10px; }
.aios-brain-collapsible > summary { color: var(--aios-muted); cursor: pointer; font-size: 12px; padding: 3px 0 9px; }
.aios-brain-collapsible[open] > summary { padding-bottom: 12px; }
.aios-workspace-delete { align-items: center; border-top: 1px solid var(--aios-border); display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; margin-top: 18px; padding-top: 14px; }
.aios-workspace-delete p { color: var(--aios-muted); flex: 1 1 300px; font-size: 12px; line-height: 1.6; margin: 0; }
.aios-brand-delete-form { margin-top: 10px; }
.aios-processing-spinner { animation: aios-spin .8s linear infinite; border: 2px solid rgba(255,255,255,.45); border-radius: 50%; border-top-color: #fff; display: inline-block; height: 14px; margin-left: 7px; vertical-align: -2px; width: 14px; }
.aios-processing-spinner[hidden],.aios-processing-status[hidden] { display: none; }
.aios-processing-status { color: var(--aios-muted); font-size: 11px; margin: 9px 0 0; }
@keyframes aios-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .aios-processing-spinner { animation-duration: 2s; } }
@media (max-width: 960px) {
    .aios-brain-report-header { flex-direction: column; }
    .aios-brain-report-controls { justify-content: flex-start; width: 100%; }
    .aios-report-actions { flex-wrap: wrap; }
}
@media (max-width: 640px) {
    .aios-context-name { font-size: 18px; }
    .aios-context-value { font-size: 14px; }
    .aios-context-field { max-width: 100%; }
    .aios-context-item { padding: 9px 0 11px; }
    .aios-brain-report-header { flex-direction: column; padding-top: 17px; }
    .aios-brain-report-heading h2 { font-size: 21px; }
    .aios-report-actions { flex-wrap: wrap; }
    .aios-activity-table th:first-child,.aios-activity-table td:first-child { width: auto; }
    .aios-activity-pagination { align-items: flex-start; flex-direction: column; }
    .aios-brain-history-summary { align-items: flex-start; }
    .aios-brain-history-meta { align-items: flex-start; flex-direction: column; gap: 5px; }
    .aios-brain-history-main { flex-basis: calc(100% - 25px); }
    .aios-history-chevron { margin-left: auto; }
    .aios-report-table th,.aios-report-table td { padding: 8px; }
    .aios-brain-report-section { margin-top: 18px; padding-top: 15px; }
    .aios-brain-section-heading h2 { font-size: 16px; }
    .aios-report-body { font-size: 14px; }
}
@media print {
    body * { visibility: hidden !important; }
    .aios-print-target,.aios-print-target * { visibility: visible !important; }
    .aios-print-target { background: #fff !important; border: 0 !important; inset: 0 auto auto 0; padding: 20px !important; position: absolute !important; width: 100% !important; }
    .aios-print-target > summary,.aios-print-target .aios-report-actions,.aios-print-target .aios-brain-edit-controls,
    .aios-print-target [data-report-toolbar],.aios-print-target [data-brain-run],
    .aios-print-target .aios-brain-generation-details > summary,.aios-print-target .aios-brain-collapsible > summary { display: none !important; }
    .aios-print-target .aios-brain-view[hidden] { display: none !important; }
    .aios-print-target .aios-brain-view:not([hidden]) { display: block !important; }
    .aios-print-target .aios-brain-section-content,.aios-print-target .aios-brain-collapsible { display: block !important; }
    .aios-print-target .aios-brain-report-section { break-inside: avoid; }
    .aios-print-target .aios-report-table-wrap { overflow: visible; }
    .aios-print-target .aios-report-table { font-size: 10pt; }
}
.aios-chart { align-items: end; border-bottom: 1px solid var(--aios-border); display: flex; gap: 10px; height: 156px; justify-content: space-around; padding: 14px 12px 0; }
.aios-chart-bar { background: #c9cbd0; border-radius: 4px 4px 0 0; flex: 1; max-width: 46px; position: relative; }
.aios-chart-bar:nth-child(2n) { background: #858991; }
.aios-chart-labels { color: var(--aios-muted); display: flex; font-size: 9px; justify-content: space-around; padding: 5px 8px 0; }
.aios-wizard-steps { display: flex; gap: 6px; margin-bottom: 17px; overflow-x: auto; padding-bottom: 3px; }
.aios-wizard-step { align-items: center; color: #868991; display: flex; flex: 1; font-size: 10px; gap: 6px; min-width: 84px; }
.aios-wizard-step span { align-items: center; background: #f0f1f3; border-radius: 50%; display: inline-flex; flex: 0 0 23px; height: 23px; justify-content: center; }
.aios-wizard-step.is-current { color: var(--aios-text); font-weight: 650; }
.aios-wizard-step.is-current span { background: var(--aios-dark); color: #fff; }
.aios-wizard-step.is-done span { background: #e7ece8; color: #45644b; }
.aios-wizard-pane[hidden] { display: none; }
.aios-copy-block { border: 1px solid var(--aios-border); border-radius: 7px; margin-bottom: 10px; padding: 12px; }
.aios-copy-block header { align-items: center; color: var(--aios-muted); display: flex; font-size: 10px; font-weight: 650; justify-content: space-between; margin-bottom: 7px; text-transform: uppercase; }
.aios-copy-block p { font-size: 12px; margin: 0; white-space: pre-wrap; }
.aios-creative-placeholder { align-items: center; aspect-ratio: 4/3; background: repeating-linear-gradient(135deg,#f7f7f8,#f7f7f8 12px,#f1f2f4 12px,#f1f2f4 24px); border: 1px dashed #d3d5d9; border-radius: 8px; color: #656972; display: flex; flex-direction: column; justify-content: center; padding: 15px; text-align: center; }
.aios-creative-placeholder .bx { font-size: 28px; }
.aios-creative-placeholder strong { font-size: 12px; margin-top: 7px; }
.aios-creative-placeholder span { font-size: 10px; margin-top: 3px; }
.aios-workspace-layout,.aios-profile-layout { display: grid; gap: 16px; grid-template-columns: minmax(260px,310px) minmax(0,1fr); width: 100%; }
.aios-workspace-list { align-self: start; position: sticky; top: 78px; }
.aios-workspace-items { display: grid; gap: 5px; margin: 0 -5px 16px; }
.aios-workspace-item { align-items: center; border: 1px solid transparent; border-radius: 7px; color: var(--aios-text); display: flex; gap: 9px; min-width: 0; padding: 9px 7px; text-decoration: none; }
.aios-workspace-item:hover { background: #fafafa; color: var(--aios-text); }
.aios-workspace-item.is-active { background: #f5f5f6; border-color: var(--aios-border); }
.aios-workspace-item-mark,.aios-brand-card-mark { align-items: center; background: #f0f1f3; border-radius: 8px; color: #4b4e56; display: inline-flex; flex: 0 0 34px; font-size: 13px; font-weight: 650; height: 34px; justify-content: center; }
.aios-workspace-item-copy,.aios-brand-card-copy { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.aios-workspace-item-copy strong,.aios-brand-card-copy h3 { font-size: 11px; font-weight: 650; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aios-workspace-item-copy small,.aios-brand-card-copy a,.aios-brand-card-copy > .aios-muted { color: var(--aios-muted); font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aios-workspace-count { background: #fff; border: 1px solid var(--aios-border); border-radius: 20px; color: #666a72; font-size: 9px; padding: 3px 6px; white-space: nowrap; }
.aios-create-workspace { border-top: 1px solid var(--aios-border); padding-top: 14px; }
.aios-workspace-detail { display: grid; align-content: start; gap: 15px; min-width: 0; }
.aios-workspace-empty { min-height: 250px; }
.aios-empty-compact { padding: 20px 12px; }
.aios-empty-compact .bx { font-size: 21px; }
.aios-current-workspace { align-items: center; display: flex; gap: 13px; }
.aios-current-workspace-icon { align-items: center; background: #f0f1f3; border-radius: 10px; color: #4b4e56; display: flex; flex: 0 0 46px; height: 46px; justify-content: center; }
.aios-current-workspace-icon .bx { font-size: 23px; }
.aios-current-workspace-copy { flex: 1; min-width: 0; }
.aios-current-workspace-copy .aios-eyebrow { font-size: 9px; margin-bottom: 2px; }
.aios-current-workspace-copy h2 { font-size: 16px; font-weight: 650; margin: 0; overflow-wrap: anywhere; }
.aios-current-workspace-copy > p:last-child { color: var(--aios-muted); font-size: 10px; margin: 3px 0 0; }
.aios-inline-form { align-items: end; display: flex; gap: 16px; }
.aios-inline-form .aios-field { flex: 1; }
.aios-workspace-edit .aios-inline-form > .aios-btn { margin-bottom: 1px; }
.aios-workspace-delete { margin-top: 22px; padding-top: 18px; }
.aios-brand-grid { display: grid; gap: 11px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.aios-brand-card { border: 1px solid var(--aios-border); border-radius: 8px; min-width: 0; padding: 13px; }
.aios-brand-card-heading { align-items: center; display: flex; gap: 9px; min-width: 0; }
.aios-brand-card-mark { flex-basis: 34px; }
.aios-brand-card-copy h3 { font-size: 12px; }
.aios-brand-card-copy a { display: block; margin-top: 2px; }
.aios-brand-card-heading .aios-status { font-size: 9px; padding: 3px 7px; }
.aios-brand-description,.aios-brand-tone p { color: #666a72; font-size: 11px; margin: 12px 0 0; overflow-wrap: anywhere; }
.aios-brand-tone { border-top: 1px solid #eff0f2; margin-top: 11px; padding-top: 9px; }
.aios-brand-tone strong { color: #555962; font-size: 10px; }
.aios-brand-tone p { margin-top: 3px; white-space: pre-line; }
.aios-details { border-top: 1px solid #eff0f2; margin-top: 12px; padding-top: 9px; }
.aios-details summary { color: #555962; cursor: pointer; font-size: 10px; font-weight: 600; list-style: none; }
.aios-details summary::-webkit-details-marker { display: none; }
.aios-details summary .bx { margin-right: 4px; vertical-align: -2px; }
.aios-brand-edit-form { margin-top: 12px; }
.aios-add-brand form { margin-top: 4px; }
.aios-profile-layout { grid-template-columns: minmax(250px,300px) minmax(0,1fr); align-items: start; }
.aios-password-layout { display: grid; align-items: start; gap: 15px; grid-template-columns: minmax(0,1.6fr) minmax(220px,1fr); width: 100%; }
.aios-password-panel { padding: 20px; }
.aios-password-form { display: grid; gap: 15px; margin-top: 17px; width: 100%; }
.aios-password-form .aios-field { min-width: 0; }
.aios-password-form .form-control { font-size: 12px; min-height: 39px; }
.aios-password-tip { color: var(--aios-muted); padding: 18px; }
.aios-password-tip h2 { color: var(--aios-text); font-size: 13px; margin: 12px 0 5px; }
.aios-password-tip p { font-size: 11px; margin: 0; }
.aios-profile-summary { overflow: hidden; padding: 0; }
.aios-profile-cover { background: linear-gradient(120deg,#e9eaed,#f4f4f5 60%,#e4e5e8); height: 76px; }
.aios-profile-summary-body { padding: 0 17px 17px; text-align: center; }
.aios-profile-avatar { background: #fff; border: 4px solid #fff; border-radius: 50%; height: 78px; margin-top: -39px; object-fit: cover; width: 78px; }
.aios-profile-summary-body h2 { font-size: 15px; font-weight: 650; margin: 7px 0 1px; }
.aios-profile-handle { color: var(--aios-muted); font-size: 10px; margin: 0 0 9px; }
.aios-profile-facts { margin-top: 16px; text-align: left; }
.aios-profile-facts > div { border-bottom: 1px solid #eff0f2; display: flex; flex-direction: column; gap: 2px; padding: 9px 0; }
.aios-profile-facts > div:last-child { border-bottom: 0; }
.aios-profile-facts span { color: var(--aios-muted); font-size: 9px; }
.aios-profile-facts strong { font-size: 10px; font-weight: 550; overflow-wrap: anywhere; }
.aios-security-state { align-items: center; background: #f8f8f9; border: 1px solid var(--aios-border); border-radius: 7px; display: flex; gap: 9px; margin-top: 11px; padding: 9px; text-align: left; }
.aios-security-state .aios-list-icon { flex-basis: 29px; height: 29px; }
.aios-security-state > div { display: flex; flex-direction: column; }
.aios-security-state strong { font-size: 9px; }
.aios-security-state small,.aios-profile-footnote { color: var(--aios-muted); font-size: 9px; }
.aios-profile-footnote { line-height: 1.45; margin: 9px 0 0; text-align: left; }
.aios-profile-forms { display: grid; gap: 14px; min-width: 0; }
.aios-profile-forms form { display: grid; gap: 14px; }
.aios-profile-forms .aios-panel { padding: 17px; }
.aios-field-hint { color: var(--aios-muted); display: block; font-size: 9px; margin-top: 4px; }
.aios-credential-form { display: grid; gap: 12px; margin-top: 14px; }
.aios-credential-form .aios-field { min-width: 0; }
.aios-credential-form .form-control { font-size: 12px; min-height: 37px; }
.aios-secret-input { align-items: center; display: flex; }
.aios-secret-input .form-control { border-bottom-right-radius: 0; border-top-right-radius: 0; min-width: 0; }
.aios-secret-toggle { align-items: center; background: #fff; border: 1px solid #dfe1e4; border-left: 0; border-radius: 0 6px 6px 0; color: #686c74; display: inline-flex; flex: 0 0 38px; height: 37px; justify-content: center; }
.aios-secret-toggle:hover { background: #f8f8f9; color: var(--aios-text); }
.aios-secret-toggle .bx { font-size: 17px; }
.aios-credential-form .aios-form-actions { margin-top: 2px; }
.aios-upload-control { align-items: center; display: flex; gap: 12px; }
.aios-upload-control > div { flex: 1; min-width: 0; }
.aios-upload-avatar { border: 1px solid var(--aios-border); border-radius: 50%; flex: 0 0 46px; height: 46px; object-fit: cover; width: 46px; }
.aios-preference-list { display: grid; }
.aios-preference-row { align-items: center; border-bottom: 1px solid #eff0f2; cursor: pointer; display: flex; gap: 12px; justify-content: space-between; padding: 11px 0; }
.aios-preference-row:last-child { border-bottom: 0; padding-bottom: 0; }
.aios-preference-row > span { display: flex; flex-direction: column; gap: 2px; }
.aios-preference-row strong { font-size: 11px; font-weight: 600; }
.aios-preference-row small { color: var(--aios-muted); font-size: 10px; }
.aios-preference-row .form-check-input { flex: 0 0 auto; margin: 0; }
.aios-form-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.aios-guest-body { background: #fff; }
.aios-auth-shell { display: grid; grid-template-columns: minmax(360px,.92fr) minmax(500px,1.08fr); min-height: 100vh; }
.aios-auth-aside { background: #f5f5f6; border-right: 1px solid var(--aios-border); display: flex; flex-direction: column; justify-content: space-between; min-height: 100vh; padding: 30px clamp(28px,5vw,76px) 22px; }
.aios-auth-brand { align-items: center; color: var(--aios-text); display: inline-flex; gap: 10px; text-decoration: none; width: fit-content; }
.aios-auth-brand-mark,.aios-auth-mobile-mark { align-items: center; background: var(--aios-dark); border-radius: 9px; color: white; display: inline-flex; font-size: 14px; font-weight: 700; height: 35px; justify-content: center; width: 35px; }
.aios-auth-brand > span:last-child { display: flex; flex-direction: column; gap: 1px; }
.aios-auth-brand strong { font-size: 13px; letter-spacing: -.2px; }
.aios-auth-brand small { color: var(--aios-muted); font-size: 10px; }
.aios-auth-aside-copy { margin: 40px auto; max-width: 460px; width: 100%; }
.aios-auth-kicker { color: #686c74; font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.aios-auth-aside-copy > h1 { font-size: clamp(28px,3.1vw,43px); font-weight: 650; letter-spacing: -1.5px; line-height: 1.13; margin: 13px 0 12px; max-width: 470px; }
.aios-auth-aside-copy > p { color: #737780; font-size: 13px; line-height: 1.7; margin: 0; max-width: 420px; }
.aios-auth-preview { background: #fff; border: 1px solid #e5e6e9; border-radius: 10px; box-shadow: 0 16px 40px #24262b08; margin-top: 34px; padding: 15px 16px 11px; }
.aios-auth-preview-top { align-items: center; display: flex; font-size: 10px; font-weight: 650; justify-content: space-between; }
.aios-auth-live { align-items: center; background: #f1f2f3; border-radius: 20px; color: #5e626a; display: inline-flex; font-size: 9px; gap: 5px; padding: 4px 8px; }
.aios-auth-live i { background: #92959c; border-radius: 50%; height: 5px; width: 5px; }
.aios-auth-preview-metrics { display: grid; gap: 9px; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 18px; }
.aios-auth-preview-metrics > div { border-right: 1px solid #eff0f2; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.aios-auth-preview-metrics > div:last-child { border-right: 0; }
.aios-auth-preview-metrics small { color: var(--aios-muted); font-size: 9px; }
.aios-auth-preview-metrics strong { font-size: 15px; font-weight: 650; }
.aios-auth-preview-metrics > div:last-child strong { color: #777b84; font-size: 9px; font-weight: 550; }
.aios-auth-preview-line { align-items: end; border-bottom: 1px solid var(--aios-border); display: flex; gap: 8px; height: 92px; margin-top: 13px; padding: 0 8px; }
.aios-auth-preview-line span { background: #c9cbd0; border-radius: 3px 3px 0 0; flex: 1; }
.aios-auth-preview-line span:nth-child(2n) { background: #858991; }
.aios-auth-preview-caption { color: #92959c; display: block; font-size: 8px; margin-top: 7px; text-align: right; }
.aios-auth-feature-list { display: grid; gap: 17px; margin-top: 29px; }
.aios-auth-feature-list > div { align-items: flex-start; display: flex; gap: 11px; }
.aios-auth-feature-list > div > span { align-items: center; background: #fff; border: 1px solid var(--aios-border); border-radius: 50%; color: #474b53; display: flex; flex: 0 0 25px; height: 25px; justify-content: center; }
.aios-auth-feature-list .bx { font-size: 14px; }
.aios-auth-feature-list > div > div { display: flex; flex-direction: column; gap: 3px; }
.aios-auth-feature-list strong { font-size: 11px; font-weight: 600; }
.aios-auth-feature-list small { color: var(--aios-muted); font-size: 10px; line-height: 1.5; }
.aios-auth-aside-footer { align-items: center; color: #7f838b; display: flex; font-size: 9px; gap: 10px; }
.aios-auth-aside-footer i { background: #c7c9ce; border-radius: 50%; height: 3px; width: 3px; }
.aios-auth-main { display: flex; flex-direction: column; justify-content: space-between; min-height: 100vh; padding: 22px clamp(24px,5.5vw,82px) 17px; }
.aios-auth-top { align-items: center; color: var(--aios-muted); display: flex; font-size: 10px; gap: 6px; justify-content: flex-end; }
.aios-auth-top a,.aios-auth-switch a { color: #27292e; font-weight: 650; text-decoration: none; }
.aios-auth-top a:hover,.aios-auth-switch a:hover { text-decoration: underline; }
.aios-auth-content { margin: 30px auto; max-width: 390px; width: 100%; }
.aios-auth-content-register { max-width: 450px; }
.aios-auth-heading { margin-bottom: 23px; }
.aios-auth-heading .aios-eyebrow { font-size: 9px; margin-bottom: 6px; }
.aios-auth-heading > h2 { font-size: 24px; font-weight: 650; letter-spacing: -.6px; margin: 0 0 5px; }
.aios-auth-heading > p:last-child { color: var(--aios-muted); font-size: 11px; margin: 0; }
.aios-auth-mobile-mark { display: none; margin-bottom: 19px; }
.aios-auth-errors { font-size: 10px; margin-bottom: 16px; }
.aios-auth-errors ul { margin: 5px 0 0; padding-left: 17px; }
.aios-auth-form { display: grid; gap: 15px; }
.aios-auth-form .aios-field label { color: #494c54; font-size: 10px; margin-bottom: 5px; }
.aios-auth-input-wrap { align-items: center; background: #fff; border: 1px solid #e0e1e4; border-radius: 6px; display: flex; min-height: 40px; transition: border-color .15s ease,box-shadow .15s ease; }
.aios-auth-input-wrap:focus-within { border-color: #8b8f97; box-shadow: 0 0 0 3px #24262b0a; }
.aios-auth-input-wrap > .bx { color: #898d95; flex: 0 0 36px; font-size: 16px; text-align: center; }
.aios-auth-input-wrap .form-control { background: transparent; border: 0; box-shadow: none; color: var(--aios-text); font-size: 11px; min-height: 38px; padding: 8px 7px 8px 0; }
.aios-auth-input-wrap .form-control:focus { background: transparent; box-shadow: none; }
.aios-auth-input-wrap .form-control::placeholder { color: #a1a4aa; font-size: 10px; }
.aios-auth-label-row { align-items: center; display: flex; justify-content: space-between; }
.aios-auth-label-row label { margin-bottom: 5px; }
.aios-auth-options { align-items: center; display: flex; justify-content: space-between; }
.aios-auth-check { align-items: flex-start; color: #62666e; cursor: pointer; display: flex; font-size: 10px; gap: 7px; line-height: 1.5; }
.aios-auth-check input { accent-color: #282a30; flex: 0 0 auto; height: 14px; margin: 1px 0 0; width: 14px; }
.aios-auth-check a { color: #282a30; font-weight: 600; }
.aios-password-toggle { align-items: center; background: transparent; border: 0; color: #81858d; display: flex; flex: 0 0 36px; font-size: 16px; height: 38px; justify-content: center; }
.aios-password-toggle:hover { color: #24262b; }
.aios-auth-submit { min-height: 40px; width: 100%; }
.aios-auth-submit .bx { font-size: 17px; }
.aios-auth-switch { color: var(--aios-muted); font-size: 10px; margin: 17px 0 0; text-align: center; }
.aios-auth-legal { color: #92959c; font-size: 9px; line-height: 1.6; margin: 24px 0 0; text-align: center; }
.aios-auth-footer { align-items: center; color: #92959c; display: flex; font-size: 9px; justify-content: space-between; }
.aios-register-form { gap: 11px; }
.aios-terms-check { margin-top: 1px; }
.aios-auth-register .aios-auth-main { padding-top: 19px; }
.aios-auth-register .aios-auth-heading { margin-bottom: 17px; }
.aios-auth-register .aios-auth-content { margin-bottom: 18px; margin-top: 20px; }
.aios-auth-register .aios-auth-form .form-control { min-height: 36px; }
.aios-auth-register .aios-auth-input-wrap { min-height: 38px; }
.aios-auth-register .aios-auth-input-wrap .form-control { min-height: 36px; }
.aios-auth-register .aios-auth-submit { min-height: 38px; }
.aios-guest-body .invalid-feedback { font-size: 9px; }
.aios-mobile-menu,.aios-overlay { display: none; }
.aios-body :focus-visible { outline: 2px solid #646974; outline-offset: 2px; }
.aios-ad-accounts-toolbar { align-items: end; display: flex; flex-wrap: wrap; gap: 14px; justify-content: space-between; }
.aios-ad-workspace-select { align-items: center; display: flex; flex-wrap: wrap; gap: 9px; }
.aios-ad-workspace-select label { color: var(--aios-muted); font-size: 11px; font-weight: 650; margin: 0; }
.aios-ad-workspace-select .form-select { min-width: 220px; }
.aios-ad-account-metrics { margin-top: 15px; }
.aios-ad-account-tabs { border-bottom: 1px solid #eff0f2; display: flex; flex-wrap: wrap; gap: 6px; margin: -4px 0 14px; }
.aios-ad-account-tab { border-bottom: 2px solid transparent; color: var(--aios-muted); font-size: 11px; padding: 9px 11px; text-decoration: none; }
.aios-ad-account-tab:hover,.aios-ad-account-tab.is-active { border-color: var(--aios-accent); color: var(--aios-text); }
.aios-ad-account-filters { align-items: end; display: grid; gap: 10px; grid-template-columns: minmax(180px,2fr) repeat(3,minmax(120px,1fr)) auto; margin-bottom: 14px; }
.aios-ad-account-filters .aios-field { margin: 0; }
.aios-ad-account-table { min-width: 1120px; }
.aios-ad-account-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 5px; min-width: 190px; }
.aios-ad-account-actions form { margin: 0; }
.aios-btn-sm { font-size: 10px; min-height: 27px; padding: 4px 7px; }
.aios-ad-pagination { align-items: center; border-top: 1px solid #eff0f2; color: var(--aios-muted); display: flex; font-size: 11px; justify-content: space-between; margin-top: 12px; padding-top: 12px; }
.aios-ad-pagination > div { display: flex; gap: 7px; }
@media (max-width: 1100px) { .aios-grid-4 { grid-template-columns: repeat(2,minmax(0,1fr)); } .aios-content { padding: 23px; } }
@media (max-width: 767px) {
    .aios-auth-shell { grid-template-columns: 1fr; min-height: 100vh; }
    .aios-auth-aside { display: none; }
    .aios-auth-main { justify-content: flex-start; min-height: 100vh; padding: 18px 20px 13px; }
    .aios-auth-top { order: 0; }
    .aios-auth-content { margin: auto; max-width: 420px; padding: 26px 0; }
    .aios-auth-content-register { max-width: 480px; }
    .aios-auth-mobile-mark { display: inline-flex; }
    .aios-auth-heading { margin-bottom: 22px; }
    .aios-auth-heading > h2 { font-size: 22px; }
    .aios-auth-register .aios-auth-main { padding-top: 15px; }
    .aios-auth-register .aios-auth-content { margin: auto; }
    .aios-auth-footer { margin-top: auto; padding-top: 15px; }
}
@media (max-width: 480px) {
    .aios-auth-main { padding-left: 17px; padding-right: 17px; }
    .aios-auth-register .aios-form-grid { grid-template-columns: 1fr; }
    .aios-auth-register .aios-auth-content { padding-bottom: 16px; padding-top: 19px; }
    .aios-auth-register .aios-auth-heading { margin-bottom: 14px; }
    .aios-auth-register .aios-register-form { gap: 9px; }
}
@media (max-width: 767px) {
    .aios-sidebar { box-shadow: 15px 0 40px #0001; transform: translateX(-105%); transition: transform .2s ease; width: min(290px,86vw); }
    .aios-sidebar.is-open { transform: translateX(0); }
    .aios-overlay { background: #16181c55; display: block; inset: 0; position: fixed; z-index: 1030; }
    .aios-overlay[hidden] { display: none; }
    .aios-main { margin-left: 0; }
    .aios-topbar { height: 54px; padding: 0 14px; }
    .aios-mobile-menu { display: inline-flex; }
    .aios-search { width: 36px; }
    .aios-search input,.aios-search kbd { display: none; }
    .aios-search:focus-within { background: white; left: 12px; position: absolute; right: 150px; width: auto; z-index: 5; }
    .aios-search:focus-within input { display: block; }
    .aios-breadcrumb { font-size: 11px; gap: 6px; }
    .aios-topbar-actions { gap: 4px; }
    .aios-profile-button { padding: 3px; }
    .aios-profile-button span { display: none; }
    .aios-content { padding: 20px 14px; }
    .aios-footer { align-items: flex-start; flex-direction: column; gap: 3px; padding: 12px 15px; }
    .aios-page-header { flex-direction: column; gap: 12px; margin-bottom: 18px; }
    .aios-page-title { font-size: 21px; }
    .aios-grid-3,.aios-grid-2 { grid-template-columns: 1fr; }
    .aios-panel { padding: 14px; }
    .aios-ad-account-filters { grid-template-columns: 1fr 1fr; }
    .aios-ad-account-filters .aios-btn { align-self: end; }
    .aios-ad-accounts-toolbar,.aios-ad-workspace-select { align-items: stretch; flex-direction: column; }
    .aios-ad-workspace-select .form-select { min-width: 0; width: 100%; }
    .aios-ad-account-tabs { overflow-x: auto; flex-wrap: nowrap; }
    .aios-ad-account-tab { flex: 0 0 auto; }
    .aios-ad-pagination { align-items: flex-start; flex-direction: column; gap: 10px; }
    .aios-workspace-layout,    .aios-profile-layout,.aios-password-layout { grid-template-columns: 1fr; }
    .aios-workspace-list { position: static; }
    .aios-brand-grid { grid-template-columns: 1fr; }
    .aios-profile-summary { order: 1; }
    .aios-profile-forms { order: 0; }
    .aios-profile-summary-body { padding-left: 15px; padding-right: 15px; }
    .aios-profile-facts { display: grid; gap: 0 12px; grid-template-columns: repeat(2,minmax(0,1fr)); }
    .aios-inline-form { align-items: stretch; flex-direction: column; gap: 14px; }
    .aios-workspace-edit .aios-inline-form > .aios-btn { align-self: flex-start; }
}
@media (max-width: 440px) { .aios-grid-4 { grid-template-columns: 1fr 1fr; gap: 8px; } .aios-metric { padding: 12px; } .aios-metric-value { font-size: 19px; } .aios-result-grid,.aios-form-grid { grid-template-columns: 1fr; } .aios-field-full { grid-column: auto; } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior: auto !important; transition-duration: .01ms !important; } }