:root {
    --background: #fff;
    --foreground: #09090b;
    --card: #fff;
    --muted: #f4f4f5;
    --muted-foreground: #71717a;
    --border: #e4e4e7;
    --primary: #18181b;
    --primary-foreground: #fafafa;
    --sidebar-width: 264px;
}

.app-menu .hr-menu-advertisements > .material-icons { color: #ea580c !important; }
.app-menu .accordion-menu li > a.hr-menu-advertisements.active > .material-icons { color: #ea580c !important; }

.hr-rating-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;background:#f4f4f5;color:#52525b;white-space:nowrap}
.hr-rating-badge.rating-2{background:#dcfce7;color:#15803d}
.hr-rating-badge.rating-1{background:#ecfdf5;color:#047857}
.hr-rating-badge.rating--1{background:#fff7ed;color:#c2410c}
.hr-rating-badge.rating--2{background:#fee2e2;color:#b91c1c}

.hr-candidate-profile-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:18px;margin-bottom:18px}
.hr-profile-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.hr-profile-facts div{border:1px solid #e5e7eb;border-radius:8px;padding:12px;background:#fff}
.hr-profile-facts .wide{grid-column:1/-1}
.hr-profile-facts span{display:block;color:#71717a;font-size:12px;font-weight:700;text-transform:uppercase;margin-bottom:6px}
.hr-profile-facts strong{display:block;color:#09090b;font-size:15px;line-height:1.35}
.hr-candidate-applications{display:grid;gap:12px}
.hr-candidate-applications article{border:1px solid #e5e7eb;border-radius:14px;padding:14px;background:#fff}
.hr-candidate-application-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.hr-candidate-application-head strong{display:block;font-size:15px}
.hr-candidate-application-head span:not(.hr-candidate-status){color:#71717a;display:block;font-size:13px;margin-top:3px}
.hr-candidate-application-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.hr-candidate-application-grid div{background:#f8fafc;border:1px solid #eef2f7;border-radius:10px;padding:9px 10px}
.hr-candidate-application-grid span{color:#71717a;display:block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.hr-candidate-application-grid b{color:#18181b;display:block;font-size:13px;margin-top:3px}
.hr-candidate-applications p{margin:0;color:#3f3f46;line-height:1.45}
.hr-candidate-applications small{color:#71717a;font-weight:600}
.hr-muted-panel{border:1px dashed #d4d4d8;border-radius:8px;padding:18px;text-align:center;color:#71717a;font-weight:700}

.hr-documents-section{margin-top:18px}
.hr-document-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.hr-document-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:14px}
.hr-document-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.hr-document-card-head strong{display:block;font-size:16px;color:#09090b}
.hr-document-card-head span{display:block;color:#71717a;font-size:13px;font-weight:600;margin-top:2px}
.hr-document-card p{margin:0 0 12px;color:#3f3f46;line-height:1.45}
.hr-document-meta{display:flex;flex-wrap:wrap;gap:8px}
.hr-document-meta span{display:inline-flex;border-radius:999px;background:#f4f4f5;color:#52525b;padding:5px 9px;font-size:12px;font-weight:700}
.hr-document-open-button{margin-top:14px;width:100%}
.hr-upload-tile{display:flex;align-items:center;justify-content:center;gap:10px;border:1px dashed #a1a1aa;border-radius:8px;background:#fafafa;padding:20px;cursor:pointer;font-weight:800;color:#18181b}
.hr-upload-tile i{font-size:24px}
.hr-document-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:14px}
.hr-document-photos figure{position:relative;margin:0;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff}
.hr-document-photos img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.hr-document-photos button{position:absolute;top:8px;right:8px;width:30px;height:30px;border:0;border-radius:999px;background:#18181b;color:#fff;display:grid;place-items:center;cursor:pointer}
.hr-document-photos button i{font-size:18px}
.hr-document-photos figcaption{padding:8px;font-size:12px;font-weight:700;color:#52525b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.hr-ad-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}
.hr-money-badge,.hr-period-badge{align-items:center;border:1px solid #e5e7eb;border-radius:999px;background:#fff;color:#18181b;display:inline-flex;font-size:13px;font-weight:800;min-height:42px;padding:9px 14px;white-space:nowrap}
.hr-period-badge{background:#f4f4f5;color:#52525b}
.hr-period-badge strong{color:#18181b;margin-left:6px}
.hr-ad-toolbar{align-items:center}
.hr-date-field{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:8px;min-height:42px;padding:0 10px}
.hr-date-field span{color:#71717a;font-size:12px;font-weight:800;text-transform:uppercase}
.hr-date-field .form-control{border:0!important;box-shadow:none!important;min-height:38px;padding:0!important;width:150px}
.hr-ad-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}
.hr-ad-charts section{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:14px}
.hr-ad-charts h2{margin:0 0 12px;font-size:15px}
.hr-mini-chart{height:150px;display:flex;align-items:end;gap:3px;border-bottom:1px solid #e5e7eb}
.hr-mini-chart i{display:block;flex:1;min-width:2px;border-radius:4px 4px 0 0;background:#18181b}

@media (max-width: 900px){
    .hr-candidate-profile-grid,.hr-ad-summary,.hr-ad-charts{grid-template-columns:1fr}
    .hr-profile-facts{grid-template-columns:1fr}
}

.hr-candidate-profile-card,
.hr-action-history-card,
.hr-documents-section,
.hr-candidate-profile-grid > .hr-card { overflow: visible; padding: 22px; }
.hr-candidate-profile-grid .hr-section-title,
.hr-documents-section .hr-section-title,
.hr-action-history-card .hr-section-title { align-items: center; display: flex; justify-content: space-between; gap: 14px; margin-bottom: 18px; }
.hr-candidate-profile-grid .hr-section-title h2,
.hr-documents-section .hr-section-title h2,
.hr-action-history-card .hr-section-title h2 { margin: 0; }
.hr-candidate-chat-layout{align-items:start;gap:18px;margin:18px 0}
.hr-action-history-card{min-height:420px}
.hr-action-history-card .hr-table-empty{margin-top:16px}
.hr-scroll-panel{max-height:520px;overflow:auto;padding:2px 8px 2px 2px;scrollbar-width:thin}
.hr-scroll-panel::-webkit-scrollbar{width:8px}
.hr-scroll-panel::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:999px}
.hr-action-composer{overflow:visible}
.hr-action-composer .btn{width:max-content}
.hr-action-templates{margin-top:2px}
.hr-action-templates button{min-height:32px}
.hr-documents-section .hr-list-toolbar{margin:0 0 18px}
.hr-document-card .hr-row-actions-menu{z-index:60}
.hr-document-file-preview{align-items:center;aspect-ratio:4/3;background:#f4f4f5;color:#52525b;display:flex;flex-direction:column;gap:8px;justify-content:center;width:100%}
.hr-document-file-preview .material-icons{font-size:34px}
.hr-document-file-preview b{font-size:12px;text-transform:uppercase}
.hr-mini-chart{height:260px;display:block;border-bottom:0}
.hr-mini-chart canvas{height:260px!important;width:100%!important}
.hr-data-table thead [data-column]{cursor:pointer;user-select:none}
.hr-data-table thead [data-column]:hover{background:#fafafa;color:#18181b}
.hr-confirm-dialog{max-width:460px}
.hr-confirm-dialog .modal-content{overflow:hidden}
.hr-confirm-dialog .modal-header{align-items:flex-start}
.modal#hrConfirmModal{z-index:3200}
.modal#hrConfirmModal .modal-dialog{z-index:3201}
.hrConfirmModal.danger .hr-confirm-approve,.modal.danger .hr-confirm-approve{background:#dc2626!important;border-color:#dc2626!important;color:#fff!important}

@media (max-width: 700px){
    .hr-candidate-profile-card,
    .hr-action-history-card,
    .hr-documents-section,
    .hr-candidate-profile-grid > .hr-card { padding: 16px; }
    .hr-candidate-profile-grid .hr-section-title,
    .hr-documents-section .hr-section-title,
    .hr-action-history-card .hr-section-title { align-items:flex-start;flex-direction:column }
    .hr-scroll-panel{max-height:430px}
    .hr-document-list{grid-template-columns:1fr}
    .hr-ad-toolbar{align-items:stretch}
    .hr-date-field,.hr-money-badge,.hr-period-badge{width:100%;justify-content:space-between}
    .hr-date-field .form-control{width:100%}
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
.app a, a.btn, .btn, .hr-row-actions-menu a, .hr-application-candidate-head > a, .hr-card-link, .hr-task-user-card, .hr-quick-card, .hr-quick-call-card { text-decoration: none !important; }
.app a:hover, a.btn:hover, .btn:hover, .hr-row-actions-menu a:hover, .hr-application-candidate-head > a:hover, .hr-card-link:hover, .hr-task-user-card:hover, .hr-quick-card:hover, .hr-quick-call-card:hover { text-decoration: none !important; }
img { max-width: 100%; }
html, body { background: var(--background) !important; color: var(--foreground); font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; }
.app { background: var(--background) !important; min-height: 100vh; }
.app-container { background: var(--background) !important; margin-left: var(--sidebar-width) !important; min-height: 100vh; width: calc(100% - var(--sidebar-width)) !important; }
.app-sidebar, .app-container, .app-header { transition: width .2s ease, margin .2s ease, left .2s ease, transform .2s ease; }
body.sidebar-collapsed .app-sidebar { transform: translateX(-100%); }
body.sidebar-collapsed .app-container { margin-left: 0 !important; width: 100% !important; }
body.sidebar-collapsed .app-header.hr-topbar { left: 0 !important; }

.app-sidebar { background: #fafafa !important; border-right: 1px solid var(--border); box-shadow: none !important; display: flex !important; flex-direction: column; height: 100vh !important; left: 0; position: fixed !important; top: 0; width: var(--sidebar-width) !important; z-index: 1040; }
.sidebar-header { border-bottom: 0 !important; padding: 24px 20px 17px !important; }
.logo-link { align-items: center; color: var(--foreground) !important; display: flex; gap: 11px; text-decoration: none !important; }
.logo-link > span:last-child { display: flex; flex-direction: column; gap: 1px; }
.logo-icon { align-items: center; background: var(--foreground); border-radius: 8px !important; color: #fff; display: flex; font-size: 11px; font-weight: 700; height: 32px !important; justify-content: center; letter-spacing: -.03em; width: 32px !important; }
.logo-text { color: var(--foreground); font-size: 14px !important; font-weight: 650 !important; letter-spacing: -.015em; line-height: 17px; }
.logo-link small { color: var(--muted-foreground); font-size: 10px; font-weight: 500; line-height: 12px; }
.app-menu { flex: 1; overflow-y: auto; padding: 12px !important; }
.app-menu .accordion-menu { list-style: none; margin: 0 !important; padding: 0 !important; }
.app-menu .accordion-menu li { margin: 2px 0 !important; }
.app-menu .accordion-menu .sidebar-title { color: #a1a1aa !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: .075em !important; margin: 15px 10px 7px !important; padding: 0 !important; text-transform: uppercase; }
.app-menu .accordion-menu .sidebar-title-settings { margin-top: 25px !important; }
.app-menu .accordion-menu li > a, .knowledge-menu details summary { align-items: center; border-radius: 7px !important; color: #52525b !important; display: flex !important; font-size: 13px !important; font-weight: 500; gap: 11px !important; min-height: 38px; padding: 8px 10px !important; text-decoration: none; transition: background .14s ease, color .14s ease; }
.app-menu .accordion-menu li > a:hover, .knowledge-menu details summary:hover { background: #f0f0f1 !important; color: var(--foreground) !important; }
.app-menu .accordion-menu li > a.active { background: #e9e9eb !important; color: var(--foreground) !important; font-weight: 600; }
.app-menu .accordion-menu li > a .material-icons, .knowledge-menu details summary > .material-icons { color: #71717a; font-size: 18px !important; min-width: 18px !important; }
.app-menu .accordion-menu li > a.active .material-icons { color: var(--foreground); }
.knowledge-menu details summary { cursor: pointer; list-style: none; }
.knowledge-menu details summary::-webkit-details-marker { display: none; }
.knowledge-menu details summary span { flex: 1; }
.knowledge-menu .knowledge-arrow { font-size: 16px !important; transition: transform .18s ease; }
.knowledge-menu details[open] .knowledge-arrow { transform: rotate(180deg); }
.knowledge-submenu { border-left: 1px solid var(--border); list-style: none; margin: 5px 0 8px 19px !important; padding: 0 0 0 9px !important; }
.app-menu .accordion-menu .knowledge-submenu li > a { min-height: 34px; padding: 7px 10px !important; }
.app-menu .hr-menu-link > .material-icons:first-child, .knowledge-menu .hr-menu-knowledge > .material-icons:first-child { align-items: center; border-radius: 7px; display: inline-flex; height: 28px; justify-content: center; min-width: 28px !important; width: 28px; }
.app-menu .hr-menu-home > .material-icons:first-child { background: #eff6ff; color: #2563eb !important; }
.app-menu .hr-menu-applications > .material-icons:first-child { background: #fff7ed; color: #ea580c !important; }
.app-menu .hr-menu-tasks > .material-icons:first-child { background: #f5f3ff; color: #7c3aed !important; }
.app-menu .hr-menu-recruiting > .material-icons:first-child { background: #ecfdf5; color: #059669 !important; }
.app-menu .hr-menu-candidates > .material-icons:first-child { background: #f0fdfa; color: #0d9488 !important; }
.knowledge-menu .hr-menu-knowledge > .material-icons:first-child { background: #ecfeff; color: #0891b2 !important; }
.app-menu .hr-menu-settings > .material-icons:first-child { background: #fdf2f8; color: #db2777 !important; }
.app-menu .accordion-menu .knowledge-submenu li > a { gap: 8px !important; }
.app-menu .accordion-menu .knowledge-submenu li > a > .material-icons { font-size: 15px !important; min-width: 17px !important; }
.app-menu .hr-menu-candidates > .material-icons { color: #0d9488 !important; }
.app-menu .hr-menu-vacancies > .material-icons { color: #d97706 !important; }
.app-menu .hr-menu-projects > .material-icons { color: #4f46e5 !important; }
.app-menu .accordion-menu li > a.hr-menu-home.active > .material-icons { color: #2563eb !important; }
.app-menu .accordion-menu li > a.hr-menu-applications.active > .material-icons { color: #ea580c !important; }
.app-menu .accordion-menu li > a.hr-menu-tasks.active > .material-icons { color: #7c3aed !important; }
.app-menu .accordion-menu li > a.hr-menu-recruiting.active > .material-icons { color: #059669 !important; }
.app-menu .accordion-menu li > a.hr-menu-settings.active > .material-icons { color: #db2777 !important; }
.app-menu .accordion-menu li > a.hr-menu-candidates.active > .material-icons { color: #0d9488 !important; }
.app-menu .accordion-menu li > a.hr-menu-vacancies.active > .material-icons { color: #d97706 !important; }
.app-menu .accordion-menu li > a.hr-menu-projects.active > .material-icons { color: #4f46e5 !important; }
.sidebar-footer { background: transparent !important; border-top: 1px solid var(--border) !important; padding: 12px !important; }
.sidebar-profile-menu { position: relative; }
.user-profile { align-items: center; background: transparent; border: 0; border-radius: 8px !important; cursor: pointer; display: flex; gap: 10px; padding: 8px !important; text-align: left; width: 100%; }
.user-profile:hover { background: #f0f0f1 !important; }
.user-avatar { border: 1px solid var(--border) !important; border-radius: 7px !important; height: 32px !important; object-fit: cover; width: 32px !important; }
.user-avatar-fallback { align-items: center; background: #e4e4e7; color: #52525b; justify-content: center; }
.user-avatar-fallback .material-icons { font-size: 17px; }
.user-info { flex: 1; min-width: 0; }
.user-name { color: var(--foreground) !important; font-size: 12px !important; font-weight: 600 !important; line-height: 17px; }
.user-login { color: var(--muted-foreground) !important; font-size: 11px !important; line-height: 15px; }
.user-more { color: #a1a1aa; font-size: 17px; }
.sidebar-profile-actions { background: #fff; border: 1px solid var(--border); border-radius: 12px; bottom: calc(100% + 8px); box-shadow: 0 16px 40px rgba(15,23,42,.14); display: none; left: 0; min-width: 210px; padding: 6px; position: absolute; right: 0; z-index: 1060; }
.sidebar-profile-menu.open .sidebar-profile-actions { display: grid; gap: 2px; }
.sidebar-profile-actions a { align-items: center; border-radius: 9px; color: #18181b; display: flex; font-size: 13px; font-weight: 700; gap: 9px; padding: 10px 11px; text-decoration: none !important; }
.sidebar-profile-actions a:hover { background: #f4f4f5; }
.sidebar-profile-actions a.danger { color: #dc2626; }
.sidebar-profile-actions .material-icons { font-size: 18px; }

.app-header.hr-topbar { align-items: center; background: rgba(255,255,255,.94) !important; border-bottom: 1px solid var(--border); box-shadow: none !important; display: flex; height: 66px !important; left: var(--sidebar-width) !important; padding: 0 32px !important; position: fixed !important; right: 0; top: 0; width: auto !important; z-index: 1030; }
.hr-icon-button { align-items: center; background: transparent; border: 0; border-radius: 6px; color: #52525b; display: inline-flex; height: 32px; justify-content: center; padding: 0; width: 32px; }
.hr-icon-button:hover { background: var(--muted); color: var(--foreground); }
.hr-icon-button svg { fill: none; height: 17px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; width: 17px; }
.hr-topbar-divider { background: var(--border); height: 20px; margin: 0 15px 0 7px; width: 1px; }
.hr-breadcrumb { align-items: center; color: var(--muted-foreground); display: flex; font-size: 12px; gap: 8px; }
.hr-breadcrumb svg { fill: none; height: 13px; stroke: #a1a1aa; stroke-width: 2; width: 13px; }
.hr-breadcrumb strong { color: var(--foreground); font-weight: 500; }
.hr-topbar-actions { align-items: center; display: flex; gap: 9px; margin-left: auto; }
.hr-status { align-items: center; color: var(--muted-foreground); display: inline-flex; font-size: 11px; gap: 6px; margin-right: 5px; }
.hr-status > span { background: #22c55e; border-radius: 50%; box-shadow: 0 0 0 3px #dcfce7; height: 6px; width: 6px; }
.hr-quick-actions { position: relative; }
.hr-quick-actions-button { align-items: center; background: #18181b; border: 1px solid #18181b; border-radius: 8px; color: #fff; cursor: pointer; display: flex; font-size: 12px; font-weight: 600; gap: 7px; min-height: 38px; padding: 0 12px; }
.hr-quick-actions-button > .material-icons { font-size: 17px; }
.hr-quick-actions-chevron { color: #a1a1aa; margin-left: 2px; transition: transform .15s; }
.hr-quick-actions.open .hr-quick-actions-chevron { transform: rotate(180deg); }
.hr-quick-actions-menu { background: #fff; border: 1px solid var(--border); border-radius: 9px; box-shadow: 0 12px 30px rgba(0,0,0,.11); display: none; left: 0; min-width: 230px; padding: 6px; position: absolute; top: calc(100% + 8px); z-index: 1200; }
.hr-quick-actions.open .hr-quick-actions-menu { display: block; }
.hr-quick-actions-menu button { align-items: center; background: transparent; border: 0; border-radius: 6px; color: var(--foreground); cursor: pointer; display: flex; gap: 10px; padding: 9px 10px; text-align: left; width: 100%; }
.hr-quick-actions-menu button:hover { background: var(--muted); }
.hr-quick-actions-menu .material-icons { color: #71717a; font-size: 18px; }
.hr-quick-actions-menu button[data-quick-candidate] .material-icons{background:#ecfdf5;color:#059669;border-radius:7px;padding:5px}
.hr-quick-actions-menu button[data-quick-call] .material-icons{background:#eff6ff;color:#2563eb;border-radius:7px;padding:5px}
.hr-quick-actions-menu button[data-quick-application] .material-icons{background:#fff7ed;color:#ea580c;border-radius:7px;padding:5px}
.hr-quick-actions-menu span { display: flex; flex-direction: column; font-size: 12px; font-weight: 550; }
.hr-quick-actions-menu small { color: var(--muted-foreground); font-size: 10px; font-weight: 400; margin-top: 2px; }

.app-content { background: var(--background) !important; margin-top: 0 !important; min-height: 100vh; padding-top: 66px !important; }
.content-wrapper { background: var(--background) !important; padding: 0 !important; }
.hr-page, .app-content .container-fluid { margin: 0 auto !important; max-width: 1320px; padding: 60px 48px 88px !important; }
.hr-page-heading { margin: 0 !important; }
.hr-eyebrow { color: var(--muted-foreground); font-size: 11px; font-weight: 600; letter-spacing: .07em; margin-bottom: 11px; text-transform: uppercase; }
.hr-page-heading h1, .page-description h1 { color: var(--foreground) !important; font-size: 32px !important; font-weight: 650 !important; letter-spacing: -.035em; line-height: 1.25; margin: 0 !important; }
.hr-page-heading p, .page-description p { color: var(--muted-foreground) !important; font-size: 13px !important; line-height: 1.55; margin: 7px 0 0 !important; }
.hr-page-header { align-items: flex-end; display: flex; gap: 24px; justify-content: space-between; margin-bottom: 34px; }
.hr-section-label { color: var(--foreground); font-size: 13px; font-weight: 600; margin: 0 0 12px; }

.hr-settings-grid { display: grid; gap: 18px; grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr); }
.hr-settings-grid-simple { grid-template-columns: minmax(360px, 650px); }
.hr-card { background: var(--card); border: 1px solid var(--border); border-radius: 10px !important; box-shadow: 0 1px 2px rgba(0,0,0,.02); overflow: hidden; }
.hr-card-link { color: inherit; display: block; text-decoration: none !important; }
.hr-card-link:hover { color: inherit; }
.hr-settings-card { align-items: center; display: flex; min-height: 154px; padding: 28px; position: relative; transition: border-color .15s, box-shadow .15s; }
.hr-card-link:hover .hr-settings-card { border-color: #a1a1aa; box-shadow: 0 4px 12px rgba(0,0,0,.045); }
.hr-settings-card-main { display: flex; flex: 1; flex-direction: column; max-width: 530px; }
.hr-settings-card-main .hr-card-icon { margin-bottom: 16px; }
.hr-settings-card-main h2 { margin: 0 0 7px; }
.hr-settings-arrow { color: #a1a1aa; font-size: 21px; margin-left: 24px; }
.hr-card-icon { align-items: center; background: var(--muted); border: 1px solid var(--border); border-radius: 7px; color: var(--foreground); display: flex; height: 34px; justify-content: center; width: 34px; }
.hr-card-icon .material-icons { font-size: 18px; }
.hr-card h2 { color: var(--foreground); font-size: 15px; font-weight: 600; letter-spacing: -.01em; margin: 18px 0 6px; }
.hr-card p { color: var(--muted-foreground); font-size: 12px; line-height: 1.55; margin: 0; }
.hr-card-action { align-items: center; color: var(--foreground); display: flex; font-size: 12px; font-weight: 600; gap: 6px; margin-top: auto; padding-top: 22px; }
.hr-card-action .material-icons { font-size: 15px; transition: transform .15s; }
.hr-card-link:hover .hr-card-action .material-icons { transform: translateX(3px); }

.btn { align-items: center; border-radius: 8px !important; box-shadow: none !important; cursor: pointer; display: inline-flex; font-size: 13px !important; font-weight: 550 !important; gap: 7px; justify-content: center; min-height: 42px; padding: 9px 16px !important; }
.btn .material-icons { font-size: 16px; }
.btn-primary { background: var(--primary) !important; border-color: var(--primary) !important; color: var(--primary-foreground) !important; }
.btn-primary:hover { background: #27272a !important; }
.btn-outline-secondary, .btn-light { background: #fff !important; border: 1px solid var(--border) !important; color: #3f3f46 !important; }
.btn-outline-secondary:hover, .btn-light:hover { background: var(--muted) !important; color: var(--foreground) !important; }
.form-label { color: #27272a; display: block; font-size: 13px; font-weight: 550; margin-bottom: 7px; }
.form-control { background: #fff !important; border: 1px solid #d4d4d8 !important; border-radius: 8px !important; box-shadow: none !important; color: var(--foreground); font-size: 14px !important; min-height: 44px; padding: 10px 13px !important; width: 100%; }
.form-control:focus { border-color: #a1a1aa !important; box-shadow: 0 0 0 3px rgba(161,161,170,.18) !important; }
.form-check-input:checked { background-color: var(--primary) !important; border-color: var(--primary) !important; }
.modal-content { border: 1px solid var(--border) !important; border-radius: 12px !important; box-shadow: 0 20px 50px rgba(0,0,0,.14) !important; }
.modal-header, .modal-footer { border-color: var(--border) !important; padding: 18px 22px !important; }
.modal-body { padding: 22px !important; }
.modal-title { color: var(--foreground); font-size: 15px; font-weight: 600; }
.hr-table-card { border: 1px solid var(--border); border-radius: 12px; overflow: visible; }
.table { margin: 0 !important; }
.table thead th { background: #fafafa !important; border-bottom: 1px solid var(--border) !important; color: var(--muted-foreground) !important; font-size: 11px; font-weight: 600; letter-spacing: .035em; padding: 14px 18px !important; text-align: left; text-transform: uppercase; }
.table tbody td { border-bottom: 1px solid #f1f1f2 !important; color: #3f3f46; font-size: 14px; padding: 15px 18px !important; vertical-align: middle; }
.table-hover tbody tr:hover > * { background: #fafafa !important; }
.hr-user-cell { align-items: center; display: flex; gap: 10px; }
.hr-user-cell img { border: 1px solid var(--border); border-radius: 9px; height: 42px; object-fit: cover; width: 42px; }
.hr-user-name { color: var(--foreground); font-size: 14px; font-weight: 600; }
.hr-user-email { color: var(--muted-foreground); font-size: 12px; margin-top: 3px; }
.hr-state { align-items: center; display: inline-flex; font-size: 13px; gap: 7px; }
.hr-state::before { background: #a1a1aa; border-radius: 50%; content: ""; height: 6px; width: 6px; }
.hr-state-active::before { background: #22c55e; }
.hr-actions-column { text-align: right !important; width: 58px; }
.hr-row-actions { display: inline-flex; position: relative; }
.hr-row-actions-button { align-items: center; background: transparent; border: 0; border-radius: 7px; color: #71717a; cursor: pointer; display: flex; height: 36px; justify-content: center; width: 36px; }
.hr-row-actions-button:hover, .hr-row-actions.open .hr-row-actions-button { background: var(--muted); color: var(--foreground); }
.hr-row-actions-button .material-icons { font-size: 20px; }
.hr-row-actions-menu { background: #fff; border: 1px solid var(--border); border-radius: 9px; box-shadow: 0 12px 28px rgba(0,0,0,.12); display: none; min-width: 215px; padding: 6px; position: absolute; right: 0; text-align: left; top: calc(100% + 5px); z-index: 30; }
.hr-floating-row-menu{position:fixed!important;z-index:2600!important}
.hr-row-actions.open .hr-row-actions-menu { display: block; }
.hr-row-actions-menu a, .hr-row-actions-menu button { align-items: center; background: transparent; border: 0; border-radius: 6px; color: #27272a; cursor: pointer; display: flex; font-size: 12px; gap: 9px; padding: 9px 10px; text-align: left; text-decoration: none; width: 100%; }
.hr-row-actions-menu a:hover, .hr-row-actions-menu button:hover { background: var(--muted); }
.hr-row-actions-menu .material-icons { color: #71717a; font-size: 17px; }
.hr-row-actions-menu .hr-danger-action { color: #dc2626; }
.hr-row-actions-menu .hr-danger-action .material-icons { color: #dc2626; }
.hr-profile-layout { align-items: start; display: grid; gap: 18px; grid-template-columns: minmax(0, 1fr) 290px; max-width: 1080px; }
.hr-dictionary-tabs { background: var(--muted); border-radius: 9px; display: inline-flex; gap: 3px; margin-bottom: 16px; padding: 3px; }
.hr-dictionary-tabs button { background: transparent; border: 0; border-radius: 7px; color: #71717a; cursor: pointer; font-size: 12px; font-weight: 550; padding: 9px 13px; }
.hr-dictionary-tabs button.active { background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.08); color: var(--foreground); }
.hr-color-input { cursor: pointer; padding: 5px !important; }
.hr-color-input::-webkit-color-swatch-wrapper { padding: 0; }
.hr-color-input::-webkit-color-swatch { border: 0; border-radius: 5px; }
.hr-profile-form-card { overflow: hidden; }
.hr-profile-identity { align-items: center; border-bottom: 1px solid var(--border); display: flex; gap: 15px; padding: 24px 26px; }
.hr-profile-identity img { border: 1px solid var(--border); border-radius: 10px; height: 58px; object-fit: cover; width: 58px; }
.hr-profile-identity h2 { font-size: 17px; font-weight: 650; margin: 0; }
.hr-profile-identity p { color: var(--muted-foreground); font-size: 12px; margin: 5px 0 0; }
.hr-form-section { border-bottom: 1px solid var(--border); padding: 26px; }
.hr-form-section-heading { margin-bottom: 20px; }
.hr-form-section-heading h3 { font-size: 14px; font-weight: 600; margin: 0; }
.hr-form-section-heading p { color: var(--muted-foreground); font-size: 12px; margin: 5px 0 0; }
.hr-fields-grid { display: grid; gap: 18px; grid-template-columns: 1fr 1fr; }
.hr-password-field { margin-top: 18px; }
.hr-form-footer { display: flex; justify-content: flex-end; padding: 18px 26px; }
.hr-profile-side-card { padding: 24px; }
.hr-profile-side-card > h3 { font-size: 15px; margin: 0 0 7px; }
.hr-profile-side-card > p { color: var(--muted-foreground); font-size: 12px; line-height: 1.55; margin: 0 0 22px; }
.hr-switch-row { align-items: center; border: 1px solid var(--border); border-radius: 9px; cursor: pointer; display: flex; justify-content: space-between; padding: 14px; }
.hr-switch-row > span { display: flex; flex-direction: column; }
.hr-switch-row strong { font-size: 12px; font-weight: 600; }
.hr-switch-row small { color: var(--muted-foreground); font-size: 10px; margin-top: 3px; }
.hr-switch-row input { height: 0; opacity: 0; position: absolute; width: 0; }
.hr-switch-row > i { background: #d4d4d8; border-radius: 999px; height: 22px; position: relative; transition: background .15s; width: 39px; }
.hr-switch-row > i::after { background: #fff; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,.2); content: ""; height: 18px; left: 2px; position: absolute; top: 2px; transition: transform .15s; width: 18px; }
.hr-switch-row input:checked + i { background: #18181b; }
.hr-switch-row input:checked + i::after { transform: translateX(17px); }
.hr-rights-link { align-items: center; border: 1px solid var(--border); border-radius: 9px; color: inherit; display: flex; gap: 10px; margin-top: 10px; padding: 13px; text-decoration: none; }
.hr-rights-link:hover { background: #fafafa; }
.hr-rights-link > .material-icons { color: #71717a; font-size: 19px; }
.hr-rights-link > .material-icons:last-child { margin-left: auto; }
.hr-rights-link span { display: flex; flex-direction: column; }
.hr-rights-link strong { font-size: 12px; font-weight: 600; }
.hr-rights-link small { color: var(--muted-foreground); font-size: 10px; margin-top: 2px; }
.hr-permissions-card { align-items: center; display: flex; gap: 18px; max-width: 720px; padding: 26px; }
.hr-permissions-card > .material-icons { align-items: center; background: var(--muted); border-radius: 9px; display: flex; font-size: 23px; height: 44px; justify-content: center; width: 44px; }
.hr-permissions-card h2 { font-size: 15px; margin: 0 0 5px; }
.hr-permissions-card p { color: var(--muted-foreground); font-size: 12px; margin: 0; }

/* Knowledge base data tables */
.hr-list-toolbar { align-items: center; display: flex; gap: 10px; margin-bottom: 16px; }
.hr-search { align-items: center; border: 1px solid #d4d4d8; border-radius: 8px; display: flex; height: 42px; max-width: 420px; padding: 0 12px; width: 100%; }
.hr-search:focus-within { border-color: #a1a1aa; box-shadow: 0 0 0 3px rgba(161,161,170,.15); }
.hr-search .material-icons { color: #a1a1aa; font-size: 19px; }
.hr-search input { background: transparent; border: 0; color: var(--foreground); flex: 1; font-size: 13px; height: 100%; min-width: 0; outline: 0; padding: 0 0 0 9px; }
.hr-search input::placeholder { color: #a1a1aa; }
.hr-select { appearance: none; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2371717a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E") no-repeat right 11px center; border: 1px solid #d4d4d8; border-radius: 8px; color: #3f3f46; cursor: pointer; font-size: 12px; height: 42px; margin-left: auto; min-width: 190px; outline: 0; padding: 0 36px 0 12px; }
.hr-select:focus { border-color: #a1a1aa; box-shadow: 0 0 0 3px rgba(161,161,170,.15); }
.hr-select-block { margin-left: 0; width: 100%; }
.hr-candidate-status { align-items: center; background: color-mix(in srgb, var(--status-color) 9%, white); border: 1px solid color-mix(in srgb, var(--status-color) 25%, white); border-radius: 999px; color: var(--status-color); display: inline-flex; font-size: 11px; font-weight: 600; gap: 7px; padding: 6px 9px; white-space: nowrap; }
.hr-candidate-status > i { background: var(--status-color); border-radius: 50%; height: 6px; width: 6px; }
.hr-status-preview { margin-top: 8px; min-height: 27px; }
.hr-column-picker { position: relative; }
.hr-column-picker-button { white-space: nowrap; }
.hr-column-picker-button > .material-icons:last-child { color: #a1a1aa; font-size: 16px; }
.hr-column-picker-menu { background: #fff; border: 1px solid var(--border); border-radius: 10px; box-shadow: 0 14px 34px rgba(0,0,0,.12); display: none; padding: 8px; position: absolute; right: 0; top: calc(100% + 7px); width: 220px; z-index: 40; }
.hr-column-picker.open .hr-column-picker-menu { display: grid; }
.hr-column-picker-menu > strong { color: #71717a; font-size: 10px; letter-spacing: .04em; padding: 7px 8px 8px; text-transform: uppercase; }
.hr-column-picker-menu label { align-items: center; border-radius: 7px; color: #3f3f46; cursor: pointer; display: flex; font-size: 12px; gap: 9px; padding: 8px; }
.hr-column-picker-menu label:hover { background: var(--muted); }
.hr-column-picker-menu input { accent-color: #18181b; height: 15px; margin: 0; width: 15px; }
.hr-status-filter-menu { max-height: 420px; overflow-y: auto; width: 250px; }
.hr-status-filter-menu > div { display: grid; }
.hr-status-filter-menu .hr-status-filter-actions { border-bottom: 1px solid var(--border); display: flex; gap: 5px; margin-bottom: 4px; padding: 0 7px 7px; }
.hr-status-filter-actions button { background: transparent; border: 0; color: #52525b; cursor: pointer; font-size: 10px; padding: 4px 2px; }
.hr-status-filter-actions button + button { margin-left: auto; }
.hr-status-filter-actions button:hover { color: var(--foreground); text-decoration: underline; }
.hr-status-filter-menu > div > label { align-items: center; border-radius: 7px; cursor: pointer; display: flex; font-size: 12px; gap: 9px; padding: 8px; }
.hr-status-filter-menu > div > label:hover { background: var(--muted); }
.hr-status-filter-menu > div > label > input { accent-color: #18181b; height: 15px; margin: 0; width: 15px; }
.hr-status-filter-menu > div > label > i { background: var(--status-color); border-radius: 50%; height: 7px; width: 7px; }
.hr-data-table tbody tr:last-child td { border-bottom: 0 !important; }
.hr-primary-cell { display: flex; flex-direction: column; min-width: 210px; }
.hr-primary-cell strong { color: var(--foreground); font-size: 14px; font-weight: 600; }
.hr-candidate-name-link { color: var(--foreground); font-size: 14px; font-weight: 650; text-decoration: none !important; text-underline-offset: 3px; }
.hr-candidate-name-link:hover { color: var(--primary); text-decoration: none !important; }
.hr-primary-cell span { color: var(--muted-foreground); font-size: 11px; line-height: 1.4; margin-top: 4px; max-width: 430px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hr-record-status { align-items: center; background: #f4f4f5; border: 1px solid var(--border); border-radius: 999px; color: #71717a; display: inline-flex; font-size: 11px; font-weight: 550; gap: 6px; padding: 5px 9px; }
.hr-record-status::before { background: #a1a1aa; border-radius: 50%; content: ""; height: 6px; width: 6px; }
.hr-record-status.active { background: #f0fdf4; border-color: #bbf7d0; color: #15803d; }
.hr-record-status.active::before { background: #22c55e; }
.hr-table-loading { align-items: center; color: var(--muted-foreground); display: flex; font-size: 12px; gap: 10px; justify-content: center; min-height: 120px; }
.hr-table-empty { align-items: center; border-top: 1px solid var(--border); display: flex; flex-direction: column; min-height: 220px; justify-content: center; padding: 28px; text-align: center; }
.hr-table-empty[hidden] { display: none; }
.hr-table-empty .material-icons { color: #a1a1aa; font-size: 30px; }
.hr-table-empty strong { font-size: 13px; margin-top: 12px; }
.hr-table-empty span { color: var(--muted-foreground); font-size: 11px; margin-top: 5px; }
.hr-feedback { border: 1px solid; border-radius: 8px; font-size: 12px; margin-bottom: 14px; padding: 10px 12px; }
.hr-feedback-success { background: #f0fdf4; border-color: #bbf7d0; color: #166534; }
.hr-feedback-error { background: #fef2f2; border-color: #fecaca; color: #991b1b; }
.modal-header > div > p { color: var(--muted-foreground); font-size: 11px; margin: 5px 0 0; }
.hr-editor-fields { display: grid; gap: 18px; }
.hr-textarea { min-height: 100px; resize: vertical; }
.hr-modal-switch { margin-top: 2px; }
.hr-form-error { background: #fef2f2; border: 1px solid #fecaca; border-radius: 7px; color: #991b1b; font-size: 11px; padding: 9px 11px; }
.hr-field-hint { color: var(--muted-foreground); font-size: 11px; line-height: 1.45; margin: -2px 0 7px; }
.hr-quick-badges { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 8px; }
.hr-quick-badges button { background: #fff; border: 1px solid var(--border); border-radius: 999px; color: #52525b; cursor: pointer; font-size: 10px; font-weight: 550; padding: 5px 9px; transition: background .15s, border-color .15s, color .15s; }
.hr-quick-badges button:hover { background: var(--muted); color: var(--foreground); }
.hr-quick-badges button.active { background: #f0fdf4; border-color: #86efac; color: #15803d; }
.hr-phone-link { color: #27272a; font-size: 13px; font-weight: 550; text-decoration: none; white-space: nowrap; }
.hr-phone-link:hover { text-decoration: underline; }
.hr-approver-cell { align-items: center; display: flex; gap: 8px; white-space: nowrap; }
.hr-approver-cell img, .hr-approver-cell > span { align-items: center; background: var(--muted); border: 1px solid var(--border); border-radius: 7px; display: flex; height: 28px; justify-content: center; object-fit: cover; width: 28px; }
.hr-approver-cell > span .material-icons { color: #71717a; font-size: 15px; }
.hr-approver-cell strong { font-size: 11px; font-weight: 600; }
.hr-muted-cell { color: var(--muted-foreground); font-size: 11px; }
.btn:disabled { cursor: not-allowed; opacity: .6; }

/* Quick call candidate picker */
.hr-quick-call-dialog { max-width: 680px; }
.hr-quick-call-search { width: 100%; }
.hr-quick-call-results { display: grid; gap: 7px; margin-top: 14px; max-height: 460px; overflow-y: auto; }
.hr-quick-call-placeholder { align-items: center; color: var(--muted-foreground); display: flex; flex-direction: column; font-size: 12px; gap: 10px; justify-content: center; min-height: 180px; }
.hr-quick-call-placeholder .material-icons { color: #a1a1aa; font-size: 28px; }
.hr-quick-call-card { align-items: center; border: 1px solid var(--border); border-radius: 10px; color: inherit; display: flex; gap: 12px; min-height: 70px; padding: 11px 13px; text-decoration: none; transition: background .15s, border-color .15s; }
.hr-quick-call-card:hover { background: #fafafa; border-color: #c7c7cc; }
.hr-quick-call-avatar { align-items: center; background: var(--muted); border-radius: 9px; color: #71717a; display: flex; flex: 0 0 40px; height: 40px; justify-content: center; }
.hr-quick-call-avatar .material-icons { font-size: 20px; }
.hr-quick-call-person { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.hr-quick-call-person strong { font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hr-quick-call-person small { color: var(--muted-foreground); font-size: 11px; margin-top: 4px; }
.hr-quick-call-arrow { color: #a1a1aa; font-size: 17px; }

/* Applications */
.hr-applications-table { min-width: 1080px; }
.hr-applications-table tbody td { vertical-align: top; }
.hr-data-table { min-width: 920px; }
.hr-applications-table { min-width: 1320px; }
.hr-vacancy-capacity { display: flex; flex-direction: column; gap: 5px; white-space: nowrap; }
.hr-vacancy-capacity span { background: #f4f4f5; border: 1px solid #e4e4e7; border-radius: 999px; color: #3f3f46; font-size: 12px; font-weight: 700; padding: 4px 9px; }
.hr-table-filter{align-items:center;background:#fff;border:1px solid #e4e4e7;border-radius:7px;color:#71717a;cursor:pointer;display:inline-flex;height:26px;justify-content:center;margin-left:6px;width:26px}
.hr-table-filter .material-icons{font-size:16px}
.hr-app-filter-menu{min-width:250px;max-height:360px;overflow:auto}
.hr-project-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.hr-project-stats .hr-card{padding:18px}
.hr-project-stats span{color:#71717a;font-size:12px;font-weight:800;text-transform:uppercase}
.hr-project-stats strong{display:block;font-size:34px;line-height:1;margin-top:10px}
.hr-project-section{margin-bottom:18px;padding:22px}
.hr-project-vacancies{display:grid;gap:10px}
.hr-project-vacancy{align-items:center;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:14px;justify-content:space-between;padding:14px}
.hr-project-vacancy strong,.hr-project-employee strong{display:block}
.hr-project-vacancy span,.hr-project-employee span,.hr-project-employee small{color:#71717a;font-size:12px;font-weight:700}
.hr-project-employees{display:grid;gap:8px;margin-top:12px;max-height:520px}
.hr-project-employee{border:1px solid #e5e7eb;border-radius:10px;padding:12px}
.hr-recruiting-layout{align-items:start;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:18px;width:100%}
.hr-recruiting-sidebar,.hr-recruiting-workspace{min-width:0;overflow:hidden;padding:16px}
.hr-recruiting-hhru-trigger{align-items:center;background:#fff;border:1px solid #fecdd3;border-left:4px solid #d6001c;border-radius:10px;color:#18181b;cursor:pointer;display:flex;gap:11px;margin-bottom:13px;min-height:58px;padding:8px 11px;text-align:left;transition:background .15s,border-color .15s,box-shadow .15s;width:100%}
.hr-recruiting-hhru-trigger:hover{background:#fff7f7;border-color:#fda4af;box-shadow:0 3px 12px rgba(214,0,28,.08)}
.hr-recruiting-hhru-mark{align-items:center;background:#d6001c;border-radius:7px;color:#fff;display:flex;font-size:13px;font-weight:850;height:34px;justify-content:center;letter-spacing:-.04em;min-width:48px}
.hr-recruiting-hhru-trigger>span:nth-child(2){display:grid;gap:2px;min-width:0}
.hr-recruiting-hhru-trigger strong{font-size:12px;line-height:1.2}
.hr-recruiting-hhru-trigger small{color:#71717a;font-size:10px;line-height:1.2}
.hr-recruiting-hhru-trigger>.material-icons{color:#d6001c;font-size:19px;margin-left:auto}
.hr-recruiting-hhru-dialog{max-width:min(720px,calc(100vw - 28px))}
.hr-recruiting-hhru-kicker{color:#d6001c;font-size:10px;font-weight:850;letter-spacing:.08em}
.hr-recruiting-hhru-progress{background:#fffafa;border:1px solid #ffe4e6;border-radius:12px;margin-bottom:14px;padding:14px}
.hr-recruiting-hhru-progress-label{align-items:center;display:flex;gap:10px;justify-content:space-between}
.hr-recruiting-hhru-progress-label strong{font-size:13px}
.hr-recruiting-hhru-progress-label span{color:#d6001c;font-size:12px;font-weight:800}
.hr-recruiting-hhru-progress-track{background:#ffe4e6;border-radius:99px;height:8px;margin-top:10px;overflow:hidden}
.hr-recruiting-hhru-progress-track i{background:#d6001c;border-radius:inherit;display:block;height:100%;transition:width .25s ease;width:0}
.hr-recruiting-hhru-progress p{color:#71717a;font-size:11px;margin:8px 0 0}
.hr-recruiting-hhru-metrics{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
.hr-recruiting-hhru-metrics span{background:#f4f4f5;border-radius:999px;color:#52525b;font-size:10px;padding:6px 9px}
.hr-recruiting-hhru-metrics b{color:#18181b;font-size:11px}
.hr-recruiting-hhru-metrics .is-imported{background:#f0fdf4;color:#15803d}
.hr-recruiting-hhru-error{background:#fff1f2;border:1px solid #fecdd3;border-radius:9px;color:#be123c;font-size:12px;margin-bottom:12px;padding:10px 12px}
.hr-recruiting-hhru-candidates{display:grid;gap:8px;max-height:min(48vh,430px);overflow:auto}
.hr-recruiting-hhru-person{align-items:center;background:#fff;border:1px solid #e4e4e7;border-radius:11px;display:flex;gap:11px;min-width:0;padding:10px}
.hr-recruiting-hhru-avatar{align-items:center;background:#f4f4f5;border-radius:50%;color:#a1a1aa;display:flex;flex:none;height:40px;justify-content:center;overflow:hidden;width:40px}
.hr-recruiting-hhru-avatar img{height:100%;object-fit:cover;width:100%}
.hr-recruiting-hhru-person-main{display:grid;gap:3px;min-width:0}
.hr-recruiting-hhru-person-main strong,.hr-recruiting-hhru-person-main span,.hr-recruiting-hhru-person-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hr-recruiting-hhru-person-main strong{font-size:12px}
.hr-recruiting-hhru-person-main span{color:#3f3f46;font-size:10px}
.hr-recruiting-hhru-person-main small{color:#71717a;font-size:10px}
.hr-recruiting-hhru-person .btn{flex:none;margin-left:auto}
.hr-recruiting-hhru-more{color:#71717a;font-size:11px;padding:9px 3px}
.hr-recruiting-hhru-add-all{background:#d6001c!important;border-color:#d6001c!important;color:#fff!important}
.hr-recruiting-hhru-add-all:hover{background:#b80018!important}
.hr-recruiting-hhru-empty{align-items:center;color:#71717a;display:flex;flex-direction:column;gap:7px;padding:26px 12px;text-align:center}
.hr-recruiting-hhru-empty>.material-icons{color:#16a34a;font-size:28px}
.hr-recruiting-hhru-empty strong{color:#18181b;font-size:13px}
.hr-recruiting-hhru-empty span{font-size:11px}
.hr-recruiting-sidebar .hr-list-toolbar{align-items:stretch;display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:12px}
.hr-recruiting-sidebar .hr-search,.hr-recruiting-sidebar .hr-select{max-width:none;min-width:0;width:100%}
.hr-recruiting-list{display:grid;gap:7px;max-height:calc(100vh - 250px);min-height:0;overflow-x:hidden}
.hr-recruiting-item{background:#fff;border:1px solid #e5e7eb;border-radius:11px;cursor:pointer;display:flex;flex-direction:column;gap:5px;min-width:0;padding:10px 11px;text-align:left}
.hr-recruiting-item:hover,.hr-recruiting-item.active{background:#fafafa;border-color:#18181b}
.hr-recruiting-item-top{align-items:center;display:flex;gap:8px;justify-content:space-between}
.hr-recruiting-item-status{display:block}
.hr-recruiting-item-status .hr-candidate-status{max-width:100%}
.hr-recruiting-item b{font-size:11px}
.hr-recruiting-item strong{font-size:13px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hr-recruiting-item small{color:#71717a;font-size:11px;font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hr-recruiting-empty{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:520px;text-align:center}
.hr-recruiting-empty>.material-icons{color:#a1a1aa;font-size:44px}
.hr-recruiting-stats{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.hr-recruiting-stat{align-items:center;background:#f4f4f5;border-radius:999px;display:inline-flex;gap:8px;padding:7px 10px}
.hr-recruiting-stat strong{font-size:14px}
.hr-recruiting-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:12px}
.hr-recruiting-action-card{background:color-mix(in srgb,var(--status-color) 14%,#fff);border:1px solid color-mix(in srgb,var(--status-color) 48%,#e5e7eb);border-radius:14px;color:#18181b;cursor:pointer;display:flex;flex-direction:column;gap:7px;min-height:92px;padding:16px;text-align:left;transition:transform .15s,box-shadow .15s,border-color .15s}
.hr-recruiting-action-card:hover{border-color:var(--status-color);box-shadow:0 12px 28px color-mix(in srgb,var(--status-color) 18%,transparent);transform:translateY(-1px)}
.hr-recruiting-action-card:disabled{cursor:progress;opacity:.65}
.hr-recruiting-action-card strong{font-size:18px;line-height:1.2}
.hr-recruiting-action-card span{color:#71717a;font-size:12px;font-weight:800}
.hr-recruiting-subtitle{font-size:15px;margin:22px 0 10px}
.hr-recruiting-loader{min-height:420px}
.hr-recruiting-pagination{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:12px}
.hr-recruiting-pagination[hidden]{display:none!important}
.hr-recruiting-pagination span{color:#71717a;font-size:12px;font-weight:800}
.hr-recruiting-hero{align-items:flex-start;background:linear-gradient(135deg,#18181b,#3f3f46);border-radius:18px;color:#fff;display:flex;gap:18px;justify-content:space-between;margin-bottom:16px;padding:22px}
.hr-recruiting-hero span{color:#d4d4d8;font-size:12px;font-weight:800;text-transform:uppercase}
.hr-recruiting-hero h2{font-size:34px;letter-spacing:-.04em;margin:8px 0 6px}
.hr-recruiting-hero p{color:#e4e4e7;margin:0}
.hr-recruiting-hero .hr-candidate-status{background:#fff;color:#18181b;flex-shrink:0;margin-top:4px}
.hr-recruiting-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
.hr-recruiting-block{background:#fafafa;border:1px solid #e5e7eb;border-radius:16px;padding:18px}
.hr-recruiting-block h3{font-size:15px;margin:0 0 14px}
.hr-flat-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hr-flat-facts>div{background:#fff;border-radius:10px;padding:10px}
.hr-flat-facts span{display:block;color:#71717a;font-size:10px;font-weight:800;margin-bottom:5px;text-transform:uppercase}
.hr-flat-facts strong{font-size:13px;line-height:1.3}
.hr-text-facts{display:grid;gap:8px;margin-top:10px}
.hr-text-facts p{background:#fff;border-radius:10px;color:#3f3f46;font-size:13px;line-height:1.45;margin:0;padding:10px}
.hr-recruiting-docs{display:grid;gap:10px}
.hr-recruiting-docs article{background:#fff;border-radius:10px;padding:12px}
.hr-recruiting-docs strong{display:block}
.hr-recruiting-docs small{color:#71717a;font-size:12px;font-weight:700}
@media(max-width:900px){.hr-project-stats,.hr-recruiting-layout{grid-template-columns:1fr}.hr-recruiting-list{max-height:480px;min-height:260px}}
@media(max-width:900px){.hr-recruiting-columns,.hr-flat-facts{grid-template-columns:1fr}.hr-recruiting-hero{flex-direction:column}.hr-recruiting-hero h2{font-size:28px}}
@media(max-width:520px){.hr-recruiting-hhru-person{align-items:flex-start;flex-wrap:wrap}.hr-recruiting-hhru-person-main{flex:1}.hr-recruiting-hhru-person .btn{margin-left:51px}.hr-recruiting-hhru-dialog{max-width:calc(100vw - 16px);margin:8px auto}.hr-recruiting-hhru-metrics span{font-size:9px;padding:5px 7px}}
.hr-cell-note { color: var(--muted-foreground); display: block; font-size: 10px; margin-top: 4px; }
.hr-application-candidate-row td { background: #fafafa; border-bottom: 1px solid var(--border) !important; border-top: 8px solid #fff !important; padding: 16px 18px !important; }
.hr-application-candidate-row:first-child td { border-top: 0 !important; }
.hr-application-candidate-head { align-items: center; display: flex; gap: 12px; }
.hr-application-candidate-avatar { align-items: center; background: #e4e4e7; border-radius: 9px; color: #52525b; display: flex; flex: 0 0 40px; height: 40px; justify-content: center; }
.hr-application-candidate-avatar .material-icons { font-size: 20px; }
.hr-application-candidate-head > span:nth-child(2) { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.hr-application-candidate-head strong { color: var(--foreground); font-size: 14px; }
.hr-application-candidate-head small { color: var(--muted-foreground); font-size: 10px; margin-top: 4px; }
.hr-application-candidate-head > a { align-items: center; color: #52525b; display: inline-flex; font-size: 11px; font-weight: 600; gap: 5px; text-decoration: none; }
.hr-application-candidate-head > a:hover { color: var(--foreground); }
.hr-application-candidate-head > a .material-icons { font-size: 15px; }
.hr-application-vacancy-row td { padding-bottom: 17px !important; padding-top: 17px !important; }
.hr-application-vacancy-row td:first-child { padding-left: 20px !important; }
.hr-application-tree { align-items: stretch; display: flex; min-width: 300px; }
.hr-application-tree-line { flex: 0 0 32px; min-height: 45px; position: relative; }
.hr-application-tree-line::before { background: #d4d4d8; bottom: -18px; content: ""; left: 10px; position: absolute; top: -18px; width: 1px; }
.hr-application-tree-line.last::before { bottom: calc(100% - 17px); }
.hr-application-tree-line::after { background: #d4d4d8; content: ""; height: 1px; left: 10px; position: absolute; top: 17px; width: 16px; }
.hr-application-tree > div { display: flex; flex-direction: column; min-width: 0; }
.hr-application-title { align-items: center; display: flex; flex-wrap: wrap; gap: 7px; }
.hr-application-tree strong { color: #27272a; font-size: 12px; line-height: 1.45; }
.hr-application-id { background: #f4f4f5; border: 1px solid var(--border); border-radius: 999px; color: #71717a; font-size: 9px; font-weight: 600; padding: 3px 6px; white-space: nowrap; }
.hr-application-tree small { color: var(--muted-foreground); display: flex; font-size: 10px; gap: 5px; line-height: 1.45; margin-top: 6px; }
.hr-application-tree small .material-icons { flex: 0 0 auto; font-size: 13px; }
.hr-application-dialog { max-width: 760px; }
.hr-application-candidate-search { width: 100%; }
.hr-application-candidates { border: 1px solid var(--border); border-radius: 9px; display: grid; gap: 3px; margin-top: 8px; max-height: 210px; overflow-y: auto; padding: 5px; }
.hr-application-candidate { align-items: center; background: #fff; border: 0; border-radius: 7px; color: var(--foreground); cursor: pointer; display: flex; justify-content: space-between; padding: 10px; text-align: left; width: 100%; }
.hr-application-candidate:hover { background: var(--muted); }
.hr-application-candidate.active { background: #f0fdf4; color: #166534; }
.hr-application-candidate > span { display: flex; flex-direction: column; min-width: 0; }
.hr-application-candidate strong { font-size: 12px; }
.hr-application-candidate small { color: var(--muted-foreground); font-size: 10px; margin-top: 3px; }
.hr-application-candidate > .material-icons { font-size: 18px; }

/* Candidate action history */
.hr-candidate-action-layout { align-items: start; display: grid; gap: 28px; grid-template-columns: 340px minmax(0, 1fr); }
.hr-action-composer { padding: 24px; position: sticky; top: 92px; }
.hr-action-composer > h2 { font-size: 16px; margin: 0 0 6px; }
.hr-action-composer > p { color: var(--muted-foreground); font-size: 11px; line-height: 1.5; margin: 0 0 20px; }
.hr-action-composer form { display: grid; gap: 13px; }
.hr-action-composer .hr-select { margin: 0; width: 100%; }
.hr-action-templates { display: flex; flex-wrap: wrap; gap: 6px; }
.hr-action-templates > span { color: var(--muted-foreground); flex: 0 0 100%; font-size: 10px; }
.hr-action-templates button { background: #fff; border: 1px solid var(--border); border-radius: 999px; color: #52525b; cursor: pointer; font-size: 10px; padding: 5px 9px; }
.hr-action-templates button:hover { background: var(--muted); color: var(--foreground); }
.hr-section-title h2 { font-size: 16px; margin: 2px 0 16px; }
.hr-action-timeline { display: grid; gap: 12px; }
.hr-action-item { align-items: flex-start; background: #fff; border: 1px solid var(--border); border-radius: 11px; display: flex; gap: 14px; padding: 18px; }
.hr-action-icon { align-items: center; background: var(--muted); border-radius: 8px; color: #52525b; display: flex; flex: 0 0 36px; height: 36px; justify-content: center; }
.hr-action-icon .material-icons { font-size: 18px; }
.hr-action-content { min-width: 0; width: 100%; }
.hr-action-meta { align-items: center; display: flex; gap: 12px; justify-content: space-between; }
.hr-action-meta strong { font-size: 12px; font-weight: 650; }
.hr-action-meta time { color: #a1a1aa; font-size: 10px; }
.hr-action-content > p { color: #3f3f46; font-size: 13px; line-height: 1.6; margin: 10px 0 14px; white-space: pre-wrap; }
.hr-action-author { align-items: center; color: var(--muted-foreground); display: flex; font-size: 10px; gap: 7px; }
.hr-action-author img, .hr-action-author > span:first-child { align-items: center; background: var(--muted); border: 1px solid var(--border); border-radius: 50%; display: flex; height: 24px; justify-content: center; object-fit: cover; width: 24px; }
.hr-action-author .material-icons { font-size: 13px; }
.hr-action-author strong { color: #52525b; font-weight: 600; }
.hr-profile-card-header { align-items: center; border-bottom: 1px solid var(--border); display: flex; justify-content: space-between; padding: 20px 22px; }
.hr-profile-card-header h2 { font-size: 13px; font-weight: 600; margin: 0 0 4px; }
.hr-profile-card-header p { color: var(--muted-foreground); font-size: 11px; margin: 0; }
.hr-profile-card-body { padding: 24px 22px; }
.hr-profile-photo { align-items: center; background: #fafafa; border: 1px solid var(--border); border-radius: 9px; display: flex; flex-direction: column; padding: 22px 14px; text-align: center; }
.hr-profile-photo img { border: 1px solid var(--border); border-radius: 10px; height: 76px; margin-bottom: 12px; object-fit: cover; width: 76px; }
.hr-profile-photo strong { color: var(--foreground); font-size: 12px; font-weight: 600; }
.hr-profile-photo span { color: var(--muted-foreground); font-size: 10px; margin-top: 3px; }
.hr-form-avatar { border: 1px solid var(--border); border-radius: 8px; display: block; height: 48px; object-fit: cover; width: 48px; }
.hr-profile-upload-control { align-items: center; background: #fafafa; border: 1px solid var(--border); border-radius: 10px; display: flex; gap: 14px; padding: 13px; }
.hr-profile-upload-control > img { background: #f4f4f5; border: 1px solid var(--border); border-radius: 9px; flex: 0 0 64px; height: 64px; object-fit: cover; width: 64px; }
.hr-profile-upload-control > div { align-items: flex-start; display: flex; flex: 1; flex-direction: column; min-width: 0; }
.hr-profile-upload-control strong { color: #27272a; font-size: 12px; font-weight: 600; }
.hr-profile-upload-control span { color: var(--muted-foreground); font-size: 10px; margin-top: 4px; }
.hr-profile-upload-control label { margin-top: 10px; overflow: hidden; position: relative; }
.hr-profile-upload-input { cursor: pointer; height: 100%; inset: 0; opacity: 0; position: absolute; width: 100%; }
.hr-profile-upload-control label.uploading, .hr-self-photo-button.uploading { cursor: wait; opacity: .6; pointer-events: none; }
.hr-profile-upload-feedback { margin-top: 10px; }
.hr-profile-upload-feedback.success { background: #f0fdf4; border-color: #bbf7d0; color: #166534; }
.hr-self-photo-button { margin-top: 14px; overflow: hidden; position: relative; }
.hr-required { color: #dc2626; }
.hr-generated-avatar { align-items: center; background: #fafafa; border: 1px solid var(--border); border-radius: 9px; display: flex; gap: 12px; min-height: 68px; padding: 9px 11px; }
.hr-generated-avatar > div { display: flex; flex-direction: column; min-width: 0; }
.hr-generated-avatar strong { color: #27272a; font-size: 11px; font-weight: 600; }
.hr-generated-avatar div span { color: var(--muted-foreground); font-size: 10px; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hr-empty { align-items: center; display: flex; flex-direction: column; min-height: 320px; justify-content: center; padding: 40px; text-align: center; }
.hr-empty > .material-icons { color: #a1a1aa; font-size: 28px; }

/* Lightweight layout primitives — project-owned, no Bootstrap dependency. */
.container-fluid { width: 100%; }
.row { display: flex; flex-wrap: wrap; margin: -8px; }
.row > * { padding: 8px; width: 100%; }
.g-3 { margin: -8px; }
.g-3 > * { padding: 8px; }
.g-4 { margin: -12px; }
.g-4 > * { padding: 12px; }
.col, .col-12 { flex: 1 0 0%; }
.col-12 { flex: 0 0 100%; max-width: 100%; }
.col-auto { flex: 0 0 auto; width: auto; }
.d-flex { display: flex; }
.flex-wrap { flex-wrap: wrap; }
.align-items-center { align-items: center; }
.align-items-start { align-items: flex-start; }
.justify-content-center { justify-content: center; }
.text-center { text-align: center; }
.text-muted { color: var(--muted-foreground); }
.text-success { color: #16a34a; }
.text-danger { color: #dc2626; }
.w-100 { width: 100%; }
.mt-2 { margin-top: 8px; }
.mt-3 { margin-top: 12px; }
.mb-3 { margin-bottom: 12px; }
.mb-4 { margin-bottom: 16px; }
.ms-2 { margin-left: 8px; }
.table-responsive { max-width: 100%; overflow-x: auto; overflow-y: visible; -webkit-overflow-scrolling: touch; width: 100%; }
.table { border-collapse: collapse; width: 100%; }
.input-group { display: flex; width: 100%; }
.input-group .form-control { border-radius: 7px 0 0 7px !important; flex: 1; min-width: 0; }
.input-group .btn { border-left: 0 !important; border-radius: 0 7px 7px 0 !important; }
.form-check { align-items: center; display: flex; gap: 8px; min-height: 38px; }
.form-check-input { appearance: none; background: #fff; border: 1px solid #d4d4d8; border-radius: 4px; height: 16px; margin: 0; width: 16px; }
.form-check-input:checked { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m3.5 8 3 3 6-7'/%3E%3C/svg%3E"); }
.form-check-label { color: #3f3f46; font-size: 12px; }
.card { background: #fff; border: 1px solid var(--border); border-radius: 10px; }
.card-body { padding: 22px; }
.spinner-border { animation: hr-spin .7s linear infinite; border: 2px solid var(--border); border-radius: 50%; border-top-color: var(--foreground); display: inline-block; height: 22px; width: 22px; }
@keyframes hr-spin { to { transform: rotate(360deg); } }

.modal { align-items: center; background: rgba(9,9,11,.48); display: none; inset: 0; justify-content: center; padding: 20px; position: fixed; z-index: 2000; }
.modal.show { display: flex; }
.modal-open { overflow: hidden; }
.modal-dialog { margin: auto; max-height: calc(100vh - 40px); max-width: 620px; overflow-y: auto; width: 100%; }
.modal-content { background: #fff; }
.hr-saveable-modal{position:relative}
.hr-modal-saving{align-items:center;background:rgba(255,255,255,.82);backdrop-filter:blur(3px);border-radius:12px;color:#18181b;display:flex;flex-direction:column;gap:10px;inset:0;justify-content:center;position:absolute;z-index:12}
.hr-modal-saving[hidden]{display:none!important}
.hr-modal-saving strong{font-size:16px}
.hr-modal-saving em{background:#dcfce7;border:1px solid #86efac;border-radius:999px;color:#15803d;font-size:13px;font-style:normal;font-weight:800;padding:7px 12px}
.modal-header, .modal-footer { align-items: center; display: flex; justify-content: space-between; }
.modal-footer { gap: 8px; justify-content: flex-end; }
.btn-close { background: transparent; border: 0; border-radius: 6px; cursor: pointer; height: 30px; position: relative; width: 30px; }
.btn-close::before, .btn-close::after { background: #71717a; content: ""; height: 1px; left: 8px; position: absolute; top: 14px; transform: rotate(45deg); width: 14px; }
.btn-close::after { transform: rotate(-45deg); }
.btn-close:hover { background: var(--muted); }

/* Dashboard */
.hr-dashboard-welcome { align-items: flex-end; display: flex; justify-content: space-between; margin-bottom: 34px; }
.hr-dashboard-welcome h1 { font-size: 28px; font-weight: 650; letter-spacing: -.035em; margin: 0; }
.hr-dashboard-welcome p { color: var(--muted-foreground); font-size: 13px; margin: 8px 0 0; }
.hr-date-chip { background: #fafafa; border: 1px solid var(--border); border-radius: 7px; color: #52525b; font-size: 11px; padding: 7px 10px; }
.hr-dashboard-stats { display: grid; gap: 12px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 20px; }
.hr-stat-card { background: #fff; border: 1px solid var(--border); border-radius: 11px; display: flex; flex-direction: column; min-height: 140px; padding: 20px; }
.hr-stat-card span { color: #52525b; font-size: 11px; font-weight: 550; }
.hr-stat-card strong { font-size: 30px; font-weight: 650; letter-spacing: -.04em; margin-top: 17px; }
.hr-stat-card small { color: #a1a1aa; font-size: 10px; margin-top: auto; }
.hr-stat-top { align-items: center; display: flex; justify-content: space-between; }
.hr-stat-top .material-icons { align-items: center; background: #f4f4f5; border-radius: 7px; color: #71717a; display: flex; font-size: 16px; height: 30px; justify-content: center; width: 30px; }
.hr-dashboard-section-head { margin: 34px 0 13px; }
.hr-dashboard-section-head h2 { font-size: 14px; font-weight: 600; margin: 0; }
.hr-dashboard-section-head p { color: var(--muted-foreground); font-size: 11px; margin: 5px 0 0; }
.hr-dashboard-grid { display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hr-dashboard-chart-card { background: #fff; border: 1px solid var(--border); border-radius: 11px; min-height: 350px; overflow: hidden; padding: 21px; }
.hr-dashboard-chart-wide { grid-column: 1 / -1; min-height: 390px; }
.hr-dashboard-card-head { align-items: flex-start; display: flex; gap: 18px; justify-content: space-between; margin-bottom: 21px; }
.hr-dashboard-card-head h2 { font-size: 14px; font-weight: 650; margin: 0; }
.hr-dashboard-card-head p { color: var(--muted-foreground); font-size: 10px; margin: 5px 0 0; }
.hr-chart-legend { align-items: center; display: flex; gap: 15px; }
.hr-chart-legend span { align-items: center; color: #71717a; display: flex; font-size: 10px; gap: 6px; }
.hr-chart-legend i { background: #18181b; border-radius: 50%; height: 7px; width: 7px; }
.hr-chart-legend i.applications { background: #a1a1aa; }
.hr-line-chart { min-height: 290px; width: 100%; }
.hr-line-chart svg { display: block; height: 290px; overflow: visible; width: 100%; }
.hr-line-chart .chart-grid line { stroke: #eeeeef; stroke-width: 1; }
.hr-line-chart .chart-grid text { fill: #a1a1aa; font-family: Inter, sans-serif; font-size: 9px; }
.hr-line-chart .chart-line { fill: none; stroke: #18181b; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.5; }
.hr-line-chart .chart-line.applications { stroke: #a1a1aa; }
.hr-chart-loading { align-items: center; display: flex; justify-content: center; min-height: 260px; }
.hr-chart-empty { align-items: center; color: #a1a1aa; display: flex; flex-direction: column; font-size: 11px; gap: 8px; justify-content: center; min-height: 240px; text-align: center; }
.hr-chart-empty .material-icons { font-size: 27px; }
.hr-status-chart { align-items: center; display: grid; gap: 28px; grid-template-columns: 160px minmax(0, 1fr); min-height: 260px; }
.hr-donut { align-items: center; border-radius: 50%; display: flex; height: 154px; justify-content: center; position: relative; width: 154px; }
.hr-donut::after { background: #fff; border-radius: 50%; content: ""; height: 100px; position: absolute; width: 100px; }
.hr-donut > div { align-items: center; display: flex; flex-direction: column; position: relative; z-index: 1; }
.hr-donut strong { font-size: 24px; letter-spacing: -.04em; }
.hr-donut span { color: var(--muted-foreground); font-size: 9px; margin-top: 2px; }
.hr-status-legend { display: grid; gap: 11px; max-height: 255px; overflow-y: auto; padding-right: 3px; }
.hr-status-legend > div { align-items: center; display: flex; gap: 9px; }
.hr-status-legend > div > i { border-radius: 50%; flex: 0 0 8px; height: 8px; }
.hr-status-legend > div > span { display: flex; flex: 1; justify-content: space-between; min-width: 0; }
.hr-status-legend strong { color: #3f3f46; font-size: 10px; font-weight: 550; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hr-status-legend small { color: #a1a1aa; font-size: 9px; margin-left: 8px; white-space: nowrap; }
.hr-vacancy-chart { display: grid; gap: 13px; min-height: 260px; }
.hr-vacancy-bar { color: inherit; display: block; text-decoration: none; }
.hr-vacancy-bar > div { align-items: center; display: flex; gap: 12px; justify-content: space-between; margin-bottom: 6px; }
.hr-vacancy-bar strong { color: #3f3f46; font-size: 10px; font-weight: 550; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hr-vacancy-bar span { color: #71717a; font-size: 10px; font-weight: 650; }
.hr-vacancy-bar > i { background: #f1f1f2; border-radius: 999px; display: block; height: 7px; overflow: hidden; }
.hr-vacancy-bar > i > b { background: #27272a; border-radius: inherit; display: block; height: 100%; min-width: 3px; transition: width .35s ease; }

/* System action history */
.hr-history-filters { align-items: flex-end; background: #fafafa; border: 1px solid var(--border); border-radius: 11px; display: flex; gap: 10px; margin-bottom: 16px; padding: 14px; }
.hr-history-date-group { align-items: center; display: flex; gap: 7px; }
.hr-history-date-group > span { color: #71717a; font-size: 10px; font-weight: 650; text-transform: uppercase; }
.hr-history-date-group .form-control[type="date"] { width: 145px; }
.hr-history-date-group .form-control[type="time"] { width: 105px; }
.hr-history-filters .form-control, .hr-history-filters .hr-select { height: 40px; min-height: 40px; }
.hr-history-filters .hr-select { margin-left: auto; min-width: 230px; }
.hr-history-table { min-width: 1120px; }
.hr-history-table th:first-child { width: 145px; }
.hr-history-table th:nth-child(2) { width: 210px; }
.hr-history-table th:nth-child(3) { width: 135px; }
.hr-history-table th:nth-child(4) { width: 150px; }
.hr-history-time { color: #52525b; font-size: 11px; white-space: nowrap; }
.hr-history-actor { align-items: center; display: flex; gap: 9px; }
.hr-history-actor > img, .hr-history-actor > span { align-items: center; background: #f4f4f5; border: 1px solid var(--border); border-radius: 8px; display: flex; flex: 0 0 32px; height: 32px; justify-content: center; object-fit: cover; width: 32px; }
.hr-history-actor > span .material-icons { color: #71717a; font-size: 16px; }
.hr-history-actor > div { display: flex; flex-direction: column; min-width: 0; }
.hr-history-actor strong { color: #27272a; font-size: 11px; font-weight: 600; }
.hr-history-actor small { color: #a1a1aa; font-size: 9px; margin-top: 3px; }
.hr-history-actor.system > span { background: #18181b; border-color: #18181b; }
.hr-history-actor.system > span .material-icons { color: #fff; }
.hr-audit-action { background: #f4f4f5; border: 1px solid var(--border); border-radius: 999px; color: #52525b; display: inline-flex; font-size: 9px; font-weight: 650; padding: 5px 8px; white-space: nowrap; }
.hr-audit-action.created, .hr-audit-action.restored { background: #f0fdf4; border-color: #bbf7d0; color: #15803d; }
.hr-audit-action.soft_deleted, .hr-audit-action.deleted { background: #fef2f2; border-color: #fecaca; color: #b91c1c; }
.hr-audit-entity { color: #3f3f46; display: flex; flex-direction: column; font-size: 11px; font-weight: 550; }
.hr-audit-entity small { color: #a1a1aa; font-size: 9px; margin-top: 3px; }
.hr-history-description { color: #3f3f46; font-size: 11px; line-height: 1.55; max-width: 560px; min-width: 320px; }
.hr-history-pagination { align-items: center; color: #71717a; display: flex; font-size: 10px; justify-content: space-between; margin-top: 14px; }
.hr-history-pagination > div { align-items: center; display: flex; gap: 10px; }
.hr-history-pagination .btn { min-height: 36px; padding: 6px 10px !important; }
.hr-history-pagination button:disabled { cursor: default; opacity: .45; }
.hr-history-pagination strong { color: #52525b; font-size: 10px; }

/* Team tasks and kanban */
.hr-task-users-grid { display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.hr-task-users-grid > .hr-table-loading { grid-column: 1 / -1; }
.hr-task-user-card { align-items: center; background: #fff; border: 1px solid var(--border); border-radius: 12px; color: inherit; display: flex; gap: 13px; min-height: 112px; padding: 17px; text-decoration: none; transition: border-color .15s, box-shadow .15s, transform .15s; }
.hr-task-user-card:hover { border-color: #a1a1aa; box-shadow: 0 7px 18px rgba(0,0,0,.045); transform: translateY(-1px); }
.hr-task-user-card > img, .hr-task-user-card > span { align-items: center; background: #f4f4f5; border: 1px solid var(--border); border-radius: 10px; display: flex; flex: 0 0 48px; height: 48px; justify-content: center; object-fit: cover; width: 48px; }
.hr-task-user-card > span .material-icons { color: #71717a; font-size: 21px; }
.hr-task-user-info { flex: 1; min-width: 0; }
.hr-task-user-info > div { align-items: center; display: flex; gap: 6px; }
.hr-task-user-info strong { color: #18181b; font-size: 12px; font-weight: 650; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hr-task-user-info p { color: #52525b; font-size: 10px; margin: 6px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hr-task-user-info small { color: #a1a1aa; display: block; font-size: 9px; margin-top: 4px; }
.hr-user-disabled { background: #f4f4f5; border-radius: 999px; color: #a1a1aa; font-size: 8px; padding: 3px 5px; white-space: nowrap; }
.hr-task-user-count { align-items: center; display: flex; flex-direction: column; margin-left: auto; }
.hr-task-user-count strong { color: #18181b; font-size: 17px; }
.hr-task-user-count span { color: #a1a1aa; font-size: 8px; margin-top: 2px; }
.hr-task-user-arrow { color: #a1a1aa; font-size: 17px; }
.hr-tasks-page { max-width: 1540px !important; }
.hr-kanban-board { align-items: flex-start; display: grid; gap: 12px; grid-template-columns: repeat(4, minmax(250px, 1fr)); overflow-x: auto; padding: 1px 1px 18px; }
.hr-kanban-column { background: #f7f7f8; border: 1px solid var(--border); border-radius: 11px; min-height: 0; overflow: visible; padding: 0 10px 12px; transition: background .15s, border-color .15s; }
.hr-kanban-column.drop-active { background: #f0f0f1; border-color: #a1a1aa; }
.hr-kanban-strip { border-radius: 0 0 4px 4px; height: 4px; margin: 0 -10px; }
.hr-kanban-column[data-task-column="DISCUSSION"] .hr-kanban-strip { background: #8b5cf6; }
.hr-kanban-column[data-task-column="WAITING"] .hr-kanban-strip { background: #f59e0b; }
.hr-kanban-column[data-task-column="IN_PROGRESS"] .hr-kanban-strip { background: #3b82f6; }
.hr-kanban-column[data-task-column="DONE"] .hr-kanban-strip { background: #22c55e; }
.hr-kanban-column-head { align-items: center; display: flex; justify-content: space-between; padding: 15px 4px 11px; }
.hr-kanban-column-head h2 { color: #27272a; font-size: 11px; font-weight: 650; margin: 0; text-transform: uppercase; }
.hr-kanban-column-head span { align-items: center; background: #e4e4e7; border-radius: 999px; color: #52525b; display: flex; font-size: 9px; font-weight: 650; height: 22px; justify-content: center; min-width: 22px; padding: 0 6px; }
.hr-new-task-card { align-items: center; background: transparent; border: 1px dashed #c7c7cc; border-radius: 9px; color: #71717a; cursor: pointer; display: flex; font-size: 10px; font-weight: 600; gap: 7px; justify-content: center; min-height: 43px; padding: 9px; width: 100%; }
.hr-new-task-card:hover { background: #fff; border-color: #a1a1aa; color: #27272a; }
.hr-new-task-card .material-icons { font-size: 16px; }
.hr-kanban-task-list { display: grid; gap: 9px; padding-top: 10px; }
.hr-kanban-task { background: #fff; border: 1px solid var(--border); border-radius: 10px; box-shadow: 0 1px 2px rgba(0,0,0,.025); cursor: grab; padding: 13px; transition: border-color .15s, box-shadow .15s, opacity .15s, transform .15s; }
.hr-kanban-task.readonly { cursor: default; }
.hr-kanban-task:hover { border-color: #c7c7cc; box-shadow: 0 5px 12px rgba(0,0,0,.045); transform: translateY(-1px); }
.hr-kanban-task:active { cursor: grabbing; }
.hr-kanban-task.dragging { opacity: .4; }
.hr-kanban-task-title { align-items: flex-start; display: flex; gap: 8px; }
.hr-kanban-task-title strong { color: #18181b; flex: 1; font-size: 12px; font-weight: 650; line-height: 1.42; }
.hr-kanban-task-title > .hr-row-actions { margin: -6px -6px 0 0; }
.hr-kanban-task-title .hr-row-actions-button { height: 28px; width: 28px; }
.hr-kanban-task-title .material-icons { font-size: 17px; }
.hr-kanban-task > p { color: #71717a; display: -webkit-box; font-size: 10px; line-height: 1.55; margin: 8px 0 0; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.hr-task-badges { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 12px; }
.hr-task-badge { align-items: center; background: #f4f4f5; border: 1px solid #e4e4e7; border-radius: 999px; color: #52525b; display: inline-flex; font-size: 8px; font-weight: 550; gap: 4px; max-width: 100%; min-height: 23px; padding: 3px 7px; }
.hr-task-badge .material-icons { font-size: 12px; }
.hr-task-badge img { border-radius: 50%; height: 15px; object-fit: cover; width: 15px; }
.hr-task-badge.overdue { background: #fef2f2; border-color: #fecaca; color: #b91c1c; }
.hr-task-badge.finished { background: #f0fdf4; border-color: #bbf7d0; color: #15803d; }
.hr-task-creator { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hr-modal-spacer { flex: 1; }
.hr-task-delete-button { color: #b91c1c !important; }
.hr-task-archive-button { align-items: center; background: #fafafa; border: 1px solid var(--border); border-radius: 7px; color: #52525b; cursor: pointer; display: flex; font-size: 9px; font-weight: 600; gap: 5px; justify-content: center; margin-top: 10px; min-height: 31px; width: 100%; }
.hr-task-archive-button:hover { background: #f4f4f5; color: #18181b; }
.hr-task-archive-button .material-icons { font-size: 14px; }
.hr-task-archive-dialog { max-width: 960px !important; }
.hr-task-archive-search { margin-bottom: 15px; max-width: 440px; }
.hr-task-archive-results { display: grid; gap: 9px; min-height: 130px; }
.hr-task-archive-card { align-items: flex-start; background: #fff; border: 1px solid var(--border); border-radius: 10px; display: flex; gap: 18px; justify-content: space-between; padding: 15px 16px; }
.hr-task-archive-card > div:first-child { flex: 1; min-width: 0; }
.hr-task-archive-card strong { color: #18181b; font-size: 12px; font-weight: 650; }
.hr-task-archive-card p { color: #71717a; font-size: 10px; line-height: 1.5; margin: 6px 0 0; white-space: pre-wrap; }
.hr-task-archive-card .hr-task-badges { justify-content: flex-end; margin-top: 0; max-width: 52%; }
.hr-task-archive-empty { min-height: 220px; }
.hr-task-archive-pagination { align-items: center; color: #71717a; display: flex; font-size: 10px; justify-content: center; gap: 13px; margin-top: 16px; }
.hr-task-archive-pagination button:disabled { cursor: default; opacity: .45; }
.hr-task-assignments { display: grid; gap: 18px; }
.hr-assignment-group { background: #fafafa; border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
.hr-assignment-group > header { align-items: center; background: #fff; border-bottom: 1px solid var(--border); display: flex; gap: 11px; padding: 14px 16px; }
.hr-assignment-group > header > img, .hr-assignment-group > header > span { align-items: center; background: #f4f4f5; border: 1px solid var(--border); border-radius: 9px; display: flex; flex: 0 0 38px; height: 38px; justify-content: center; object-fit: cover; width: 38px; }
.hr-assignment-group > header .material-icons { color: #71717a; font-size: 18px; }
.hr-assignment-group > header > div { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.hr-assignment-group > header strong { color: #18181b; font-size: 12px; font-weight: 650; }
.hr-assignment-group > header span { color: #71717a; font-size: 9px; margin-top: 4px; }
.hr-assignment-group > header small { align-items: center; background: #f4f4f5; border-radius: 999px; color: #52525b; display: flex; font-size: 10px; font-weight: 650; height: 26px; justify-content: center; min-width: 26px; padding: 0 8px; }
.hr-assignment-list { display: grid; gap: 9px; padding: 12px; }
.hr-assignment-task { background: #fff; border: 1px solid var(--border); border-radius: 10px; padding: 15px; }
.hr-assignment-task > div:first-child strong { color: #18181b; font-size: 12px; font-weight: 650; }
.hr-assignment-task > div:first-child p { color: #71717a; font-size: 10px; line-height: 1.55; margin: 7px 0 0; white-space: pre-wrap; }
.hr-assignment-task-footer { align-items: flex-end; display: flex; gap: 12px; justify-content: space-between; margin-top: 12px; }
.hr-assignment-task-footer .hr-task-badges { margin-top: 0; }
.hr-quick-grid { display: grid; gap: 10px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.hr-quick-card { align-items: center; border: 1px solid var(--border); border-radius: 9px; color: inherit; display: flex; gap: 12px; min-height: 88px; padding: 16px; text-decoration: none; transition: border-color .15s, background .15s; }
.hr-quick-card:hover { background: #fafafa; border-color: #c7c7cc; }
.hr-quick-icon { align-items: center; background: var(--muted); border-radius: 7px; display: flex; flex: 0 0 34px; height: 34px; justify-content: center; }
.hr-quick-icon .material-icons { font-size: 17px; }
.hr-quick-card > div { min-width: 0; }
.hr-quick-card strong { font-size: 12px; font-weight: 600; }
.hr-quick-card p { color: var(--muted-foreground); font-size: 10px; line-height: 1.45; margin: 4px 0 0; }
.hr-quick-arrow { color: #a1a1aa; font-size: 15px; margin-left: auto; }

/* Positions and position-based tasks */
.hr-page-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 9px; }
.btn-compact { min-height: 38px; padding: 7px 12px !important; }
.hr-position-label { align-items: center; background: #f4f4f5; border: 1px solid var(--border); border-radius: 7px; color: #3f3f46; display: inline-flex; font-size: 11px; font-weight: 550; gap: 6px; padding: 6px 8px; white-space: nowrap; }
.hr-position-label .material-icons { color: #71717a; font-size: 15px; }
.hr-muted-value { color: #a1a1aa; font-size: 12px; }
.hr-count-badge { align-items: center; background: #f4f4f5; border-radius: 999px; color: #52525b; display: inline-flex; font-size: 11px; font-weight: 650; justify-content: center; min-width: 27px; padding: 5px 8px; }
.hr-position-task-preview { display: flex; flex-direction: column; gap: 5px; max-width: 380px; }
.hr-position-task-preview span { color: #3f3f46; font-size: 11px; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hr-position-task-preview span::before { color: #a1a1aa; content: "•"; margin-right: 7px; }
.hr-position-task-preview small { color: #71717a; font-size: 10px; font-weight: 550; }
.hr-position-employees { display: flex; flex-wrap: wrap; gap: 5px; max-width: 280px; }
.hr-position-employees span { background: #f4f4f5; border: 1px solid var(--border); border-radius: 999px; color: #3f3f46; font-size: 10px; font-weight: 550; padding: 5px 8px; }
.hr-position-employees span.inactive { color: #a1a1aa; text-decoration: line-through; }
.hr-field-help { color: var(--muted-foreground); display: block; font-size: 10px; line-height: 1.45; margin-top: 7px; }
.hr-tasks-panel { max-width: 860px; }
.hr-task-list { display: grid; gap: 10px; }
.hr-task-item { align-items: flex-start; background: #fff; border: 1px solid var(--border); border-radius: 11px; display: flex; gap: 14px; min-height: 78px; padding: 17px 18px; }
.hr-task-number { align-items: center; background: #18181b; border-radius: 8px; color: #fff; display: flex; flex: 0 0 32px; font-size: 11px; font-weight: 650; height: 32px; justify-content: center; }
.hr-task-item > div { display: flex; flex-direction: column; padding-top: 1px; }
.hr-task-item strong { color: var(--foreground); font-size: 13px; font-weight: 600; line-height: 1.5; }
.hr-task-item small { color: var(--muted-foreground); font-size: 10px; margin-top: 6px; }
.hr-tasks-empty { align-items: center; border: 1px dashed #d4d4d8; border-radius: 12px; display: flex; flex-direction: column; justify-content: center; min-height: 260px; padding: 34px; text-align: center; }
.hr-tasks-empty .material-icons { color: #a1a1aa; font-size: 32px; }
.hr-tasks-empty strong { font-size: 14px; margin-top: 13px; }
.hr-tasks-empty span { color: var(--muted-foreground); font-size: 11px; line-height: 1.55; margin-top: 6px; max-width: 390px; }

@media (min-width: 768px) {
    .col-md-3 { flex: 0 0 25%; max-width: 25%; }
    .col-md-4 { flex: 0 0 33.333%; max-width: 33.333%; }
    .col-md-6 { flex: 0 0 50%; max-width: 50%; }
    .col-md-9 { flex: 0 0 75%; max-width: 75%; }
    .col-md-12 { flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 1200px) {
    .col-xl-4 { flex: 0 0 33.333%; max-width: 33.333%; }
}

@media (max-width: 991px) {
    :root { --sidebar-width: 224px; }
    .hr-settings-grid { grid-template-columns: 1fr; }
    .hr-page, .app-content .container-fluid { padding: 38px 26px 60px !important; }
    .hr-status { display: none; }
    .hr-profile-layout { grid-template-columns: 1fr; }
    .hr-candidate-action-layout { grid-template-columns: 1fr; }
    .hr-action-composer { position: static; }
    .hr-dashboard-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hr-dashboard-grid { grid-template-columns: 1fr; }
    .hr-dashboard-chart-wide { grid-column: auto; }
    .hr-history-filters { align-items: stretch; flex-wrap: wrap; }
    .hr-history-filters .hr-select { margin-left: 0; }
    .hr-task-users-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hr-kanban-board { grid-template-columns: repeat(4, 280px); margin-right: -26px; padding-right: 26px; }
}
@media (max-width: 767px) {
    :root { --sidebar-width: 0px; }
    body::before { background: rgba(9,9,11,.36); content: ""; inset: 0; opacity: 0; pointer-events: none; position: fixed; transition: opacity .18s ease; z-index: 1035; }
    body.sidebar-mobile-open { overflow: hidden; }
    body.sidebar-mobile-open::before { opacity: 1; pointer-events: auto; }
    .app-sidebar { box-shadow: 12px 0 32px rgba(0,0,0,.14) !important; height: 100dvh !important; transform: translateX(-105%); width: min(82vw, 288px) !important; }
    body.sidebar-collapsed .app-sidebar { transform: translateX(-105%); }
    body.sidebar-mobile-open .app-sidebar { transform: translateX(0); }
    .app-container { margin-left: 0 !important; width: 100% !important; }
    .app-header.hr-topbar { height: 58px !important; left: 0 !important; padding: 0 14px !important; }
    .app-content { padding-top: 58px !important; }
    .hr-page, .app-content .container-fluid { padding: 28px 18px 48px !important; }
    .hr-page-header { align-items: flex-start; flex-direction: column; gap: 18px; margin-bottom: 25px; }
    .hr-page-heading h1, .page-description h1 { font-size: 28px !important; }
    .hr-page-heading p, .page-description p { font-size: 12px !important; line-height: 1.55; }
    .hr-eyebrow { font-size: 10px; margin-bottom: 9px; }
    .hr-page-actions { width: 100%; }
    .hr-settings-card { min-height: 240px; }
    .hr-card-visual { display: none; }
    .hr-breadcrumb, .hr-topbar-divider { display: none; }
    .hr-topbar-actions { margin-left: auto; }
    .hr-icon-button { height: 38px; width: 38px; }
    .hr-quick-actions { margin-left: 7px; }
    .hr-quick-actions-button { font-size: 0; padding: 0; width: 38px; }
    .hr-quick-actions-button .hr-quick-actions-chevron { display: none; }
    .hr-quick-actions-menu { left: -45px; max-width: calc(100vw - 28px); min-width: 250px; }
    .hr-fields-grid { grid-template-columns: 1fr; }
    .hr-dashboard-welcome { align-items: flex-start; flex-direction: column; gap: 18px; }
    .hr-dashboard-stats, .hr-quick-grid { grid-template-columns: 1fr; }
    .hr-dashboard-chart-card { min-height: 310px; padding: 18px; }
    .hr-dashboard-card-head { align-items: flex-start; flex-direction: column; gap: 11px; }
    .hr-status-chart { grid-template-columns: 1fr; justify-items: center; }
    .hr-status-legend { width: 100%; }
    .hr-line-chart, .hr-line-chart svg { min-height: 230px; height: 230px; }
    .table-responsive { overflow-x: auto; }
    .hr-list-toolbar { align-items: stretch; flex-direction: column; }
    .hr-search { max-width: none; }
    .hr-select { margin-left: 0; width: 100%; }
    .hr-tasks-empty { min-height: 220px; padding: 28px 20px; }
    .hr-history-filters { flex-direction: column; }
    .hr-history-date-group { display: grid; grid-template-columns: 26px minmax(0, 1fr) 105px; }
    .hr-history-date-group .form-control[type="date"], .hr-history-date-group .form-control[type="time"], .hr-history-filters .hr-select { min-width: 0; width: 100%; }
    .hr-history-pagination { align-items: flex-start; flex-direction: column; gap: 10px; }
    .hr-task-users-grid { grid-template-columns: 1fr; }
    .hr-kanban-board { margin-right: -18px; padding-right: 18px; scroll-snap-type: x proximity; }
    .hr-kanban-column { min-height: 0; scroll-snap-align: start; }
    .hr-task-archive-card { flex-direction: column; }
    .hr-task-archive-card .hr-task-badges { justify-content: flex-start; max-width: none; }
    .hr-assignment-task-footer { align-items: stretch; flex-direction: column; }
}

/* Authentication screen */
body.wave_img { background: #f4f4f5 !important; min-height: 100vh; overflow-x: hidden; }
body.wave_img::before, body.wave_img::after { border-radius: 50%; content: ""; filter: blur(1px); pointer-events: none; position: fixed; }
body.wave_img::before { background: rgba(255,255,255,.9); height: 620px; left: -210px; top: -310px; width: 620px; }
body.wave_img::after { background: rgba(228,228,231,.72); bottom: -340px; height: 700px; right: -260px; width: 700px; }
body.wave_img #app { min-height: 100vh; position: relative; z-index: 1; }
.hr-auth-page { align-items: center; display: flex; justify-content: center; min-height: 100dvh; padding: 42px 20px; }
.hr-auth-wrap { align-items: center; display: flex; flex-direction: column; max-width: 440px; width: 100%; }
.hr-auth-brand { align-items: center; color: #18181b; display: flex; gap: 11px; margin-bottom: 22px; text-decoration: none; }
.hr-auth-brand-mark { align-items: center; background: #18181b; border-radius: 10px; color: #fff; display: flex; font-size: 12px; font-weight: 700; height: 42px; justify-content: center; letter-spacing: -.02em; width: 42px; }
.hr-auth-brand > span:last-child { display: flex; flex-direction: column; }
.hr-auth-brand strong { font-size: 15px; font-weight: 700; letter-spacing: -.025em; }
.hr-auth-brand small { color: #71717a; font-size: 9px; font-weight: 550; margin-top: 2px; text-transform: uppercase; }
body.wave_img .island { background: rgba(255,255,255,.98); border: 1px solid #dedee2; border-radius: 18px; box-shadow: 0 24px 65px rgba(24,24,27,.1), 0 2px 8px rgba(24,24,27,.035); min-height: 348px; overflow: hidden; width: 100%; }
.hr-auth-card-body { padding: 38px 38px 34px; }
.hr-auth-heading, .hr-auth-user { margin-bottom: 28px; text-align: center; }
.hr-auth-step { color: #71717a; display: block; font-size: 10px; font-weight: 650; letter-spacing: .1em; margin-bottom: 10px; text-transform: uppercase; }
.hr-auth-heading h1, .hr-auth-user h1 { color: #18181b; font-size: 25px; font-weight: 680; letter-spacing: -.04em; line-height: 1.2; margin: 0; }
.hr-auth-heading p, .hr-auth-user p { color: #71717a; font-size: 12px; line-height: 1.55; margin: 9px auto 0; max-width: 300px; }
.hr-auth-field label { color: #3f3f46; display: block; font-size: 11px; font-weight: 600; margin-bottom: 7px; }
.hr-auth-input-wrap { align-items: center; background: #fff; border: 1px solid #d4d4d8; border-radius: 10px; display: flex; min-height: 48px; padding: 0 13px; transition: border-color .15s, box-shadow .15s; }
.hr-auth-input-wrap:focus-within { border-color: #a1a1aa; box-shadow: 0 0 0 3px rgba(161,161,170,.17); }
.hr-auth-input-wrap > .material-icons { color: #a1a1aa; flex: 0 0 19px; font-size: 19px; }
body.wave_img .island-input { background: transparent !important; border: 0 !important; box-shadow: none !important; color: #18181b !important; flex: 1; font-family: Inter, sans-serif; font-size: 13px; height: 46px; min-width: 0; outline: 0; padding: 0 0 0 10px; }
body.wave_img .island-input::placeholder { color: #a1a1aa; }
.hr-auth-submit { margin-top: 16px; min-height: 46px; }
.hr-auth-primary { align-items: center; background: #18181b; border: 1px solid #18181b; border-radius: 10px; color: #fff; cursor: pointer; display: flex; font-family: Inter, sans-serif; font-size: 12px; font-weight: 650; gap: 7px; justify-content: center; min-height: 46px; padding: 10px 16px; transition: background .15s, transform .15s; width: 100%; }
.hr-auth-primary:hover { background: #27272a; }
.hr-auth-primary:active { transform: translateY(1px); }
.hr-auth-primary .material-icons { font-size: 17px; }
.hr-auth-back { align-items: center; background: transparent; border: 0; color: #71717a; cursor: pointer; display: flex; font-family: Inter, sans-serif; font-size: 11px; gap: 6px; justify-content: center; margin: 14px auto 0; min-height: 34px; padding: 5px 10px; }
.hr-auth-back:hover { color: #18181b; }
.hr-auth-back .material-icons { font-size: 15px; }
.hr-auth-avatar { align-items: center; background: #f4f4f5; border: 1px solid #e4e4e7; border-radius: 14px; display: flex; height: 76px; justify-content: center; margin: 0 auto 17px; overflow: hidden; width: 76px; }
.hr-auth-avatar img { height: 100%; object-fit: cover; width: 100%; }
.hr-auth-avatar svg { width: 52px; }
.hr-auth-success { margin: 42px 0; }
.hr-auth-success .hr-auth-avatar { background: #f0fdf4; border-color: #bbf7d0; color: #15803d; }
.hr-auth-success .hr-auth-avatar .material-icons { font-size: 32px; }
.hr-auth-message { align-items: center; border: 1px solid; border-radius: 9px; display: flex; font-size: 11px; justify-content: center; line-height: 1.45; margin: 0; min-height: 44px; padding: 9px 12px; text-align: center; }
.hr-auth-message.error { background: #fef2f2; border-color: #fecaca; color: #b91c1c; }
.hr-auth-message.warning { background: #fffbeb; border-color: #fde68a; color: #a16207; }
.hr-auth-caption { color: #a1a1aa; font-size: 9px; letter-spacing: .03em; margin: 18px 0 0; text-align: center; }
@media (max-width: 520px) {
    .hr-auth-page { align-items: flex-start; padding: 30px 14px; }
    .hr-auth-brand { margin-bottom: 18px; }
    body.wave_img .island { border-radius: 15px; min-height: 320px; }
    .hr-auth-card-body { padding: 31px 23px 27px; }
    .hr-auth-heading h1, .hr-auth-user h1 { font-size: 22px; }
}

.hr-error-page { align-items: center; background: #fafafa !important; display: flex; justify-content: center; min-height: 100vh; padding: 24px; }
.hr-error { max-width: 420px; text-align: center; }
.hr-error > span { color: #a1a1aa; display: block; font-size: 13px; font-weight: 650; letter-spacing: .12em; margin-bottom: 15px; }
.hr-error h1 { font-size: 26px; letter-spacing: -.035em; margin: 0; }
.hr-error p { color: var(--muted-foreground); font-size: 12px; line-height: 1.6; margin: 10px 0 22px; }

/* 2026-09-15: favorites, instructions, refreshed settings/project pages */
.hr-icon-button .material-icons { font-size: 20px; }
.hr-favorite-toggle.active { background: #fef3c7; color: #d97706; }
.app-menu .hr-menu-link > .material-icons:first-child, .knowledge-menu .hr-menu-knowledge > .material-icons:first-child { align-items: center; border-radius: 7px; display: inline-flex; height: 28px; justify-content: center; min-width: 28px !important; width: 28px; }
.app-menu .hr-menu-instructions > .material-icons:first-child { background: #ecfeff; color: #0891b2 !important; }
.app-menu .hr-menu-favorite > .material-icons:first-child { background: #fef3c7; color: #d97706 !important; }
.app-menu .accordion-menu li > a.hr-menu-instructions.active > .material-icons { color: #0891b2 !important; }
.hr-favorite-menu-item { align-items: center; display: flex; gap: 4px; }
.hr-favorite-menu-item > a { flex: 1; min-width: 0; }
.hr-favorite-menu-item > a span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.app-menu .accordion-menu li > a.hr-menu-favorite.active { background: transparent !important; color: #52525b !important; font-weight: 500; }
.app-menu .accordion-menu li > a.hr-menu-favorite.active:hover { background: #f0f0f1 !important; }
.hr-menu-more { align-items: center; background: transparent; border: 0; border-radius: 7px; color: #a1a1aa; display: inline-flex; height: 30px; justify-content: center; width: 30px; }
.hr-menu-more:hover { background: #f4f4f5; color: #18181b; }
.hr-favorite-menu-item .hr-menu-more { flex: 0 0 30px; margin-right: 3px; }

.hr-permission-card { overflow: hidden; }
.hr-permission-scroll { max-height: calc(100vh - 210px); overflow: auto; }
.hr-permission-table { border-collapse: separate; border-spacing: 0; min-width: max-content; width: 100%; }
.hr-permission-table thead th { background: #fafafa; position: sticky; top: 0; z-index: 2; }
.hr-permission-table thead th:first-child { left: 0; min-width: 340px; z-index: 4; }
.hr-permission-table thead th:not(:first-child) { min-width: 165px; text-align: center; }
.hr-permission-table thead small { color: #a1a1aa; display: block; font-size: 11px; font-weight: 500; }
.hr-permission-table tbody th { background: #fff; left: 0; min-width: 340px; position: sticky; z-index: 1; }
.hr-permission-table tbody td { text-align: center; }
.hr-permission-table .hr-permission-group th { background: #f4f4f5; color: #52525b; font-size: 12px; left: 0; letter-spacing: .06em; padding: 11px 16px; text-transform: uppercase; }
.hr-permission-name { display: block; font-weight: 650; }
.hr-permission-table code { color: #71717a; font-size: 11px; font-weight: 500; }
.hr-permission-check { accent-color: #18181b; cursor: pointer; height: 18px; width: 18px; }
.hr-permission-help { background: transparent; border: 0; color: #a1a1aa; cursor: help; margin-left: 7px; padding: 0; position: relative; vertical-align: middle; }
.hr-permission-help .material-icons { font-size: 16px; }
.hr-permission-help:hover, .hr-permission-help:focus { color: #18181b; }
.hr-permission-help:hover:after, .hr-permission-help:focus:after { background: #18181b; border-radius: 8px; bottom: calc(100% + 9px); color: #fff; content: attr(data-tooltip); font-size: 12px; font-weight: 500; left: -100px; line-height: 1.45; max-width: 290px; padding: 9px 11px; position: absolute; text-align: left; white-space: normal; width: max-content; z-index: 10; }

.hr-settings-hero { align-items: center; background: linear-gradient(135deg,#111827,#27272a); border-radius: 22px; color: #fff; display: flex; justify-content: space-between; margin-bottom: 22px; min-height: 180px; overflow: hidden; padding: 32px; position: relative; }
.hr-settings-hero:after { background: radial-gradient(circle,rgba(255,255,255,.18),transparent 60%); content: ""; height: 260px; position: absolute; right: -80px; top: -80px; width: 260px; }
.hr-settings-hero span { color: rgba(255,255,255,.64); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.hr-settings-hero h1 { color: #fff; font-size: clamp(34px,4vw,54px); line-height: .95; margin: 10px 0; }
.hr-settings-hero p { color: rgba(255,255,255,.72); font-size: 16px; margin: 0; max-width: 560px; }
.hr-settings-hero > .material-icons { color: rgba(255,255,255,.18); font-size: 112px; position: relative; z-index: 1; }
.hr-settings-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
.hr-settings-card { background: linear-gradient(180deg,#fff,#fafafa); border-radius: 18px !important; min-height: 176px !important; padding: 30px !important; transition: border-color .15s, box-shadow .15s, transform .15s !important; }
.hr-card-link:hover .hr-settings-card { border-color: #a1a1aa; box-shadow: 0 18px 45px rgba(15,23,42,.08); transform: translateY(-2px); }

.hr-project-hero { align-items: center; background: linear-gradient(135deg,#eef2ff,#f8fafc 58%,#ecfeff); border: 1px solid #e5e7eb; border-radius: 26px; display: flex; justify-content: space-between; margin-bottom: 18px; min-height: 220px; padding: 34px; }
.hr-project-hero span { color: #4f46e5; display: block; font-size: 12px; font-weight: 900; letter-spacing: .12em; margin-top: 18px; text-transform: uppercase; }
.hr-project-hero h1 { color: #09090b; font-size: clamp(36px,5vw,64px); line-height: .9; margin: 10px 0; }
.hr-project-hero p { color: #52525b; font-size: 16px; font-weight: 700; margin: 0; }
.hr-back-link { align-items: center; color: #18181b; display: inline-flex; font-size: 13px; font-weight: 800; gap: 6px; text-decoration: none !important; }
.hr-project-hero-icon { align-items: center; background: #18181b; border-radius: 24px; color: #fff; display: flex; height: 96px; justify-content: center; width: 96px; }
.hr-project-hero-icon .material-icons { font-size: 48px; }
.hr-project-stats { display: grid; gap: 14px; grid-template-columns: repeat(3,minmax(0,1fr)); margin-bottom: 18px; }
.hr-project-stat-card { border-radius: 18px; color: #fff; min-height: 138px; padding: 22px; }
.hr-project-stat-card.hired { background: linear-gradient(135deg,#059669,#10b981); }
.hr-project-stat-card.plan { background: linear-gradient(135deg,#4f46e5,#6366f1); }
.hr-project-stat-card.need { background: linear-gradient(135deg,#ea580c,#f97316); }
.hr-project-stat-card span { display: block; font-size: 12px; font-weight: 800; opacity: .78; text-transform: uppercase; }
.hr-project-stat-card strong { display: block; font-size: 46px; line-height: 1; margin: 14px 0 8px; }
.hr-project-stat-card small { opacity: .82; }
.hr-project-layout { display: grid; gap: 18px; grid-template-columns: minmax(0,1.15fr) minmax(360px,.85fr); }
.hr-project-section { padding: 22px; }
.hr-project-vacancies, .hr-project-employees { display: grid; gap: 12px; }
.hr-project-vacancy, .hr-project-employee { background: #fff; border: 1px solid #e5e7eb; border-radius: 14px; padding: 14px; }
.hr-project-vacancy { align-items: center; display: flex; justify-content: space-between; gap: 12px; }
.hr-project-vacancy strong, .hr-project-employee strong { color: #18181b; display: block; font-size: 15px; }
.hr-project-vacancy span, .hr-project-employee span, .hr-project-employee small { color: #71717a; display: block; font-size: 12px; font-weight: 700; margin-top: 4px; }
.hr-project-employees { max-height: 560px; margin-top: 12px; overflow: auto; padding-right: 4px; }

.hr-instructions-shell { display: grid; gap: 18px; grid-template-columns: 370px minmax(0,1fr); min-height: calc(100vh - 120px); }
.hr-instructions-sidebar, .hr-instruction-workspace { background: #fff; border: 1px solid var(--border); border-radius: 22px; box-shadow: 0 16px 45px rgba(15,23,42,.05); padding: 18px; }
.hr-instructions-sidebar { align-self: start; display: grid; gap: 12px; max-height: calc(100vh - 112px); overflow: auto; position: sticky; top: 90px; }
.hr-instructions-top { align-items: flex-start; display: flex; gap: 12px; justify-content: space-between; }
.hr-instructions-top span { color: #0891b2; font-size: 11px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.hr-instructions-top h1 { font-size: 31px; line-height: 1; margin: 5px 0 0; }
.hr-instruction-categories, .hr-instruction-list { display: grid; gap: 7px; }
.hr-instruction-categories button, .hr-instruction-list-item { background: #fafafa; border: 1px solid #e5e7eb; border-radius: 12px; color: #18181b; padding: 11px 12px; text-align: left; }
.hr-instruction-categories button { align-items: center; display: flex; font-weight: 800; justify-content: space-between; }
.hr-instruction-categories button.active, .hr-instruction-list-item.active { background: #ecfeff; border-color: #67e8f9; }
.hr-instruction-list-item strong, .hr-instruction-list-item span, .hr-instruction-list-item small { display: block; }
.hr-instruction-list-item strong { font-size: 14px; }
.hr-instruction-list-item span { color: #52525b; font-size: 12px; margin-top: 4px; }
.hr-instruction-list-item small { color: #0891b2; font-weight: 800; margin-top: 6px; }
.hr-instruction-workspace { min-width: 0; }
.hr-instruction-empty { align-items: center; display: flex; flex-direction: column; justify-content: center; min-height: 520px; text-align: center; }
.hr-instruction-empty .material-icons { font-size: 54px; margin-bottom: 10px; }
.hr-instruction-editor-head { align-items: flex-start; border-bottom: 1px solid #e5e7eb; display: flex; gap: 16px; justify-content: space-between; padding-bottom: 18px; }
.hr-instruction-title-input { border: 0; color: #09090b; font-size: clamp(32px,4vw,54px); font-weight: 900; line-height: .95; outline: none; width: 100%; }
.hr-instruction-description-input { border: 0; color: #71717a; font-size: 15px; min-height: 46px; outline: none; resize: vertical; width: 100%; }
.hr-switch-mini { align-items: center; display: inline-flex; font-size: 13px; font-weight: 800; gap: 7px; white-space: nowrap; }
.hr-editorjs { font-size: 16px; line-height: 1.6; margin: 22px auto 0; max-width: 820px; min-height: 520px; }
.hr-editorjs .codex-editor__redactor { padding-bottom: 120px !important; }
.sidebar-instruction-link { align-items: center; border: 0; border-radius: 12px; color: #18181b; display: flex; font-size: 13px; font-weight: 800; gap: 10px; margin: 0 0 10px; min-height: 44px; padding: 10px 12px; text-decoration: none !important; }
.sidebar-instruction-link:hover, .sidebar-instruction-link.active { background: #f4f4f5; color: #18181b; }
.sidebar-instruction-link .material-icons { color: #71717a; font-size: 20px; }
.app-menu .hr-menu-instructions > .material-icons:first-child { background: transparent !important; color: #71717a !important; }
.hr-instructions-shell { display: block !important; min-height: 0 !important; }
.hr-instruction-library { max-width: 1160px; }
.hr-folder-breadcrumbs { align-items: center; color: #71717a; display: flex; font-size: 13px; font-weight: 800; gap: 6px; margin: -8px 0 18px; min-height: 20px; }
.hr-folder-breadcrumbs .material-icons { font-size: 17px; }
.hr-folder-grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fill,minmax(240px,1fr)); margin-bottom: 18px; }
.hr-folder-card { align-items: flex-start; background: #fff; border: 1px solid #e5e7eb; border-radius: 18px; color: #18181b; display: flex; flex-direction: column; gap: 9px; min-height: 170px; padding: 22px; text-align: left; text-decoration: none !important; transition: box-shadow .15s, transform .15s, border-color .15s; }
.hr-folder-card:hover { border-color: #a1a1aa; box-shadow: 0 16px 40px rgba(15,23,42,.08); color: #18181b; transform: translateY(-2px); }
.hr-folder-card > .material-icons { color: #18181b; font-size: 38px; }
.hr-folder-card.instruction > .material-icons { color: #52525b; }
.hr-folder-card strong { font-size: 18px; line-height: 1.15; }
.hr-folder-card span { color: #71717a; font-size: 13px; line-height: 1.45; }
.hr-instruction-reader { max-width: 900px; margin: 0 auto; }
.hr-instruction-document { background: #fff; border: 1px solid #e5e7eb; border-radius: 18px; margin-top: 14px; padding: clamp(22px,3vw,36px); }
.hr-instruction-document header span { color: #71717a; font-size: 12px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.hr-instruction-document header h1 { color: #09090b; font-size: clamp(28px,3.2vw,42px); line-height: 1.08; margin: 0 0 8px; }
.hr-instruction-document header p { color: #71717a; font-size: 15px; line-height: 1.5; margin: 0 0 22px; }
.hr-instruction-render { color: #27272a; font-size: 16px; line-height: 1.7; }
.hr-instruction-render h1, .hr-instruction-render h2, .hr-instruction-render h3 { color: #09090b; line-height: 1.1; margin: 30px 0 12px; }
.hr-instruction-render p { margin: 0 0 16px; }
.hr-instruction-render img { border-radius: 16px; display: block; max-width: 100%; }
.hr-instruction-render figure { margin: 24px 0; }
.hr-instruction-render figcaption { color: #71717a; font-size: 13px; margin-top: 8px; text-align: center; }
.hr-instruction-admin-toolbar { background: #fff; border: 1px solid #e5e7eb; border-radius: 18px; display: grid; gap: 12px; margin-bottom: 16px; padding: 16px; }
.hr-instruction-admin-categories { display: flex; flex-wrap: wrap; gap: 8px; }
.hr-instruction-admin-categories button { align-items: center; background: #fafafa; border: 1px solid #e5e7eb; border-radius: 999px; color: #18181b; display: inline-flex; font-size: 13px; font-weight: 800; gap: 8px; min-height: 36px; padding: 8px 12px; }
.hr-instruction-admin-categories button.active { background: #18181b; border-color: #18181b; color: #fff; }
.hr-instruction-admin-categories .material-icons { font-size: 17px; }
.hr-instruction-admin-list { display: grid; gap: 10px; margin-bottom: 22px; }
.hr-instruction-admin-card { align-items: center; background: #fff; border: 1px solid #e5e7eb; border-radius: 16px; display: flex; gap: 14px; justify-content: space-between; padding: 16px; }
.hr-instruction-admin-card strong, .hr-instruction-admin-card span, .hr-instruction-admin-card small { display: block; }
.hr-instruction-admin-card strong { color: #18181b; font-size: 16px; }
.hr-instruction-admin-card span { color: #52525b; font-size: 13px; margin-top: 4px; }
.hr-instruction-admin-card small { color: #71717a; font-weight: 800; margin-top: 6px; }
.hr-instruction-editor-full { background: #fff; border: 1px solid #e5e7eb; border-radius: 18px; padding: 20px; }
.hr-instruction-editor-title { flex: 1; min-width: 280px; }
.hr-instruction-editor-panel { align-items: flex-end; display: grid; gap: 10px; grid-template-columns: minmax(220px,280px) auto; justify-content: end; min-width: min(100%, 520px); }
.hr-instruction-editor-buttons { display: flex; gap: 8px; grid-column: 1 / -1; justify-content: flex-end; }
.hr-instruction-editor-head .hr-select { width: 100%; }
.hr-instruction-editor-buttons .btn.is-saving { background: linear-gradient(90deg,#18181b,#3f3f46,#18181b); background-size: 220% 100%; border-color: #18181b; color: #fff; cursor: wait; animation: hrSkeletonMove 1s linear infinite; }
.hr-instruction-editor-buttons .btn.is-saving .material-icons { animation: hrSpin .8s linear infinite; }
.hr-instruction-editor-buttons .btn.is-saved { background: #16a34a !important; border-color: #16a34a !important; color: #fff !important; }
@keyframes hrSkeletonMove { from { background-position: 0 0; } to { background-position: 220% 0; } }
@keyframes hrSpin { to { transform: rotate(360deg); } }

@media (max-width: 991px) {
    .hr-settings-grid, .hr-project-layout, .hr-instructions-shell { grid-template-columns: 1fr !important; }
    .hr-project-stats { grid-template-columns: 1fr; }
    .hr-instructions-sidebar { max-height: none; position: static; }
}
@media (max-width: 767px) {
    .hr-settings-hero, .hr-project-hero, .hr-instruction-editor-head { align-items: flex-start; flex-direction: column; }
    .hr-settings-hero, .hr-project-hero { padding: 24px; }
    .hr-project-hero-icon { height: 70px; width: 70px; }
    .hr-project-hero-icon .material-icons { font-size: 36px; }
}
/* HH.ru integration */
.hr-hhru-summary{display:grid;gap:22px;margin-top:24px}.hr-hhru-account,.hr-hhru-organization{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;border:1px solid var(--border-color,#e5e7eb);border-radius:18px;background:#fff}.hr-hhru-account>div,.hr-hhru-organization>div:first-child{display:flex;flex-direction:column;gap:4px}.hr-hhru-account span,.hr-hhru-organization span,.hr-hhru-section>div:first-child>span{color:#737782;font-size:13px}.hr-hhru-account strong,.hr-hhru-organization strong,.hr-hhru-organization a{color:#111318;font-size:18px;font-weight:700;text-decoration:none}.hr-hhru-account small{color:#737782}.hr-hhru-organization a{display:inline-flex;align-items:center;gap:6px}.hr-hhru-organization a i{font-size:17px}.hr-hhru-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hr-hhru-metric{position:relative;display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;column-gap:15px;padding:21px;border-radius:18px;background:#f5f6f8}.hr-hhru-metric>i{grid-row:1/3;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#111318;color:#fff}.hr-hhru-metric strong{font-size:24px;line-height:1}.hr-hhru-metric span{color:#737782;font-size:13px}.hr-hhru-section{display:grid;gap:15px}.hr-hhru-section h2{margin:3px 0 0;font-size:22px}.hr-hhru-organizations{display:grid;gap:12px}.hr-hhru-organization-counts{display:flex;flex-direction:row!important;gap:10px!important}.hr-hhru-organization-counts span{padding:8px 11px;border-radius:10px;background:#f5f6f8;color:#555b66}.hr-hhru-organization-counts b{color:#111318}.hr-hhru-empty{display:grid;place-items:center;min-height:330px;padding:40px;border:1px dashed #d4d7dd;border-radius:20px;text-align:center}.hr-hhru-empty>i{font-size:42px;color:#a0a4ad}.hr-hhru-empty strong{margin-top:15px;font-size:21px}.hr-hhru-empty p{max-width:480px;color:#737782}.hr-hhru-skeleton{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hr-hhru-skeleton span{height:110px;border-radius:18px;background:linear-gradient(90deg,#f1f2f4 25%,#fafafa 50%,#f1f2f4 75%);background-size:200% 100%;animation:hr-skeleton 1.4s infinite}.hr-status-pill.is-active{padding:7px 11px;border-radius:999px;background:#dcfce7;color:#16803c;font-size:13px;font-weight:700}.hr-hhru-oauth-error{margin-top:18px}@media(max-width:760px){.hr-hhru-metrics,.hr-hhru-skeleton{grid-template-columns:1fr}.hr-hhru-account,.hr-hhru-organization{align-items:flex-start;flex-direction:column}.hr-hhru-organization-counts{flex-wrap:wrap}}

/* One-time candidate import */
.hr-import-card{display:grid;gap:20px;max-width:920px;padding:26px;border:1px solid #e5e7eb;border-radius:20px;background:#fff}.hr-import-drop{display:grid;place-items:center;min-height:230px;padding:28px;border:2px dashed #d3d6dc;border-radius:17px;background:#fafafa;cursor:pointer;text-align:center}.hr-import-drop:hover{border-color:#111318;background:#f6f6f7}.hr-import-drop>i{font-size:42px}.hr-import-drop strong{margin-top:12px;font-size:20px}.hr-import-drop span{margin-top:5px;color:#737782}.hr-import-drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.hr-import-file{display:flex;align-items:center;gap:13px;padding:15px 17px;border-radius:14px;background:#f3f4f6}.hr-import-file>i{font-size:30px}.hr-import-file>div{display:flex;flex-direction:column}.hr-import-file span{color:#737782;font-size:13px}.hr-import-actions{display:flex;justify-content:flex-end}.hr-import-progress{display:grid;gap:9px}.hr-import-progress>div{display:flex;justify-content:space-between}.hr-import-progress progress{width:100%;height:11px;accent-color:#111318}.hr-import-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.hr-import-stats article{display:flex;flex-direction:column;padding:16px;border-radius:14px;background:#f5f6f8}.hr-import-stats strong{font-size:25px}.hr-import-stats span{color:#737782;font-size:13px}.hr-import-errors{padding:18px;border-radius:14px;background:#fff3f2;color:#a52020}.hr-import-errors h2{margin:0 0 10px;font-size:17px}.hr-import-errors>div{display:grid;gap:5px;font-size:14px}@media(max-width:760px){.hr-import-card{padding:17px}.hr-import-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* List pagination */
.hr-list-pagination{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-top:1px solid #eceef1;color:#71717a;font-size:13px}.hr-list-pagination-controls,.hr-list-pagination-controls>label,.hr-list-pagination-pages{display:flex;align-items:center;gap:12px}.hr-list-pagination-controls>label{white-space:nowrap}.hr-list-pagination-controls .hr-select{min-width:76px;height:38px;padding-top:6px;padding-bottom:6px}.hr-list-pagination-pages strong{min-width:66px;text-align:center;color:#3f3f46;font-size:13px}.hr-list-pagination-pages .btn{min-height:38px}.hr-list-pagination-pages button:disabled{cursor:default;opacity:.42}@media(max-width:680px){.hr-list-pagination{align-items:flex-start;flex-direction:column}.hr-list-pagination-controls{width:100%;justify-content:space-between;flex-wrap:wrap}.hr-list-pagination-pages{margin-left:auto}}

/* HH.ru vacancies, responses and resume */
.hr-hhru-organization-actions{display:flex!important;align-items:center;flex-direction:row!important;gap:14px!important}.hr-hhru-workspace{display:grid;gap:18px;padding-top:6px}.hr-hhru-workspace-head,.hr-hhru-subhead{display:flex;align-items:center;justify-content:space-between;gap:20px}.hr-hhru-workspace-head span,.hr-hhru-subhead span{color:#737782;font-size:13px}.hr-hhru-workspace-head h2,.hr-hhru-subhead h3{margin:3px 0 0}.hr-hhru-tabs{display:flex;padding:4px;border-radius:12px;background:#f1f2f4}.hr-hhru-tabs button{padding:9px 14px;border:0;border-radius:9px;background:transparent;color:#686d78;font-weight:700}.hr-hhru-tabs button.active{background:#fff;color:#111318;box-shadow:0 2px 8px rgba(15,23,42,.08)}.hr-hhru-loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:130px;color:#71717a}.hr-hhru-vacancy-list,.hr-hhru-response-list{display:grid;gap:10px;margin-top:12px}.hr-hhru-vacancy,.hr-hhru-response{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;padding:16px;border:1px solid #e6e8ec;border-radius:15px;background:#fff;text-align:left}.hr-hhru-vacancy:hover,.hr-hhru-response:hover{border-color:#b7bbc4;background:#fafafa}.hr-hhru-vacancy-icon,.hr-hhru-response-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#f0f1f3;color:#454a55}.hr-hhru-vacancy>span:nth-child(2),.hr-hhru-response>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:4px}.hr-hhru-vacancy strong,.hr-hhru-response strong{overflow:hidden;color:#111318;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.hr-hhru-vacancy small,.hr-hhru-response small,.hr-hhru-response em{color:#737782;font-size:12px;font-style:normal}.hr-hhru-vacancy-meta{display:flex;align-items:center;gap:14px!important;color:#737782}.hr-hhru-vacancy-meta span{display:flex;align-items:center;gap:5px}.hr-hhru-vacancy-meta i{font-size:19px}.hr-hhru-pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:15px}.hr-hhru-responses{display:grid;gap:12px;margin-top:10px;padding-top:24px;border-top:1px solid #eceef1}.hr-hhru-response img{width:48px;height:48px;border-radius:14px;object-fit:cover}.hr-hhru-response>i{color:#8a8f99}.hr-hhru-resume-dialog{width:min(1040px,calc(100vw - 30px));max-width:1040px}.hr-hhru-resume-dialog .modal-body{display:grid;gap:22px;max-height:calc(100vh - 160px);overflow:auto;padding:24px}.hr-hhru-resume-hero{display:flex;align-items:center;gap:18px}.hr-hhru-resume-hero>img,.hr-hhru-resume-hero>span{width:92px;height:92px;border-radius:20px}.hr-hhru-resume-hero>img{object-fit:cover}.hr-hhru-resume-hero>span{display:grid;place-items:center;background:#f0f1f3}.hr-hhru-resume-hero>span i{font-size:44px}.hr-hhru-resume-hero h3{margin:0;font-size:24px}.hr-hhru-resume-hero p{margin:5px 0 12px;color:#737782}.hr-hhru-resume-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hr-hhru-resume-facts>div{display:flex;min-width:0;flex-direction:column;gap:4px;padding:14px;border-radius:12px;background:#f5f6f8}.hr-hhru-resume-facts span{color:#737782;font-size:12px}.hr-hhru-resume-facts strong{overflow-wrap:anywhere}.hr-hhru-resume-section{display:grid;gap:12px}.hr-hhru-resume-section h3{margin:0;font-size:18px}.hr-hhru-skills{display:flex;flex-wrap:wrap;gap:7px}.hr-hhru-skills span{padding:7px 10px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:13px}.hr-hhru-experience,.hr-hhru-education{display:grid;gap:10px}.hr-hhru-experience article,.hr-hhru-education article{padding:15px;border-left:3px solid #111318;border-radius:0 12px 12px 0;background:#f8f8f9}.hr-hhru-experience article>div,.hr-hhru-education article{display:flex;justify-content:space-between;gap:15px}.hr-hhru-experience article span,.hr-hhru-experience time,.hr-hhru-education span{color:#737782;font-size:13px}.hr-hhru-experience p{margin:10px 0 0;white-space:pre-line}.hr-hhru-json{border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.hr-hhru-json summary{padding:15px 17px;cursor:pointer;font-weight:700}.hr-hhru-json pre{max-height:460px;margin:0;padding:18px;overflow:auto;border-top:1px solid #e5e7eb;background:#111318;color:#e8eaf0;font-size:12px;white-space:pre-wrap;word-break:break-word}@media(max-width:760px){.hr-hhru-organization-actions,.hr-hhru-workspace-head{align-items:stretch!important;flex-direction:column!important}.hr-hhru-tabs{align-self:stretch}.hr-hhru-tabs button{flex:1}.hr-hhru-resume-facts{grid-template-columns:1fr}.hr-hhru-vacancy-meta span{display:none}.hr-hhru-resume-hero{align-items:flex-start}.hr-hhru-experience article>div,.hr-hhru-education article{flex-direction:column}}

/* Dashboard approval queues */
.hr-dashboard-approval-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px}.hr-dashboard-approval-card{overflow:hidden;border:1px solid var(--border);border-radius:13px;background:#fff}.hr-dashboard-approval-card.is-waiting{border-top:3px solid #f59e0b}.hr-dashboard-approval-card.is-approved{border-top:3px solid #22c55e}.hr-dashboard-approval-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 19px 15px;border-bottom:1px solid #eceef1}.hr-dashboard-approval-head span{color:#858994;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.hr-dashboard-approval-head h2{margin:3px 0 0;font-size:16px}.hr-dashboard-approval-head>strong{display:grid;place-items:center;min-width:42px;height:34px;padding:0 11px;border-radius:11px;background:#f3f4f6;font-size:17px}.hr-dashboard-approval-card.is-waiting .hr-dashboard-approval-head>strong{background:#fff7e6;color:#b76a00}.hr-dashboard-approval-card.is-approved .hr-dashboard-approval-head>strong{background:#eafaf0;color:#16803c}.hr-dashboard-approval-scroll{display:grid;align-content:start;gap:8px;max-height:390px;padding:12px;overflow-y:auto;overscroll-behavior:contain}.hr-dashboard-approval-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;border:1px solid #eceef1;border-radius:11px;background:#fff}.hr-dashboard-approval-avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#f1f2f4;color:#565b66}.hr-dashboard-approval-info{display:flex;min-width:0;flex-direction:column;gap:2px}.hr-dashboard-approval-info strong,.hr-dashboard-approval-info small,.hr-dashboard-approval-info em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hr-dashboard-approval-info strong{font-size:13px}.hr-dashboard-approval-info small{color:#525762;font-size:11px}.hr-dashboard-approval-info em{color:#8a8f99;font-size:10px;font-style:normal}.hr-dashboard-approval-date{display:flex;align-items:flex-end;flex-direction:column;gap:4px;color:#71717a;font-size:11px;font-weight:700}.hr-dashboard-approval-date small{color:#a0a4ad;font-size:9px;font-weight:500;white-space:nowrap}.hr-dashboard-approval-empty{display:grid;place-items:center;min-height:190px;color:#9a9ea8;text-align:center}.hr-dashboard-approval-empty i{font-size:34px}.hr-dashboard-approval-empty span{font-size:12px}@media(max-width:900px){.hr-dashboard-approval-grid{grid-template-columns:1fr}}@media(max-width:560px){.hr-dashboard-approval-item{grid-template-columns:auto minmax(0,1fr)}.hr-dashboard-approval-date{grid-column:2;align-items:flex-start;flex-direction:row}.hr-dashboard-approval-scroll{max-height:360px}}

/* Candidate detail page */
.hr-candidate-detail-page { max-width:1480px; min-width:0; }
.hr-candidate-page-head { align-items:center; display:flex; justify-content:space-between; gap:18px; margin:0 0 18px; padding:17px 20px; border:1px solid #dbeafe; border-radius:15px; background:linear-gradient(110deg,#f4f8ff 0%,#fff 72%); }
.hr-candidate-page-identity { align-items:center; display:flex; gap:14px; min-width:0; }
.hr-candidate-page-icon { align-items:center; background:#e0edff; border-radius:13px; color:#2563eb; display:flex; flex:0 0 48px; height:48px; justify-content:center; width:48px; }
.hr-candidate-page-icon .material-icons { font-size:25px; }
.hr-candidate-page-head .hr-eyebrow { margin:0 0 3px; }
.hr-candidate-page-head h1 { font-size:23px; line-height:1.25; margin:0; overflow-wrap:anywhere; }
.hr-candidate-page-head p { color:#697386; font-size:12px; margin:4px 0 0; }
.hr-candidate-detail-page .hr-candidate-profile-grid { align-items:stretch; grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr); gap:14px; }
.hr-candidate-detail-page .hr-candidate-profile-grid > .hr-card { border-color:#e2e8f0; border-radius:14px !important; padding:19px; }
.hr-candidate-panel-profile { background:linear-gradient(145deg,#fff 0%,#f8fbff 100%); }
.hr-candidate-panel-applications { background:linear-gradient(145deg,#fff 0%,#fffbf2 100%); }
.hr-candidate-detail-page .hr-section-title { margin-bottom:14px; }
.hr-candidate-detail-page .hr-section-title > div { min-width:0; }
.hr-candidate-detail-page .hr-section-title h2 { margin:1px 0 0; }
.hr-candidate-section-kicker { color:#8a91a0; display:block; font-size:9px; font-weight:800; letter-spacing:.1em; line-height:1.2; text-transform:uppercase; }
.hr-candidate-panel-icon { align-items:center; background:#fff2d9; border-radius:10px; color:#b7791f; display:flex; height:34px; justify-content:center; width:34px; }
.hr-candidate-panel-icon .material-icons { font-size:19px; }
.hr-candidate-count { align-items:center; background:#ffedd5; border-radius:999px; color:#9a5b00; display:inline-flex; font-size:11px; height:23px; justify-content:center; margin-left:5px; min-width:23px; padding:0 6px; vertical-align:middle; }
.hr-profile-facts { gap:9px; }
.hr-profile-facts > div { background:#fff; border-color:#e8edf4; border-radius:11px; min-width:0; padding:11px 12px; }
.hr-profile-facts > .hr-fact-contact { background:#f1f7ff; border-color:#dceaff; }
.hr-profile-facts > .hr-fact-rating { background:#f0fdf4; border-color:#dcfce7; }
.hr-profile-facts > .hr-fact-info { background:#f5f3ff; border-color:#ebe6ff; }
.hr-profile-facts > .hr-fact-note { background:#f8fafc; border-color:#e2e8f0; }
.hr-profile-facts > div > span { font-size:9px; letter-spacing:.06em; }
.hr-profile-facts > div > strong { font-size:13px; overflow-wrap:anywhere; }
.hr-profile-facts .hr-candidate-status { max-width:100%; }
.hr-candidate-application-card { background:#fff; border-color:#f2e8d5 !important; border-radius:12px !important; padding:13px !important; }
.hr-candidate-application-head { align-items:center; }
.hr-candidate-application-head > div { min-width:0; }
.hr-candidate-application-head > div > strong { background:#fff7e6; border-radius:7px; color:#a16207; display:inline-block; font-size:10px; margin:0 0 5px; padding:4px 7px; }
.hr-candidate-application-head > div > span { color:#27272a !important; font-size:15px !important; font-weight:700; line-height:1.35; overflow-wrap:anywhere; }
.hr-candidate-application-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.hr-candidate-application-grid > div { background:#fffaf0; border-color:#f7edd9; }
.hr-candidate-applications > p { background:#fafafa; border-radius:9px; margin-top:10px; padding:10px; }
.hr-candidate-no-application { align-items:center; background:#fffaf0; border:1px dashed #f1d8aa; border-radius:12px; color:#9a6b20; display:flex; gap:12px; min-height:110px; padding:18px; }
.hr-candidate-no-application > .material-icons { font-size:27px; }
.hr-candidate-no-application > span { display:grid; gap:4px; }
.hr-candidate-no-application strong { color:#513c1c; font-size:13px; }
.hr-candidate-no-application small { color:#8a7351; font-size:11px; }
.hr-candidate-detail-page .hr-candidate-chat-layout { gap:14px; grid-template-columns:minmax(280px,330px) minmax(0,1fr); }
.hr-candidate-panel-compose { background:linear-gradient(145deg,#fff 0%,#f1fbf6 100%); border-color:#d9f0e2; border-radius:14px !important; padding:19px; }
.hr-candidate-panel-compose > h2 { margin-top:5px; }
.hr-candidate-panel-history { background:linear-gradient(145deg,#fff 0%,#f7f5ff 100%); border-color:#e8e2ff; border-radius:14px !important; padding:19px; }
.hr-candidate-panel-history .hr-action-item { background:#fff; border-color:#eae6f5; }
.hr-candidate-detail-page .hr-action-icon { background:#eef2ff; color:#6366f1; }
.hr-candidate-panel-documents { background:linear-gradient(145deg,#fff 0%,#fffaf3 100%); border-color:#f3e6d2; border-radius:14px !important; margin-top:14px; padding:19px; }
.hr-document-quick-add { align-items:center; display:flex; flex-wrap:wrap; gap:6px; margin:-3px 0 13px; }
.hr-document-quick-label { color:#8a7351; flex:0 0 100%; font-size:10px; font-weight:750; }
.hr-document-quick-add button { align-items:center; background:#fff; border:1px solid #f0dfc2; border-radius:999px; color:#735324; cursor:pointer; display:inline-flex; font-size:11px; gap:4px; max-width:100%; padding:6px 9px; transition:background .15s,border-color .15s,transform .15s; }
.hr-document-quick-add button:hover { background:#fff1d6; border-color:#e9c98e; transform:translateY(-1px); }
.hr-document-quick-add button .material-icons { font-size:15px; }
.hr-candidate-document-dialog { max-width:660px; }
.hr-candidate-document-dialog .modal-content { border-radius:16px; overflow:hidden; }
.hr-candidate-document-dialog .modal-header { background:#fffaf3; border-bottom-color:#f3e6d2; }
.hr-candidate-document-dialog .modal-body { display:grid; gap:12px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.hr-candidate-document-dialog .modal-body > div { min-width:0; }
.hr-candidate-document-dialog .modal-body > .hr-candidate-document-comment,.hr-candidate-document-dialog .modal-body > .hr-fields-grid,.hr-candidate-document-dialog .modal-body > .hr-form-error { grid-column:1/-1; }
.hr-candidate-document-dialog .modal-body .hr-fields-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.hr-candidate-document-dialog .modal-body .hr-select-block,.hr-candidate-document-dialog .modal-body .form-control { max-width:100%; min-width:0; width:100%; }
@media(max-width:991px) {
    .hr-candidate-detail-page .hr-candidate-profile-grid { grid-template-columns:1fr; }
    .hr-candidate-detail-page .hr-candidate-chat-layout { grid-template-columns:1fr; }
}
@media(max-width:600px) {
    .hr-candidate-page-head { align-items:flex-start; flex-direction:column; padding:14px; }
    .hr-candidate-page-head h1 { font-size:19px; }
    .hr-candidate-detail-page .hr-candidate-profile-grid > .hr-card,.hr-candidate-panel-compose,.hr-candidate-panel-history,.hr-candidate-panel-documents { padding:14px; }
    .hr-profile-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .hr-candidate-application-grid { grid-template-columns:1fr; }
    .hr-candidate-document-dialog .modal-body { grid-template-columns:1fr; }
    .hr-candidate-document-dialog .modal-body > .hr-candidate-document-comment,.hr-candidate-document-dialog .modal-body > .hr-fields-grid,.hr-candidate-document-dialog .modal-body > .hr-form-error { grid-column:auto; }
}

/* Personal notifications */
.sidebar-notifications-link { align-items:center; border:0; border-radius:12px; color:#18181b; display:flex; font-size:13px; font-weight:800; gap:10px; margin:0 0 8px; min-height:44px; padding:10px 12px; position:relative; text-decoration:none !important; }
.sidebar-notifications-link:hover,.sidebar-notifications-link.active { background:#f4f4f5; color:#18181b; }
.sidebar-notifications-link > .material-icons { align-items:center; background:#fff1f2; border-radius:9px; color:#e11d48; display:inline-flex; height:28px; justify-content:center; width:28px; }
.sidebar-notifications-link > span { flex:1; }
.sidebar-notifications-link > b { align-items:center; background:#dc2626; border:2px solid #fff; border-radius:999px; color:#fff; display:inline-flex; font-size:10px; height:21px; justify-content:center; line-height:1; min-width:21px; padding:0 5px; }
.sidebar-notifications-link > b[hidden],.hr-notification-list[hidden],.hr-notifications-empty[hidden] { display:none !important; }
.hr-notifications-page { margin:0 auto; max-width:1040px; min-width:0; }
.hr-notifications-heading { align-items:center; display:flex; justify-content:space-between; gap:20px; margin-bottom:18px; }
.hr-notifications-heading > div > span { color:#e11d48; font-size:10px; font-weight:800; letter-spacing:.12em; }
.hr-notifications-heading h1 { font-size:25px; line-height:1.2; margin:4px 0 5px; }
.hr-notifications-heading p { color:#737782; font-size:13px; margin:0; }
.hr-notifications-toolbar { align-items:center; border-bottom:1px solid #e9eaee; display:flex; justify-content:space-between; gap:14px; margin-bottom:12px; padding:0 2px 12px; }
.hr-notifications-unread { align-items:center; color:#535965; display:flex; font-size:12px; gap:6px; }
.hr-notifications-unread i { color:#e11d48; font-size:17px; }
.hr-notifications-unread b { color:#18181b; }
.hr-notifications-toolbar > span:last-child { color:#9a9ea8; font-size:11px; }
.hr-notification-list { display:grid; gap:9px; }
.hr-notification-card { align-items:center; background:#fff; border:1px solid #e7e9ee; border-left:4px solid #cbd5e1; border-radius:12px; cursor:pointer; display:grid; gap:13px; grid-template-columns:40px minmax(0,1fr) auto; padding:14px; transition:background .15s,border-color .15s,box-shadow .15s; }
.hr-notification-card:hover { background:#fcfcfd; border-color:#d7dbe3; box-shadow:0 4px 14px rgba(15,23,42,.045); }
.hr-notification-card.is-unread { background:#fbfdff; border-left-color:#e11d48; }
.hr-notification-card.approval.is-unread { border-left-color:#16a34a; }
.hr-notification-icon { align-items:center; background:#f1f5f9; border-radius:11px; color:#64748b; display:flex; height:40px; justify-content:center; width:40px; }
.hr-notification-card.reminder .hr-notification-icon { background:#fff1f2; color:#e11d48; }
.hr-notification-card.approval .hr-notification-icon { background:#ecfdf3; color:#16a34a; }
.hr-notification-content { min-width:0; }
.hr-notification-card-heading { align-items:center; display:flex; flex-wrap:wrap; gap:9px; }
.hr-notification-card-heading h2 { font-size:14px; line-height:1.35; margin:0; }
.hr-notification-content > p { color:#535965; font-size:12px; line-height:1.55; margin:5px 0 8px; overflow-wrap:anywhere; }
.hr-notification-meta { align-items:center; color:#9398a3; display:flex; flex-wrap:wrap; font-size:10px; gap:12px; }
.hr-notification-new-label,.hr-notification-read-label { align-items:center; border-radius:999px; display:inline-flex; font-size:9px; font-weight:800; gap:5px; padding:4px 7px; }
.hr-notification-new-label { background:#fff1f2; color:#be123c; }
.hr-notification-new-label i { background:#e11d48; border-radius:50%; height:6px; width:6px; }
.hr-notification-read-label { background:#f4f4f5; color:#71717a; }
.hr-notification-action { flex:0 0 auto; min-height:34px; padding:6px 10px; }
.hr-notification-action .material-icons { font-size:16px; }
.hr-notification-loading,.hr-notifications-empty { align-items:center; color:#9297a1; display:flex; flex-direction:column; gap:9px; justify-content:center; min-height:230px; text-align:center; }
.hr-notification-loading { flex-direction:row; }
.hr-notifications-empty > span { align-items:center; background:#f4f4f5; border-radius:17px; color:#a1a1aa; display:flex; height:58px; justify-content:center; width:58px; }
.hr-notifications-empty > span i { font-size:30px; }
.hr-notifications-empty strong { color:#27272a; font-size:15px; }
.hr-notifications-empty p { color:#808590; font-size:12px; margin:0; }
.hr-reminder-dialog { max-width:520px; }
.hr-reminder-dialog .modal-header { background:#fff7f7; border-bottom-color:#fee2e2; }
.hr-reminder-dialog .modal-header h2 { margin:3px 0 3px; }
.hr-reminder-dialog .modal-header p { color:#71717a; font-size:12px; margin:0; }
.hr-reminder-quick-picks { display:flex; flex-wrap:wrap; gap:7px; }
.hr-reminder-quick-picks > span { color:#71717a; flex:0 0 100%; font-size:11px; font-weight:700; }
.hr-reminder-quick-picks button { background:#fff; border:1px solid #e4e4e7; border-radius:999px; color:#52525b; cursor:pointer; font-size:11px; padding:7px 11px; }
.hr-reminder-quick-picks button:hover,.hr-reminder-quick-picks button.active { background:#fff1f2; border-color:#fda4af; color:#be123c; }
.hr-reminder-days-field { align-items:center; display:flex; gap:10px; max-width:220px; }
.hr-reminder-days-field input { min-width:0; }
.hr-reminder-days-field span { color:#71717a; font-size:12px; }
@media(max-width:640px) {
    .hr-notifications-heading { align-items:flex-start; flex-direction:column; }
    .hr-notifications-heading h1 { font-size:21px; }
    .hr-notification-card { align-items:start; grid-template-columns:36px minmax(0,1fr); padding:12px; }
    .hr-notification-icon { height:36px; width:36px; }
    .hr-notification-action { grid-column:2; justify-self:start; }
    .hr-notifications-toolbar { align-items:flex-start; flex-direction:column; }
}

/* Candidate workspace: compact toolbar, contained table and a readable create form. */
.app-menu .hr-menu-candidates > .material-icons:first-child { background:#f0fdfa; color:#0d9488 !important; }
.hr-candidates-page { box-sizing:border-box; max-width:100%; min-width:0; padding-top:14px !important; }
.hr-candidates-page .hr-page-header { align-items:center; gap:12px; margin:0 0 8px; }
.hr-candidates-page .hr-page-heading h1 { margin:0; font-size:20px !important; line-height:1.2; }
.hr-candidates-page .hr-page-heading p { display:none; }
.hr-candidates-page .hr-page-header > .btn { flex:0 0 auto; min-height:36px; padding:7px 12px; }
.hr-candidates-page .hr-list-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin:0 0 9px; min-width:0; }
.hr-candidates-page .hr-list-toolbar > .hr-search { flex:1 1 100%; width:100%; max-width:none; min-width:0; }
.hr-candidates-page .hr-list-toolbar > .hr-search input { min-width:0; width:100%; }
.hr-candidates-page .hr-list-toolbar > .hr-select,
.hr-candidates-page #kb_application_filters > .hr-select { flex:1 1 145px; width:auto; max-width:100%; min-width:0; margin:0; }
.hr-candidates-page #kb_application_filters { display:contents; }
.hr-candidates-page .hr-column-picker { flex:0 0 auto; min-width:0; }
.hr-candidates-page .hr-column-picker-button { min-height:36px; max-width:100%; padding:6px 9px; white-space:nowrap; }
.hr-candidates-page .hr-table-card { box-sizing:border-box; width:100%; max-width:100%; min-width:0; overflow:hidden; }
.hr-candidates-page .hr-table-card > .table-responsive { width:100%; max-width:100%; min-width:0; overflow-x:auto; overscroll-behavior-x:contain; }
.hr-candidates-page .hr-data-table { min-width:900px; }
.hr-candidate-editor-dialog { display:flex; width:min(960px,calc(100vw - 32px)); max-width:960px; max-height:calc(100dvh - 32px); margin:16px auto; }
.hr-candidate-editor-dialog #kb_form { display:flex; min-width:0; max-height:calc(100dvh - 32px); flex:1; flex-direction:column; overflow:hidden; }
.hr-candidate-editor-dialog .modal-header,.hr-candidate-editor-dialog .modal-footer { flex:0 0 auto; }
.hr-candidate-editor-dialog .modal-body { min-height:0; overflow-y:auto; overscroll-behavior:contain; }
.hr-candidate-editor-dialog .modal-header { padding:16px 20px 12px; }
.hr-candidate-editor-dialog .modal-body { padding:14px 20px; }
.hr-candidate-editor-dialog .modal-footer { padding:12px 20px 16px; }
.hr-candidate-editor-dialog .hr-editor-fields { display:grid; align-content:start; gap:12px; }
.hr-candidate-form-section { --candidate-accent:#64748b; min-width:0; margin:0; padding:2px 0 13px 13px; border:0; border-left:3px solid var(--candidate-accent); border-radius:0; }
.hr-candidate-section-primary { --candidate-accent:#2563eb; }
.hr-candidate-section-profile { --candidate-accent:#0d9488; }
.hr-candidate-section-application { --candidate-accent:#d97706; }
.hr-candidate-form-section > header { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin:0 0 10px; }
.hr-candidate-form-section > header strong { color:#18181b; font-size:14px; }
.hr-candidate-form-section > header span { color:#8a8f99; font-size:11px; }
.hr-candidate-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:10px 14px; min-width:0; }
.hr-candidate-form-grid > div { min-width:0; }
.hr-candidate-form-grid .hr-candidate-form-grid { grid-column:1/-1; }
.hr-candidate-form-grid .hr-candidate-form-wide { grid-column:1/-1; }
.hr-candidate-form-section .form-control,.hr-candidate-form-section .hr-select-block { box-sizing:border-box; width:100%; max-width:100%; min-width:0; }
.hr-candidate-form-section .form-label { margin-bottom:4px; font-size:12px; }
.hr-required-mark { color:#dc2626; font-size:14px; letter-spacing:1px; }
.hr-candidate-form-section .hr-quick-badges { display:flex; flex-wrap:wrap; gap:5px; margin:0 0 6px; }
.hr-candidate-form-section .hr-quick-badges button { max-width:100%; }
@media(max-width:680px) {
    .hr-candidates-page { padding-right:12px !important; padding-left:12px !important; }
    .hr-candidates-page .hr-list-toolbar > .hr-select,.hr-candidates-page #kb_application_filters > .hr-select { flex-basis:calc(50% - 5px); }
    .hr-candidates-page .hr-column-picker { flex:1 1 auto; }
    .hr-candidates-page .hr-column-picker-button { width:100%; justify-content:center; }
    .hr-candidate-editor-dialog { width:calc(100vw - 20px); max-height:calc(100dvh - 20px); margin:10px auto; }
    .hr-candidate-editor-dialog #kb_form { max-height:calc(100dvh - 20px); }
    .hr-candidate-editor-dialog .modal-header,.hr-candidate-editor-dialog .modal-body,.hr-candidate-editor-dialog .modal-footer { padding-right:14px; padding-left:14px; }
    .hr-candidate-form-grid { grid-template-columns:minmax(0,1fr); }
    .hr-candidate-form-grid .hr-candidate-form-grid { grid-column:auto; }
    .hr-candidate-form-grid .hr-candidate-date-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .hr-candidate-form-grid .hr-candidate-form-wide { grid-column:auto; }
}

/* Local vacancy to HH.ru link */
.hr-hhru-linked-badge{align-self:flex-start;margin-top:4px;padding:4px 7px;border-radius:7px;background:#eef2ff;color:#4338ca!important;font-size:10px!important;font-weight:700}.hr-hhru-link-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.hr-hhru-link-toolbar>.hr-select{min-width:240px}.hr-hhru-link-list{display:grid;gap:8px;max-height:480px;overflow-y:auto}.hr-hhru-link-item{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;padding:14px 15px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;text-align:left}.hr-hhru-link-item:hover{border-color:#aeb3bd;background:#fafafa}.hr-hhru-link-item.selected{border-color:#6366f1;background:#f3f4ff}.hr-hhru-link-item>span{display:flex;min-width:0;flex-direction:column;gap:3px}.hr-hhru-link-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hr-hhru-link-item small{color:#7a7f89}.hr-hhru-link-item>i{color:#6366f1}@media(max-width:680px){.hr-hhru-link-toolbar{align-items:stretch;flex-direction:column}.hr-hhru-link-toolbar>.hr-select{width:100%;min-width:0}}