html, body {
      font-family: 'Inter', -apple-system, BlinkMacSystemFont,
                 "Segoe UI", sans-serif;
}

.jt-match-hero { display:grid; grid-template-columns:minmax(130px,auto) 1fr; gap:1.25rem; align-items:center; padding:1rem; border:1px solid var(--mud-palette-lines-default); border-radius:14px; }
.jt-match-hero-copy { max-width:42rem; }
.jt-match-breakdown { display:grid; gap:.8rem; }
.jt-match-breakdown-row { display:grid; gap:.35rem; }
.jt-requirement-categories { display:grid; gap:1.25rem; }
.jt-requirement-category { display:grid; gap:.65rem; }
.jt-requirement-groups { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:1rem; min-width:0; }
.jt-requirement-groups .jt-requirement-group { min-width:0; }
.jt-deep-workspace { display:grid; grid-template-columns:minmax(280px,350px) minmax(0,1fr); gap:1.25rem; min-height:calc(100vh - 150px); }
.jt-deep-nav { border:1px solid var(--mud-palette-lines-default); border-radius:16px; padding:1rem; overflow:auto; background:var(--mud-palette-surface); }
.jt-deep-job { width:100%; min-width:0; box-sizing:border-box; text-align:left; color:var(--mud-palette-text-primary); border:1px solid var(--mud-palette-lines-default); border-radius:13px; padding:.85rem; background:transparent; cursor:pointer; display:flex; flex-direction:column; align-items:stretch; gap:.2rem; overflow:hidden; transition:border-color .15s ease,background-color .15s ease,transform .15s ease; }
.jt-deep-job:hover,.jt-deep-job:focus-visible { border-color:color-mix(in srgb,var(--mud-palette-primary) 55%,var(--mud-palette-lines-default)); background:var(--mud-palette-action-default-hover); outline:none; }
.jt-deep-job.is-selected { border-color:var(--mud-palette-primary); background:color-mix(in srgb,var(--mud-palette-primary) 9%,var(--mud-palette-surface)); box-shadow:inset 3px 0 0 var(--mud-palette-primary); }
.jt-deep-job__title,.jt-deep-job__company,.jt-deep-job__location,.jt-deep-job__meta{display:block;width:100%;min-width:0;text-align:left}
.jt-deep-job__title { font-weight:600; font-size:.95rem; line-height:1.3; min-height:2.6em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.jt-deep-job__company,.jt-deep-job__location { font-size:.8rem; line-height:1.35; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.jt-deep-job__company { color:var(--mud-palette-text-primary); }
.jt-deep-job__location { color:var(--mud-palette-text-secondary); min-height:1.35em; }
.jt-deep-job__meta { display:flex; flex-wrap:wrap; align-items:center; gap:.35rem; margin-top:.45rem; }
.jt-deep-job__meta .mud-chip { pointer-events:none; max-width:100%; }
.jt-deep-job .status-chip { cursor:inherit !important; transform:none !important; box-shadow:none !important; }
.jt-deep-detail { min-width:0; }
.analysis-page{min-width:0;width:100%;max-width:100%}
.analysis-page__pane{min-width:0;width:100%}
.analysis-page__pane.is-away,
.analysis-page__workspace.is-away{display:none!important}
.analysis-page__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;min-width:0}
.analysis-page__heading-copy{min-width:0;flex:1 1 16rem}
.analysis-page__heading .mud-typography-h4{font-size:clamp(1.2rem,2vw,1.55rem);overflow-wrap:anywhere}
.analysis-page__heading .mud-typography-body2{overflow-wrap:anywhere}
.analysis-page__views{flex:0 1 auto;max-width:100%}
.analysis-page__views .jt-cawi-cat,
.analysis-history__filters .jt-cawi-cat{min-height:32px;padding:0 12px}
.analysis-page__workspace{align-items:start}.analysis-page__nav{position:sticky;top:1rem;max-height:calc(100dvh - 130px)}.analysis-page__job-list{min-width:0}
.analysis-history{min-width:0;width:100%;max-width:100%}
.analysis-history__filters{margin-bottom:12px}
.analysis-history__timeline{min-width:0}
.analysis-history__skeleton{border-radius:14px}
.analysis-history__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
.analysis-history__copy{min-width:0;overflow-wrap:anywhere}
.analysis-history__topline{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px}
.analysis-history__title{font-weight:650;line-height:1.3;overflow-wrap:anywhere}
.analysis-history__company{overflow-wrap:anywhere}
.analysis-history__meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-top:6px;color:var(--mud-palette-text-secondary);font-size:.78rem}
.analysis-history__meta span + span::before{content:"·";margin:0 2px;opacity:.55}
.analysis-history__open{justify-self:end;white-space:nowrap}
.analysis-history__empty{padding:36px 16px}
.jt-cawi-dot.is-deep-match{background:#8b5cf6}
.jt-cawi-dot.is-fast-match{background:#22d3ee}
.jt-cawi-dot.is-job-analysis{background:#60a5fa}
.jt-cawi-dot.is-deep-analysis{background:#818cf8}
.jt-cawi-dot.is-interview-analysis{background:#2dd4bf}
.jt-cawi-dot.is-rejection-analysis{background:#fb7185}
.analysis-page__filters .mud-grid-item{min-width:0}
.analysis-page__filter-select{width:100%;min-width:0}
.analysis-page__filters .mud-input-control{margin-top:2px}
.analysis-page__filters .mud-input,.analysis-page__filters .mud-input input,.analysis-page__filters .mud-select .mud-input-slot{font-size:.75rem;min-width:0}
.analysis-page__filters .mud-input input,.analysis-page__filters .mud-select .mud-input-slot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.analysis-page__filters .mud-input-label.mud-input-label-inputcontrol{font-size:.7rem}
.analysis-page__apply{font-size:.75rem;text-transform:none;letter-spacing:0}
.mud-popover.analysis-page__filter-popover .mud-list-item{font-size:.8rem;min-height:36px}
.analysis-resume-picker{width:min(28rem,100%);max-width:100%;margin:.5rem 0 .25rem;min-width:0}
.analysis-resume-picker .mud-input-control,.jt-analysis-mode-select.mud-input-control{width:100%;margin-top:0}
.analysis-resume-picker .mud-input-outlined-border,.jt-analysis-mode-select .mud-input-outlined-border{border-radius:12px}
.analysis-resume-picker .mud-input,.jt-analysis-mode-select .mud-input{min-height:40px;padding-top:4px;padding-bottom:4px}
.analysis-resume-picker .mud-input-slot,.jt-analysis-mode-select .mud-input-slot{min-height:0;padding-top:0;padding-bottom:0;line-height:1.25;font-size:.82rem;font-weight:650}
.analysis-resume-picker:focus-within .mud-input-outlined-border,.jt-analysis-mode-select:focus-within .mud-input-outlined-border{border-width:2px}
.analysis-page__application-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem;margin-bottom:1rem;border:1px solid var(--mud-palette-lines-default);border-radius:16px;background:var(--mud-palette-surface)}
.analysis-result-dialog.mud-dialog,.mud-dialog.analysis-result-dialog{display:flex;flex-direction:column;width:min(1080px,calc(100vw - 72px))!important;max-width:min(1080px,calc(100vw - 72px))!important;height:92dvh!important;max-height:92dvh!important;overflow:hidden}
.analysis-result-dialog .mud-dialog-title,.analysis-result-dialog .mud-dialog-actions{flex:0 0 auto}
.analysis-result-dialog .mud-focus-trap,.analysis-result-dialog .mud-focus-trap-child-container{flex:1 1 auto;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}
.analysis-result-dialog .mud-dialog-content{flex:1 1 auto;min-height:0;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:1rem 1.25rem!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.analysis-result-dialog .analysis-result-dialog__body{min-width:0;width:100%}
.mud-dialog.analysis-result-dialog.analysis-result-dialog--fullscreen{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border-radius:0!important;overflow:hidden}
.mud-dialog.analysis-result-dialog.analysis-result-dialog--fullscreen .analysis-result-dialog__body{width:min(1080px,100%);max-width:1080px;margin-inline:auto}
.jt-analysis-section { padding:1rem 0; border-bottom:1px solid var(--mud-palette-lines-default); }
@media (max-width: 800px) {
  .jt-match-hero { grid-template-columns:1fr; }
  .jt-deep-workspace { grid-template-columns:1fr; }
  .jt-deep-nav { position:static;max-height:360px; }
  .analysis-page__application-heading{flex-direction:column}
  .analysis-history__row{grid-template-columns:1fr}
  .analysis-history__open{width:100%;justify-self:stretch}
}
@media (max-width: 600px) {
  .analysis-page__heading{gap:.75rem;margin-bottom:.75rem}
  .analysis-page__application-heading .mud-stack:last-child{align-items:stretch}
  .analysis-history__row{padding:12px}
  .analysis-result-dialog.mud-dialog,.mud-dialog.analysis-result-dialog{width:min(1080px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;height:92dvh!important;max-height:92dvh!important;margin:12px}
  .mud-dialog.analysis-result-dialog.analysis-result-dialog--fullscreen{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important}
  .analysis-result-dialog .mud-dialog-content{padding:.75rem!important}
  .analysis-page__nav{max-height:320px}
}

a, .btn-link {
    color: #006bb7;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
    padding-top: 1.1rem;
}

h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}


html,
body {
    margin: 0;
    background: #f6f7fb;
}

.page-container {
    padding-top: 32px;
    padding-bottom: 48px;
}

.section-card {
    padding: 24px;
    margin-bottom: 24px;
    border: 1px solid rgba(17, 24, 39, 0.06);
    border-radius: 16px;
}

.dashboard-card {
    height: 100%;
    padding: 20px;
    border: 1px solid rgba(17, 24, 39, 0.06);
    border-radius: 16px;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.dashboard-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(17, 24, 39, 0.08);
}

.page-subtitle {
    max-width: 700px;
}

.app-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.app-icon {
    min-height: 150px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 1px solid rgba(17, 24, 39, 0.06);
    border-radius: 20px;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.app-link:hover .app-icon {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(17, 24, 39, 0.1);
}

.app-image {
    width: 68px;
    height: 68px;
    object-fit: contain;
}

@media (max-width: 600px) {
    .page-container {
        padding-top: 20px;
    }

    .section-card {
        padding: 16px;
    }

    .app-icon {
        min-height: 130px;
        padding: 16px;
    }

    .app-image {
        width: 56px;
        height: 56px;
    }
}

.mud-table-sort-label .mud-table-sort-label-icon {
    width: 12.5px !important;
    height: 12.5px !important;
    min-width: 12.5px !important;
    
     opacity: 0.55;
    transition: opacity 0.15s ease;
}

    .mud-table-sort-label:hover .mud-table-sort-label-icon {
    opacity: 0.9;
}

/* =========================
   STATUS CARDS
   ========================= */

.status-card {
    min-height: 58px;

    padding: 10px 16px !important;

    background: rgba(255, 255, 255, 0.88) !important;

    border: 1px solid rgba(15, 23, 42, 0.07) !important;
    border-radius: 12px !important;

    cursor: pointer;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        background-color 0.18s ease,
        border-color 0.18s ease;
}

.status-card:hover {
    transform: translateY(-1px);

    border-color: rgba(15, 23, 42, 0.12) !important;

    box-shadow:
        0 5px 14px rgba(15, 23, 42, 0.05);
}


/* Default text */

.status-card .mud-typography-subtitle2 {
    color: #64748b;

    font-size: 0.78rem !important;
    font-weight: 600;

    line-height: 1.2;
}

.status-card .mud-typography-h4 {
    color: #0f172a;

    margin-top: 3px;

    font-size: 1.35rem !important;
    font-weight: 700;

    line-height: 1.15;
    letter-spacing: -0.03em;
}

/* =========================
   SAVED — Soft Gold
   ========================= */

.status-saved.status-card-selected {
    background: rgba(254, 252, 232, 0.72) !important;
    border-color: rgba(202, 138, 4, 0.16) !important;
}

.status-saved.status-card-selected
.mud-typography-subtitle2,
.status-saved.status-card-selected
.mud-typography-h4 {
    color: #a16207 !important;
}


/* =========================
   APPLIED — Soft Blue
   ========================= */

.status-applied.status-card-selected {
    background: rgba(239, 246, 255, 0.70) !important;
    border-color: rgba(37, 99, 235, 0.15) !important;
}

.status-applied.status-card-selected
.mud-typography-subtitle2,
.status-applied.status-card-selected
.mud-typography-h4 {
    color: #2563eb !important;
}


/* =========================
   INTERVIEW — Soft Purple
   ========================= */

.status-interview.status-card-selected {
    background: rgba(250, 245, 255, 0.72) !important;
    border-color: rgba(124, 58, 237, 0.15) !important;
}

.status-interview.status-card-selected
.mud-typography-subtitle2,
.status-interview.status-card-selected
.mud-typography-h4 {
    color: #7c3aed !important;
}


/* =========================
   OFFER — Soft Emerald
   ========================= */

.status-offer.status-card-selected {
    background: rgba(240, 253, 250, 0.70) !important;
    border-color: rgba(5, 150, 105, 0.15) !important;
}

.status-offer.status-card-selected
.mud-typography-subtitle2,
.status-offer.status-card-selected
.mud-typography-h4 {
    color: #059669 !important;
}


/* =========================
   REJECTED — Soft Rose
   ========================= */

.status-rejected.status-card-selected {
    background: rgba(255, 247, 247, 0.72) !important;
    border-color: rgba(220, 38, 38, 0.13) !important;
}

.status-rejected.status-card-selected
.mud-typography-subtitle2,
.status-rejected.status-card-selected
.mud-typography-h4 {
    color: #dc2626 !important;
}


/* =========================
   WITHDRAWN — Soft Slate
   ========================= */

.status-withdrawn.status-card-selected {
    background: rgba(248, 250, 252, 0.78) !important;
    border-color: rgba(71, 85, 105, 0.13) !important;
}

.status-withdrawn.status-card-selected
.mud-typography-subtitle2,
.status-withdrawn.status-card-selected
.mud-typography-h4 {
    color: #475569 !important;
}


/* Selected card */

.status-card-selected {
    transform: translateY(-1px);

    box-shadow:
        0 6px 20px rgba(15, 23, 42, 0.045);
}



.application-toolbar {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.application-toolbar-left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
    flex: 1 1 220px;
    min-width: 0;
    flex-wrap: wrap;
}

.application-toolbar-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex: 1 1 auto;
    flex-wrap: wrap;
}

.application-search {
    min-width: 0;
    flex: 1 1 180px;
    width: auto;
}


.view-all-button {
    flex: 0 0 auto;
    white-space: nowrap;

    color: #64748b !important;
    background: transparent !important;

    border-radius: 8px !important;
    padding: 6px 10px !important;

    transition:
        color 0.18s ease,
        background-color 0.18s ease,
        transform 0.18s ease;
}

.view-all-button:hover {
    color: #6a25eb !important;
    background: rgba(37, 99, 235, 0.07) !important;
}



.add-application-button {
    border-radius: 9px !important;

    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        filter 0.18s ease;
}

.add-application-button:hover {
    transform: translateY(-1px);

    filter: brightness(0.96);

    box-shadow:
        0 5px 14px rgba(37, 99, 235, 0.18);
}


.status-chip {
    min-height: 28px !important;
    height: 28px !important;

    padding: 0 8px 0 10px !important;

    border-radius: 8px !important;

    font-size: 0.80rem !important;
    font-weight: 600 !important;

    cursor: pointer !important;

    transition:
        background-color 0.15s ease,
        border-color 0.15s ease,
        box-shadow 0.15s ease,
        transform 0.15s ease;
}

.status-chip:hover {
    transform: translateY(-1px);

    box-shadow:
        0 2px 6px rgba(15, 23, 42, 0.10);

    filter: brightness(0.97);
}

.status-chip:active {
    transform: translateY(0);
    box-shadow: none;
}

.status-chip-arrow {
    opacity: 0.55;
}

/* Saved */
.status-chip-saved {
    color: color-mix(in srgb, var(--mud-palette-warning, #d97706) 28%, #4b5563) !important;
    background: color-mix(in srgb, var(--mud-palette-warning, #d97706) 4%, #f3f4f6) !important;
    border-color: color-mix(in srgb, var(--mud-palette-warning, #d97706) 12%, #d1d5db) !important;
}

/* Applied */
.status-chip-applied {
    color: color-mix(in srgb, var(--mud-palette-info, #2563eb) 28%, #4b5563) !important;
    background: color-mix(in srgb, var(--mud-palette-info, #2563eb) 4%, #f3f4f6) !important;
    border-color: color-mix(in srgb, var(--mud-palette-info, #2563eb) 12%, #d1d5db) !important;
}

/* Interview */
.status-chip-interview {
    color: color-mix(in srgb, var(--mud-palette-primary, #7c3aed) 28%, #4b5563) !important;
    background: color-mix(in srgb, var(--mud-palette-primary, #7c3aed) 4%, #f3f4f6) !important;
    border-color: color-mix(in srgb, var(--mud-palette-primary, #7c3aed) 12%, #d1d5db) !important;
}

/* Offer */
.status-chip-offer {
    color: color-mix(in srgb, var(--mud-palette-success, #16a34a) 28%, #4b5563) !important;
    background: color-mix(in srgb, var(--mud-palette-success, #16a34a) 4%, #f3f4f6) !important;
    border-color: color-mix(in srgb, var(--mud-palette-success, #16a34a) 12%, #d1d5db) !important;
}

/* Rejected */
.status-chip-rejected {
    color: color-mix(in srgb, var(--mud-palette-error, #dc2626) 28%, #4b5563) !important;
    background: color-mix(in srgb, var(--mud-palette-error, #dc2626) 4%, #f3f4f6) !important;
    border-color: color-mix(in srgb, var(--mud-palette-error, #dc2626) 12%, #d1d5db) !important;
}

/* Withdrawn */
.status-chip-withdrawn {
    color: #6b7280 !important;
    background: #f3f4f6 !important;
    border-color: #d1d5db !important;
}

.mud-theme-dark .status-chip:hover,
.mud-palette-dark .status-chip:hover {
    filter: none;
    box-shadow: none;
}

.mud-theme-dark .status-chip-saved,
.mud-palette-dark .status-chip-saved {
    color: color-mix(in srgb, var(--mud-palette-warning, #fbbf24) 22%, #c5c0ce) !important;
    background: color-mix(in srgb, var(--mud-palette-warning, #fbbf24) 5%, #2a2436) !important;
    border-color: color-mix(in srgb, var(--mud-palette-warning, #fbbf24) 12%, #3d3550) !important;
}

.mud-theme-dark .status-chip-applied,
.mud-palette-dark .status-chip-applied {
    color: color-mix(in srgb, var(--mud-palette-info, #93c5fd) 22%, #c5c0ce) !important;
    background: color-mix(in srgb, var(--mud-palette-info, #60a5fa) 5%, #2a2436) !important;
    border-color: color-mix(in srgb, var(--mud-palette-info, #60a5fa) 12%, #3d3550) !important;
}

.mud-theme-dark .status-chip-interview,
.mud-palette-dark .status-chip-interview {
    color: color-mix(in srgb, var(--mud-palette-primary, #8b5cf6) 22%, #c5c0ce) !important;
    background: color-mix(in srgb, var(--mud-palette-primary, #8b5cf6) 5%, #2a2436) !important;
    border-color: color-mix(in srgb, var(--mud-palette-primary, #8b5cf6) 12%, #3d3550) !important;
}

.mud-theme-dark .status-chip-offer,
.mud-palette-dark .status-chip-offer {
    color: color-mix(in srgb, var(--mud-palette-success, #4ade80) 22%, #c5c0ce) !important;
    background: color-mix(in srgb, var(--mud-palette-success, #4ade80) 5%, #2a2436) !important;
    border-color: color-mix(in srgb, var(--mud-palette-success, #4ade80) 12%, #3d3550) !important;
}

.mud-theme-dark .status-chip-rejected,
.mud-palette-dark .status-chip-rejected {
    color: color-mix(in srgb, var(--mud-palette-error, #f87171) 22%, #c5c0ce) !important;
    background: color-mix(in srgb, var(--mud-palette-error, #f87171) 5%, #2a2436) !important;
    border-color: color-mix(in srgb, var(--mud-palette-error, #f87171) 12%, #3d3550) !important;
}

.mud-theme-dark .status-chip-withdrawn,
.mud-palette-dark .status-chip-withdrawn {
    color: #c5c0ce !important;
    background: #2a2436 !important;
    border-color: #3d3550 !important;
}

.job-board-heading {
    margin-bottom: 40px !important;
     font-weight: 600 !important;
    letter-spacing: -0.02em;
}

/* =========================
   MATCH SCORE
   ========================= */

.match-score {
    font-weight: 700 !important;
    font-size: 2.25rem !important;
    line-height: 1.15;
}

.match-score-high {
    color: #059669 !important;
}

.match-score-medium {
    color: #b4530d !important;
}

.match-score-low {
    color: #dc2626 !important;
}

.match-score-badge {
    font-weight: 700 !important;
}

.provider-row {
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 10px !important;
    background: var(--mud-palette-background, #fff) !important;
}

.match-running {
    color: var(--mud-palette-primary, #5865f2);
    font-weight: 600;
}

.match-tabs {
    --mud-tabs-active-color: var(--mud-palette-primary, #5865f2);
}

.match-detail-card {
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.88);
}

.match-card {
    border-radius: 12px !important;
    border: 1px solid rgba(15, 23, 42, 0.06);
    background: rgba(255, 255, 255, 0.88);
}

.skill-card {
    border-radius: 12px !important;
    border: 1px solid rgba(15, 23, 42, 0.05);
    background: rgba(255, 255, 255, 0.88);
}

.skill-card.is-selected {
    border-color: var(--mud-palette-primary, #5865f2);
    background: color-mix(in srgb, var(--mud-palette-primary, #5865f2) 7%, white);
}

.skill-card.is-selected .skill-name {
    color: var(--mud-palette-primary, #5865f2);
}

.mud-theme-dark .skill-card.is-selected .skill-name {
    color: var(--mud-palette-primary-lighten, #aeb5ff);
}