/* Homepage content is scoped so the workspace shell and editor keep their layout. */
#homePage.workspace-home {
    --home-gutter: clamp(24px, 4vw, 68px);
    display: block; width: 100%; max-width: 1160px; margin: 0 auto;
    padding: 0 var(--home-gutter); color: var(--text);
}
#workspaceContent:has(#homePage:not([hidden])) > .app-header { display: none; }
#homePage [id] { scroll-margin-top: 110px; }
#homePage .home-topbar { position: sticky; top: 0; z-index: 40; display: flex; align-items: center; gap: 12px; width: 100cqw; margin: 0 calc((100% - 100cqw) / 2); padding: 13px var(--home-gutter); background: var(--panel); border-bottom: 1px solid var(--line); box-shadow: 0 3px 12px #00000004; }
#homePage .home-jump-nav { display: flex; align-items: center; justify-content: center; flex: 1; min-width: 0; flex-wrap: wrap; gap: 6px 9px; margin: 0; padding: 0; }
#homePage .home-jump-nav a { display: inline-flex; align-items: center; justify-content: center; gap: 7px; color: var(--text); font-size: 13px; font-weight: 600; line-height: 1.4; padding: 10px 9px; border-radius: 7px; text-decoration: none; white-space: nowrap; }
#homePage .home-jump-nav a:hover { background: var(--hover); }
#homePage .home-jump-nav .home-nav-offline { border: 1px solid var(--line); color: var(--accent); background: var(--soft); }
#homePage .home-nav-offline .shell-icon { width: 16px; height: 16px; }
#homePage .home-jump-nav .home-nav-contact { color: #fff; background: #285b47; padding-left: 15px; padding-right: 15px; }
#homePage .home-jump-nav .home-nav-contact:hover { color: #fff; background: #204d3c; }
#homePage .home-nav-contact:focus-visible { outline-color: #285b47; }
#homePage a:hover { color: var(--accent); }
#homePage .home-jump-nav a:hover, #homePage .home-text-link:hover { text-decoration: underline; text-underline-offset: 4px; }
#homePage .home-eyebrow { display: block; color: var(--accent); font-size: 10px; line-height: 1.5; letter-spacing: 1.7px; font-weight: 600; margin-bottom: 16px; }
#homePage .home-welcome { text-align: center; padding: 32px 0 82px; margin: 0; }
#homePage .home-welcome h1 { font-size: clamp(36px, 4.2cqw, 56px); line-height: 1.12; letter-spacing: -2px; font-weight: 500; margin: 0 0 22px; }
#homePage .home-welcome h1 em { display: inline-block; color: var(--accent); font-style: normal; }
#homePage .home-welcome > p { color: var(--muted); font-size: 15px; line-height: 1.85; margin: 0; }
#homePage .home-highlights { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px 25px; list-style: none; padding: 0; margin: 20px 0 0; color: var(--accent); }
#homePage .home-highlights li { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 500; }
#homePage .home-highlights .shell-icon { width: 16px; height: 16px; }
#homePage .home-upload { display: flex; flex-direction: column; align-items: center; gap: 15px; width: min(100%, 530px); margin: 24px auto 15px; padding: 27px 20px 23px; background: var(--soft); border: 1px solid var(--line); border-radius: 12px; }
#homePage .home-upload-symbol { display: flex; align-items: center; gap: 9px; color: var(--accent); }
#homePage .home-upload-symbol .shell-icon { width: 27px; height: 27px; stroke-width: 1.3; }
#homePage .home-upload-symbol .shell-icon + .shell-icon { width: 22px; height: 22px; color: var(--muted); }
#homePage .button.primary { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 44px; padding: 12px 23px; border-radius: 6px; font-size: 13px; font-weight: 600; text-decoration: none; }
#homePage .button.primary:hover { color: var(--panel); }
#homePage .button .shell-icon { width: 17px; height: 17px; }
#homePage .home-upload > span { color: var(--muted); font-size: 11px; line-height: 1.6; }
#homePage .home-text-link { display: inline-flex; align-items: center; gap: 9px; color: var(--accent); text-decoration: none; font-size: 13px; }
#homePage .home-saved-link { font-size: 12px; }
#homePage .home-conversion-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 18px; margin-top: 26px; }
#homePage .home-conversion-links a { color: var(--accent); font-size: 12px; text-underline-offset: 4px; line-height: 1.7; }
#homePage .home-welcome > .home-proof { display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 11px; margin-top: 14px; }
#homePage .home-proof .shell-icon { width: 13px; height: 13px; color: var(--accent); }
#homePage .home-section { padding: 66px 0; border-top: 1px solid var(--line); }
#homePage .home-section-heading { margin-bottom: 35px; }
#homePage h2 { font-weight: 500; font-size: clamp(26px, 3cqw, 34px); line-height: 1.23; letter-spacing: -1px; margin: 0 0 16px; }
#homePage .home-section-heading > p, #homePage .home-api-copy > p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.8; }
#homePage .home-walkthrough { display: grid; grid-template-columns: minmax(220px, .8fr) minmax(0, 1.6fr); gap: 36px; align-items: center; }
#homePage .home-steps { display: grid; gap: 8px; }
#homePage .home-step { appearance: none; display: flex; align-items: flex-start; gap: 13px; width: 100%; padding: 18px 14px; background: transparent; border: 0; border-left: 2px solid var(--line); color: var(--text); text-align: left; cursor: pointer; border-radius: 0 6px 6px 0; font: inherit; transition: background .2s, border-color .2s; }
#homePage .home-step[aria-pressed="true"] { background: var(--soft); border-left-color: var(--accent); }
#homePage .home-step-number { font-size: 11px; font-variant-numeric: tabular-nums; color: var(--muted); padding-top: 3px; }
#homePage .home-step[aria-pressed="true"] .home-step-number { color: var(--accent); }
#homePage .home-step strong { display: block; font-size: 14px; font-weight: 600; margin-bottom: 7px; }
#homePage .home-step > span > span { display: block; color: var(--muted); font-size: 12px; line-height: 1.8; }
#homePage .home-demo { min-width: 0; border: 1px solid var(--line); border-radius: 10px; background: var(--soft); overflow: hidden; }
#homePage .home-demo-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 15px; border-bottom: 1px solid var(--line); }
#homePage .home-demo-heading > span { display: flex; align-items: center; gap: 8px; font-size: 11px; }
#homePage .home-live-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--accent); }
#homePage .home-demo-heading button { border: 0; padding: 4px; background: transparent; color: var(--muted); font: inherit; font-size: 11px; cursor: pointer; }
#homePage .home-demo-heading button span { margin-left: 5px; }
#homePage .home-demo-panels { display: grid; grid-template-columns: minmax(0, 1fr) 16px minmax(0, 1.16fr); gap: 10px; align-items: center; padding: 16px; }
#homePage .home-source, #homePage .home-output { min-width: 0; align-self: stretch; margin: 0; border: 1px solid var(--line); background: var(--panel); border-radius: 5px; overflow: hidden; transition: border-color .3s; }
#homePage .home-source-heading { display: flex; align-items: center; gap: 6px; height: 38px; padding: 8px 11px; border-bottom: 1px solid var(--line); font-size: 10px; color: var(--muted); }
#homePage .home-source-heading .shell-icon { width: 12px; height: 12px; }
#homePage .home-invoice { position: relative; overflow: hidden; background: #fff; }
#homePage .home-invoice img { display: block; width: 100%; height: 238px; object-fit: contain; }
#homePage .home-extraction-types { font-size: 9px; line-height: 1.6; color: var(--muted); border-top: 1px solid var(--line); padding: 8px 7px; }
#homePage .home-demo-arrow { width: 16px; height: 16px; color: var(--accent); }
#homePage .home-output-tabs { display: flex; gap: 2px; align-items: center; height: 38px; padding: 5px 7px; border-bottom: 1px solid var(--line); }
#homePage .home-output-tabs button { appearance: none; border: 0; border-radius: 3px; background: transparent; color: var(--muted); padding: 5px 8px; font: inherit; font-size: 10px; cursor: pointer; }
#homePage .home-output-tabs button[aria-selected="true"] { color: var(--accent); background: var(--tint); }
#homePage .home-output pre { margin: 0; border: 0; background: transparent; color: var(--accent); padding: 15px 11px; white-space: pre-wrap; overflow-wrap: anywhere; font: 10px/1.85 Consolas, monospace; height: 272px; overflow-y: auto; }
#homePage .home-demo-bottom { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; min-height: 59px; border-top: 1px solid var(--line); padding: 12px 15px; font-size: 10px; color: var(--muted); }
#homePage .home-demo-bottom small { margin-left: auto; font-size: 9px; }
#homePage .home-demo-batch { display: none; align-items: center; gap: 5px; color: var(--accent); }
#homePage .home-demo-batch .shell-icon { width: 12px; height: 12px; }
#homePage .home-walkthrough[data-demo-step="0"] .home-source, #homePage .home-walkthrough[data-demo-step="1"] .home-output { border-color: color-mix(in srgb, var(--accent) 65%, var(--line)); }
#homePage .home-scan-line { position: absolute; inset: 0 9px auto; height: 2px; background: var(--accent); box-shadow: 0 0 12px var(--accent); opacity: 0; }
#homePage .home-walkthrough[data-demo-step="0"]:not([data-paused="true"]) .home-scan-line { opacity: .5; animation: home-scan 4.8s ease-in-out infinite; }
#homePage .home-walkthrough[data-demo-step="2"] .home-demo-caption { display: none; }
#homePage .home-walkthrough[data-demo-step="2"] .home-demo-batch { display: inline-flex; }
@keyframes home-scan { 0%, 100% { transform: translateY(12px); } 70% { transform: translateY(223px); } }
#homePage .home-feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 38px 64px; }
#homePage .home-feature-grid article { min-width: 0; }
#homePage .home-feature-grid article > .shell-icon { width: 25px; height: 25px; stroke-width: 1.35; color: var(--accent); margin-bottom: 17px; }
#homePage h3 { margin: 0 0 10px; font-size: 17px; line-height: 1.4; font-weight: 600; letter-spacing: -.2px; }
#homePage .home-feature-grid p { color: var(--muted); font-size: 13px; line-height: 1.9; margin: 0; max-width: 370px; }
#homePage .home-feature-grid .home-text-link { margin-top: 12px; font-size: 12px; }
#homePage .home-dql-feature { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 30px; align-items: center; padding: 26px; border: 1px solid var(--line); border-radius: 8px; background: var(--soft); }
#homePage .home-dql-feature > div > .shell-icon { width: 25px; height: 25px; margin-bottom: 17px; color: var(--accent); stroke-width: 1.35; }
#homePage .home-dql-feature p code { color: var(--accent); font-size: 12px; }
#homePage .home-dql-example { min-width: 0; padding: 17px; background: var(--panel); border: 1px solid var(--line); border-radius: 6px; }
#homePage .home-dql-example > span { color: var(--muted); font-size: 10px; }
#homePage .home-dql-example pre { margin: 13px 0 17px; padding: 0; border: 0; background: transparent; color: var(--accent); white-space: pre-wrap; overflow-wrap: anywhere; font: 11px/1.8 Consolas, monospace; }
#homePage .home-dql-result { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; padding-top: 14px; border-top: 1px solid var(--line); color: var(--muted); font-size: 11px; }
#homePage .home-dql-result code { white-space: pre-wrap; }
#homePage .home-dql-result code:last-child { color: var(--accent); font-weight: 600; }
#homePage .home-api { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.25fr); gap: 40px; align-items: center; }
#homePage .home-api-copy > .home-text-link { margin-top: 22px; }
#homePage .home-api-copy > small { display: block; color: var(--muted); font-size: 11px; line-height: 1.8; margin-top: 14px; }
#homePage .home-api-copy small a { color: inherit; text-underline-offset: 3px; }
#homePage .home-api-example { background: #142b24; color: #deede6; border-radius: 8px; min-width: 0; overflow: hidden; }
#homePage .home-code-heading { display: flex; align-items: center; gap: 16px; justify-content: space-between; padding: 15px 18px; font-size: 10px; color: #b3c8be; border-bottom: 1px solid #ffffff1a; }
#homePage .home-code-language { color: #e4f1eb; font-weight: 600; }
#homePage .home-api-example pre { margin: 0; padding: 25px 18px; background: transparent; border: 0; color: #e1eee8; white-space: pre-wrap; overflow-wrap: anywhere; font: 11px/2 Consolas, monospace; }
#homePage .home-code-comment { color: #9ebcaf; }
#homePage .home-code-result { display: flex; align-items: center; gap: 7px; font-size: 10px; line-height: 1.6; padding: 13px 18px; border-top: 1px solid #ffffff1a; color: #b3d6c5; }
#homePage .home-code-result .shell-icon { width: 13px; height: 13px; flex: none; }
#homePage .home-faq { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.3fr); gap: 46px; }
#homePage .home-faq .home-section-heading { margin: 0; }
#homePage .home-faq h2 { font-size: 29px; }
#homePage .home-faq .home-section-heading p { font-size: 12px; }
#homePage .home-faq .home-section-heading a { font-size: 12px; }
#homePage .home-faq-list details { border-bottom: 1px solid var(--line); }
#homePage .home-faq-list details:first-child { border-top: 1px solid var(--line); }
#homePage .home-faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 20px 0; list-style: none; cursor: pointer; font-size: 13px; font-weight: 500; }
#homePage .home-faq-list summary::-webkit-details-marker { display: none; }
#homePage .home-faq-list summary::after { content: '+'; color: var(--muted); flex: none; font-size: 18px; font-weight: 400; }
#homePage .home-faq-list details[open] summary::after { content: '−'; }
#homePage .home-faq-list p { color: var(--muted); font-size: 12px; line-height: 1.9; margin: -2px 20px 20px 0; }
#homePage .home-faq-list a { color: var(--accent); text-underline-offset: 3px; }
#homePage .home-final { padding: 55px 20px; text-align: center; background: var(--soft); border-radius: 9px; }
#homePage .home-final h2 { font-size: 28px; margin-bottom: 24px; }
#homePage .home-conversions { margin-top: 28px; padding: 18px 0; border-bottom: 1px solid var(--line); color: var(--muted); }
#homePage .home-conversions > summary { display: flex; justify-content: space-between; list-style: none; cursor: pointer; font-size: 12px; }
#homePage .home-conversions > summary::-webkit-details-marker { display: none; }
#homePage .home-conversion-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 9px; padding: 22px 0 6px; }
#homePage .home-conversion-grid button { font: inherit; font-size: 11px; padding: 9px 4px; border: 1px solid var(--line); border-radius: 4px; color: var(--text); background: var(--panel); cursor: pointer; }
#homePage .home-conversion-grid button span { padding: 0 3px; color: var(--muted); }
#homePage .home-conversion-grid button:hover { border-color: var(--accent); background: var(--soft); }
#homePage .home-offline-banner { margin-top: 34px; padding: 50px 30px; border-radius: 12px; background: #183c30; color: #fff; text-align: center; }
#homePage .home-offline-banner > .shell-icon { width: 32px; height: 32px; color: #bfdbc9; margin-bottom: 17px; }
#homePage .home-offline-banner .home-eyebrow { color: #bfdbc9; margin-bottom: 13px; }
#homePage .home-offline-banner h2 { color: #fff; font-size: 36px; line-height: 1.25; margin-bottom: 18px; }
#homePage .home-offline-banner p { max-width: 570px; margin: 0 auto 28px; color: #d2e3d9; font-size: 14px; line-height: 1.85; }
#homePage .home-offline-download { display: inline-flex; align-items: center; justify-content: center; gap: 13px; min-height: 58px; padding: 17px 28px; border: 1px solid #fff; border-radius: 7px; background: #fff; color: #183c30; font-size: 16px; font-weight: 600; text-decoration: none; }
#homePage .home-offline-download:hover { color: #183c30; background: #e6efe9; border-color: #e6efe9; }
#homePage .home-offline-download .shell-icon { width: 20px; height: 20px; }
#homePage .home-offline-download:focus-visible { outline-color: #fff; }
#homePage .home-support { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 28px 0 32px; }
#homePage .home-support a { color: var(--muted); text-decoration: none; font-size: 11px; }
#homePage .home-support .home-footer-brand { font-weight: 600; font-size: 15px; color: var(--text); }
#homePage .home-footer-brand span { display: block; font-size: 10px; font-weight: 400; color: var(--muted); margin-top: 5px; }
#homePage .home-support nav { display: flex; gap: 22px; flex-wrap: wrap; }
#homePage :is(a, button, summary, pre):focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
@container workspace (max-width: 900px) {
    #homePage.workspace-home { padding: 0 30px; }
    #homePage .home-walkthrough { gap: 22px; grid-template-columns: minmax(190px, .8fr) minmax(0, 1.5fr); }
    #homePage .home-demo-panels { padding: 10px; gap: 7px; grid-template-columns: minmax(0, 1fr) 13px minmax(0, 1.2fr); }
    #homePage .home-invoice img { height: 210px; }
    #homePage .home-output pre { padding: 11px 8px; font-size: 9px; height: 244px; }
    #homePage .home-extraction-types { font-size: 8px; }
    #homePage .home-feature-grid { gap: 34px; }
    #homePage .home-api, #homePage .home-faq { gap: 28px; }
    #homePage .home-conversion-grid { grid-template-columns: repeat(3, 1fr); }
}
@container workspace (max-width: 680px) {
    #homePage [id] { scroll-margin-top: 190px; }
    #homePage .home-topbar { padding-top: 10px; padding-bottom: 10px; align-items: flex-start; }
    #homePage .home-topbar > button { margin-top: 3px; flex-shrink: 0; }
    #homePage .home-jump-nav { gap: 5px 6px; padding: 0; }
    #homePage .home-jump-nav a { font-size: 12px; padding: 9px 7px; }
    #homePage .home-welcome { padding: 36px 0 55px; }
    #homePage .home-welcome h1 { letter-spacing: -1.2px; }
    #homePage .home-welcome > p { font-size: 13px; }
    #homePage .home-section { padding: 46px 0; }
    #homePage .home-walkthrough, #homePage .home-api, #homePage .home-faq { grid-template-columns: 1fr; gap: 25px; }
    #homePage .home-steps { gap: 4px; }
    #homePage .home-step { padding: 13px; }
    #homePage .home-demo-panels { padding: 15px; grid-template-columns: minmax(0, 1fr) 16px minmax(0, 1.16fr); }
    #homePage .home-invoice img { height: 238px; }
    #homePage .home-output pre { font-size: 10px; height: 272px; }
    #homePage .home-extraction-types { font-size: 9px; }
    #homePage .home-feature-grid { gap: 30px 24px; }
    #homePage .home-dql-feature { grid-template-columns: 1fr; padding: 21px; gap: 22px; }
    #homePage .home-faq h2 { font-size: 28px; }
    #homePage .home-final { padding: 40px 18px; }
    #homePage .home-final h2 { font-size: 25px; }
    #homePage .home-offline-banner { padding: 38px 22px; }
    #homePage .home-offline-banner h2 { font-size: 28px; }
    #homePage .home-offline-download { width: 100%; max-width: 360px; padding: 16px 14px; font-size: 14px; gap: 9px; }
    #homePage .home-support { flex-direction: column; align-items: flex-start; }
}
@container workspace (max-width: 420px) {
    #homePage.workspace-home { --home-gutter: 20px; }
    #homePage .home-desktop-break { display: none; }
    #homePage .home-welcome h1 { font-size: 34px; }
    #homePage .home-welcome > .home-proof { font-size: 10px; }
    #homePage .home-feature-grid { grid-template-columns: 1fr; }
    #homePage .home-demo-panels { gap: 12px; padding: 14px; grid-template-columns: 1fr; }
    #homePage .home-source { width: 100%; max-width: 250px; justify-self: center; }
    #homePage .home-demo-arrow { justify-self: center; transform: rotate(90deg); }
    #homePage .home-invoice img { height: 238px; }
    #homePage .home-output pre { padding: 14px 12px; font-size: 11px; height: auto; max-height: 300px; }
    #homePage .home-source-heading { font-size: 9px; }
    #homePage .home-extraction-types { font-size: 8px; }
    #homePage .home-output-tabs button { font-size: 9px; padding: 5px 6px; }
    #homePage .home-demo-heading { padding: 10px; }
    #homePage .home-demo-bottom { padding: 10px; }
    #homePage .home-demo-bottom small { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
    #homePage .home-scan-line { animation: none !important; display: none; }
    #homePage .home-step, #homePage .home-source, #homePage .home-output { transition: none; }
}

/* Existing offline-page components and sidebar sizing. */
.offline-benefits ul{display:grid;gap:16px;margin:16px 0 0;padding-left:19px;color:var(--muted);font-size:13px;line-height:1.8}.offline-benefits strong{color:var(--text);font-weight:600}.offline-contact{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;font-size:12px}
.home-offline{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--tint);border:1px solid var(--line);border-radius:9px;padding:16px;margin-top:22px}.home-offline>.shell-icon{width:20px;height:20px;align-self:start;margin-top:3px;color:var(--accent)}.home-offline h2{font-size:15px;line-height:1.4;font-weight:600;margin:0 0 4px}.home-offline p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.home-offline small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.home-offline a{display:inline-flex;align-items:center;gap:6px;color:var(--accent);text-decoration:none;font-size:11px;padding:8px 0}
@container workspace (max-width:780px){.home-offline{grid-template-columns:23px minmax(0,1fr)}.home-offline a{grid-column:2;padding:0}}
.app-sidebar{overflow-y:auto;scrollbar-width:thin}.app-sidebar .sidebar-secondary{min-height:128px}
@media(max-height:850px){.app-sidebar{padding-top:14px}.sidebar-brand{margin-bottom:12px}.sidebar-new{margin-bottom:10px;padding-top:8px;padding-bottom:8px}.sidebar-navigation .sidebar-link,.sidebar-secondary .sidebar-link{min-height:30px;padding-top:6px;padding-bottom:6px}.app-sidebar .sidebar-workspace-group{margin-top:14px}.app-sidebar .sidebar-secondary{padding-top:6px;min-height:128px}}
.sidebar-workspace-group{flex:none;margin:24px 0 0;padding:0 12px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.sidebar-secondary{flex:1;min-height:0;overflow-y:auto}.sidebar-navigation{flex:none}:root[data-sidebar=compact] .sidebar-workspace-group{display:none}

/* Keep each destination in one place; recent templates sit inside the library group. */
.sidebar-template-recents{margin:2px 10px 8px 24px;padding-left:9px;border-left:1px solid var(--line)}
.sidebar-template-recents[hidden]{display:none}
.sidebar-template-recents .recent-sidebar-link{padding:6px 8px;font-size:11px;line-height:1.4;color:var(--muted)}
.sidebar-template-recents .recent-sidebar-link.active{background:var(--hover);color:var(--accent);font-weight:600}
.app-sidebar .sidebar-plan{background:transparent;border-radius:6px;padding:8px 9px;margin:0 0 6px;color:var(--muted);font-size:11px}
.app-sidebar .sidebar-plan:hover{background:var(--hover);color:var(--accent)}
.sidebar-account{display:flex;align-items:center;gap:10px;padding:9px 7px;color:var(--text);text-decoration:none;border-radius:8px;min-width:0}
.sidebar-account:hover,.sidebar-account.active{background:var(--hover)}
.sidebar-account .account-copy strong,.sidebar-account .account-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-account .account-avatar .shell-icon{width:16px;height:16px}
.sidebar-account .account-link-arrow{width:15px;height:15px;color:var(--muted)}
.app-sidebar .sidebar-usage-widget{padding:12px;gap:12px;box-shadow:none}
.app-sidebar .sidebar-usage-widget .usage-item-link{padding:0}
.sidebar-bottom{flex-shrink:0}
.app-sidebar .sidebar-secondary{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}
:root[data-sidebar=compact] .sidebar-account{justify-content:center;padding:7px 0}
@media(max-width:760px){:root[data-sidebar=compact] .sidebar-account{justify-content:flex-start;padding:9px 7px}}

.home-excel-sample{height:272px;box-sizing:border-box;padding:18px 14px 10px;overflow:auto;background:var(--surface,#fff);font-size:11px;line-height:1.5}
.home-excel-sheet h3{font-size:14px;margin:4px 0;color:var(--primary,#285c48)}
.home-excel-sheet p{font-size:11px;margin:8px 0}
.home-excel-sheet table{width:100%;border-collapse:collapse;font-size:10px}
.home-excel-sheet th,.home-excel-sheet td{border:1px solid var(--border,#dfe4df);padding:4px;text-align:left}
.home-excel-sheet thead{background:var(--surface-alt,#edf3ed)}
.home-excel-page{display:inline-block;margin:10px 8px 0 0;padding:2px 12px;border-bottom:2px solid var(--primary,#285c48);font-weight:600}
.home-excel-sample small{font-size:9px;color:var(--muted)}