/* Shared İlan Haritası visual language: wayfinding navy, warm paper and mustard. */
:root {
    --paper: #f7f5ec;
    --ink: #203b4c;
    --muted: #69766f;
    --navy: #203b4c;
    --blue: #3f6b80;
    --green: #3f6b80;
    --yellow: #e8bd54;
    --line: #d4d9d4;
    --surface: #fffdf7;
    color-scheme: light;
}

body { background: var(--paper); color: var(--ink); font-family: 'Manrope','Segoe UI',sans-serif; }

.topbar, .kpss-nav, .compare-nav, .site-nav, .account-nav {
    background: var(--navy);
    color: var(--paper);
    border-color: #526878;
}
.kpss-nav, .compare-nav, .site-nav, .account-nav { border-bottom-color: #526878; }
.kpss-nav, .compare-nav, .site-nav, .account-nav { border-radius: 8px; }
.kpss-nav, .compare-nav, .account-nav { padding-right: 18px; padding-left: 18px; }
.topbar { border-radius: 0 0 8px 8px; }
.brand, .kpss-brand, .compare-brand, .account-brand { color: var(--paper); }
.brand, .kpss-brand, .compare-brand, .account-brand { font-family: 'Manrope', 'Segoe UI', sans-serif; font-weight: 600; }
.brand-name { font-family: 'Manrope', 'Segoe UI', sans-serif; font-weight: 600; }
.brand-mark, .kpss-brand span, .compare-brand span, .account-brand span { color: var(--yellow); }
.brand-name { color: var(--paper); }
.topbar-link, .home-link, .compare-back, .account-nav-actions > a:not(.account-entry), .site-nav-actions > a:not(.account-entry) { color: #e0e7e7; }
.topbar-link:hover, .home-link:hover, .compare-back:hover, .account-nav-actions > a:not(.account-entry):hover, .site-nav-actions > a:not(.account-entry):hover { color: var(--yellow); }
.account-entry, .kpss-nav-actions .account-entry, .compare-nav .account-entry, .site-nav-actions .account-entry {
    border: 1px solid #80909a;
    border-radius: 2px;
    background: transparent;
    color: var(--paper);
}
.account-entry:hover, .kpss-nav-actions .account-entry:hover, .compare-nav .account-entry:hover, .site-nav-actions .account-entry:hover {
    border-color: var(--yellow);
    background: #ffffff0c;
    color: var(--yellow);
}
.account-entry:focus-visible, .topbar-link:focus-visible, .home-link:focus-visible, .compare-back:focus-visible { outline-color: var(--yellow); }

.hero h1, .kpss-page-intro h1, .kpss-copy h1, .compare-intro h1, #pageTitle,
.account-card h1, .profile-sidebar h1, .panel-heading h2, .candidate-profile h2,
.selection-card h2, .results-heading h2, .analysis-heading h2 { color: var(--ink); }
.hero-kicker, .kpss-eyebrow, .compare-eyebrow, .eyebrow, .selection-kicker,
.panel-kicker, .archive-kicker { color: var(--blue); }
.hero-kicker span, .kpss-eyebrow span, .compare-eyebrow span { background: var(--yellow); }

.selection-card, .compare-panel, .results-panel, .summary-card, .profile-sidebar,
.profile-content, .profile-panel, .account-card {
    border-color: var(--line);
    border-radius: 3px;
    background: var(--surface);
    box-shadow: none;
}
.selection-card { background: var(--surface); }
.search-mode { border-color: var(--line); border-radius: 2px; background: #fff; }
.search-mode.is-active { border-color: var(--blue); background: #e3eaeb; box-shadow: inset 4px 0 0 var(--yellow); }
.search-mode-number { border-radius: 2px; background: #e4e9e7; color: var(--blue); }
.search-mode.is-active .search-mode-number { background: var(--navy); color: var(--yellow); }
.search-mode-check { color: var(--blue); }
.search-mode.is-active .search-mode-check { color: #9a7424; }

button, input, select { font-family: 'Manrope','Segoe UI',sans-serif; }
.form-group select, .form-group input, .account-form input, .account-form select,
.compare-field select, .department-combobox input, .result-search, .search-field,
.assignment-filter, .filter-choice-search {
    border-color: #c4ceca;
    border-radius: 2px;
    background-color: #fff;
    color: var(--ink);
}
.form-group select:focus, .form-group input:focus, .account-form input:focus,
.account-form select:focus, .compare-field select:focus, .department-combobox input:focus,
.result-search:focus, .search-field:focus-within, .assignment-filter:focus,
.filter-choice-search:focus {
    border-color: var(--blue);
    box-shadow: 0 0 0 2px #e8bd5480;
    outline: none;
}
.department-suggestions, .candidate-graduation-options, .filter-choice-options {
    border-color: var(--line);
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 8px 22px #203b4c18;
}
.department-suggestion:hover, .department-suggestion:focus-visible,
.candidate-graduation-option:hover, .filter-choice-option:hover,
.filter-category-button:hover { background: #eef1ed; color: var(--ink); }

#searchButton, .compare-button, .account-button:not(.secondary),
.advanced-dialog-footer .advanced-dialog-done, .compare-button:hover:not(:disabled) {
    border-color: var(--navy);
    border-radius: 2px;
    background: var(--navy);
    color: var(--paper);
}
#searchButton:hover, .compare-button:hover:not(:disabled), .account-button:not(.secondary):hover,
.advanced-dialog-footer .advanced-dialog-done:hover { background: #2c5065; }
.account-button.secondary, .advanced-filter-toggle, .profile-recommendations-button:not(:disabled) {
    border-color: #9eacaa;
    border-radius: 2px;
    background: #e5eae6;
    color: var(--navy);
}
.account-button.secondary:hover, .advanced-filter-toggle:hover, .profile-recommendations-button:not(:disabled):hover {
    border-color: var(--blue);
    background: #d9e2e1;
}
.clear-candidate-button { border-color: #c7b88d !important; color: #826525 !important; }
.clear-candidate-button:hover { background: #f3ecd9 !important; }

.kpss-years, .data-status, .data-badge, .results-tag {
    border-color: #d0d7d0;
    border-radius: 2px;
    background: #e6ece8;
    color: var(--blue);
}
.archive-card { background: var(--yellow); color: var(--navy); }
.choice-card { border-radius: 0; }
.kpss-card { background: var(--navy); color: var(--paper); }
.kpss-card p { color: #d5dfe4; }
.kpss-card .choice-action { border-color: #607687; color: var(--yellow); }
.yks-card { background: #e5e8e1; color: #728078; }
.yks-card p { color: #68756f; }

#preferenceTable thead th, .account-table thead th, .detail-table th {
    background: var(--navy);
    color: var(--paper);
    border-color: #526878;
}
#preferenceTable tbody tr:nth-child(even), .account-table tbody tr:nth-child(even) { background: #f0f1ec; }
#preferenceTable tbody tr:hover, .account-table tbody tr:hover { background: #e6ece8; }
#preferenceTable tbody td, .account-table tbody td { border-color: #e0e2db; color: #334b59; }
.table-container, .table-wrap, .year-section, .account-table-wrap {
    border-color: var(--line);
    border-radius: 2px;
    background: var(--surface);
}
.table-container::-webkit-scrollbar-track { background: #eef0eb; }
.table-container::-webkit-scrollbar-thumb { border-color: #eef0eb; background: #9eaeaa; }
.code-chip, .row-detail-button, .candidate-code-chip, .fit-badge, .active-filter-chip,
.filter-category-button, .code-navigation button, .advanced-dialog-footer button {
    border-radius: 2px;
}
.code-chip, .row-detail-button, .candidate-code-chip, .active-filter-chip {
    border-color: #c2cdca;
    background: #e7ece8;
    color: var(--blue);
}
.code-chip:hover, .code-chip:focus-visible, .row-detail-button:hover, .row-detail-button:focus-visible,
.candidate-code-chip:hover, .active-filter-chip:hover { border-color: var(--navy); background: var(--navy); color: var(--paper); }
.fit-positive { border-color: #c3d2c6; background: #e8efe9; color: #3f6b54; }
.fit-warning { border-color: #e5d49e; background: #f6efd9; color: #826525; }
.fit-negative { border-color: #dfc2b8; background: #f5eae5; color: #8b4939; }
.fit-neutral { border-color: var(--line); background: #f0f1ec; color: #69766f; }
.filter-category-list { background: #edf0eb; }
.filter-category-button.is-active { background: #e0e7e4; color: var(--navy); box-shadow: inset 3px 0 var(--yellow); }
.filter-category-button small { background: var(--navy); color: var(--yellow); }
.filter-choice-option input { accent-color: var(--blue); }

.code-dialog, .detail-dialog, .advanced-filter-dialog {
    border-color: var(--line);
    border-radius: 4px;
    background: var(--surface);
    color: var(--ink);
    box-shadow: 0 18px 55px #203b4c2b;
}
.code-dialog::backdrop, .detail-dialog::backdrop, .advanced-filter-dialog::backdrop { background: #203b4c99; backdrop-filter: none; }
.dialog-type, .advanced-dialog-header p { color: var(--blue); }
.dialog-close, .detail-close { color: var(--navy); }
.code-navigation button, .advanced-dialog-footer button { border-color: #c4ceca; background: #eef1ed; color: var(--navy); }
.code-navigation button:hover:not(:disabled), .advanced-dialog-footer button:hover { border-color: var(--blue); background: #e0e7e4; color: var(--navy); }
.advanced-dialog-header, .advanced-dialog-footer { border-color: var(--line); }
.advanced-dialog-header, .filter-category-list { background: #edf0eb; }
.filter-choice-option { border-radius: 1px; }
.filter-choice-option:hover { background: #eef1ed; }
.loading-spinner { border-color: #dbe2df; border-top-color: var(--blue); }
.data-badge-dot, .footnote-dot { background: var(--blue); }
.summary-icon, .panel-mark { border-radius: 2px; background: #e5ebe7; color: var(--blue); }
.account-message { border-radius: 2px; background: #e5ebe7; color: #345c4e; }
.account-message.error { background: #f5eae5; color: #8b4939; }
.role-pill { border-radius: 2px; background: #e5ebe7; color: var(--blue); }
.profile-tab { border-radius: 2px; }
.profile-tab:hover { background: #eef1ed; }
.profile-tab.is-active { background: #e5ebe7; color: var(--navy); box-shadow: inset 3px 0 var(--yellow); }
.signout-button { border-radius: 2px; }
.profile-sidebar, .profile-content { border-radius: 3px; }
.candidate-prompt { border-color: #d0d7d0; border-radius: 2px; background: #edf1ed; color: #43575e; }
.candidate-prompt a { color: var(--blue); }
.kpss-footer, .compare-footer, .app-footer, .landing-footer { border-color: var(--line); color: var(--muted); }
.kpss-footer a, .compare-footer a, .app-footer span:first-child { color: var(--navy); }

@media (max-width: 700px) {
    .topbar-links { gap: 12px; }
}