@font-face{font-family:Inter;src:url("Inter.2bf3d951bf9d.woff2") format('woff2');font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f3f7f8;color:#1c2b33;font:16px/1.65 Inter,system-ui,sans-serif}a{color:#12304a;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;background:#12304a;color:#fff;border:1px solid #12304a;border-radius:8px;padding:11px 20px;font-weight:600;text-decoration:none;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.secondary{background:white;color:#12304a}.danger{background:#fff;color:#9e2929;border-color:#b97070}.text-button{padding:0;border:0;background:none;color:#12304a;font-weight:400}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #007c77;outline-offset:4px}.site-header{min-height:76px;padding:16px max(5vw,20px);background:#fff;border-bottom:1px solid #dbe5e8;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:28px;font-weight:850;letter-spacing:-1px;text-decoration:none}.brand span{color:#00a7a0}nav,.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}nav a{font-size:14px;text-decoration:none}nav form{margin:0}main{max-width:1160px;margin:auto;padding:58px 24px;min-height:75vh}h1,h2,h3{color:#12304a;line-height:1.2;letter-spacing:-.04em}h1{font-size:clamp(30px,4vw,48px);margin:10px 0 20px}h2{font-size:24px}p{overflow-wrap:anywhere}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:700;color:#276a71}.hero{padding:40px 0 65px}.muted{color:#536772}.panel{background:white;border:1px solid #dbe5e8;border-radius:14px;padding:32px}.auth{max-width:530px;margin:auto}.auth h1{font-size:32px}form p{margin:0 0 22px}label{display:block;font-weight:600;margin-bottom:7px}input,select,textarea{width:100%;padding:12px;border:1px solid #9cafb6;border-radius:7px;background:#fff;color:#1c2b33}input[type=checkbox]{width:auto}input[type=file]{max-width:100%}.helptext{display:block;font-size:13px;color:#536772;margin-top:5px}.errorlist{padding:0;list-style:none;color:#9e2929;font-size:14px}.notice{background:#ddf4f1;padding:16px;border-radius:8px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card h2{font-size:21px;overflow-wrap:anywhere}.card a{text-decoration:none}.badge{display:inline-block;font-size:12px;background:#ddf4f1;color:#145750;padding:4px 10px;border-radius:20px}.metadata{font-size:14px;color:#536772}.empty{padding:65px 28px;text-align:center}.empty p{max-width:490px;margin:20px auto}.dropzone{border:2px dashed #9cafb6;border-radius:10px;padding:28px;background:#f3f7f8}.dropzone.dragging{background:#ddf4f1;border-color:#007c77}progress{width:100%;accent-color:#007c77}.narrow{max-width:760px;margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:4px;background:white;z-index:1}footer{padding:30px;text-align:center;color:#536772;font-size:13px}.pagination{margin-top:24px;display:flex;gap:20px}.report p{white-space:pre-wrap}ul{padding-left:22px}@media(max-width:760px){.grid{grid-template-columns:1fr}.site-header{align-items:flex-start}nav{gap:12px;justify-content:flex-end}nav form{width:100%;text-align:right}main{padding:30px 18px}.page-heading{align-items:flex-start;flex-direction:column}.panel{padding:24px}.hero{padding:20px 0}.actions{gap:12px}.dropzone{padding:18px}}

.config-panel{margin-top:28px}.config-panel form{margin-top:24px}.config-panel input[type=checkbox]{width:auto;margin-right:8px}.config-panel form p:has(input[type=checkbox]) label{display:inline;font-weight:400}
.config-tabs{gap:8px;margin:24px 0;border-bottom:1px solid #dbe5e8}.config-tabs a{padding:10px 14px;border-bottom:3px solid transparent;font-weight:600}.config-tabs a[aria-current=page]{color:#007c77;border-bottom-color:#007c77}

[hidden]{display:none!important}textarea{resize:vertical;min-height:180px}#transcript-panel{margin-top:24px}
.microphone-panel{padding:24px;border:1px solid #9cafb6;border-radius:10px;background:#f3f7f8}.microphone-panel h2{margin-top:0}.recording-clock{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;color:#12304a}#microphone-indicator{width:12px;height:12px;border-radius:50%;background:#9cafb6}.microphone-panel[data-recording=true] #microphone-indicator{background:#b12e2e;box-shadow:0 0 0 5px #b12e2e18}.microphone-panel audio{display:block;width:100%;margin:22px 0}.microphone-panel .helptext:last-child{margin:20px 0 0}

.generation-progress{margin:24px 0}.progress-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:14px}.progress-heading label{margin:0}.progress-heading span{font-variant-numeric:tabular-nums;white-space:nowrap;color:#145750;font-weight:600}.generation-progress progress{display:block;height:12px;margin:12px 0 18px;appearance:none;border:0;border-radius:20px;overflow:hidden;background:#e7eff1}.generation-progress progress::-webkit-progress-bar{background:#e7eff1;border-radius:20px}.generation-progress progress::-webkit-progress-value{background-color:#007c77;border-radius:20px}.generation-progress progress::-moz-progress-bar{background-color:#007c77;border-radius:20px}.generation-progress[data-active=true] progress::-webkit-progress-value{background-image:linear-gradient(110deg,transparent 30%,#ffffff40 50%,transparent 70%);background-size:160px 100%;animation:progress-activity 2s linear infinite}.generation-progress[data-active=true] progress::-moz-progress-bar{background-image:linear-gradient(110deg,transparent 30%,#ffffff40 50%,transparent 70%);background-size:160px 100%;animation:progress-activity 2s linear infinite}.progress-message{font-size:15px;font-weight:600;margin:0 0 8px;color:#12304a}@keyframes progress-activity{from{background-position:-160px 0}to{background-position:160px 0}}@media(prefers-reduced-motion:reduce){.generation-progress[data-active=true] progress::-webkit-progress-value{animation:none}.generation-progress[data-active=true] progress::-moz-progress-bar{animation:none}}

.theme-toggle{gap:8px;padding:8px 12px;background:transparent;color:#12304a;border-color:#dbe5e8;font-size:13px;white-space:nowrap}
html[data-theme="dark"]{color-scheme:dark;background:#111b21;color:#e4edf0}
html[data-theme="dark"] body{background:#111b21;color:#e4edf0}
html[data-theme="dark"] a{color:#8bd5d0}
html[data-theme="dark"] button,html[data-theme="dark"] .button{background:#17475b;color:#f4fbfc;border-color:#286477}
html[data-theme="dark"] .secondary,html[data-theme="dark"] .theme-toggle{background:#1b2931;color:#d8e8eb;border-color:#40545e}
html[data-theme="dark"] .text-button{background:transparent;border:0;color:#d8e8eb}
html[data-theme="dark"] .danger{background:#382426;color:#ffcaca;border-color:#805052}
html[data-theme="dark"] .site-header{background:#17242b;border-color:#34454d}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3{color:#d9e9ed}
html[data-theme="dark"] .eyebrow{color:#85d2cb}
html[data-theme="dark"] .muted,html[data-theme="dark"] footer,html[data-theme="dark"] .metadata,html[data-theme="dark"] .helptext{color:#a8bbc2}
html[data-theme="dark"] .panel{background:#19272f;border-color:#34474f}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#111d23;color:#e4edf0;border-color:#526872}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#9aadb4}
html[data-theme="dark"] .notice{background:#193b3d;color:#d9f5f0}
html[data-theme="dark"] .badge{background:#214846;color:#b8eee5}
html[data-theme="dark"] .dropzone,html[data-theme="dark"] .microphone-panel{background:#14232a;border-color:#526872}
html[data-theme="dark"] .dropzone.dragging{background:#193b3d;border-color:#58bdb5}
html[data-theme="dark"] .recording-clock,html[data-theme="dark"] .progress-message{color:#d9e9ed}
html[data-theme="dark"] .generation-progress progress,html[data-theme="dark"] .generation-progress progress::-webkit-progress-bar{background:#34474f}
html[data-theme="dark"] .config-tabs{border-color:#34474f}
html[data-theme="dark"] .config-tabs a[aria-current=page]{color:#8bd5d0;border-bottom-color:#58bdb5}
html[data-theme="dark"] .skip:focus{background:#19272f;color:#fff}
@media(max-width:760px){.theme-toggle .theme-toggle-label{display:none}.theme-toggle{padding:8px 10px}}

/* Shared navigation */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.primary-nav{gap:20px;min-width:0}
.primary-nav a[aria-current=page],.nav-menu .current-section{color:#007c77;font-weight:600}
.workspace-link[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.account-links{display:flex;align-items:center;gap:16px;border-left:1px solid #dbe5e8;padding-left:20px}
.account-links a,.account-links .text-button{white-space:nowrap}
.account-links .text-button{font-size:14px;color:#536772;min-height:40px}
.nav-menu{position:relative;font-size:14px}
.nav-menu summary{display:flex;align-items:center;gap:8px;min-height:40px;cursor:pointer;list-style:none;color:#12304a;border-radius:6px}
.nav-menu summary::-webkit-details-marker{display:none}
.nav-menu summary::after{content:'⌄';font-size:14px;transition:transform .15s}
.nav-menu[open] summary::after{transform:rotate(180deg)}
.nav-menu summary:focus-visible{outline:3px solid #007c77;outline-offset:4px}
.nav-menu-content{position:absolute;top:calc(100% + 8px);right:0;z-index:5;min-width:180px;padding:8px;background:#fff;border:1px solid #dbe5e8;border-radius:10px;box-shadow:0 8px 24px #12304a12}
.nav-menu-content a{display:block;padding:10px 12px;border-radius:6px}
.nav-menu-content a:hover{background:#f3f7f8}
.site-header .theme-toggle{min-width:38px;min-height:38px;padding:6px 10px;border-color:transparent;font-size:20px}
.site-header .theme-toggle-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Conversation dashboard */
main:has(.dashboard){padding-top:40px}
.dashboard-heading{align-items:center;margin-bottom:28px}
.dashboard-heading h1{font-size:clamp(30px,3vw,40px);margin:0 0 10px;letter-spacing:-.035em}
.dashboard-heading p{margin:0;font-size:15px}
.dashboard-heading .button{gap:8px;flex-shrink:0}
.conversation-search{padding:20px 0;margin-bottom:30px;border-top:1px solid #dbe5e8;border-bottom:1px solid #dbe5e8}
.search-controls{display:flex;align-items:flex-start;gap:16px}
.search-field{flex:1;min-width:0}
.search-controls label{font-size:13px;margin-bottom:6px;color:#536772;font-weight:500}
.search-controls input{font-size:14px;padding:11px 12px;border-color:#bacbd1;border-radius:8px;min-height:46px}
.date-filter{flex:0 0 190px;min-width:0}
.search-controls button{margin-top:27px;min-height:46px;font-size:14px}
.search-reset{margin-top:27px;display:flex;align-items:center;min-height:46px;font-size:14px}
.conversation-search .helptext{font-size:12px;margin:10px 0 0}
.conversation-search .errorlist{margin:8px 0 0}
.search-results{font-size:14px;color:#536772;margin:0 0 24px}
.conversation-day{margin:0 0 32px}
.day-heading{display:flex;align-items:center;gap:16px;font-size:14px;font-weight:600;letter-spacing:0;color:#536772;margin:0 0 16px;line-height:1.5}
.day-heading::after{content:'';height:1px;background:#dbe5e8;flex:1}
.conversation-grid{gap:20px;align-items:stretch}
.conversation-card{display:flex;flex-direction:column;align-items:flex-start;padding:24px;border-radius:12px;min-width:0;transition:border-color .15s,box-shadow .15s}
.conversation-card:hover,.conversation-card:focus-within{border-color:#9bbabf;box-shadow:0 4px 16px #12304a08}
.conversation-type{font-size:12px;color:#536772;font-weight:500;margin:0 0 10px}
.conversation-card h3{font-size:20px;line-height:1.35;letter-spacing:-.025em;margin:0 0 14px;overflow-wrap:anywhere;max-width:100%}
.conversation-card h3 a:hover{text-decoration:underline}
.conversation-card .badge{font-size:11px;line-height:1.6;padding:4px 9px;background:#eef2f4;color:#475e6b}
.conversation-card .badge[data-status=queued],.conversation-card .badge[data-status=processing]{background:#e7f0f7;color:#285d7e}
.conversation-card .badge[data-status=ready]{background:#ddf4f1;color:#145750}
.conversation-card .badge[data-status=failed]{background:#fbeceb;color:#9e2929}
.conversation-card .metadata{font-size:12px;line-height:1.7;margin:16px 0 20px}
.conversation-duration{display:block;margin-top:4px}
.card-open{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font-size:13px;font-weight:600;margin-top:auto;padding-top:16px;border-top:1px solid #e8eef0;min-height:44px}
.card-open span{font-size:18px;color:#007c77}
.dashboard .pagination{justify-content:center;font-size:13px;color:#536772;gap:24px;margin-top:36px}
.dashboard .pagination a{padding:6px 0}
.dashboard .pagination span{padding:6px 0}
.dashboard .empty{padding:48px 28px;border-style:dashed}
.dashboard .empty h2{font-size:26px}

html[data-theme=dark] .primary-nav a[aria-current=page],html[data-theme=dark] .nav-menu .current-section{color:#8bd5d0}
html[data-theme=dark] .account-links,html[data-theme=dark] .conversation-search{border-color:#34474f}
html[data-theme=dark] .account-links .text-button,html[data-theme=dark] .search-controls label,html[data-theme=dark] .day-heading,html[data-theme=dark] .conversation-type,html[data-theme=dark] .search-results,html[data-theme=dark] .dashboard .pagination{color:#a8bbc2}
html[data-theme=dark] .nav-menu summary{color:#d8e8eb}
html[data-theme=dark] .nav-menu-content{background:#19272f;border-color:#40545e;box-shadow:0 8px 24px #0003}
html[data-theme=dark] .nav-menu-content a:hover{background:#253840}
html[data-theme=dark] .site-header .theme-toggle{background:transparent}
html[data-theme=dark] .search-controls input{border-color:#526872}
html[data-theme=dark] .day-heading::after{background:#34474f}
html[data-theme=dark] .conversation-card:hover,html[data-theme=dark] .conversation-card:focus-within{border-color:#608b91;box-shadow:0 4px 16px #0002}
html[data-theme=dark] .conversation-card .badge{background:#2c3c45;color:#cedce2}
html[data-theme=dark] .conversation-card .badge[data-status=queued],html[data-theme=dark] .conversation-card .badge[data-status=processing]{background:#213e50;color:#b5def7}
html[data-theme=dark] .conversation-card .badge[data-status=ready]{background:#214846;color:#b8eee5}
html[data-theme=dark] .conversation-card .badge[data-status=failed]{background:#482e32;color:#ffcaca}
html[data-theme=dark] .card-open{border-color:#34474f}
html[data-theme=dark] .card-open span{color:#8bd5d0}
@media(max-width:1050px){.conversation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-nav{gap:14px}.account-links{gap:12px;padding-left:14px}}
@media(max-width:760px){
  .site-header{align-items:center;flex-wrap:wrap;gap:10px;padding:14px 18px}
  .site-header .brand{font-size:25px}
  .primary-nav{justify-content:flex-end;gap:12px}
  .account-links{gap:12px;padding-left:12px}
  .primary-nav .account-links form{width:auto;text-align:initial}
  .primary-nav a,.nav-menu{font-size:13px}
  .account-links .text-button{font-size:13px}
  main:has(.dashboard){padding-top:28px}
  .dashboard-heading{align-items:flex-start;gap:20px}
  .dashboard-heading .button{min-height:46px}
  .search-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 12px}
  .search-field{grid-column:1/-1}
  .date-filter{width:auto}
  .search-controls button{align-self:start}
  .search-reset{grid-column:1/-1;margin:0;min-height:36px;justify-self:start}
  .conversation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .conversation-card{padding:20px}
  .dashboard .empty{padding:36px 20px}
}
@media(max-width:600px){
  .primary-nav{width:100%;justify-content:flex-start;gap:4px 16px}
  .account-links{order:2;flex:1;border-left:0;padding-left:0;justify-content:flex-end}
  .site-header .theme-toggle{order:3}
  .conversation-grid{grid-template-columns:1fr}
  .conversation-card{padding:24px}
  .conversation-day{margin-bottom:28px}
  .dashboard-heading .button{width:100%}
}
@media(prefers-reduced-motion:reduce){.conversation-card,.nav-menu summary::after{transition:none}}

.report li,.report h2{overflow-wrap:anywhere}.report li{white-space:pre-wrap}

.back-to-top{position:fixed;right:24px;bottom:24px;z-index:20;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #dbe5e8;border-radius:50%;background:#12304a;color:#fff;box-shadow:0 4px 16px #12304a30;cursor:pointer;transition:background .18s ease,transform .18s ease}
.back-to-top[hidden]{display:none}
.back-to-top svg{width:22px;height:22px}
.back-to-top:hover{background:#1b435f;transform:translateY(-2px)}
.back-to-top:focus-visible{outline:3px solid #00a7a0;outline-offset:3px}
html[data-theme=dark] .back-to-top{background:#17475b;border-color:#40545e}
html[data-theme=dark] .back-to-top:hover{background:#215b70}
@media(max-width:600px){.back-to-top{right:16px;bottom:16px;width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}}

/* Account settings */
main:has(.account-page){max-width:1040px;padding-top:44px}
.account-heading{margin:0 0 30px}
.account-heading h1{margin:8px 0 8px;font-size:clamp(32px,4vw,42px);letter-spacing:-.035em}
.account-heading>p:last-child{margin:0;font-size:15px}
.account-layout{display:grid;grid-template-columns:250px minmax(0,1fr);align-items:start;gap:22px}
.account-sidebar{position:sticky;top:24px;display:grid;gap:14px;min-width:0}
.account-summary{padding:25px 22px;background:linear-gradient(155deg,#fff 55%,#eef8f7);border:1px solid #dbe5e8;border-radius:14px;text-align:center}
.account-avatar{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 15px;border-radius:50%;background:#ddf4f1;color:#145750;font-size:28px;font-weight:700;letter-spacing:-.04em}
.account-summary h2{margin:0 0 5px;font-size:19px;letter-spacing:-.025em;overflow-wrap:anywhere}
.account-summary>p{margin:0;color:#536772;font-size:13px;overflow-wrap:anywhere}
.account-status{display:inline-flex;align-items:center;gap:7px;margin-top:18px;padding:6px 10px;border-radius:99px;background:#e9f5f2;color:#145750;font-size:12px;font-weight:600}
.account-status>span{width:7px;height:7px;border-radius:50%;background:#19977f}
.account-outline{min-width:0;display:block}
.account-outline-disclosure{width:100%}
.account-outline-disclosure{overflow:hidden;border:1px solid #dbe5e8;border-radius:10px;background:#ffffff80}
.account-outline-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;min-height:44px;padding:12px 16px;color:#536772;font-size:13px;font-weight:600}
.account-outline-disclosure>summary::-webkit-details-marker{display:none}
.account-outline-disclosure>summary:focus-visible{outline:3px solid #007c77;outline-offset:-3px}
.account-outline-links{display:flex;flex-direction:column;gap:3px;padding:0 8px 8px}
.account-outline-links a{padding:8px 10px;border-left:2px solid transparent;border-radius:0 6px 6px 0;color:#12304a;font-size:13px;line-height:1.5;text-decoration:none}
.account-outline-links a:hover,.account-outline-links a:focus-visible{border-left-color:#007c77;background:#ddf4f1;color:#145750}
.account-card[id]{scroll-margin-top:24px}
.account-sections{display:grid;gap:18px;min-width:0}
.account-card{padding:26px 28px;border-radius:12px}
.account-card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.account-card-heading .eyebrow{margin:0 0 6px;font-size:10px;letter-spacing:.13em}
.account-card-heading h2{margin:0;font-size:21px;letter-spacing:-.025em}
.account-card-intro{margin:10px 0 22px;font-size:14px}
.account-form{display:grid;gap:18px}
.account-field{min-width:0}
.account-field label{font-size:13px;margin-bottom:6px}
.account-field input{min-height:46px;border-color:#c4d1d5;border-radius:8px;font-size:14px}
.account-field input[readonly]{background:#f5f8f9;color:#536772}
.account-form-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-top:18px;border-top:1px solid #e8eef0}
.account-field-label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}
.account-email{margin:0;font-size:14px;overflow-wrap:anywhere}
.account-save-notice{margin:0;color:#145750;font-size:13px}
.account-form-footer button{margin-left:auto}
.account-cancel{font-size:13px;min-height:44px;display:inline-flex;align-items:center;text-decoration:none}
.account-cancel:hover{text-decoration:underline}
.account-provider-status{display:inline-block;padding:4px 10px;border-radius:20px;background:#ddf4f1;color:#145750;font-size:12px;font-weight:600}
.account-provider-status.pending{background:#fff3da;color:#78551b}
.account-card-actions{display:flex;justify-content:flex-end;margin-top:20px;padding-top:18px;border-top:1px solid #e8eef0}
.account-card-actions .button{gap:10px;min-height:44px;padding:9px 14px;font-size:13px}
main:has(.account-detail){padding-top:32px}
.account-detail .account-heading h1{font-size:clamp(28px,4vw,38px)}
.account-detail .account-heading>.eyebrow{margin-top:0}
.account-detail .report-back{margin-bottom:12px}
.account-detail .config-panel{margin-top:20px}
.account-detail .config-panel form{margin-top:0}
.account-detail .config-panel h2{font-size:21px;letter-spacing:-.025em}
.account-detail .config-panel label{font-size:13px}
.account-detail .config-panel input,.account-detail .config-panel select{font-size:14px;border-radius:8px}
.account-detail .config-panel button{font-size:13px;min-height:44px}
.account-detail .account-field .helptext ul{margin:6px 0}
.account-detail .account-field .errorlist{margin:8px 0 0}
.account-detail .account-field input[aria-invalid=true]{border-color:#b97070}
html[data-theme=dark] .account-save-notice{color:#b8eee5}
html[data-theme=dark] .account-provider-status{background:#214846;color:#b8eee5}
html[data-theme=dark] .account-provider-status.pending{background:#40351f;color:#f1d391}
html[data-theme=dark] .account-card-actions{border-color:#34474f}
.account-form-footer button{min-height:44px;padding:10px 16px;font-size:13px;white-space:nowrap}
.security-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding-top:18px;border-top:1px solid #e8eef0}
.security-row strong{font-size:14px;color:#12304a}
.security-row p{margin:4px 0 0;font-size:13px}
.security-row .button{flex:0 0 auto;gap:10px;min-height:44px;padding:9px 14px;font-size:13px}
html[data-theme=dark] .account-summary{background:linear-gradient(155deg,#19272f 55%,#193638);border-color:#34474f}
html[data-theme=dark] .account-avatar{background:#214846;color:#b8eee5}
html[data-theme=dark] .account-summary>p{color:#a8bbc2}
html[data-theme=dark] .account-outline-disclosure{background:#19272f80;border-color:#34474f}
html[data-theme=dark] .account-outline-disclosure>summary{color:#a8bbc2}
html[data-theme=dark] .account-outline-links a{color:#d8e8eb}
html[data-theme=dark] .account-outline-links a:hover,html[data-theme=dark] .account-outline-links a:focus-visible{background:#214846;color:#b8eee5}
html[data-theme=dark] .account-status{background:#214846;color:#b8eee5}
html[data-theme=dark] .account-status>span{background:#65c9ad}
html[data-theme=dark] .account-field input[readonly]{background:#142128;color:#a8bbc2}
html[data-theme=dark] .account-form-footer,html[data-theme=dark] .security-row{border-color:#34474f}
html[data-theme=dark] .security-row strong{color:#d9e9ed}
@media(max-width:900px){
  main:has(.account-page){padding:30px 18px}
  .account-heading{margin-bottom:22px}
  .account-layout{grid-template-columns:1fr;gap:16px}
  .account-sidebar{position:static;gap:12px}
  .account-summary{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:16px;text-align:left}
  .account-avatar{grid-row:1/3;width:52px;height:52px;margin:0;font-size:22px}
  .account-summary h2{align-self:end;font-size:16px}
  .account-summary>p{align-self:start;font-size:12px}
  .account-status{grid-column:2;justify-self:start;margin-top:10px}
  .account-card{padding:22px 20px}
  .account-outline-disclosure>summary{padding:10px 14px}
}
@media(max-width:500px){
  .account-form-footer,.security-row{align-items:stretch;flex-direction:column}
  .account-form-footer button,.security-row .button,.account-card-actions .button{width:100%;white-space:normal}
  .account-card-actions{justify-content:stretch}
  .account-form-footer .account-save-notice{order:2}
  .account-detail .account-form-footer .account-cancel{order:2;justify-content:center}
}


/* Report reading view */
main:has(.report-page){padding-top:32px}
.report-page{max-width:760px;margin:auto;min-width:0}
.report-back{display:inline-flex;align-items:center;min-height:36px;font-size:13px;color:#536772;text-decoration:none;margin-bottom:16px}
.report-back:hover{text-decoration:underline}
.report-heading{margin:0 0 20px}
.report-heading>div{min-width:0;width:100%}
.report-heading h1{font-size:clamp(28px,3vw,38px);line-height:1.2;letter-spacing:-.03em;overflow-wrap:anywhere;margin:0 0 16px}
.report-metadata{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;color:#536772;font-size:13px;line-height:1.6}
.report-type{font-weight:600;color:#276a71}
.report-metadata .badge{font-size:11px;padding:3px 9px;background:#eef2f4;color:#475e6b}
.report-metadata .badge[data-status=ready]{background:#ddf4f1;color:#145750}
.report-metadata .badge[data-status=queued],.report-metadata .badge[data-status=processing]{background:#e7f0f7;color:#285d7e}
.report-metadata .badge[data-status=failed]{background:#fbeceb;color:#9e2929}
.report-actions{display:flex;align-items:center;gap:20px;margin-bottom:24px}
.report-export-menu{position:relative;flex-shrink:0}
.report-export-menu summary{display:flex;align-items:center;justify-content:center;gap:16px;list-style:none;cursor:pointer;padding:10px 18px;min-height:44px;border:1px solid #12304a;border-radius:8px;background:#12304a;color:#fff;font-size:14px;font-weight:600}
.report-export-menu summary::-webkit-details-marker,.report-outline summary::-webkit-details-marker{display:none}
.report-export-menu summary:focus-visible,.report-outline summary:focus-visible{outline:3px solid #007c77;outline-offset:4px}
.report-export-menu summary:hover{background:#1b435f}
.report-export-options{position:absolute;top:calc(100% + 8px);left:0;z-index:5;width:250px;padding:8px;border:1px solid #dbe5e8;border-radius:10px;background:#fff;box-shadow:0 8px 24px #12304a12}
.report-export-options a{display:block;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none;border-radius:6px}
.report-export-options a:hover{background:#f3f7f8}
.report-export-options a span{display:block;font-size:12px;font-weight:400;color:#536772;margin-top:2px}
.report-edit-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px;text-decoration:none}
.report-edit-link:hover{text-decoration:underline}
.report-layout{min-width:0}
.report-page .report{padding:40px 44px;border-radius:12px;font-size:16px;line-height:1.75;min-width:0}
.report-section+ .report-section{border-top:1px solid #e8eef0;margin-top:32px;padding-top:28px}
.report-section h2{font-size:21px;font-weight:600;line-height:1.4;letter-spacing:-.015em;margin:0 0 14px;scroll-margin-top:28px}
.report-section h2:focus-visible{outline:2px solid #007c77;outline-offset:6px;border-radius:2px}
.report-section p,.report-section ul{margin:0}
.report-section ul{padding-left:20px}
.report-section li{padding-left:3px}
.report-section li+li{margin-top:10px}
.report-section li::marker{color:#6f8e98}
.report-section .report-empty{font-size:14px;color:#647681;font-style:italic}
.report-outline{margin-bottom:20px;min-width:0}
.report-outline-disclosure{border:1px solid #dbe5e8;border-radius:10px;background:#ffffff80}
.report-outline summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;min-height:44px;padding:12px 16px;font-size:13px;font-weight:600;color:#536772}
.report-outline nav{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:0 8px 8px}
.report-outline nav a{padding:8px;font-size:13px;line-height:1.5;overflow-wrap:anywhere;border-radius:6px}
.report-outline nav a:hover{background:#ddf4f1;color:#145750}
.report-footer-actions{margin-top:28px;padding-top:16px;border-top:1px solid #dbe5e8;display:flex;justify-content:flex-end}
.report-footer-actions a{font-size:12px;color:#9e2929;display:inline-flex;align-items:center;min-height:40px;text-decoration:none}
.report-footer-actions a:hover{text-decoration:underline}
.report-state h2{font-size:22px;font-weight:600;letter-spacing:-.015em;margin-top:0}
.report-state>p:last-child{margin-bottom:0}
html[data-theme=dark] .report-back,html[data-theme=dark] .report-metadata,html[data-theme=dark] .report-export-options a span,html[data-theme=dark] .report-outline summary{color:#a8bbc2}
html[data-theme=dark] .report-type{color:#85d2cb}
html[data-theme=dark] .report-metadata .badge{background:#2c3c45;color:#cedce2}
html[data-theme=dark] .report-metadata .badge[data-status=ready]{background:#214846;color:#b8eee5}
html[data-theme=dark] .report-metadata .badge[data-status=queued],html[data-theme=dark] .report-metadata .badge[data-status=processing]{background:#213e50;color:#b5def7}
html[data-theme=dark] .report-metadata .badge[data-status=failed]{background:#482e32;color:#ffcaca}
html[data-theme=dark] .report-export-menu summary{background:#17475b;border-color:#286477;color:#f4fbfc}
html[data-theme=dark] .report-export-menu summary:hover{background:#215b70}
html[data-theme=dark] .report-export-options{background:#19272f;border-color:#40545e;box-shadow:0 8px 24px #0003}
html[data-theme=dark] .report-export-options a:hover{background:#253840}
html[data-theme=dark] .report-section+ .report-section,html[data-theme=dark] .report-footer-actions{border-color:#34474f}
html[data-theme=dark] .report-section .report-empty{color:#a8bbc2}
html[data-theme=dark] .report-section li::marker{color:#85aab5}
html[data-theme=dark] .report-outline-disclosure{background:#19272f80;border-color:#34474f}
html[data-theme=dark] .report-outline nav a:hover{background:#214846;color:#b8eee5}
html[data-theme=dark] .report-footer-actions a{color:#efaaaa}
@media(min-width:1100px){
  .has-report-outline{max-width:1000px}
  .has-report-outline .report-header,.has-report-outline .report-footer-actions{margin-left:240px}
  .has-report-outline .report-layout{display:grid;grid-template-columns:216px minmax(0,760px);gap:24px;align-items:start}
  .report-outline{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow-y:auto;margin:0}
  .report-outline-disclosure{border:0;background:transparent}
  html[data-theme=dark] .report-outline-disclosure{background:transparent}
  .report-outline summary{padding:0 8px 12px;cursor:pointer;min-height:36px}
  .report-outline nav{padding:0;gap:2px}
  .report-outline nav a{border-left:2px solid transparent;border-radius:0 6px 6px 0;padding:8px 10px}
  .report-outline nav a:hover,.report-outline nav a:focus-visible{border-left-color:#007c77}
}
@media(max-width:760px){
  main:has(.report-page){padding-top:20px}
  .report-back{margin-bottom:12px}
  .report-heading{margin-bottom:16px}
  .report-heading h1{margin-bottom:12px}
  .report-metadata{gap:6px 12px;font-size:12px}
  .report-actions{gap:16px;margin-bottom:20px}
  .report-export-menu summary{padding:10px 16px}
  .report-edit-link{font-size:12px}
  .report-page .report{padding:28px 22px}
  .report-section h2{font-size:20px;margin-bottom:12px}
  .report-section+ .report-section{margin-top:28px;padding-top:24px}
  .report-footer-actions{margin-top:20px}
}

/* Conversation creation */
main:has(.create-page){padding-top:32px}
.create-heading{margin-bottom:26px}
.create-heading .report-back{margin-bottom:12px}
.create-heading h1{margin:0 0 12px;font-size:clamp(30px,4vw,40px);letter-spacing:-.035em}
.create-heading>p{margin:0;font-size:15px;max-width:590px}
.create-card{padding:32px 36px;border-radius:16px;box-shadow:0 4px 24px #12304a04}
.create-section-heading{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.create-section-heading h2{margin:0;font-size:20px;letter-spacing:-.025em;font-weight:600}
.section-number{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;background:#eef4f5;color:#536772;font-size:12px;font-weight:600}
.create-section+.create-section{margin-top:30px;padding-top:28px;border-top:1px solid #e8eef0}
.source-fieldset{padding:0;margin:0 0 20px;border:0;min-width:0}
.source-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.source-option{position:relative;min-width:0;margin:0;cursor:pointer;font-weight:400}
.source-option input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;padding:0;z-index:1;cursor:pointer}
.source-option-body{position:relative;height:100%;display:flex;flex-direction:column;align-items:flex-start;min-height:130px;padding:18px 16px;border:1px solid #dbe5e8;border-radius:12px;background:#fff;transition:background .15s,border-color .15s}
.source-option-body>svg{width:23px;height:23px;color:#536772;margin-bottom:12px}
.source-option-title{font-size:14px;font-weight:600;color:#12304a}
.source-option-description{font-size:11px;line-height:1.5;color:#536772;margin-top:3px}
.source-check{display:none;position:absolute;top:14px;right:12px;width:18px;height:18px;border-radius:50%;background:#007c77;color:#fff;font-size:11px;text-align:center;line-height:18px}
.source-option input:checked+.source-option-body{border-color:#007c77;background:#eef9f7;box-shadow:inset 0 0 0 1px #007c77}
.source-option input:checked+.source-option-body>svg{color:#007c77}
.source-option input:checked+.source-option-body .source-check{display:block}
.source-option:hover .source-option-body{border-color:#8eafb5}
.source-option input:focus-visible{outline:none}
.source-option input:focus-visible+.source-option-body{outline:3px solid #007c77;outline-offset:4px}
.source-option input:disabled+.source-option-body{opacity:.6;cursor:default}
.create-page .dropzone{padding:28px 24px;text-align:center;background:#f8fbfb;border:1px dashed #aac3c9;border-radius:12px}
.upload-icon{display:block;width:32px;height:32px;margin:0 auto 14px;color:#6c929b}
.create-page .dropzone-title{font-size:15px;color:#12304a;font-weight:600;margin:0 0 6px}
.create-page .dropzone .helptext{font-size:12px;margin:0 0 18px}
.file-picker{min-height:44px;padding:9px 16px;font-size:13px}
.file-picker-ready input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0;margin:-1px;border:0}
.file-picker-ready:has(input:focus-visible){outline:3px solid #007c77;outline-offset:4px}
.file-selection{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 12px;margin-top:18px;font-size:12px;min-width:0}
.file-selection strong{overflow-wrap:anywhere;max-width:100%;font-weight:600;color:#12304a}
.file-selection>span{color:#536772;white-space:nowrap}
.create-page .dropzone.dragging{background:#ddf4f1;border-color:#007c77}
.create-fields{display:grid;gap:20px}
.create-field{min-width:0}
.create-field label{font-size:13px;margin-bottom:7px}
.create-field input,.create-field select,.create-field textarea{border-color:#c4d1d5;border-radius:8px;font-size:14px;min-height:48px;padding:11px 13px}
.create-field input::placeholder{color:#758891}
.create-page #transcript-panel{margin-top:0}
.create-field textarea{display:block;min-height:240px;line-height:1.7}
.transcript-meta{display:flex;justify-content:space-between;align-items:baseline;gap:8px 20px;margin-top:10px;flex-wrap:wrap}
.transcript-meta .helptext{margin:0;font-size:11px}
#transcript-count{font-variant-numeric:tabular-nums}
.create-page .microphone-panel{border-color:#dbe5e8;border-radius:12px;padding:26px 24px;text-align:center;background:#f8fbfb}
.create-page .microphone-panel h3{font-size:16px;letter-spacing:-.015em;margin:0 0 10px;font-weight:600}
.create-page .microphone-panel>.helptext{max-width:440px;margin:0 auto;font-size:12px}
.create-page .recording-clock{justify-content:center;font-size:42px;line-height:1.2;letter-spacing:-.04em;margin:26px 0 12px}
.create-page #microphone-status{font-size:13px;color:#536772;margin:0 0 20px}
.create-page .microphone-panel .actions{justify-content:center;gap:12px}
.create-page .microphone-panel button{min-height:44px;font-size:13px;padding:10px 16px}
.create-page .microphone-panel>.helptext:last-of-type{margin-top:22px}
.create-page .microphone-panel[data-recording=true]{border-color:#b97070}
.create-form-footer{border-top:1px solid #e8eef0;margin-top:30px;padding-top:24px}
.create-form-footer>.helptext{font-size:12px;margin:0 0 16px}
.create-form-footer .actions{gap:12px}
#upload-submit{gap:16px;min-height:46px;font-size:14px}
.create-form-footer #upload-message{font-size:13px;margin:14px 0 0}
.create-form-footer #upload-message:empty{margin:0}
.create-form-footer progress{margin-top:12px;height:8px}
.create-page .field-errors:empty{display:none}
.create-page .errorlist{margin:10px 0 0;font-size:12px;line-height:1.6}
.create-page #errors-general:not(:empty){margin-bottom:22px}
.create-page [aria-invalid=true]{border-color:#b97070}
html[data-theme=dark] .create-card{box-shadow:none}
html[data-theme=dark] .create-section+.create-section,html[data-theme=dark] .create-form-footer{border-color:#34474f}
html[data-theme=dark] .section-number{background:#253840;color:#a8bbc2}
html[data-theme=dark] .source-option-body{background:#19272f;border-color:#40545e}
html[data-theme=dark] .source-option-title,html[data-theme=dark] .dropzone-title,html[data-theme=dark] .file-selection strong{color:#d9e9ed}
html[data-theme=dark] .source-option-description,html[data-theme=dark] .source-option-body>svg,html[data-theme=dark] .file-selection>span,html[data-theme=dark] .create-page #microphone-status{color:#a8bbc2}
html[data-theme=dark] .source-option input:checked+.source-option-body{background:#193b3d;border-color:#58bdb5;box-shadow:inset 0 0 0 1px #58bdb5}
html[data-theme=dark] .source-option input:checked+.source-option-body>svg{color:#8bd5d0}
html[data-theme=dark] .source-check{background:#8bd5d0;color:#12304a}
html[data-theme=dark] .create-page .dropzone,html[data-theme=dark] .create-page .microphone-panel{background:#14232a;border-color:#526872}
html[data-theme=dark] .create-page .dropzone.dragging{background:#193b3d;border-color:#58bdb5}
html[data-theme=dark] .create-page .microphone-panel[data-recording=true]{border-color:#c58080}
html[data-theme=dark] .upload-icon{color:#85aab5}
html[data-theme=dark] .create-page .errorlist{color:#ffcaca}
@media(max-width:760px){
  main:has(.create-page){padding-top:20px}
  .create-heading{margin-bottom:22px}
  .create-heading>p{font-size:14px}
  .create-card{padding:24px}
}
@media(max-width:500px){
  .create-card{padding:24px 18px}
  .create-section-heading{margin-bottom:18px;gap:10px}
  .create-section-heading h2{font-size:18px}
  .source-options{gap:8px}
  .source-option-body{padding:15px 10px;min-height:108px;align-items:center;text-align:center}
  .source-option-body>svg{width:21px;height:21px;margin-bottom:10px}
  .source-option-description{font-size:10px}
  .source-check{width:14px;height:14px;top:7px;right:6px;font-size:9px;line-height:14px}
  .create-page .dropzone{padding:24px 14px}
  .create-page .microphone-panel{padding:24px 14px}
  .create-form-footer .actions{flex-direction:column;align-items:stretch}
  .create-form-footer button{width:100%}
  .create-page .microphone-panel .actions{flex-direction:column;align-items:stretch}
}
@media(prefers-reduced-motion:reduce){.source-option-body{transition:none}}

/* Optional conversation keywords */
.keyword-toggle{display:flex;align-items:center;gap:12px;font-size:14px;cursor:pointer}
.keyword-toggle input{flex-shrink:0;accent-color:#007c77;width:20px;height:20px;margin:0}
.keyword-settings .helptext{margin-bottom:20px}
.keyword-tools{display:flex;align-items:flex-start;flex-wrap:wrap;gap:20px;margin-bottom:24px}
.keyword-tools>.button{font-size:13px;min-height:44px}
.keyword-batch{flex:1;min-width:min(100%,260px)}
.keyword-batch-label{font-size:13px;margin:0 0 8px}
.keyword-batch progress{height:10px;display:block}
.keyword-batch .helptext{margin:8px 0}
.keyword-refresh{font-size:13px}
.conversation-keywords{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0 0 20px;max-width:100%}
.conversation-keywords li{max-width:100%;min-width:0}
.conversation-keywords a{display:inline-flex;align-items:center;min-height:36px;max-width:100%;padding:5px 10px;border:1px solid #bcdedb;border-radius:8px;background:#f0faf8;color:#145750;font-size:12px;line-height:1.5;text-decoration:none;overflow-wrap:anywhere}
.conversation-keywords a:hover{background:#ddf4f1;text-decoration:underline}
.search-controls:has(.keyword-filter){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 170px auto}
.keyword-filter{min-width:0}
.search-controls:has(.keyword-filter) .search-reset{grid-column:1/-1;margin:0;min-height:32px;justify-self:start}
.keyword-backfill h1{font-size:clamp(26px,3vw,34px);overflow-wrap:anywhere}
.keyword-backfill form{margin-top:24px}
.keyword-backfill button{margin-top:12px}
html[data-theme=dark] .conversation-keywords a{background:#183633;border-color:#3a635e;color:#b8eee5}
html[data-theme=dark] .conversation-keywords a:hover{background:#214846}
@media(max-width:900px){
  .search-controls:has(.keyword-filter){grid-template-columns:minmax(0,1fr) auto}
  .search-controls:has(.keyword-filter) .search-field,.keyword-filter{grid-column:1/-1}
  .search-controls:has(.keyword-filter) .date-filter{width:auto}
}
@media(max-width:600px){.keyword-tools>.button{width:100%}.keyword-backfill button{width:100%}}

/* Keyword autocomplete */
.keyword-autocomplete{position:relative}
.keyword-suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:10;padding:6px;background:#fff;border:1px solid #b8cbd1;border-radius:10px;box-shadow:0 8px 24px #12304a18}
.keyword-suggestions ul{list-style:none;margin:0;padding:0;max-height:320px;overflow-y:auto;overscroll-behavior:contain}
.keyword-suggestions [role=option]{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:9px 10px;border-radius:6px;cursor:pointer;font-size:14px}
.keyword-suggestions [role=option]:hover,.keyword-suggestions [aria-selected=true]{background:#ddf4f1;color:#12304a}
.keyword-suggestion-label{min-width:0;overflow-wrap:anywhere}
.keyword-suggestion-count{flex-shrink:0;color:#536772;font-size:12px}
.keyword-suggestions-status:not(.visually-hidden){margin:8px 10px;font-size:13px;color:#536772}
html[data-theme=dark] .keyword-suggestions{background:#19272f;border-color:#526872;box-shadow:0 8px 24px #0004}
html[data-theme=dark] .keyword-suggestions [role=option]:hover,html[data-theme=dark] .keyword-suggestions [aria-selected=true]{background:#214846;color:#d9f5f0}
html[data-theme=dark] .keyword-suggestion-count,html[data-theme=dark] .keyword-suggestions-status{color:#a8bbc2}

/* Conversation folders */
.folder-workspace{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;align-items:start}.folder-content{min-width:0}.folder-sidebar{position:sticky;top:20px;border:1px solid #dbe5e8;border-radius:12px;padding:18px;background:#fff;max-height:80vh;overflow:auto}.folder-navigation summary{cursor:pointer;font-weight:700;color:#12304a}.folder-sidebar nav{display:block;margin-top:14px}.folder-sidebar a{display:block;padding:7px 9px;border-radius:6px;overflow-wrap:anywhere}.folder-sidebar a[aria-current=page]{background:#ddf4f1;color:#145750;font-weight:700}.folder-sidebar ul{list-style:none;padding-left:14px;margin:3px 0;border-left:1px solid #dbe5e8}.folder-sidebar nav>ul{padding-left:0;border-left:0}.folder-new{margin-top:12px;font-weight:600}.folder-breadcrumbs{gap:8px;margin-bottom:20px;font-size:13px;overflow-wrap:anywhere}.folder-breadcrumbs a{overflow-wrap:anywhere;max-width:100%}.folder-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.folder-toolbar h2{margin:0}.folder-toolbar .actions{font-size:13px;gap:14px}.conversation-move{font-size:13px;display:block;margin-top:16px}.folder-content .search-controls{flex-wrap:wrap}.folder-content .keyword-filter{min-width:0}.folder-content .search-field{min-width:160px}.folder-content .conversation-card{min-width:0}
html[data-theme=dark] .folder-sidebar{background:#152b38;border-color:#344c59}html[data-theme=dark] .folder-navigation summary{color:#e4eef2}html[data-theme=dark] .folder-sidebar a[aria-current=page]{background:#184747;color:#bcece5}html[data-theme=dark] .folder-sidebar ul{border-color:#344c59}
@media(max-width:899px){.folder-workspace{grid-template-columns:minmax(0,1fr);gap:20px}.folder-sidebar{position:static;max-height:none}.folder-content .search-field{min-width:0}.folder-content .search-controls>*{max-width:100%}}

/* Account report backups */
.account-backups .account-card-heading{gap:16px;flex-wrap:wrap}
.backup-format{flex-shrink:0;padding:5px 10px;border:1px solid #c5deda;border-radius:20px;background:#edf8f6;color:#145750;font-size:12px;font-weight:600}
.backup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}
.backup-option{min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:22px;border:1px solid #dbe5e8;border-radius:12px;background:#f7fafb}
.backup-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#ddf4f1;color:#14766f;margin-bottom:16px}
.backup-icon svg{width:24px;height:24px}
.backup-option h3{font-size:17px;letter-spacing:-.02em;margin:0 0 10px;color:#12304a}
.backup-option p{font-size:13px;line-height:1.65;margin:0 0 14px}
.backup-option>.button{margin-top:auto}
.backup-option .button,.backup-option button{font-size:13px;min-height:44px;white-space:normal;text-align:center;padding:10px 14px;max-width:100%}
.backup-import-form{width:100%;margin:0}
.backup-file-field label{font-size:12px;margin-bottom:8px}
.backup-file-field input[type=file]{width:100%;max-width:100%;min-width:0;padding:8px;background:#fff;border:1px solid #c4d1d5;border-radius:8px;font-size:12px}
.backup-file-field input::file-selector-button{padding:8px 10px;margin-right:8px;border:0;border-radius:5px;background:#edf3f5;color:#12304a;font:inherit;cursor:pointer}
.backup-file-field input[aria-invalid=true]{border-color:#b97070}
.backup-import-form .helptext{margin-top:8px;font-size:12px}
.backup-details{margin-top:22px;padding-top:18px;border-top:1px solid #e8eef0;font-size:13px;line-height:1.65}
.backup-details>p{margin:0 0 12px}
.backup-details summary{cursor:pointer;color:#2f6f95;font-weight:600;min-height:32px}
.backup-details details p{color:#536772;margin:10px 0 0}
html[data-theme=dark] .backup-option{background:#142128;border-color:#34474f}
html[data-theme=dark] .backup-option h3{color:#d9e9ed}
html[data-theme=dark] .backup-icon,html[data-theme=dark] .backup-format{background:#214846;color:#b8eee5;border-color:#3a635e}
html[data-theme=dark] .backup-file-field input[type=file]{background:#19272f;border-color:#526872;color:#d9e9ed}
html[data-theme=dark] .backup-file-field input::file-selector-button{background:#2a404a;color:#d9e9ed}
html[data-theme=dark] .backup-details{border-color:#34474f}
html[data-theme=dark] .backup-details summary{color:#9ed9dd}
html[data-theme=dark] .backup-details details p{color:#a8bbc2}
@media(max-width:1100px){.backup-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.backup-option{padding:18px}.backup-option .button,.backup-option button{width:100%}.backup-format{font-size:11px}}