/* JobMaxxer's existing website identity, extended to the consumer dashboard. */
:root {
  --blue:#1b5fd9; --blue-bright:#3388ff; --blue-light:#e6efff;
  --ink:#16171b; --muted:#5d6070; --line:#dce0e9; --canvas:#e7e9f1;
  --white:#f5f6fa; --radius:22px;
  --shadow:0 1px 1px rgba(20,30,60,.04),0 26px 50px -16px rgba(70,85,135,.22);
  font-family:'Geist',sans-serif; font-synthesis:none;
  background:#e7e9f1; scrollbar-color:#aeb9ce #e7e9f1;
}
body { background:radial-gradient(120% 70% at 50% -8%,#eff1f7 0%,#e7e9f1 46%,#e2e5ee 100%); text-rendering:optimizeLegibility; }
::selection { background:#c3d9ff; color:#123e80; }
:focus-visible { outline:3px solid #1b5fd9; outline-offset:4px; }
h1 { font-family:'EB Garamond',Georgia,serif; font-size:clamp(36px,3.6vw,50px); font-weight:500; letter-spacing:-.025em; line-height:1.06; }
h2 { font-weight:600; }
.preview-strip { background:#111b35; color:#d0d9ee; border:0; min-height:32px; font-size:11px; }
.preview-dot { background:#80b5ff; box-shadow:0 0 8px #80b5ff66; }
.phone-link { color:#e7eeff; }
.app-shell { grid-template-columns:228px minmax(0,1fr); }
.sidebar { padding:29px 17px 18px; background:linear-gradient(180deg,#f8f9fc,#edf0f6); border-color:#d5dbe6; }
.brand { gap:8px; font-size:20px; font-weight:600; letter-spacing:-.02em; padding:0 9px; }
.brand img { width:28px; height:28px; }
.nav-link { color:#5b5e6b; border-radius:11px; font-size:13px; height:47px; }
.nav-link:hover { background:#e6ebf4; }
.nav-link.active { background:linear-gradient(180deg,#e1ecfe,#d5e4fb); color:#174faa; box-shadow:inset 0 1px 0 #ffffffdd,0 3px 8px #728bb820; }
.nav-link .nav-count { background:#ffffff8f; }
.sidebar-plan { padding:18px 12px 23px; }
.sidebar-help { font-size:11px; }
.avatar { color:#41516c; background:linear-gradient(145deg,#f8f9fc,#c9d3e5); box-shadow:inset 0 1px 1px white,0 2px 4px #42577818; font-weight:600; }
.topbar { height:72px; background:#f5f6fa88; border-color:#d9dee8; }
#breadcrumb { color:#5b5e6b; }
main { padding-top:34px; }
.page-heading { margin-bottom:30px; }
.page-heading p { margin-top:12px; font-size:14px; color:#5d6070; }
.button { min-height:44px; border-radius:12px; padding:11px 18px; font-size:13px; background:linear-gradient(180deg,#fff,#edf0f6); border-color:#d2d9e5; box-shadow:inset 0 1px 0 white,0 3px 8px #334a6f14; }
.button:hover { background:linear-gradient(180deg,#fff,#e0e8f6); border-color:#b9c9e1; }
.button.primary { background:linear-gradient(180deg,#80b5ff 0%,#337be1 18%,#2466c5 32%,#1d5ebe 100%); color:#fff; border:1px solid #73a9ef; box-shadow:inset 0 1.5px 0 rgba(255,255,255,.62),inset 0 -3px 7px rgba(11,28,72,.4),0 6px 16px rgba(51,136,255,.35),0 2px 4px rgba(4,20,42,.15); text-shadow:0 1px 3px #124b99; }
.button.primary:hover { background:linear-gradient(180deg,#80b5ff 0%,#337be1 18%,#2466c5 32%,#1d5ebe 100%); box-shadow:inset 0 1.5px 0 rgba(255,255,255,.7),inset 0 -3px 7px rgba(11,28,72,.4),0 8px 22px rgba(51,136,255,.4); }
.button.quiet { background:transparent; box-shadow:none; }
.text-button { font-size:12px; }
.service-band { position:relative; overflow:hidden; min-height:112px; padding:24px 26px; background:linear-gradient(118deg,#101c39 0%,#242b55 61%,#514264 84%,#a47488 125%); border:1px solid #ffffff30; box-shadow:inset 0 1px 0 #ffffff29,0 13px 30px -15px #23325a6e; border-radius:22px; color:#fff; }
.service-symbol { width:53px; height:53px; background:none; }
.service-symbol img { width:53px; height:53px; filter:drop-shadow(0 5px 10px #3388ff55); }
.service-copy h2 { font-size:18px; font-weight:600; }
.service-copy p { color:#d1d7ec; font-size:13px; margin-top:6px; }
.status-dot { background:#93dfc2; }
.service-band .button { color:#f6f8ff; background:linear-gradient(180deg,#ffffff22,#ffffff0c); border-color:#ffffff30; box-shadow:inset 0 1px 0 #ffffff15; min-height:40px; }
.service-band .button:hover { background:#ffffff25; }
.stats-line { padding:0 7px; margin:30px 0; }
.stat-label { font-size:12px; }
.stat-value { font-size:32px; font-weight:600; }
.stat-value small { font-size:11px; }
.dashboard-grid { grid-template-columns:minmax(0,1fr) 292px; gap:26px; }
.panel { background:linear-gradient(135deg,#f9faff,#f1f3f9); border:1px solid #ffffffb3; box-shadow:var(--shadow); border-radius:22px; }
.panel-header { padding-top:24px; padding-bottom:21px; }
.panel-header h2 { font-size:16px; }
.panel-header p { font-size:12px; }
.application-row { border-top-color:#e3e7f0; min-height:84px; }
.application-row:hover { background:#eaf0fc; }
.application-row:focus-visible { outline-offset:-4px; border-radius:6px; }
.company-mark { background:linear-gradient(145deg,#f5f5fd,#dfe2f3); box-shadow:inset 0 1px 1px #ffffffef,0 3px 7px #43537712; border:1px solid #ffffff6e; color:#5b5a87; }
.company-mark.tone-1 { background:linear-gradient(145deg,#f1f7f4,#dce9e4); color:#365c4e; }
.company-mark.tone-2 { background:linear-gradient(145deg,#f0f5ff,#d7e5fc); color:#3d61a1; }
.company-mark.tone-3 { background:linear-gradient(145deg,#fff8f0,#eadfce); color:#805e3b; }
.company-mark.tone-4 { background:linear-gradient(145deg,#fcf4fa,#e7ddeb); color:#775b78; }
.badge { border-radius:999px; padding:5px 9px; }
.badge.confirmed { background:#e2efe9; color:#245a43; }
.preferences-panel { background:linear-gradient(140deg,#f0f3fa,#dfe5f0); }
.usage-panel { background:linear-gradient(145deg,#d1daee,#e3e8f2 60%,#cdd7ea); }
.usage-title h2 { font-size:15px; }
.plan-pill { background:#ffffff70; color:#36557c; border-radius:999px; }
.usage-number { font-size:33px; }
.usage-number span { color:#52617c; }
.usage-subtitle,.usage-meta { color:#52617c; }
.usage-progress,.mini-progress { background:#b9c8e18c; box-shadow:inset 0 1px 2px #6983a622; }
.usage-progress span,.mini-progress span { background:linear-gradient(180deg,#80b5ff 0%,#337be1 18%,#2466c5 32%,#1d5ebe 100%); }
.preference-line { font-size:13px; }
.preference-line .icon { color:#61718e; }
.workflow-live { padding:20px 23px; background:linear-gradient(180deg,#2c2f38,#1b1d25); color:#f4f6fc; border-radius:18px; box-shadow:inset 0 1px 0 #ffffff29,0 12px 22px -15px #11172d7a; }
.workflow-heading small,.workflow-steps,.workflow-live .page-note { color:#c3cada; }
.workflow-steps { border-top-color:#ffffff1a; }
.workflow-step.current,.live-label { color:#a1c6ff; }
.workflow-step.done { color:#98d8bc; }
.workflow-steps>.icon { color:#8f9bb3; }
.form-layout { gap:32px; }
.form-panel { padding:30px; background:linear-gradient(140deg,#fcfcfe,#f1f3f9); }
.form-panel>p { font-size:13px; }
.field label,.field-label { font-size:13px; }
.field input,.field select,.field textarea { border-color:#cdd5e2; border-radius:11px; box-shadow:inset 0 1px 3px #263c6410,0 1px 0 white; padding:13px; font-size:14px; }
input::placeholder,textarea::placeholder { color:#5d6070; }
.password-wrap input { padding-right:47px; }
.password-wrap button { top:6px; }
.field small,.permission { font-size:12px; }
.aside-note h3 { font-size:14px; }
.aside-note p { font-size:13px; }
.aside-note>.icon { width:32px; height:32px; }
.file-upload { background:linear-gradient(130deg,#e7eefb,#f6f8fc); border-color:#a5b8d6; border-radius:13px; }
.small-notice { background:linear-gradient(145deg,#e4ebf7,#edf1fa); color:#4b5c78; border-radius:11px; font-size:12px; }
.guide-number { color:#174faa; background:linear-gradient(180deg,#e1ecfe,#d5e4fb); box-shadow:inset 0 1px 0 white; }
.guide-step h3 { font-size:13px; }
.guide-step p { font-size:12px; }
.search-box { border-color:#cbd5e4; border-radius:11px; background:#fff; box-shadow:inset 0 1px 3px #263c6410; }
.search-box input { font-size:13px; }
.setup-step { font-size:12px; border-top-color:#ccd5e5; }
.setup-complete h2 { font-family:'EB Garamond',Georgia,serif; font-size:38px; font-weight:500; }
.shared-features .page-note { font-size:12px; }
.detail-dialog { background:#f5f6fa; border-radius:22px; }
.detail-dialog::backdrop { background:#0d153466; }
.dialog-top { background:linear-gradient(180deg,#f8f9fc,#e7ebf4); }
.detail-section h3 { font-size:13px; }
.answer-text { font-size:13px; }
.toast { background:linear-gradient(180deg,#2c2f38,#1b1d25); border:1px solid #ffffff30; }
.workspace-footer,.workspace-footer button { color:#5d6070; }
@media(max-width:1180px) { .app-shell { grid-template-columns:202px minmax(0,1fr); } .sidebar { padding-left:12px; padding-right:12px; } .brand { font-size:19px; gap:6px; } .dashboard-grid { grid-template-columns:minmax(0,1fr) 255px; gap:20px; } .page-heading { align-items:flex-start; } .page-heading h1 { max-width:510px; } }
@media(max-width:960px) { .dashboard-grid { grid-template-columns:1fr; } .service-band { flex-wrap:wrap; } .service-band .button { margin-left:70px; } .page-heading { flex-wrap:wrap; } }
@media(max-width:700px) {
  .app-shell { display:block; } .preview-strip { padding:8px 18px; }
  .topbar { height:66px; padding:0 20px; background:linear-gradient(180deg,#f8f9fc,#edf0f6); }
  .mobile-brand { padding:0; font-size:19px; gap:8px; }
  .mobile-brand img { width:26px; height:26px; }
  main { padding:29px 19px 22px; }
  h1 { font-size:38px; line-height:1.04; letter-spacing:-.025em; }
  .page-heading { margin-bottom:25px; gap:19px; }
  .page-heading p { font-size:13px; margin-top:12px; }
  .page-heading .button { min-height:43px; font-size:12px; }
  .service-band { grid-template-columns:42px minmax(0,1fr); padding:21px 18px; border-radius:20px; gap:13px; }
  .service-symbol,.service-symbol img { width:42px; height:42px; }
  .service-copy h2 { font-size:16px; }
  .service-copy p { font-size:12px; }
  .service-band .button { grid-column:2; margin-left:0; min-height:38px; }
  .stats-line { margin:26px 0; padding:0; }
  .stat { padding-left:13px; }
  .stat-label { font-size:11px; }
  .stat-value { font-size:29px; }
  .stat-value small { font-size:11px; }
  .panel { border-radius:20px; }
  .panel-header h2 { font-size:15px; }
  .panel-header p { font-size:11px; }
  .application-row { min-height:88px; padding:17px 15px; }
  .job-primary { gap:10px; }
  .job-primary h3 { font-size:13px; }
  .company-mark { width:33px; height:33px; }
  .badge { padding:5px 7px; }
  .workflow-live { padding:20px 17px; }
  .workflow-heading { font-size:12px; }
  .workflow-steps { font-size:11px; }
  .form-panel { padding:25px 20px; }
  .field input,.field select,.field textarea { font-size:16px; }
  .form-panel h2 { font-size:17px; }
  .form-actions .button { white-space:normal; }
  .mobile-nav { background:linear-gradient(180deg,#f8f9fc,#edf0f6); border-top-color:#cdd6e5; box-shadow:0 -4px 18px #364e7810; }
  .mobile-nav a { color:#5b5e6b; }
  .mobile-nav a.active { background:linear-gradient(180deg,#e1ecfe,#d5e4fb); color:#174faa; box-shadow:inset 0 1px 0 white; }
  .detail-dialog { border-radius:22px 22px 0 0; }
  .setup-step { font-size:11px; }
  .workspace-footer { padding-bottom:99px; }
}

.preview-links { display:flex; align-items:center; gap:22px; }

.field-grid { align-items:start; }
.field-grid .field { margin-bottom:18px; }