/* JobMaxxer: an application-first workspace, using the existing brand materials. */
:root{--radius-control:14px;--radius-panel:24px;--space-group:12px;--space-section:24px}
[hidden]{display:none!important}
.sidebar{margin:12px 0 12px 12px;border:1px solid #fff9;border-radius:var(--radius-panel);top:44px;height:calc(100dvh - 56px);padding-top:24px;box-shadow:0 8px 24px -20px #28395966}
.nav-group{display:grid;gap:4px}
.nav-group+.nav-group{margin-top:28px}
.nav-group-label{font-size:11px;font-weight:500;color:#626a7d;margin:0 12px 8px}
.nav-link{border-radius:var(--radius-control);height:44px;gap:10px}
.nav-link .nav-count{background:#f4e9d6;color:#76511e;min-width:22px;text-align:center}
.sidebar .brand{padding:0 7px}
.sidebar-plan{border-radius:16px;background:#e8edf69c;margin-bottom:8px;padding:16px 12px}
.sidebar-help{min-height:40px}
.topbar{height:56px;margin:12px 24px 0;border:1px solid #ffffffa8;border-radius:20px;padding:0 20px;background:#f6f7fb9c}
main{padding-top:24px}
.page-heading{align-items:center;gap:20px}
.page-heading h1{font-size:38px;line-height:1.12}
.page-heading p{font-size:13px;margin-top:8px}
.heading-link{flex-shrink:0;min-height:44px;padding:0 4px}
.button,.icon-button,.text-button,.user-button,.nav-link,.search-box{border-radius:var(--radius-control)}
.text-button:disabled{opacity:.6;cursor:wait}
.text-button:active{transform:translateY(1px)}
.text-button{min-height:36px}
.icon-button{min-width:40px;min-height:40px}
.panel,.service-band{border-radius:var(--radius-panel)}
.field input,.field select,.field textarea,.answer-form textarea,.file-upload,.small-notice,.account-success{border-radius:var(--radius-control)}
.company-mark{border-radius:12px}
.has-live-progress .progress-status{margin-bottom:0;min-height:100px;gap:16px;padding:18px 22px}
.progress-status .service-symbol,.progress-status .service-symbol img{width:44px;height:44px}
.progress-status .service-copy h2{font-size:17px;letter-spacing:-.02em}
.progress-status .service-copy p{font-size:12px;line-height:1.5;margin-top:5px}
.progress-status .service-copy .search-timing{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:8px;font-size:11px;color:#becae2}
.search-timing .icon{width:12px;height:12px}
.search-controls{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0}
.search-controls .button{min-height:38px;font-size:12px;padding:9px 12px;white-space:nowrap;margin:0}
.search-controls .search-now{font-size:11px;min-height:30px;color:#d5e3ff;gap:6px}
.search-now .icon{width:13px;height:13px}
.daily-brief{padding:20px 0 24px}
.brief-heading{align-items:center;margin-bottom:16px;gap:12px}
.brief-heading h2{font-size:13px;font-weight:500;color:#505b71;margin:0}
.update-freshness{margin:0}
.brief-number{padding:0 24px;gap:4px;border-radius:12px;min-width:0}
.brief-label{display:flex;align-items:center;gap:12px;font-size:12px}
.brief-label .icon{width:13px;height:13px;color:#6c7c97}
.brief-number strong{font-size:32px;line-height:1.2;letter-spacing:-.025em}
.brief-caption{font-size:11px;color:#5a677e}
.has-live-progress .dashboard-grid{grid-template-columns:minmax(0,1fr) 292px;gap:24px}
.progress-main-column{gap:24px}
.panel-header{padding:22px 24px 18px;gap:12px;align-items:center}
.panel-header p{line-height:1.5;font-size:12px;margin-top:5px}
.panel-header .text-button{white-space:nowrap}
.applications-panel .attention{margin:0 16px 16px;padding:14px 16px;border-radius:16px;gap:12px;flex-wrap:wrap;background:#edf1fa;border:1px solid #d7e1f1}
.attention{border-radius:18px;gap:12px}
.attention.needs-action>.icon{color:#315e9b}
.attention.needs-action h3{color:#243e63;font-size:13px}
.attention.needs-action p{color:#586780;font-size:12px;line-height:1.55;margin-top:4px}
.attention-copy{min-width:160px}
.attention .button{min-height:38px;font-size:12px;padding:9px 12px;white-space:nowrap;margin-left:auto}
.tabs{gap:4px;border-bottom:0;padding:4px;margin:0 20px 4px;background:#e7ebf3;border-radius:16px;width:fit-content;max-width:calc(100% - 40px)}
.tab{border:0;border-radius:12px;min-height:38px;padding:8px 12px;font-size:12px;display:inline-flex;align-items:center;gap:7px;transition:background-color 150ms ease,color 150ms ease}
.tab.active{color:#194b92;background:#fff;box-shadow:0 2px 6px #34466b12}
.tab-count{font-size:10px;background:#d9e3f4;color:#304f80;border-radius:6px;min-width:18px;padding:2px 4px}
.row-head{font-size:11px;padding:14px 24px 8px;grid-template-columns:minmax(0,1fr) 112px 62px}
.application-row{min-height:78px;padding:16px;grid-template-columns:minmax(0,1fr) 112px 62px;width:calc(100% - 16px);margin:0 8px;border-radius:14px}
.application-row:focus-visible{border-radius:14px}
.has-live-progress .application-row.is-selected{background:#dce8fb;box-shadow:inset 0 0 0 1px #a4c1eb}
.job-primary{gap:12px;min-width:0}
.job-text h3{font-size:13px;line-height:1.5;font-weight:600}
.job-text p{line-height:1.5;font-size:11px}
.applications-footer{padding:12px 24px 16px;font-size:11px;color:#5d6a81}
.applications-footer>span{display:flex;align-items:center;gap:7px;line-height:1.6}
.applications-footer .icon{width:14px;height:14px;flex-shrink:0}
.list-loading{padding:44px 24px;list-style:none;color:var(--muted);font-size:13px}
.search-toolbar{padding:24px 24px 16px;gap:16px;flex-wrap:wrap}
.search-box{flex:1;min-width:180px;max-width:440px}
.search-box input{min-width:0}
.filter-count{font-size:12px}
.activity-panel .panel-header{padding-bottom:16px}
.activity-indicator{font-size:11px}
.activity-row{padding:16px 24px;gap:12px}
.activity-copy strong{font-size:12px}
.activity-copy>span{font-size:12px;line-height:1.5}
.activity-row time{font-size:11px}
.activity-panel .panel-bottom{padding:8px 24px 16px}
.usage-panel{padding:22px}
.usage-title h2{font-size:14px}
.usage-number{font-size:30px;margin-top:16px}
.usage-meta{display:flex;flex-direction:column;gap:6px;font-size:11px;line-height:1.5}
.usage-panel>.text-button{margin-top:12px}
.settings-nav{display:flex;gap:6px;width:fit-content;max-width:100%;padding:5px;margin:0 0 24px;border:1px solid #d6deeb;background:#e0e6f1;border-radius:18px;overflow-x:auto}
.settings-nav a{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;min-height:44px;padding:10px 16px;border-radius:13px;font-size:13px;color:#59667c;text-decoration:none;transition:background-color 150ms ease}
.settings-nav a.active{color:#194b92;background:linear-gradient(180deg,#fff,#f4f7fc);box-shadow:0 2px 6px #34466b12}
.settings-nav .icon{width:16px;height:16px}
.engine-settings{display:block;margin-top:0}
.settings-content{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:32px;align-items:start;max-width:1050px}
.settings-forms{display:grid;gap:24px;min-width:0}
.settings-fieldset{border:0;border-top:1px solid #dce0e9;padding:22px 0 0;margin:28px 0 0;min-width:0}
.settings-fieldset legend{padding:0 12px 0 0;font-size:14px;font-weight:600}
.settings-fieldset .field-grid{margin-top:0}
.settings-content .aside-note{padding-top:24px}
.settings-content .aside-note .text-button{margin-top:12px}
.form-panel{padding:28px}
.form-panel>p{max-width:68ch;line-height:1.7}
.form-panel .form-actions{padding-top:8px}
.field small{line-height:1.6}
.permission{line-height:1.7;align-items:flex-start;gap:10px}
.permission input{accent-color:var(--blue);flex-shrink:0;min-width:18px;min-height:18px;margin-top:2px}
.account-password{margin:24px 0}
.account-password>.field{margin-top:20px}
.account-row{border-radius:14px}
.account-guide{padding-top:24px}
.detail-dialog{border-radius:24px;border:1px solid #d4ddec;overflow:auto;overscroll-behavior:contain}
.dialog-top{border-radius:23px 23px 0 0;padding:12px 20px;font-size:12px;gap:12px}
#dialog-content{padding:24px}
.detail-title h2{font-size:21px;line-height:1.25;letter-spacing:-.02em}
.detail-title p{font-size:13px;line-height:1.6;margin-top:8px}
.detail-status{margin:16px 0 24px}
.detail-status .badge{font-size:12px;white-space:normal}
.engine-actions{margin:0 0 24px;gap:14px;display:flex;align-items:flex-start}
.engine-actions>h3{font-size:15px;line-height:1.5;width:100%;margin:0}
.engine-actions>.page-note{margin:0;line-height:1.7}
.engine-actions .answer-form{border-top:0;padding-top:0;margin-top:0}
.answer-form .field{margin:0 0 16px}
.answer-form .field label{font-size:13px;line-height:1.6}
.answer-form textarea{font-size:14px;line-height:1.6;margin-top:8px;min-height:112px}
.answer-form .permission{margin:0 0 16px;font-size:12px}
.answer-form .button{width:100%;margin-top:4px}
.engine-actions .skip-application{font-size:12px;color:#637089;margin:0 auto}
.detail-disclosure{border-top:1px solid #d8e0ed;padding:4px 0}
.detail-disclosure summary{padding:16px 8px;min-height:48px;border-radius:12px;cursor:pointer;color:#374761;font-size:13px;font-weight:500;line-height:1.6}
.detail-disclosure summary::marker{color:#667b9c;font-size:11px}
.detail-disclosure summary>span{float:right;margin-left:10px;font-size:11px;color:#627189;font-weight:400}
.detail-disclosure .verified-fields,.detail-disclosure .timeline{font-size:12px;margin:8px 8px 16px}
.detail-disclosure .timeline{margin-left:18px}
.detail-disclosure .page-note{margin:12px 8px 20px;line-height:1.6}
.receipt{border-radius:14px;overflow-wrap:anywhere}
.receipt-note{font-size:12px;line-height:1.6}
.detail-demo-note{font-size:11px;line-height:1.65;border-top:1px solid #d8e0ed;padding-top:18px;margin-top:16px}
.toast,.connection-alert{border-radius:16px}
.mobile-nav{border-radius:22px}
@media(hover:hover) and (pointer:fine){.tab:hover{background:#f7f9fd}.settings-nav a:hover{background:#f5f7fc}.detail-disclosure summary:hover{background:#e8edf6}.brief-number:hover .brief-label .icon{color:var(--blue)}.search-now:hover{color:white}}
@media(min-width:1180px){
  .detail-dialog[data-mode="inspector"]{inset:112px 16px 16px auto;width:420px;max-width:420px;height:calc(100dvh - 128px);max-height:calc(100dvh - 128px);border:1px solid #ccd6e7;border-radius:24px;box-shadow:-8px 8px 32px -16px #23325150}
  .has-inspector .workspace{padding-right:440px}
  .has-live-progress.has-inspector .dashboard-grid{grid-template-columns:minmax(0,1fr)}
  .has-live-progress.has-inspector .right-column{display:grid;grid-template-columns:minmax(0,1fr)}
  .has-inspector .page-heading h1{font-size:34px}
  .has-inspector .heading-link{display:none}
  .has-inspector .progress-status{gap:12px}
  .has-inspector .search-controls{flex-direction:row;margin-left:56px;gap:12px}
  .has-inspector .search-controls .button{margin:0}
  .has-inspector .brief-number{padding:0 12px}
  .has-inspector .brief-number:first-child{padding-left:0}
  .has-inspector .brief-label .icon{display:none}
  .has-inspector .applications-panel .attention>.icon{display:none}
  .has-inspector .settings-content{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:1250px){.has-live-progress .dashboard-grid{grid-template-columns:minmax(0,1fr)}.has-live-progress .right-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.settings-content{grid-template-columns:minmax(0,1fr) 220px;gap:24px}}
@media(max-width:1000px){.settings-content{grid-template-columns:minmax(0,1fr)}.settings-content .aside-note{padding:4px 8px}.page-heading h1{font-size:34px}.progress-status{flex-wrap:wrap}.search-controls{flex-direction:row;gap:12px;margin-left:60px}.brief-caption{max-width:20ch}.brief-number{padding:0 16px}}
@media(max-width:700px){
  .sidebar{display:none}.topbar{height:60px;padding:0 16px;margin:10px 12px 0;border-radius:18px}.topbar .demo-label{display:none}
  main{padding:24px 16px 20px}.page-heading h1{font-size:34px;line-height:1.08}.page-heading{gap:8px}.page-heading p{font-size:13px}.heading-link{min-height:36px;font-size:12px}
  body[data-page="overview"] .heading-link{display:none}
  .search-box input{font-size:16px}
  .has-live-progress .progress-status{display:grid;grid-template-columns:34px minmax(0,1fr);padding:18px 16px;gap:12px;border-radius:22px}.progress-status .service-symbol,.progress-status .service-symbol img{width:34px;height:34px}.progress-status .service-symbol{align-self:start;margin-top:1px}
  .progress-status .service-copy h2{font-size:16px;line-height:1.35}.progress-status .service-copy p{font-size:12px}.progress-status .service-copy .search-timing{font-size:11px;gap:4px}.search-timing>.icon{display:none}.search-controls{grid-column:2;flex-direction:row;gap:12px;margin:0;justify-content:flex-start}.search-controls .search-now{font-size:12px}
  .daily-brief{padding:22px 0}.brief-heading{margin-bottom:16px;align-items:flex-start;flex-wrap:nowrap}.brief-heading h2{font-size:12px}.update-freshness{font-size:10px;gap:4px}.update-freshness .icon{display:none}
  .brief-number{padding:0 10px;gap:5px;border-radius:10px}.brief-label{font-size:11px;line-height:1.4;min-height:30px}.brief-label .icon{display:none}.brief-number strong{font-size:29px}.brief-caption{font-size:10px;line-height:1.55}
  .has-live-progress .dashboard-grid{gap:20px}.progress-main-column{gap:20px}.panel{border-radius:22px}.panel-header{padding:20px 18px 16px}.panel-header h2{font-size:16px}.panel-header p{font-size:12px}.panel-header .text-button{font-size:12px}
  .applications-panel .attention{padding:14px;margin:0 12px 14px;gap:10px}.attention-copy{min-width:0;flex-basis:calc(100% - 32px)}.attention .button{margin-left:28px;font-size:12px}.attention.needs-action h3{font-size:13px}.attention.needs-action p{font-size:12px}
  .tabs{margin:0 12px 8px;max-width:calc(100% - 24px);padding:4px;gap:2px}.tab{padding:8px 10px;min-height:40px;font-size:11px;gap:5px}.tab-count{font-size:10px}
  .application-row{min-height:94px;padding:14px 10px;width:calc(100% - 16px);grid-template-columns:minmax(0,1fr) auto;gap:10px}.job-text h3{font-size:13px}.job-text p{font-size:11px}.application-row .badge{font-size:10px}.application-row .job-date{display:none}.company-mark{width:32px;height:32px}.job-primary{gap:10px}
  .applications-footer{padding:12px 18px 16px;font-size:11px}.activity-row{padding:16px 18px;gap:10px}.activity-copy>span{font-size:12px}.activity-row time{font-size:11px}.activity-panel .panel-header{align-items:flex-start}.activity-indicator{font-size:10px}.activity-panel .panel-bottom{padding:8px 18px 16px}
  .has-live-progress .right-column{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.week-panel,.usage-panel{padding:22px}.usage-meta{flex-direction:row;flex-wrap:wrap;justify-content:space-between}
  .settings-nav{width:100%;gap:2px;padding:4px;margin-bottom:20px}.settings-nav a{flex:1;padding:10px 8px;font-size:11px;gap:5px}.settings-nav .icon{display:none}
  .form-panel{padding:24px 20px}.settings-content{gap:20px}.settings-fieldset{margin-top:24px}.field input,.field select,.field textarea,.answer-form textarea{font-size:16px}.form-layout{gap:20px}
  .detail-dialog,.detail-dialog[data-mode="modal"]{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);margin:auto;border-radius:24px}.dialog-top{padding:12px 16px}#dialog-content{padding:22px 20px}.detail-title h2{font-size:20px}.detail-status{margin-bottom:22px}.detail-disclosure summary{padding:14px 4px}.engine-actions>h3{font-size:14px}
  .mobile-nav{left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));width:auto;padding:7px 5px;border:1px solid #d1dbea;box-shadow:0 5px 22px #2c426523}.mobile-nav a{border-radius:15px;min-height:50px}
  .workspace-footer{padding:8px 20px 110px}.toast{max-width:calc(100vw - 32px);bottom:96px}
}
@media(prefers-reduced-motion:reduce){.tab,.settings-nav a{transition:none}.text-button:active{transform:none}}

/* Latest completed search: the count comes directly from source telemetry. */
#service-area{container-type:inline-size}
.has-live-progress .search-overview{display:grid;grid-template-columns:minmax(170px,.32fr) minmax(0,1fr) auto;gap:26px;padding:24px;align-items:center}
.search-counter{border-right:1px solid #ffffff24;padding-right:24px;min-width:0}
.search-counter-heading{display:flex;align-items:center;gap:8px;color:#c6d7f2;font-size:11px;line-height:1.4}
.search-overview .service-symbol,.search-overview .service-symbol img{display:block;width:28px;height:28px;margin:0}
.search-count{display:flex;align-items:baseline;flex-wrap:wrap;gap:9px;margin-top:9px}
.search-count strong{font-size:54px;font-weight:500;letter-spacing:-.055em;line-height:1.1;color:#fff;font-variant-numeric:tabular-nums}
.search-count.is-wide strong{font-size:clamp(30px,5cqw,44px)}
.search-count>span{font-size:12px;color:#d4def1;white-space:nowrap}
.search-match-count{display:flex;align-items:center;gap:6px;font-size:11px;color:#c6d7f2;margin-top:8px;line-height:1.5}
.search-match-count .icon{width:13px;height:13px}
.search-overview .service-copy h2{font-size:19px;line-height:1.35}
.search-overview .service-copy .search-description{font-size:13px;margin-top:6px}
.search-overview .service-copy .search-source-note{font-size:11px;color:#c6d7f2;margin-top:12px}
.search-overview .service-copy .search-timing{font-size:11px;line-height:1.6;margin-top:10px}
.has-live-progress .search-overview .search-controls{margin:0;gap:5px;flex-direction:column;grid-column:auto}
@container(max-width:750px){
  .has-live-progress .search-overview{grid-template-columns:minmax(135px,.4fr) minmax(0,1fr);gap:18px;padding:22px}
  .search-counter{padding-right:16px}.search-count strong{font-size:48px}.search-counter-heading{font-size:10px;gap:6px}
  .has-live-progress .search-overview .search-controls{grid-column:1/-1;flex-direction:row;justify-content:flex-end;gap:14px;border-top:1px solid #ffffff1c;padding-top:14px}
  .search-overview .service-copy h2{font-size:17px}
}
@container(max-width:450px){
  .has-live-progress .search-overview{grid-template-columns:minmax(0,1fr);gap:18px;padding:22px}
  .search-counter{border-right:0;padding-right:0;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px}
  .search-counter-heading{grid-column:1/-1;font-size:11px}.search-count{gap:10px}.search-count strong{font-size:58px}
  .search-match-count{align-self:end;margin:0 0 6px;font-size:10px}.search-match-count .icon{display:none}
  .search-overview .service-copy .search-source-note{margin-top:8px}.search-overview .service-copy .search-timing{font-size:10px;margin-top:7px}
  .has-live-progress .search-overview .search-controls{justify-content:flex-start}
}
/* A readable seven-day chart, using confirmed submissions in the viewer's timezone. */
.application-week{padding:22px;background:linear-gradient(140deg,#f6f8fc,#e7edf6)}
.sent-week-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sent-week-heading h2{font-size:14px;font-weight:600;line-height:1.4}
.sent-history-link{display:grid;place-items:center;min-width:32px;min-height:32px;border-radius:11px;color:#42689c}
.sent-history-link .icon{width:17px;height:17px}
.sent-week-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 26px}
.application-week .week-total{display:flex;align-items:baseline;gap:8px;margin:0}
.week-total strong{font-size:38px;font-weight:500;line-height:1.1;letter-spacing:-.035em;color:#182840;font-variant-numeric:tabular-nums}
.week-total>span{font-size:11px;color:#5a687e}
.sent-date-range{white-space:nowrap;font-size:10px;line-height:1.5;color:#5a687e;text-align:right}
.sent-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;list-style:none;margin:0;padding:0}
.sent-day{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:8px 0 14px;border-radius:10px;outline-offset:2px;transition:background-color 160ms ease}
.sent-day-count{font-size:11px;line-height:1.4;font-variant-numeric:tabular-nums;color:#5d6c82}.has-sent .sent-day-count{color:#2459a0;font-weight:600}
.sent-bar-track{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;height:86px}
.sent-bar{display:block;width:72%;max-width:25px;height:max(3px,calc(var(--bar-share)*86px));border-radius:8px 8px 5px 5px;background:#c6d2e2;transform-origin:bottom;transition:transform 200ms cubic-bezier(.23,1,.32,1)}
.has-sent .sent-bar{background:linear-gradient(180deg,#86b8fa,#4285df);box-shadow:inset 0 1px 0 #e1efff,0 3px 8px #3388ff1a}
.is-today.has-sent .sent-bar{background:linear-gradient(180deg,#75acfa,#2466c5)}
.sent-day-label{font-size:10px;color:#5a687e;line-height:1.4}.is-today .sent-day-label{font-weight:600;color:#2459a0}
.sent-today-dot{position:absolute;bottom:5px;width:4px;height:4px;border-radius:50%;background:#3478d3}
.sent-day-tooltip{position:absolute;top:-20px;left:50%;transform:translate(-50%,3px);font-size:10px;line-height:1.4;white-space:nowrap;padding:4px 7px;border-radius:7px;background:#223754;color:#fff;opacity:0;pointer-events:none;z-index:1;transition:opacity 150ms ease,transform 150ms cubic-bezier(.23,1,.32,1)}
.sent-day:focus-visible{outline:2px solid #3388ff;background:#d8e5f5}.sent-day:focus-visible .sent-day-tooltip{opacity:1;transform:translate(-50%,0)}
.sent-empty{font-size:12px;line-height:1.5;color:#5a687e;margin:16px 0 0}
@media(hover:hover) and (pointer:fine){.sent-day:hover{background:#dce7f5}.sent-day:hover .sent-day-tooltip{opacity:1;transform:translate(-50%,0)}.sent-day.has-sent:hover .sent-bar{transform:scaleY(1.035)}.sent-history-link:hover{background:#dce7f5}}
@media(prefers-reduced-motion:reduce){.sent-day,.sent-day-tooltip,.sent-bar{transition:none!important}.sent-day.has-sent:hover .sent-bar{transform:none}.sent-day-tooltip{transform:translate(-50%,0)}}

/* Viewport-safe overlays and sidebar: keep every action inside the visible surface. */
.sidebar{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#b9c6d9 transparent}
.sidebar-bottom{flex:0 0 auto;padding-top:clamp(16px,5dvh,60px);padding-bottom:2px}
.detail-dialog{display:flex;flex-direction:column;max-height:min(900px,calc(100dvh - 32px));overflow:hidden}
.detail-dialog>.dialog-top{flex:0 0 auto}
.detail-dialog>#dialog-content{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#b9c6d9 transparent}
@media(min-width:701px){
  .detail-dialog[data-mode="flip-modal"]{width:min(760px,calc(100vw - 40px));max-height:min(900px,calc(100dvh - 32px))}
  .detail-dialog[data-mode="upgrade"]{width:min(620px,calc(100vw - 40px));max-height:min(900px,calc(100dvh - 32px))}
}
@media(min-width:701px) and (max-height:780px){
  .sidebar{padding-top:18px;padding-bottom:12px}
  #desktop-nav{margin-top:28px}
  .nav-group+.nav-group{margin-top:20px}
  .nav-link{height:40px}
  .sidebar-bottom{padding-top:16px}
  .sidebar-plan{padding:12px 10px;margin-bottom:4px}
  .sidebar-help{min-height:36px;padding:10px 8px}
  .user-button{padding:8px}
}
@media(max-width:700px){
  .detail-dialog,.detail-dialog[data-mode="modal"],.detail-dialog[data-mode="flip-modal"],.detail-dialog[data-mode="upgrade"]{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}
}

.detail-dialog:not([open]){display:none}
@media(min-width:701px) and (max-height:700px){
  .detail-dialog[data-mode="upgrade"] #dialog-content{padding:22px 28px 18px}
  .upgrade-planline{padding-bottom:14px}
  .upgrade-copy{padding:18px 0 12px}
  .upgrade-facts{margin:14px 0}
  .upgrade-facts>div{padding:11px 1px}
}