/* ============================================================
   Унаследованные стили страниц.
   Собраны из старого base.html и style.css без изменения правил —
   вёрстка каждой страницы обязана остаться прежней.
   Правила исчезнувшей верхней навигации удалены (strip_dead_css.py),
   жёстко заданные цвета заменены на токены темы (tokenize_css.py).
   ============================================================ */


    *{box-sizing:border-box} html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:rgb(var(--bg));color:rgb(var(--fg));overflow-x:hidden;max-width:100vw}
    a{text-decoration:none;color:inherit} h1,h2,h3{margin:0 0 14px;font-weight:700;color:rgb(var(--fg));letter-spacing:-.01em} p{color:rgb(var(--muted));line-height:1.55}
    img{max-width:100%}
    .nav-drop-btn{background:none;border:0;color:rgb(var(--fg-2));font-weight:600;font-size:14px;padding:9px 12px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:5px;white-space:nowrap}
    .nav-drop-btn .chev{font-size:9px;color:rgb(var(--muted))}
    .nav-drop-btn:hover{background:rgb(var(--surface-2));color:rgb(var(--fg))}
    .nav-drop-menu{display:none;position:absolute;left:0;top:calc(100% + 8px);min-width:230px;background:rgb(var(--surface));border:1px solid rgb(var(--line));border-radius:16px;box-shadow:0 20px 50px rgb(var(--shadow) / .14);padding:8px;z-index:900}
    .nav-drop-menu a{padding:10px 12px;border-radius:10px;color:rgb(var(--fg-2));font-weight:500;font-size:14px}
    .nav-drop-menu a:hover{background:rgb(var(--surface-2))}
    .nav-drop-menu a.active{background:rgb(var(--brand));color:rgb(var(--surface))}
    .hero{background:linear-gradient(135deg,rgb(var(--fg)),rgb(var(--brand-dark)));border-radius:24px;padding:28px;color:rgb(var(--surface));box-shadow:0 18px 45px rgb(var(--shadow) / .14);overflow:hidden;position:relative}.hero h2,.hero p{color:rgb(var(--surface))}.hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;top:-120px;background:rgb(var(--brand) / .28)}
    .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.card{background:rgb(var(--surface));border:1px solid rgb(var(--line));border-radius:18px;padding:20px;box-shadow:0 1px 2px rgb(var(--shadow) / .04)}.card-link{transition:.15s}.card-link:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgb(var(--shadow) / .09);border-color:rgb(var(--line-strong))}.stat b{font-size:30px;display:block;font-weight:700}.stat span{color:rgb(var(--muted));font-weight:400}
    /* Grid items default to min-width:auto, so a wide child (a Chart.js
       canvas, a long unbroken string, a wide table) can force the whole grid
       track - and on mobile, the whole page - to overflow horizontally,
       making the page itself scrollable sideways. This is a defensive,
       site-wide guard: it does not change any visual size when content
       already fits, it only stops grid children from being stretched wider
       than their column by their own content. */
    .grid4>*,.grid2>*{min-width:0}
    .card canvas{max-width:100%!important}
    input,select,textarea,button{font-family:inherit}
    input,select,textarea{width:100%;height:46px;border:1px solid rgb(var(--line));border-radius:12px;background:rgb(var(--surface));padding:0 14px;font-size:15px;font-weight:400;outline:none;transition:.12s}textarea{height:auto;padding:14px}
    /* select-specific: reserve room for the native dropdown arrow so the
       selected text never visually collides with it, force ellipsis instead
       of a hard clip when text is still too long for the box, and give
       selects inside 2/3/4-col grids a usable width floor - the site-wide
       ".grid2>*,.grid4>*{min-width:0}" rule above (needed to stop wide
       canvases/tables from forcing horizontal page scroll) was letting
       selects shrink far below what their option text needs, which is why
       branch/position/template names were getting cut off across admin
       panels. */
    select{padding-right:34px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background-repeat:no-repeat}
    .grid2 select,.grid3 select,.grid4 select,.field select,.smart-filter select,.form-grid select{min-width:150px}
    /* Safety net: the generic input rule above sets height:46px on every input,
       including plain checkboxes/radios that don't have their own custom class
       (e.g. .ra-check) - without this they render as giant 46px native boxes. */
    input[type="checkbox"],input[type="radio"]{width:17px;height:17px;min-height:0;accent-color:rgb(var(--brand));cursor:pointer}input:focus,select:focus,textarea:focus{border-color:rgb(var(--brand));box-shadow:0 0 0 3.5px rgb(var(--brand) / .12)}label{display:block;font-size:13.5px;font-weight:600;color:rgb(var(--fg-2));margin:12px 0 6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .btn{border:0;border-radius:12px;background:rgb(var(--fg));color:rgb(var(--surface));min-height:44px;padding:0 18px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.12s}.btn:hover{opacity:.92}.btn-red{background:rgb(var(--brand))}.btn-blue{background:rgb(var(--brand))}.btn-light{background:rgb(var(--brand-soft));color:rgb(var(--brand-ink))}.btn-ghost{background:rgb(var(--surface));color:rgb(var(--fg));border:1px solid rgb(var(--line))}.btn-wide{width:100%}
    .table{width:100%;border-collapse:separate;border-spacing:0 8px;margin-top:16px}.table th{font-size:12.5px;color:rgb(var(--muted));text-align:left;padding:0 14px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.table td{background:rgb(var(--surface));border-top:1px solid rgb(var(--line));border-bottom:1px solid rgb(var(--line));padding:13px 14px}.table td:first-child{border-left:1px solid rgb(var(--line));border-radius:12px 0 0 12px}.table td:last-child{border-right:1px solid rgb(var(--line));border-radius:0 12px 12px 0}.badge{display:inline-flex;border-radius:999px;background:rgb(var(--brand-soft));color:rgb(var(--brand-ink));padding:6px 11px;font-size:12px;font-weight:600}.upload{border:1.5px dashed rgb(var(--line-strong));border-radius:16px;background:rgb(var(--surface-2));padding:18px;display:flex;justify-content:space-between;align-items:center;gap:14px;cursor:pointer}.upload input{display:none}.video{width:100%;aspect-ratio:16/9;border:0;border-radius:20px;background:rgb(var(--fg))}.ai-card{background:linear-gradient(135deg,rgb(var(--fg)),rgb(var(--brand-dark)));color:rgb(var(--surface));border-radius:24px;padding:22px;box-shadow:0 18px 40px rgb(var(--brand) / .22)}.ai-card h2,.ai-card h3,.ai-card p{color:rgb(var(--surface))}.ai-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px}.ai-metric{background:rgb(var(--surface));border:1px solid rgb(var(--line));border-radius:18px;padding:16px}.ai-metric span{font-size:13px;color:rgb(var(--muted));font-weight:600}.ai-metric b{display:block;font-size:24px;margin-top:5px}.smart-table{width:100%;border-collapse:collapse}.smart-table th,.smart-table td{padding:12px;border-bottom:1px solid rgb(var(--line));text-align:left}.smart-table th{color:rgb(var(--muted));font-size:13px}.ai-answer{border-left:5px solid rgb(var(--brand));background:rgb(var(--brand-soft));border-radius:16px;padding:16px;font-weight:550;color:rgb(var(--brand-ink))}

    @media(max-width:950px){.content{padding:16px}}

    /* Mobile top navigation.
       Rebuilt from scratch (not patched) as a fully separate, self-contained
       drawer (#mobileNavDrawer / #mobileNavBackdrop, markup further down this
       file) instead of re-using the desktop dropdown nav on mobile. It is
       toggled purely via the native `hidden` attribute in JS - never a CSS
       class - so it cannot be silently defeated by any other stylesheet or
       specificity conflict on the page: [hidden] is a real DOM attribute the
       browser itself enforces as display:none, and we simply flip it. */
    .mobile-nav-toggle{display:none}
    @media(max-width:980px){
      .main-nav{display:none!important}
    }
    @media(max-width:400px){
      .brand-title{font-size:13px}
    }
    canvas{max-width:100%!important}
    @media(max-width:520px){
      .userpill b{display:none}
    }

    /* v15 avatar + compact fixes */
    .topbar .avatar{overflow:hidden;border-radius:16px}.initials{width:38px;height:38px;border-radius:14px;background:rgb(var(--fg));color:rgb(var(--surface));display:grid;place-items:center;font-weight:600}
    .candidate-card{background:rgb(var(--surface));border:1px solid rgb(var(--line));border-radius:24px;padding:16px 18px;margin:14px 0;box-shadow:0 10px 28px rgb(var(--shadow) / .06);border-left:6px solid rgb(var(--line-strong))}.candidate-card.status-accepted{border-left-color:rgb(var(--warn))}.candidate-card.status-hired{border-left-color:rgb(var(--ok))}.candidate-card.status-rejected{border-left-color:rgb(var(--danger))}.candidate-card.status-archived{border-left-color:rgb(var(--muted));opacity:.78}.candidate-top{display:grid;grid-template-columns:72px minmax(180px,1fr) auto;gap:14px;align-items:center}.candidate-avatar-wrap{position:relative;width:64px;height:64px;flex:none}.candidate-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;background:rgb(var(--brand-soft));border:3px solid rgb(var(--surface));box-shadow:0 10px 26px rgb(var(--shadow) / .18);cursor:pointer;display:grid;place-items:center;font-size:26px;color:rgb(var(--muted))}.candidate-num{position:absolute;left:-8px;bottom:-5px;min-width:22px;height:22px;padding:0 5px;box-sizing:border-box;border-radius:11px;background:rgb(var(--brand));color:rgb(var(--surface));border:2px solid rgb(var(--surface));display:grid;place-items:center;font-size:10px;font-weight:700;line-height:1;white-space:nowrap}.candidate-name{font-size:22px;font-weight:600;margin:6px 0 3px;color:rgb(var(--fg))}.candidate-meta{color:rgb(var(--muted));font-weight:400}.candidate-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.candidate-body{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:14px;align-items:start}.pretty-details{border:1px solid rgb(var(--line));border-radius:16px;background:rgb(var(--surface-2));margin:8px 0;overflow:hidden}.pretty-details summary{padding:12px 14px;font-weight:600;cursor:pointer}.raw-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px;padding:0 12px 12px}.image-modal{display:none;position:fixed;inset:0;z-index:99999;background:rgb(var(--shadow) / .84);align-items:center;justify-content:center;padding:30px}.image-modal img{max-width:min(92vw,900px);max-height:88vh;border-radius:22px;box-shadow:0 24px 80px rgb(var(--shadow) / .45);background:rgb(var(--surface))}.employee-name-cell{display:flex;align-items:center;gap:12px}.mini-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:rgb(var(--brand-soft));color:rgb(var(--brand-ink));font-weight:600;display:grid;place-items:center;border:2px solid rgb(var(--surface));box-shadow:0 6px 18px rgb(var(--shadow) / .12);cursor:pointer}.status-badge.status-new{background:rgb(var(--brand-soft));color:rgb(var(--brand-ink))}.status-badge.status-viewed{background:rgb(var(--brand-soft));color:rgb(var(--brand-ink))}.status-badge.status-accepted{background:rgb(var(--warn-soft));color:rgb(var(--warn-ink))}.status-badge.status-hired{background:rgb(var(--ok-soft));color:rgb(var(--ok-ink))}.status-badge.status-rejected{background:rgb(var(--danger-soft));color:rgb(var(--danger-ink))}.status-badge.status-archived{background:rgb(var(--line));color:rgb(var(--fg-2))}.settings-form.simple,.row-edit.simple{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.app-card,.app-photo,.app-title-wrap{display:none!important}.profile-photo-row{display:flex;align-items:center;gap:14px;margin:12px 0}.profile-photo-row .mini-avatar{width:64px;height:64px}.nice-select{appearance:none;background:rgb(var(--surface)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 20 20'%3E%3Cpath fill='%230f172a' d='M5.5 7.5 10 12l4.5-4.5 1.4 1.4L10 14.8 4.1 8.9z'/%3E%3C/svg%3E") no-repeat right 16px center;padding-right:48px}
    @media(max-width:900px){.candidate-top{grid-template-columns:64px 1fr}.candidate-actions{grid-column:1/-1;justify-content:flex-start}.candidate-body{grid-template-columns:1fr}.raw-grid{grid-template-columns:1fr}.settings-form.simple,.row-edit.simple{grid-template-columns:1fr}}


    /* v16 hard UI fixes */
    .compact-recruit-card{padding:14px 16px!important;min-height:0!important}
    .compact-recruit-card img.candidate-avatar,.candidate-avatar{width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important;border-radius:50%!important;object-fit:cover!important;display:block!important}
    .compact-recruit-card .candidate-top{grid-template-columns:74px minmax(220px,1fr) auto!important;align-items:center!important}
    .compact-recruit-card .candidate-body{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:14px;align-items:start}
    .candidate-details{margin-top:10px;border-top:1px dashed rgb(var(--line));padding-top:10px}
    .candidate-details>summary{cursor:pointer;font-weight:600;color:rgb(var(--brand));list-style:none}.candidate-details>summary:before{content:'▸ ';}.candidate-details[open]>summary:before{content:'▾ ';}
    .candidate-info{min-width:0}.candidate-name{line-height:1.15}.candidate-meta{white-space:normal;word-break:break-word}
    .mini-avatar,img.mini-avatar{width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important;border-radius:50%!important;object-fit:cover!important}


    /* v19 test UX fixes */

.exam-sticky-top{position:sticky;top:0;z-index:50;background:rgb(var(--surface));border:1px solid rgb(var(--line));border-radius:20px;padding:14px 16px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 12px 30px rgb(var(--shadow) / .10)}
.exam-timer{font-size:26px;font-weight:600;background:rgb(var(--fg));color:rgb(var(--surface));border-radius:16px;padding:12px 18px;min-width:110px;text-align:center}.muted{color:rgb(var(--muted))}.compact-test{max-width:980px;margin:auto}.compact-question{padding:18px!important;margin:14px 0;border:1px solid rgb(var(--line));border-radius:20px;background:rgb(var(--surface))}.question-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.option-list{display:grid;gap:10px;margin-top:14px}.exam-option-row{display:grid!important;grid-template-columns:46px 1fr 36px!important;gap:12px!important;align-items:center!important;margin:0!important;padding:12px 14px!important;border:1px solid rgb(var(--line))!important;border-radius:16px!important;background:rgb(var(--surface-2))!important;cursor:pointer!important;min-height:54px!important}.exam-option-row:hover{border-color:rgb(var(--brand))!important;background:rgb(var(--brand-soft))!important}.exam-option-row input{position:absolute;opacity:0;width:1px;height:1px}.option-letter{width:34px;height:34px;border-radius:12px;background:rgb(var(--info-soft));color:rgb(var(--brand-ink));display:grid;place-items:center;font-weight:600}.option-text{font-weight:550}.option-control{width:26px;height:26px;border:2px solid rgb(var(--muted));border-radius:50%;display:block;background:rgb(var(--surface))}.exam-option-row input[type=checkbox]+.option-control{border-radius:8px}.exam-option-row input:checked+.option-control{background:rgb(var(--brand));border-color:rgb(var(--brand));box-shadow:inset 0 0 0 5px rgb(var(--surface))}.exam-option-row input[type=checkbox]:checked+.option-control:after{content:'✓';color:rgb(var(--surface));font-weight:600;display:grid;place-items:center;line-height:20px}.exam-overlay{position:fixed;inset:0;background:rgb(var(--shadow) / .78);z-index:99999;align-items:center;justify-content:center}.exam-modal{background:rgb(var(--surface));border-radius:24px;padding:26px;max-width:480px;text-align:center;box-shadow:0 30px 80px rgb(var(--shadow) / .35)}.alert-warning{background:rgb(var(--warn-soft));color:rgb(var(--warn-ink));border:1px solid rgb(var(--warn-line));border-radius:16px;padding:14px 16px;font-weight:550;margin-bottom:16px}.fail-reason{background:rgb(var(--brand-soft));color:rgb(var(--danger-ink));border:1px solid rgb(var(--danger-line));border-radius:16px;padding:14px 16px;font-weight:550}.action-row{display:flex;gap:8px;flex-wrap:wrap}.btn[disabled]{opacity:.55;cursor:not-allowed}


/* v23 final hard overrides: tiny checkboxes, compact variants, smoother drag, Drive photos */
.tiny-toggle,
.tiny-toggle.center{
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;
  width:max-content!important;min-width:0!important;max-width:max-content!important;min-height:28px!important;height:28px!important;
  padding:4px 7px!important;margin:0!important;border:1px solid rgb(var(--line))!important;border-radius:10px!important;background:rgb(var(--surface-2))!important;
  font-size:13px!important;line-height:1!important;font-weight:600!important;color:rgb(var(--fg-2))!important;
}
.tiny-toggle input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;margin:0!important;pointer-events:none!important;}
.tiny-toggle span{width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;min-height:16px!important;max-height:16px!important;flex:0 0 16px!important;border:2px solid rgb(var(--line-strong))!important;border-radius:5px!important;background:rgb(var(--surface))!important;display:inline-block!important;position:relative!important;}
.tiny-toggle input:checked+span{background:rgb(var(--brand))!important;border-color:rgb(var(--brand))!important;}
.tiny-toggle input:checked+span:after{content:'✓'!important;position:absolute!important;color:rgb(var(--surface))!important;font-size:12px!important;font-weight:600!important;left:2px!important;top:-4px!important;line-height:16px!important;}
.tiny-toggle b{font-size:13px!important;line-height:1!important;margin:0!important;}
.fields-page .form-grid .tiny-toggle{align-self:center!important;justify-self:start!important;}
.fields-table .tiny-toggle.center{margin:0!important;}

.admin-variant-row-v22{display:grid!important;grid-template-columns:34px minmax(160px,1fr) 84px 90px!important;gap:8px!important;align-items:center!important;margin:7px 0!important;padding:7px!important;border:1px solid rgb(var(--line))!important;border-radius:14px!important;background:rgb(var(--surface))!important;}
.admin-variant-row-v22 input[name="opt_text"]{height:38px!important;min-height:38px!important;padding:8px 11px!important;border-radius:12px!important;font-size:14px!important;}
.admin-variant-row-v22 .variant-letter{width:30px!important;height:30px!important;border-radius:10px!important;font-size:13px!important;}
.admin-variant-row-v22 .btn-small{height:34px!important;min-height:34px!important;padding:0 10px!important;border-radius:11px!important;font-size:13px!important;}
.tiny-correct{display:inline-flex!important;align-items:center!important;gap:6px!important;width:max-content!important;min-width:0!important;height:30px!important;min-height:30px!important;padding:4px 7px!important;margin:0!important;border:1px solid rgb(var(--line))!important;border-radius:10px!important;background:rgb(var(--surface-2))!important;font-weight:600!important;color:rgb(var(--fg-2))!important;}
.tiny-correct input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;min-height:1px!important;margin:0!important;padding:0!important;}
.tiny-correct span{width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;flex:0 0 16px!important;border:2px solid rgb(var(--line-strong))!important;border-radius:5px!important;background:rgb(var(--surface))!important;display:inline-block!important;position:relative!important;}
.tiny-correct input:checked+span{background:rgb(var(--brand))!important;border-color:rgb(var(--brand))!important;}
.tiny-correct input:checked+span:after{content:'✓'!important;position:absolute!important;color:rgb(var(--surface))!important;font-size:12px!important;font-weight:600!important;left:2px!important;top:-4px!important;line-height:16px!important;}
.tiny-correct b{font-size:12px!important;line-height:1!important;margin:0!important;}

.fields-sortable tbody tr{cursor:grab!important;}
.fields-sortable tbody tr.dragging{opacity:.55!important;outline:2px dashed rgb(var(--brand))!important;background:rgb(var(--brand-soft))!important;}
.drag-handle{cursor:grab!important;user-select:none!important;font-size:18px!important;color:rgb(var(--muted))!important;text-align:center!important;}
.fields-table td{vertical-align:middle!important;}
.fields-table input,.fields-table select,.fields-table textarea{height:44px!important;min-height:44px!important;padding:8px 10px!important;border-radius:12px!important;font-size:14px!important;}
.fields-table textarea{height:54px!important;min-height:54px!important;}
.candidate-avatar{width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important;border-radius:50%!important;object-fit:cover!important;display:block!important;background:rgb(var(--brand-soft))!important;}
.candidate-avatar-wrap{width:64px!important;height:64px!important;}
.candidate-num{left:-8px!important;bottom:-5px!important;right:auto!important;}
@media(max-width:900px){.admin-variant-row-v22{grid-template-columns:30px 1fr!important}.admin-variant-row-v22 .tiny-correct,.admin-variant-row-v22 .btn-small{grid-column:2!important}.fields-page .form-grid{grid-template-columns:1fr!important}}

  
/* v28 recruitment categories + layout fix */
.category-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.cat-tab{padding:10px 14px;border:1px solid rgb(var(--line));border-radius:999px;background:rgb(var(--surface));font-weight:600;color:rgb(var(--fg-2))}
.cat-tab.active{background:rgb(var(--brand));color:rgb(var(--surface));border-color:rgb(var(--brand));box-shadow:0 8px 18px rgb(var(--brand) / .22)}
.recruit-section-title{display:flex;align-items:center;gap:10px;margin:26px 0 8px}.recruit-section-title h2{margin:0}.recruit-section-title span{background:rgb(var(--brand-soft));color:rgb(var(--brand-ink));font-weight:600;border-radius:999px;padding:6px 10px}
.candidate-body{align-items:start!important}.candidate-body .mini-form{align-self:start!important}.status-form{height:auto!important;min-height:0!important}.status-form .interview-fields{display:grid;grid-template-columns:1fr;gap:10px}.raw-details[open]{max-height:560px;overflow:auto}.raw-grid{align-items:start}.status-form .btn{width:100%}.candidate-details[open]{overflow:visible}

  
/* v43 read-only mode */
body[data-readonly="1"] form[method="post"] input,
body[data-readonly="1"] form[method="post"] select,
body[data-readonly="1"] form[method="post"] textarea{
  background:rgb(var(--surface-2))!important;color:rgb(var(--muted))!important;cursor:not-allowed!important;
}
body[data-readonly="1"] form[method="post"] button[type="submit"],
body[data-readonly="1"] form[method="post"] .btn:not(.btn-ghost){
  opacity:.45!important;cursor:not-allowed!important;pointer-events:none!important;
}
.readonly-banner{background:rgb(var(--warn-soft));border:1px solid rgb(var(--warn-line));color:rgb(var(--warn-ink));border-radius:18px;padding:12px 16px;font-weight:600;margin:0 0 16px 0;}
  .notify-badge{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgb(var(--danger));color:rgb(var(--surface));font-size:12px;font-weight:600;margin-left:6px}.notify-pill{display:inline-flex;align-items:center;gap:8px;background:rgb(var(--surface));border:1px solid rgb(var(--line));border-radius:18px;padding:12px 14px;font-weight:600;box-shadow:0 8px 24px rgb(var(--shadow) / .06)}.notify-pill span{font-size:14px}@media(max-width:600px){.notify-pill span{display:none}}.login-error-modal{background:rgb(var(--danger-soft));border:1px solid rgb(var(--danger-line));color:rgb(var(--danger-ink));border-radius:18px;padding:14px;margin:12px 0;display:grid;gap:10px}.profile-status-select{min-width:220px}.btn-excel{background:rgb(var(--ok))!important;color:rgb(var(--surface))!important}
/* No-horizontal-scroll rules: tables reflow instead of forcing a scrollbar */
@media(max-width:900px){
  .topbar{align-items:flex-start!important;gap:12px!important;flex-direction:column!important}
  .card{border-radius:22px!important;padding:16px!important}
  .form-grid,.grid2,.payroll-filter,.forms-grid,.summary-grid,.stats-grid{grid-template-columns:1fr!important}
  .employee-row summary{grid-template-columns:1fr!important}
  .table{table-layout:fixed!important;white-space:normal!important;word-break:break-word!important;border-spacing:0 8px!important}
  .table th,.table td{padding:9px 10px!important;font-size:13px!important}
}

/* v42: candidate numbering badge redesigned to match the Xodimlar row-number style
   (gradient rounded-square badge, its own column) instead of the old small red
   circle overlapping the avatar corner. */
.candidate-num{
  position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  display:inline-grid!important;place-items:center!important;
  min-width:34px!important;width:34px!important;height:34px!important;padding:0 6px!important;box-sizing:border-box!important;
  border-radius:12px!important;background:linear-gradient(135deg,rgb(var(--brand)),rgb(var(--brand-dark)))!important;
  color:rgb(var(--surface))!important;border:0!important;font-size:14px!important;font-weight:700!important;line-height:1!important;
  white-space:nowrap!important;box-shadow:0 6px 14px rgb(var(--brand) / .22)!important;flex:0 0 auto!important;
}
.candidate-avatar-wrap{position:static!important}
.candidate-top,.compact-recruit-card .candidate-top{grid-template-columns:34px 64px minmax(180px,1fr) auto!important;gap:12px!important}
@media(max-width:900px){
  .candidate-top,.compact-recruit-card .candidate-top{grid-template-columns:34px 64px 1fr!important}
}

/* ─── перенесено из старого style.css ─── */
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:rgb(var(--bg));color:rgb(var(--fg))}a{text-decoration:none;color:inherit}.main{padding:24px 30px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{background:rgb(var(--surface));border:1px solid rgb(var(--line));border-radius:24px;padding:24px;box-shadow:0 14px 40px rgb(var(--fg) / 0.071)}.stat b{font-size:36px}.stat span{display:block;color:rgb(var(--muted));margin-top:8px}.btn{border:0;background:rgb(var(--fg));color:rgb(var(--surface));padding:13px 18px;border-radius:14px;font-weight:550;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.btn.red{background:rgb(var(--brand))}.btn.blue{background:rgb(var(--brand))}.btn.light{background:rgb(var(--brand-soft));color:rgb(var(--fg))}.btn.ghost{background:rgb(var(--surface));color:rgb(var(--fg));border:1px solid rgb(var(--line))}input,select,textarea{width:100%;padding:14px 16px;border:1px solid rgb(var(--line-strong));border-radius:16px;background:rgb(var(--surface));font-size:16px;font-weight:600;outline:none}input:focus,select:focus,textarea:focus{border-color:rgb(var(--brand));box-shadow:0 0 0 4px rgb(var(--brand) / 0.102)}label{display:block;font-weight:550;margin:14px 0 8px;color:rgb(var(--fg))}.table{width:100%;border-collapse:separate;border-spacing:0 10px}.table th{text-align:left;color:rgb(var(--muted));font-size:13px}.table td{background:rgb(var(--surface));border-top:1px solid rgb(var(--line));border-bottom:1px solid rgb(var(--line));padding:14px}.table td:first-child{border-left:1px solid rgb(var(--line));border-radius:16px 0 0 16px}.table td:last-child{border-right:1px solid rgb(var(--line));border-radius:0 16px 16px 0}.logo-full{height:56px;max-width:220px;object-fit:contain}.upload{border:1.5px dashed rgb(var(--muted));background:rgb(var(--surface-2));padding:18px;border-radius:18px;display:flex;justify-content:space-between;align-items:center}.date-wrap{position:relative}.date-wrap input{padding-right:48px}.badge{padding:7px 11px;border-radius:99px;background:rgb(var(--brand-soft));color:rgb(var(--brand-ink));font-weight:550;font-size:12px}.video{aspect-ratio:16/9;width:100%;border:0;border-radius:22px;background:rgb(var(--fg))}.hero{background:linear-gradient(135deg,rgb(var(--fg)),rgb(var(--fg)));color:rgb(var(--surface));border-radius:28px;padding:28px;overflow:hidden;position:relative}.hero:after{content:'';position:absolute;right:-80px;top:-80px;width:220px;height:220px;background:rgb(var(--brand) / 0.267);border-radius:50%}.phone-row{display:grid;grid-template-columns:1fr auto;gap:10px}@media(max-width:900px){.grid,.grid2{grid-template-columns:1fr}.main{padding:16px}}
/* v9 fixes */
.nice-select{appearance:none;background:rgb(var(--surface)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 20 20'%3E%3Cpath fill='%230f172a' d='M5.5 7.5 10 12l4.5-4.5 1.4 1.4L10 14.8 4.1 8.9z'/%3E%3C/svg%3E") no-repeat right 16px center;padding-right:48px}.pretty-check{display:flex;align-items:center;gap:12px;margin:10px 0;font-weight:600}.pretty-check input{display:none}.pretty-check span{width:22px;height:22px;border:2px solid rgb(var(--line-strong));border-radius:8px;background:rgb(var(--surface));display:inline-block;position:relative}.pretty-check input:checked+span{background:rgb(var(--brand));border-color:rgb(var(--brand))}.pretty-check input:checked+span:after{content:'✓';position:absolute;color:rgb(var(--surface));font-weight:600;left:4px;top:-2px}.pretty-check.mini{justify-content:center}.app-card{border-left:7px solid rgb(var(--line-strong))}.app-card.status-accepted{border-left-color:rgb(var(--warn))}.app-card.status-hired{border-left-color:rgb(var(--ok));background:linear-gradient(90deg,rgb(var(--ok-soft)),rgb(var(--surface)))}.app-card.status-rejected{border-left-color:rgb(var(--danger))}.app-card.status-new{border-left-color:rgb(var(--muted))}.app-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.mini-form{display:grid;gap:10px}.status-badge.status-accepted{background:rgb(var(--warn-soft));color:rgb(var(--warn-ink))}.status-badge.status-hired{background:rgb(var(--ok-soft));color:rgb(var(--ok-ink))}.status-badge.status-rejected{background:rgb(var(--danger-soft));color:rgb(var(--danger-ink))}.status-badge.status-archived{background:rgb(var(--line));color:rgb(var(--fg-2))}.interview-line{margin-top:14px;padding:12px 16px;border-radius:16px;background:rgb(var(--surface-2));color:rgb(var(--fg-2));font-weight:550}.table input,.table select{padding:10px 12px;border-radius:12px}.form-grid{align-items:end}
.raw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}details summary{font-weight:600;cursor:pointer;padding:10px 0;color:rgb(var(--brand))}


.app-title-wrap{display:flex;align-items:center;gap:18px;min-width:280px}
.app-photo{width:76px;height:76px;border-radius:22px;object-fit:cover;border:1px solid rgb(var(--line));background:rgb(var(--surface));box-shadow:0 10px 25px rgb(var(--shadow) / .08)}
.app-photo.empty{display:flex;align-items:center;justify-content:center;font-size:28px;background:rgb(var(--surface-2));color:rgb(var(--muted))}
.raw-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px}
.raw-grid label{font-weight:550;color:rgb(var(--fg))}
.raw-grid input{margin-top:6px}
.app-card.status-accepted{border-left:8px solid rgb(var(--warn))}
.app-card.status-hired{border-left:8px solid rgb(var(--ok))}
.app-card.status-rejected{border-left:8px solid rgb(var(--danger))}
.app-card.status-new{border-left:8px solid rgb(var(--muted))}
@media(max-width:900px){.raw-grid{grid-template-columns:1fr}.app-title-wrap{align-items:flex-start}.app-photo{width:64px;height:64px}}

/* v11 UI fixes */
.btn-red,.btn.red{background:rgb(var(--brand))!important;color:rgb(var(--surface))!important}.btn-blue,.btn.blue{background:rgb(var(--brand))!important;color:rgb(var(--surface))!important}.btn-ghost,.btn.ghost{background:rgb(var(--surface))!important;color:rgb(var(--fg))!important;border:1px solid rgb(var(--line))!important}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:center}.btn-wide{grid-column:1/-1}.settings-form{display:grid;grid-template-columns:1fr 170px 180px;gap:14px;align-items:center;margin-bottom:18px}.row-edit{display:grid;grid-template-columns:1fr 150px 130px;gap:10px;align-items:center}.row-delete{margin-top:8px}.pretty-check{display:inline-flex!important;align-items:center!important;gap:10px!important;margin:0!important;min-height:44px;font-weight:600;color:rgb(var(--fg))}.pretty-check.inline{justify-content:flex-start;background:rgb(var(--surface-2));border:1px solid rgb(var(--line));border-radius:16px;padding:0 14px}.pretty-check input{display:none!important}.pretty-check span{flex:0 0 22px;width:22px!important;height:22px!important;border:2px solid rgb(var(--line-strong));border-radius:8px;background:rgb(var(--surface));display:inline-block!important;position:relative}.pretty-check input:checked+span{background:rgb(var(--brand));border-color:rgb(var(--brand))}.pretty-check input:checked+span:after{content:'✓';position:absolute;color:rgb(var(--surface));font-weight:600;left:4px;top:-3px}.pretty-check.mini{justify-content:center;background:transparent;border:0;padding:0}.pretty-details{border:1px solid rgb(var(--line));border-radius:18px;background:rgb(var(--surface-2));overflow:hidden}.pretty-details summary{list-style:none;padding:14px 16px;font-weight:600;cursor:pointer;color:rgb(var(--fg));display:flex;align-items:center;gap:10px}.pretty-details summary:before{content:'▸';transition:.2s}.pretty-details[open] summary:before{transform:rotate(90deg)}.pretty-details .raw-grid{padding:0 14px 14px}.app-head form{margin:0}.app-head .btn{white-space:nowrap}@media(max-width:900px){.form-grid,.settings-form,.row-edit{grid-template-columns:1fr}}
/* v12 compact UI + numbering */
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{transition:.18s}.stat:hover,.card-link:hover{transform:translateY(-2px);box-shadow:0 18px 45px rgb(var(--fg) / 0.094)}.num{width:34px;height:34px;border-radius:12px;background:rgb(var(--brand-soft));color:rgb(var(--brand-ink));font-weight:600;display:grid;place-items:center;flex:none}.pretty-check.compact{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;background:transparent!important;border:0!important;padding:0!important;min-height:auto!important;width:auto!important}.pretty-check.compact input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important}.pretty-check.compact span{width:24px!important;height:24px!important;flex:0 0 24px!important;border:2px solid rgb(var(--line-strong))!important;border-radius:8px!important;background:rgb(var(--surface))!important;display:inline-block!important;position:relative!important}.pretty-check.compact input:checked+span{background:rgb(var(--brand))!important;border-color:rgb(var(--brand))!important}.pretty-check.compact input:checked+span:after{content:'✓'!important;position:absolute!important;color:rgb(var(--surface))!important;font-size:18px!important;line-height:20px!important;left:3px!important;top:-1px!important}.settings-form{grid-template-columns:1fr auto 140px!important}.row-edit{grid-template-columns:1fr auto 120px!important}.variant-row{display:grid;grid-template-columns:42px 1fr 150px;gap:12px;align-items:center;margin:10px 0}.variant-row b{background:rgb(var(--surface-2));border-radius:12px;padding:13px;text-align:center}.variants-box{border:1px solid rgb(var(--line));border-radius:18px;background:rgb(var(--surface-2));padding:16px;margin-top:14px}.badge.ok{background:rgb(var(--ok-soft));color:rgb(var(--ok-ink))}.badge.bad{background:rgb(var(--danger-soft));color:rgb(var(--danger-ink))}.card-link{display:block}.app-card.status-archived{opacity:.75;border-left-color:rgb(var(--muted))}.table th:first-child,.table td:first-child{width:54px;text-align:center}@media(max-width:900px){.grid4{grid-template-columns:1fr}.variant-row{grid-template-columns:1fr}.settings-form,.row-edit{grid-template-columns:1fr!important}}
.test-option{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgb(var(--line));border-radius:14px;background:rgb(var(--surface));margin:8px 0}.test-option input{width:auto}.test-option b{width:28px;height:28px;border-radius:9px;background:rgb(var(--brand-soft));display:grid;place-items:center;color:rgb(var(--brand-ink))}
/* v14 final UI fixes */
.compact-app-card{padding:18px!important;margin-top:16px}.compact-app-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.candidate-left{display:flex;align-items:center;gap:16px;min-width:0}.candidate-left h2{margin:8px 0 4px;font-size:20px}.candidate-left p{margin:0;color:rgb(var(--muted));font-weight:400}.candidate-avatar-wrap{position:relative;width:66px;height:66px;flex:0 0 66px}.candidate-avatar{width:66px;height:66px;border-radius:50%;object-fit:cover;border:3px solid rgb(var(--surface));box-shadow:0 10px 28px rgb(var(--shadow) / .18);cursor:pointer;background:rgb(var(--surface-2))}.candidate-avatar.empty{display:grid;place-items:center;font-size:28px;color:rgb(var(--muted))}.candidate-num{position:absolute;left:-8px;bottom:-6px;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:linear-gradient(135deg,rgb(var(--brand)),rgb(var(--brand-dark)));color:rgb(var(--surface));font-size:13px;font-weight:600;display:grid;place-items:center;border:3px solid rgb(var(--surface));box-shadow:0 8px 18px rgb(var(--brand) / .25)}.candidate-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.compact-grid{margin-top:14px}.image-modal{display:none;position:fixed;inset:0;background:rgb(var(--shadow) / .82);z-index:9999;align-items:center;justify-content:center;padding:30px}.image-modal img{max-width:min(90vw,900px);max-height:88vh;border-radius:22px;box-shadow:0 24px 80px rgb(var(--shadow) / .45);background:rgb(var(--surface))}.settings-form.simple{grid-template-columns:1fr 140px!important}.row-edit.simple{grid-template-columns:1fr 120px!important}.app-photo{display:none!important}.app-title-wrap{display:none!important}@media(max-width:900px){.compact-app-head{align-items:flex-start;flex-direction:column}.candidate-actions{justify-content:flex-start}.settings-form.simple,.row-edit.simple{grid-template-columns:1fr!important}}

/* v18 exam fixes */
.exam-card{padding:0;overflow:hidden}.exam-top{position:sticky;top:0;z-index:50;background:rgb(var(--surface));border-bottom:1px solid rgb(var(--line));padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.exam-top p{margin:0}.exam-timer{min-width:120px;text-align:center;border-radius:20px;background:rgb(var(--fg));color:rgb(var(--surface));padding:14px 18px;font-size:28px;font-weight:600;box-shadow:0 14px 30px rgb(var(--shadow) / .18)}.question-card{margin:18px 22px;padding:18px;border:1px solid rgb(var(--line));border-radius:22px;background:rgb(var(--surface-2))}.question-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.option-grid{display:grid;gap:10px;margin-top:12px}.exam-option{display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;padding:14px 16px!important;border:1px solid rgb(var(--line))!important;border-radius:18px!important;background:rgb(var(--surface))!important;cursor:pointer!important;transition:.15s!important;min-height:62px!important}.exam-option:hover{border-color:rgb(var(--brand))!important;background:rgb(var(--surface-2))!important}.exam-option input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important}.option-letter{width:40px;height:40px;border-radius:14px;background:rgb(var(--brand-soft));color:rgb(var(--brand-ink));display:grid;place-items:center;font-weight:600;flex:0 0 40px}.option-text{font-weight:550;color:rgb(var(--fg))}.exam-option:has(input:checked){border-color:rgb(var(--brand))!important;box-shadow:0 0 0 4px rgb(var(--brand) / .12)!important;background:rgb(var(--brand-soft))!important}.exam-option:has(input:checked) .option-letter{background:rgb(var(--brand));color:rgb(var(--surface))}.exam-overlay{position:fixed;inset:0;z-index:999999;background:rgb(var(--shadow) / .82);align-items:center;justify-content:center;padding:24px}.exam-modal{width:min(520px,94vw);background:rgb(var(--surface));border-radius:28px;padding:28px;text-align:center;box-shadow:0 30px 90px rgb(var(--shadow) / .35)}
@media(max-width:800px){.exam-top{position:relative;flex-direction:column;align-items:flex-start}.exam-timer{width:100%}.question-head{flex-direction:column}}
/* v19 test UX fixes */
.exam-sticky-top{position:sticky;top:0;z-index:50;background:rgb(var(--surface));border:1px solid rgb(var(--line));border-radius:20px;padding:14px 16px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 12px 30px rgb(var(--shadow) / .10)}
.exam-timer{font-size:26px;font-weight:600;background:rgb(var(--fg));color:rgb(var(--surface));border-radius:16px;padding:12px 18px;min-width:110px;text-align:center}.muted{color:rgb(var(--muted))}.compact-test{max-width:980px;margin:auto}.compact-question{padding:18px!important;margin:14px 0;border:1px solid rgb(var(--line));border-radius:20px;background:rgb(var(--surface))}.question-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.option-list{display:grid;gap:10px;margin-top:14px}.exam-option-row{display:grid!important;grid-template-columns:46px 1fr 36px!important;gap:12px!important;align-items:center!important;margin:0!important;padding:12px 14px!important;border:1px solid rgb(var(--line))!important;border-radius:16px!important;background:rgb(var(--surface-2))!important;cursor:pointer!important;min-height:54px!important}.exam-option-row:hover{border-color:rgb(var(--brand))!important;background:rgb(var(--brand-soft))!important}.exam-option-row input{position:absolute;opacity:0;width:1px;height:1px}.option-letter{width:34px;height:34px;border-radius:12px;background:rgb(var(--info-soft));color:rgb(var(--brand-ink));display:grid;place-items:center;font-weight:600}.option-text{font-weight:550}.option-control{width:26px;height:26px;border:2px solid rgb(var(--muted));border-radius:50%;display:block;background:rgb(var(--surface))}.exam-option-row input[type=checkbox]+.option-control{border-radius:8px}.exam-option-row input:checked+.option-control{background:rgb(var(--brand));border-color:rgb(var(--brand));box-shadow:inset 0 0 0 5px rgb(var(--surface))}.exam-option-row input[type=checkbox]:checked+.option-control:after{content:'✓';color:rgb(var(--surface));font-weight:600;display:grid;place-items:center;line-height:20px}.exam-overlay{position:fixed;inset:0;background:rgb(var(--shadow) / .78);z-index:99999;align-items:center;justify-content:center}.exam-modal{background:rgb(var(--surface));border-radius:24px;padding:26px;max-width:480px;text-align:center;box-shadow:0 30px 80px rgb(var(--shadow) / .35)}.alert-warning{background:rgb(var(--warn-soft));color:rgb(var(--warn-ink));border:1px solid rgb(var(--warn-line));border-radius:16px;padding:14px 16px;font-weight:550;margin-bottom:16px}.fail-reason{background:rgb(var(--brand-soft));color:rgb(var(--danger-ink));border:1px solid rgb(var(--danger-line));border-radius:16px;padding:14px 16px;font-weight:550}.action-row{display:flex;gap:8px;flex-wrap:wrap}.btn[disabled]{opacity:.55;cursor:not-allowed}
/* v20 compact tests/questions */
.compact-variant{grid-template-columns:42px 1fr 140px 110px!important;align-items:center!important;margin:8px 0!important}
.compact-variant .pretty-check{min-height:36px!important;padding:0!important;background:transparent!important;border:0!important;justify-content:flex-start!important}
.compact-variant .pretty-check span{width:22px!important;height:22px!important;flex:0 0 22px!important}
.exam-card{max-width:1000px!important;margin:0 auto!important;padding:0!important;overflow:visible!important}
.exam-top{position:sticky!important;top:0!important;z-index:99!important;background:rgb(var(--surface))!important;border-bottom:1px solid rgb(var(--line))!important;border-radius:24px 24px 0 0!important;padding:16px 20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
.compact-question{padding:16px!important;margin:14px 18px!important;background:rgb(var(--surface))!important;border-radius:20px!important}
.option-list{display:grid!important;gap:10px!important;margin-top:12px!important}.exam-option-row{grid-template-columns:42px 1fr 34px!important;padding:10px 12px!important;min-height:52px!important}.option-letter{width:32px!important;height:32px!important;border-radius:10px!important}.option-control{width:24px!important;height:24px!important}.small-note{font-size:13px;margin-top:8px}.answer-line{padding:10px 12px;border-radius:14px;margin:8px 0;border:1px solid rgb(var(--line));font-weight:550}.answer-line.correct{background:rgb(var(--ok-soft));border-color:rgb(var(--ok-soft));color:rgb(var(--ok-ink))}.answer-line.wrong{background:rgb(var(--brand-soft));border-color:rgb(var(--danger-line));color:rgb(var(--danger-ink))}.answer-detail{border:1px solid rgb(var(--line));border-radius:18px;margin-top:10px;padding:12px;background:rgb(var(--surface-2))}.answer-detail summary{cursor:pointer;font-weight:600}.badge.violation{background:rgb(var(--danger-soft));color:rgb(var(--danger-ink))}.badge.closed{background:rgb(var(--line));color:rgb(var(--fg-2))}

/* v21 polish: compact admin variants, fields and clickable users */
.admin-variants-box{padding:14px!important;background:rgb(var(--surface-2))!important;border:1px solid rgb(var(--line))!important;border-radius:18px!important}
.variants-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.variants-title-row h3{margin:0!important}
.admin-variant-row{display:grid;grid-template-columns:42px 1fr 120px 105px;gap:10px;align-items:center;margin:8px 0}.variant-letter{width:36px;height:36px;border-radius:12px;background:rgb(var(--brand-soft));color:rgb(var(--brand-ink));font-weight:600;display:grid;place-items:center}.admin-correct-check{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;font-weight:600;color:rgb(var(--fg))}.admin-correct-check input{width:18px!important;height:18px!important;accent-color:rgb(var(--brand))!important}.btn-small{padding:10px 14px!important;border-radius:14px!important;font-size:14px!important;min-height:auto!important}.small-check{display:inline-flex!important;align-items:center!important;gap:10px!important;margin:0!important;padding:10px 12px!important;border:1px solid rgb(var(--line))!important;background:rgb(var(--surface-2))!important;border-radius:14px!important;min-height:46px!important;font-weight:600!important;width:max-content!important}.small-check.center{justify-content:center!important;margin:auto!important}.small-check input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important}.small-check span{width:22px!important;height:22px!important;border:2px solid rgb(var(--line-strong))!important;border-radius:8px!important;background:rgb(var(--surface))!important;display:inline-block!important;position:relative!important;flex:0 0 22px!important}.small-check input:checked+span{background:rgb(var(--brand))!important;border-color:rgb(var(--brand))!important}.small-check input:checked+span:after{content:'✓';position:absolute;color:rgb(var(--surface));font-weight:600;left:4px;top:-3px}.fields-table textarea{min-height:54px!important}.click-row{cursor:pointer;transition:.15s}.click-row:hover{background:rgb(var(--surface-2))!important;transform:translateY(-1px)}.employee-name-cell{display:flex;align-items:center;gap:12px}.mini-avatar{width:46px!important;height:46px!important;border-radius:50%!important;object-fit:cover!important;display:grid!important;place-items:center!important;background:rgb(var(--brand-soft))!important;color:rgb(var(--brand-ink))!important;font-weight:600!important;border:3px solid rgb(var(--surface))!important;box-shadow:0 8px 20px rgb(var(--shadow) / .12)!important}
@media(max-width:900px){.admin-variant-row{grid-template-columns:36px 1fr}.admin-variant-row .btn{grid-column:2}.small-check{width:100%!important}.fields-table{font-size:14px}}

/* v22 real fixes: compact checks, drag order, video admin-only */
.admin-variant-row-v22{display:grid!important;grid-template-columns:38px minmax(180px,1fr) 96px 98px!important;gap:8px!important;align-items:center!important;margin:6px 0!important;padding:8px!important;border:1px solid rgb(var(--line))!important;border-radius:14px!important;background:rgb(var(--surface))!important}.admin-variant-row-v22 input[name="opt_text"]{height:42px!important;padding:9px 12px!important;border-radius:12px!important}.admin-variant-row-v22 .variant-letter{width:32px!important;height:32px!important;border-radius:10px!important}.tiny-correct,.tiny-toggle{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;margin:0!important;padding:6px 8px!important;border:1px solid rgb(var(--line))!important;border-radius:12px!important;background:rgb(var(--surface-2))!important;min-height:36px!important;width:max-content!important;font-size:14px!important;line-height:1!important}.tiny-correct input,.tiny-toggle input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important}.tiny-correct span,.tiny-toggle span{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;border:2px solid rgb(var(--line-strong))!important;border-radius:6px!important;background:rgb(var(--surface))!important;display:inline-block!important;position:relative!important;flex:0 0 18px!important}.tiny-correct input:checked+span,.tiny-toggle input:checked+span{background:rgb(var(--brand))!important;border-color:rgb(var(--brand))!important}.tiny-correct input:checked+span:after,.tiny-toggle input:checked+span:after{content:'✓'!important;position:absolute!important;color:rgb(var(--surface))!important;font-weight:600!important;font-size:14px!important;left:2px!important;top:-3px!important}.tiny-correct b,.tiny-toggle b{font-size:14px!important;font-weight:600!important}.fields-page .form-grid{align-items:center!important}.fields-page .tiny-toggle{grid-column:auto!important}.fields-sortable tbody tr{cursor:grab}.fields-sortable tbody tr.dragging{opacity:.55;background:rgb(var(--brand-soft))!important}.drag-handle{font-size:22px!important;color:rgb(var(--muted))!important;cursor:grab!important;text-align:center!important}.fields-table input,.fields-table select,.fields-table textarea{font-size:14px!important;padding:10px 12px!important;border-radius:12px!important}.fields-table textarea{height:54px!important;min-height:54px!important}.fields-table .tiny-toggle.center{margin:0 auto!important}.fields-table td{vertical-align:middle!important}.candidate-avatar{background:rgb(var(--brand-soft))!important;color:rgb(var(--brand-ink))!important}.candidate-avatar[alt="photo"]{font-size:0!important}.candidate-card{padding:16px 20px!important}.candidate-top{min-height:86px!important}.candidate-name{font-size:23px!important}.candidate-avatar-wrap{width:68px!important;height:68px!important}.candidate-avatar{width:68px!important;height:68px!important;border-radius:50%!important}.candidate-num{bottom:-4px!important;left:-4px!important;right:auto!important}
@media(max-width:900px){.admin-variant-row-v22{grid-template-columns:34px 1fr!important}.admin-variant-row-v22 .tiny-correct,.admin-variant-row-v22 .btn{grid-column:2!important}.fields-page .form-grid{grid-template-columns:1fr!important}.tiny-toggle{width:max-content!important}}


/* v24 REAL fixes: no huge checkboxes, real drag rows, compact questions */
input.tinybox{
  width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;
  padding:0!important;margin:0!important;appearance:auto!important;-webkit-appearance:auto!important;
  accent-color:rgb(var(--brand))!important;box-shadow:none!important;border-radius:4px!important;display:inline-block!important;
}
.inline-check,.required-check,.correct-check{
  display:inline-flex!important;align-items:center!important;gap:8px!important;width:max-content!important;max-width:max-content!important;
  min-height:0!important;height:auto!important;margin:0!important;padding:6px 8px!important;border:1px solid rgb(var(--line))!important;
  border-radius:10px!important;background:rgb(var(--surface-2))!important;font-size:13px!important;font-weight:600!important;line-height:1.1!important;
}
.inline-check span,.required-check span,.correct-check span{font-size:13px!important;font-weight:600!important;line-height:1.1!important;display:inline!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;padding:0!important;margin:0!important;color:rgb(var(--fg))!important;}
.fields-page .form-grid{grid-template-columns:1fr 1fr!important;align-items:center!important;gap:14px!important;}
.fields-page .form-grid .required-check{justify-self:start!important;align-self:center!important;grid-column:auto!important;}
.field-list-head,.field-row{display:grid!important;grid-template-columns:34px 46px minmax(170px,1fr) minmax(150px,1fr) 140px minmax(160px,1fr) 100px 130px!important;gap:12px!important;align-items:center!important;}
.field-list-head{padding:10px 8px;color:rgb(var(--muted));font-weight:600;border-bottom:1px solid rgb(var(--line))}
.field-sort-list{display:grid;gap:10px;margin-top:8px}.field-row{background:rgb(var(--surface));border:1px solid rgb(var(--line));border-radius:16px;padding:10px!important;min-height:0!important}.field-row.dragging{opacity:.55;background:rgb(var(--brand-soft))!important}.field-row-form{display:contents!important}.field-row input,.field-row select,.field-row textarea{font-size:14px!important;height:44px!important;min-height:44px!important;padding:8px 12px!important;border-radius:12px!important}.field-row textarea{height:48px!important;min-height:48px!important;resize:vertical}.field-actions{display:grid!important;gap:6px!important}.field-delete-form{margin:0!important}.row-num{font-weight:600}.drag-handle{cursor:grab!important;user-select:none!important;font-size:20px!important}.drag-handle:active{cursor:grabbing!important}
.admin-variant-row-fixed{display:grid!important;grid-template-columns:34px minmax(180px,1fr) 90px 96px!important;gap:8px!important;align-items:center!important;margin:7px 0!important;padding:8px!important;border:1px solid rgb(var(--line))!important;border-radius:14px!important;background:rgb(var(--surface))!important;min-height:0!important}.admin-variant-row-fixed input[name="opt_text"]{height:42px!important;min-height:42px!important;padding:8px 12px!important;border-radius:12px!important}.admin-variant-row-fixed .variant-letter{width:30px!important;height:30px!important;border-radius:9px!important;font-size:14px!important}.admin-variant-row-fixed .btn{padding:8px 10px!important;font-size:13px!important;border-radius:12px!important}.admin-variant-row-fixed .correct-check{padding:5px 7px!important}
.candidate-avatar-wrap{flex:0 0 64px!important;width:64px!important;height:64px!important}.candidate-avatar{width:64px!important;height:64px!important;border-radius:50%!important;object-fit:cover!important;border:3px solid rgb(var(--surface))!important;box-shadow:0 8px 20px rgb(var(--shadow) / .14)!important}.candidate-num{width:24px!important;height:24px!important;border-radius:50%!important;background:rgb(var(--brand))!important;color:rgb(var(--surface))!important;font-size:13px!important;display:grid!important;place-items:center!important;position:absolute!important;left:-5px!important;bottom:-5px!important;font-weight:600!important}.candidate-top{display:flex!important;align-items:center!important;gap:16px!important;min-height:0!important}.candidate-card{padding:16px 20px!important}.candidate-name{font-size:22px!important}
@media(max-width:1100px){.field-list-head{display:none!important}.field-row{grid-template-columns:30px 36px 1fr!important}.field-row-form{display:grid!important;grid-column:1/-1;grid-template-columns:1fr!important;gap:8px}.field-actions{grid-column:1/-1}.admin-variant-row-fixed{grid-template-columns:34px 1fr!important}.admin-variant-row-fixed .correct-check,.admin-variant-row-fixed .btn{grid-column:2!important}.fields-page .form-grid{grid-template-columns:1fr!important}}

/* v25 ACTUAL FIXES - loaded after base inline styles */
/* 1) Tiny required/correct checkbox controls */
.required-v25,.correct-v25{display:inline-flex!important;align-items:center!important;gap:6px!important;width:max-content!important;max-width:max-content!important;height:26px!important;min-height:26px!important;padding:3px 6px!important;margin:0!important;border:1px solid rgb(var(--line))!important;border-radius:8px!important;background:rgb(var(--surface-2))!important;font-size:12px!important;font-weight:600!important;color:rgb(var(--fg-2))!important;line-height:1!important;vertical-align:middle!important}
.required-v25 input,.correct-v25 input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;min-width:1px!important;min-height:1px!important;margin:0!important;padding:0!important;box-shadow:none!important}
.required-v25 span,.correct-v25 span{width:14px!important;height:14px!important;min-width:14px!important;max-width:14px!important;min-height:14px!important;max-height:14px!important;display:inline-block!important;border:2px solid rgb(var(--line-strong))!important;border-radius:4px!important;background:rgb(var(--surface))!important;position:relative!important;flex:0 0 14px!important;padding:0!important;margin:0!important}
.required-v25 input:checked+span,.correct-v25 input:checked+span{background:rgb(var(--brand))!important;border-color:rgb(var(--brand))!important}
.required-v25 input:checked+span:after,.correct-v25 input:checked+span:after{content:'✓'!important;position:absolute!important;left:1px!important;top:-5px!important;color:rgb(var(--surface))!important;font-size:12px!important;font-weight:600!important;line-height:14px!important}
.required-v25 b,.correct-v25 b{font-size:12px!important;line-height:1!important;margin:0!important;padding:0!important;font-weight:600!important}
.fields-page .form-grid .required-v25{justify-self:start!important;align-self:center!important;grid-column:auto!important}
.field-row .required-v25{justify-self:start!important}

/* kill old giant checkbox styles if old templates/classes remain */
.inline-check input[type="checkbox"],.required-check input[type="checkbox"],.correct-check input[type="checkbox"],input.tinybox{width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;max-width:14px!important;max-height:14px!important;padding:0!important;margin:0!important;display:inline-block!important;appearance:auto!important;-webkit-appearance:auto!important;box-shadow:none!important}
.inline-check,.required-check,.correct-check{display:inline-flex!important;width:max-content!important;max-width:max-content!important;min-height:26px!important;height:26px!important;padding:3px 6px!important;gap:6px!important;align-items:center!important;justify-content:flex-start!important;margin:0!important;border:1px solid rgb(var(--line))!important;border-radius:8px!important;background:rgb(var(--surface-2))!important;font-size:12px!important;line-height:1!important}
.inline-check span,.required-check span,.correct-check span{font-size:12px!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;background:transparent!important;border:0!important;padding:0!important;margin:0!important;display:inline!important}

/* 2) Compact question option editor */
.admin-variant-row-v25{display:grid!important;grid-template-columns:30px minmax(220px,1fr) 82px 88px!important;gap:8px!important;align-items:center!important;margin:6px 0!important;padding:6px!important;border:1px solid rgb(var(--line))!important;border-radius:12px!important;background:rgb(var(--surface))!important;min-height:0!important}
.admin-variant-row-v25 input[name="opt_text"]{height:38px!important;min-height:38px!important;padding:7px 10px!important;border-radius:10px!important;font-size:14px!important}
.variant-letter-v25{width:28px!important;height:28px!important;border-radius:9px!important;background:rgb(var(--brand-soft))!important;color:rgb(var(--brand-ink))!important;display:grid!important;place-items:center!important;font-size:13px!important;font-weight:600!important}
.admin-variant-row-v25 .btn-small{height:32px!important;min-height:32px!important;padding:0 9px!important;border-radius:10px!important;font-size:12px!important}
.admin-variants-box-v25{max-width:1000px!important}.variants-title-row{align-items:center!important}

/* 3) Fields list compact required checkbox and stable rows */
.field-list-head,.field-row{grid-template-columns:28px 36px minmax(180px,1fr) minmax(150px,1fr) 130px minmax(150px,1fr) 78px 120px!important;gap:9px!important}
.field-row{padding:8px!important}.field-row input,.field-row select,.field-row textarea{height:38px!important;min-height:38px!important;padding:7px 10px!important;border-radius:10px!important;font-size:14px!important}.field-row textarea{height:44px!important;min-height:44px!important}
.drag-handle{font-size:18px!important;line-height:1!important;cursor:grab!important}.row-num{font-weight:600!important;color:rgb(var(--fg))!important}
.field-row.dragging{opacity:.6!important;outline:2px dashed rgb(var(--brand))!important}

/* 4) Recruitment avatars */
.candidate-avatar-wrap{width:64px!important;height:64px!important;flex:0 0 64px!important;position:relative!important}.candidate-avatar{width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important;border-radius:50%!important;object-fit:cover!important;display:block!important;background:rgb(var(--brand-soft))!important}.candidate-avatar.broken{object-fit:contain!important}.candidate-num{left:-7px!important;bottom:-6px!important;right:auto!important}

/* v26 REAL fixes: dead sidebar-layout rules removed (site no longer uses a sidebar;
   these were overriding .brand-title/.brand-sub to rgb(var(--surface)) text, making the
   "TexnoGrand" wordmark invisible against the current light top-nav). */

/* No giant checkbox ever */
.mini-toggle{display:inline-flex!important;align-items:center!important;gap:7px!important;width:max-content!important;max-width:max-content!important;height:28px!important;min-height:28px!important;margin:0!important;padding:4px 7px!important;border:1px solid rgb(var(--line))!important;border-radius:10px!important;background:rgb(var(--surface-2))!important;font-size:13px!important;font-weight:600!important;line-height:1!important;color:rgb(var(--fg-2))!important;white-space:nowrap!important}
.mini-toggle input[type="hidden"]{display:none!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important}
.mini-toggle-btn{width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;min-height:16px!important;max-height:16px!important;padding:0!important;margin:0!important;border:2px solid rgb(var(--line-strong))!important;border-radius:5px!important;background:rgb(var(--surface))!important;display:inline-block!important;position:relative!important;cursor:pointer!important;line-height:1!important;box-shadow:none!important;appearance:none!important;-webkit-appearance:none!important}
.mini-toggle-btn.active{background:rgb(var(--brand))!important;border-color:rgb(var(--brand))!important}.mini-toggle-btn.active:after{content:'✓'!important;position:absolute!important;left:2px!important;top:-4px!important;color:rgb(var(--surface))!important;font-size:12px!important;font-weight:600!important;line-height:16px!important}.mini-toggle b{font-size:13px!important;line-height:1!important;margin:0!important;padding:0!important;color:rgb(var(--fg-2))!important}
.fields-page .form-grid .mini-toggle{grid-column:auto!important;justify-self:start!important;align-self:center!important}.field-row .mini-toggle{justify-self:start!important;align-self:center!important}

/* compact fields rows */
.field-list-head,.field-row{display:grid!important;grid-template-columns:28px 40px minmax(150px,1fr) minmax(140px,1fr) 130px minmax(160px,1fr) 90px 120px!important;gap:10px!important;align-items:center!important}.field-row{min-height:0!important;padding:8px 10px!important;border:1px solid rgb(var(--line))!important;border-radius:16px!important;background:rgb(var(--surface))!important}.field-row input,.field-row select,.field-row textarea{height:38px!important;min-height:38px!important;padding:7px 10px!important;border-radius:11px!important;font-size:14px!important}.field-row textarea{height:46px!important;min-height:46px!important;resize:vertical!important}.field-row.dragging{opacity:.65!important;outline:2px dashed rgb(var(--brand))!important;background:rgb(var(--brand-soft))!important}.drag-handle{cursor:grab!important;user-select:none!important;font-size:18px!important;text-align:center!important;color:rgb(var(--fg-2))!important}.drag-handle:active{cursor:grabbing!important}.row-num{font-weight:600!important;color:rgb(var(--fg))!important}.field-actions{display:grid!important;gap:6px!important}.field-delete-form{margin:0!important}.field-row-form{display:contents!important}body.field-dragging{cursor:grabbing!important;user-select:none!important}

/* compact question variants in admin */
.admin-variants-compact{max-width:1040px!important}.variantRows-compact{display:grid!important;gap:8px!important;margin-top:8px!important}.variant-editor-row{display:grid!important;grid-template-columns:32px minmax(180px,1fr) 82px 92px!important;gap:8px!important;align-items:center!important;margin:0!important;padding:7px!important;border:1px solid rgb(var(--line))!important;border-radius:14px!important;background:rgb(var(--surface))!important;min-height:0!important}.variant-editor-row input[name="opt_text"]{height:38px!important;min-height:38px!important;padding:7px 10px!important;border-radius:11px!important;font-size:14px!important}.variant-letter-small{width:28px!important;height:28px!important;border-radius:9px!important;background:rgb(var(--brand-soft))!important;color:rgb(var(--brand-ink))!important;display:grid!important;place-items:center!important;font-weight:600!important;font-size:13px!important}.correct-mini{display:inline-flex!important;align-items:center!important;gap:6px!important;width:max-content!important;height:28px!important;min-height:28px!important;margin:0!important;padding:4px 7px!important;border:1px solid rgb(var(--line))!important;border-radius:10px!important;background:rgb(var(--surface-2))!important;line-height:1!important}.correct-mini input[type="hidden"]{display:none!important}.correct-mini-btn{width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;min-height:16px!important;max-height:16px!important;padding:0!important;margin:0!important;border:2px solid rgb(var(--line-strong))!important;border-radius:5px!important;background:rgb(var(--surface))!important;cursor:pointer!important;appearance:none!important;-webkit-appearance:none!important}.correct-mini-btn.active{background:rgb(var(--brand))!important;border-color:rgb(var(--brand))!important;position:relative!important}.correct-mini-btn.active:after{content:'✓'!important;position:absolute!important;left:2px!important;top:-4px!important;color:rgb(var(--surface))!important;font-size:12px!important;font-weight:600!important;line-height:16px!important}.correct-mini b{font-size:12px!important;line-height:1!important;margin:0!important}.variant-editor-row .btn-small{height:32px!important;min-height:32px!important;padding:0 9px!important;border-radius:10px!important;font-size:12px!important}

/* stronger recruitment avatar image behavior */
.candidate-avatar-wrap{width:64px!important;height:64px!important;flex:0 0 64px!important;position:relative!important;overflow:visible!important}.candidate-avatar{width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important;max-width:64px!important;max-height:64px!important;border-radius:50%!important;object-fit:cover!important;display:block!important;background:rgb(var(--brand-soft))!important;color:rgb(var(--brand-ink))!important;border:3px solid rgb(var(--surface))!important;box-shadow:0 10px 26px rgb(var(--shadow) / .18)!important}.candidate-num{position:absolute!important;left:-8px!important;bottom:-5px!important;right:auto!important;z-index:3!important}

@media(max-width:1000px){.variant-editor-row{grid-template-columns:32px 1fr!important}.correct-mini,.variant-editor-row .btn-small{grid-column:2!important}.field-list-head{display:none!important}.field-row{grid-template-columns:28px 36px 1fr!important}.field-row-form{display:grid!important;grid-column:1/-1!important;grid-template-columns:1fr!important;gap:8px!important}.field-actions{grid-column:1/-1!important}}

/* v27 recruitment/dashboard fixes */
.recruit-section-title{display:flex;align-items:center;justify-content:space-between;margin:24px 4px 10px}.recruit-section-title h2{margin:0}.recruit-section-title span{background:rgb(var(--brand-soft));color:rgb(var(--brand-ink));border-radius:999px;padding:7px 12px;font-weight:600}
.candidate-body{align-items:start!important}.candidate-body .mini-form{align-self:start!important;height:auto!important}.status-form{height:auto!important;min-height:0!important}.status-form .interview-fields{display:grid;gap:14px}.left-form{height:auto!important}.raw-details[open]{height:auto!important}.raw-grid{align-items:start!important}.raw-grid label{min-width:0}.raw-grid input{height:44px!important}.interview-line{margin-top:12px}
.status-form textarea{min-height:92px!important}.status-form .btn{width:100%!important}
.recruit-section-title + .candidate-card{margin-top:8px!important}
/* keep right status panel from stretching when imported fields are opened */
.candidate-details .candidate-body{grid-template-columns:minmax(0,1fr) minmax(360px,1fr)!important;align-items:flex-start!important}.candidate-details .mini-form{display:grid!important;gap:12px!important}.candidate-details .pretty-details{height:auto!important;max-height:none!important}
@media(max-width:900px){.candidate-details .candidate-body{grid-template-columns:1fr!important}.status-form{margin-top:10px}}

.card-head-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.danger-btn{color:rgb(var(--danger));border-color:rgb(var(--danger-line));background:rgb(var(--surface))}.danger-btn:hover{background:rgb(var(--danger-soft))}

/* Ta'minot AI */
.taminot-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,rgb(var(--fg)),rgb(var(--fg)));color:rgb(var(--surface));border-radius:28px;padding:28px 32px;margin-bottom:22px;box-shadow:0 18px 40px rgb(var(--shadow) / .14)}
.taminot-hero h2{margin:0 0 8px;font-size:32px}.taminot-hero p{margin:0;color:rgb(var(--brand-soft));font-weight:400}.hero-badge{background:rgb(var(--surface) / .12);border:1px solid rgb(var(--surface) / .18);padding:12px 16px;border-radius:999px;font-weight:600;white-space:nowrap}.taminot-card{display:grid;gap:18px}.taminot-card h2{margin:8px 0 0}.alert-error{background:rgb(var(--brand-soft));color:rgb(var(--danger-ink));border:1px solid rgb(var(--danger-line));border-radius:18px;padding:14px 16px;margin-bottom:16px;font-weight:550}.tmc-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tmc-upload-box{position:relative;display:grid;gap:8px;place-items:start;border:2px dashed rgb(var(--line-strong));background:rgb(var(--surface-2));border-radius:22px;padding:22px;cursor:pointer;transition:.2s}.tmc-upload-box:hover{border-color:rgb(var(--brand));background:rgb(var(--brand-soft))}.tmc-upload-box input{position:absolute;inset:0;opacity:0;cursor:pointer}.tmc-upload-icon{font-size:30px}.tmc-upload-title{font-size:20px;font-weight:600}.tmc-upload-sub{color:rgb(var(--muted));font-weight:400}.tmc-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tmc-radio-card{display:flex;gap:12px;align-items:flex-start;border:1px solid rgb(var(--line));border-radius:18px;background:rgb(var(--surface));padding:16px;cursor:pointer}.tmc-radio-card:hover{border-color:rgb(var(--brand));background:rgb(var(--surface-2))}.tmc-radio-card input{width:18px;height:18px;margin-top:2px}.tmc-radio-card b{display:block;font-size:17px}.tmc-radio-card small{display:block;color:rgb(var(--muted));font-weight:400;margin-top:5px}.tmc-period-card{border:1px solid rgb(var(--line));border-radius:24px;background:rgb(var(--surface-2));padding:18px}.period-presets{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.period-chip{border:1px solid rgb(var(--line));border-radius:999px;padding:10px 14px;background:rgb(var(--surface));font-weight:600;cursor:pointer}.period-chip.active,.period-chip:hover{background:rgb(var(--brand));border-color:rgb(var(--brand));color:rgb(var(--surface))}.tmc-grid{grid-template-columns:repeat(3,1fr)!important}.hint{margin-top:12px;color:rgb(var(--muted));font-weight:400}.btn.big{height:58px;font-size:17px;border-radius:18px}@media(max-width:900px){.tmc-upload-grid,.tmc-actions,.tmc-grid{grid-template-columns:1fr!important}.taminot-hero{display:block}.hero-badge{display:inline-block;margin-top:14px}}

/* v39 Ta'minot AI clean UI */
.tmc-clean{gap:24px!important;padding:28px!important}.tmc-section h2{margin:0 0 8px!important;font-size:26px!important}.clean-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.clean-upload-card{position:relative!important;margin:0!important;display:grid!important;grid-template-columns:48px 1fr auto!important;align-items:center!important;gap:14px!important;padding:16px!important;border:1.5px dashed rgb(var(--line-strong))!important;border-radius:20px!important;background:rgb(var(--surface-2))!important;cursor:pointer!important;min-height:92px!important;transition:.18s!important}.clean-upload-card:hover{border-color:rgb(var(--brand))!important;background:rgb(var(--brand-soft))!important;transform:translateY(-1px)!important}.clean-upload-card input{position:absolute!important;inset:0!important;opacity:0!important;cursor:pointer!important;width:100%!important;height:100%!important;padding:0!important}.clean-upload-icon{width:48px;height:48px;border-radius:16px;background:rgb(var(--surface));display:grid;place-items:center;font-size:24px;box-shadow:0 8px 24px rgb(var(--fg) / 0.071)}.clean-upload-text b{display:block;font-size:18px;font-weight:600;color:rgb(var(--fg))}.clean-upload-text small{display:block;margin-top:4px;color:rgb(var(--muted));font-weight:550;max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clean-upload-btn{background:rgb(var(--brand));color:rgb(var(--surface));border-radius:14px;padding:11px 14px;font-weight:600;font-size:14px;white-space:nowrap}.clean-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.clean-radio-card{margin:0!important;display:grid!important;grid-template-columns:22px 1fr!important;align-items:start!important;gap:10px!important;padding:14px!important;border:1px solid rgb(var(--line))!important;border-radius:18px!important;background:rgb(var(--surface))!important;cursor:pointer!important;min-height:auto!important}.clean-radio-card:hover{border-color:rgb(var(--brand))!important;background:rgb(var(--surface-2))!important}.clean-radio-card input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;padding:0!important;margin:0!important}.clean-radio-dot{width:18px!important;height:18px!important;border:2px solid rgb(var(--muted))!important;border-radius:999px!important;margin-top:2px!important;background:rgb(var(--surface))!important;display:inline-block!important}.clean-radio-card input:checked+.clean-radio-dot{border-color:rgb(var(--brand))!important;box-shadow:inset 0 0 0 4px rgb(var(--surface))!important;background:rgb(var(--brand))!important}.clean-radio-card b{font-size:16px!important;line-height:1.2!important}.clean-radio-card small{display:block;color:rgb(var(--muted));font-weight:400;margin-top:4px;line-height:1.35}.clean-period-row{display:flex;gap:10px;flex-wrap:wrap}.clean-period-chip{border:1px solid rgb(var(--line));border-radius:999px;background:rgb(var(--surface));color:rgb(var(--fg));padding:12px 18px;font-weight:600;cursor:pointer;font-size:15px}.clean-period-chip:hover,.clean-period-chip.active{background:rgb(var(--brand));border-color:rgb(var(--brand));color:rgb(var(--surface));box-shadow:0 12px 26px rgb(var(--brand) / 0.169)}.tmc-submit{background:rgb(var(--fg))!important;max-width:420px;justify-content:center}.taminot-note{margin-top:16px}.taminot-note h3{margin:0 0 8px}.taminot-note p{margin:0;color:rgb(var(--muted));font-weight:400;line-height:1.55}@media(max-width:900px){.clean-upload-grid,.clean-actions{grid-template-columns:1fr!important}.clean-upload-card{grid-template-columns:44px 1fr!important}.clean-upload-btn{grid-column:2}.tmc-submit{max-width:none;width:100%}}

/* v40 Ta'minot AI real redesign (sidebar-specific rules removed - dead code,
   the app no longer has a .sidebar/.app grid layout, and .brand/.brand-title/
   .brand-sub are reused by the current top-nav so those overrides were
   corrupting the live navbar: forcing rgb(var(--surface)) brand text + extra margins). */

.tmc-v40-hero{margin-bottom:22px!important;}
.tmc-v40-card{
  background:rgb(var(--surface))!important;
  border:1px solid rgb(var(--line))!important;
  border-radius:28px!important;
  padding:28px!important;
  box-shadow:0 18px 48px rgb(var(--shadow) / .08)!important;
  display:grid!important;
  gap:24px!important;
}
.tmc-v40-section{display:grid!important;gap:14px!important;}
.tmc-v40-section h2{font-size:28px!important;margin:0!important;color:rgb(var(--fg))!important;line-height:1.15!important;}
.tmc-v40-section p,.tmc-v40-muted{margin:0!important;color:rgb(var(--muted))!important;font-weight:400!important;line-height:1.45!important;}
.tmc-v40-upload-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
.tmc-v40-upload{
  position:relative!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  min-height:96px!important;
  padding:16px!important;
  border:1.8px dashed rgb(var(--line-strong))!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgb(var(--surface)),rgb(var(--surface-2)))!important;
  cursor:pointer!important;
  transition:.18s ease!important;
}
.tmc-v40-upload:hover{border-color:rgb(var(--brand))!important;box-shadow:0 14px 30px rgb(var(--brand) / .10)!important;transform:translateY(-1px)!important;background:rgb(var(--brand-soft))!important;}
.tmc-v40-upload input[type=file]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;padding:0!important;border:0!important;z-index:5!important;}
.tmc-v40-upload-icon{width:52px!important;height:52px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:rgb(var(--brand-soft))!important;font-size:25px!important;}
.tmc-v40-upload-info{min-width:0!important;display:block!important;}
.tmc-v40-upload-info b{display:block!important;font-size:18px!important;color:rgb(var(--fg))!important;font-weight:600!important;line-height:1.2!important;}
.tmc-v40-upload-info small{display:block!important;margin-top:5px!important;color:rgb(var(--muted))!important;font-size:14px!important;font-weight:550!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.tmc-v40-upload-button{background:rgb(var(--brand))!important;color:rgb(var(--surface))!important;border-radius:14px!important;padding:11px 16px!important;font-weight:600!important;font-size:14px!important;white-space:nowrap!important;}
.tmc-v40-analysis-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;}
.tmc-v40-analysis{
  margin:0!important;
  padding:14px!important;
  border:1px solid rgb(var(--line))!important;
  border-radius:20px!important;
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  align-items:start!important;
  gap:11px!important;
  background:rgb(var(--surface))!important;
  cursor:pointer!important;
  min-height:110px!important;
  transition:.15s ease!important;
}
.tmc-v40-analysis:hover,.tmc-v40-analysis.active-choice{border-color:rgb(var(--brand))!important;background:rgb(var(--surface-2))!important;box-shadow:0 12px 28px rgb(var(--brand) / .08)!important;}
.tmc-v40-analysis input[type=radio]{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;padding:0!important;margin:0!important;border:0!important;}
.tmc-v40-radio{width:18px!important;height:18px!important;border:2px solid rgb(var(--muted))!important;border-radius:50%!important;margin-top:2px!important;background:rgb(var(--surface))!important;display:block!important;}
.tmc-v40-analysis input[type=radio]:checked + .tmc-v40-radio{border-color:rgb(var(--brand))!important;background:rgb(var(--brand))!important;box-shadow:inset 0 0 0 4px rgb(var(--surface))!important;}
.tmc-v40-analysis-text b{display:block!important;font-size:16px!important;line-height:1.2!important;color:rgb(var(--fg))!important;font-weight:600!important;}
.tmc-v40-analysis-text small{display:block!important;margin-top:6px!important;color:rgb(var(--muted))!important;font-size:13px!important;line-height:1.35!important;font-weight:400!important;}
.tmc-v40-period-row{display:flex!important;flex-wrap:wrap!important;gap:10px!important;}
.tmc-v40-period{
  border:1px solid rgb(var(--line-strong))!important;
  border-radius:999px!important;
  background:rgb(var(--surface))!important;
  color:rgb(var(--fg))!important;
  padding:11px 17px!important;
  font-size:15px!important;
  font-weight:600!important;
  cursor:pointer!important;
  transition:.15s!important;
}
.tmc-v40-period:hover,.tmc-v40-period.active{background:rgb(var(--brand))!important;color:rgb(var(--surface))!important;border-color:rgb(var(--brand))!important;box-shadow:0 10px 24px rgb(var(--brand) / .22)!important;}
.tmc-v40-submit{
  width:min(430px,100%)!important;
  height:56px!important;
  border:0!important;
  border-radius:18px!important;
  background:rgb(var(--fg))!important;
  color:rgb(var(--surface))!important;
  font-weight:600!important;
  font-size:16px!important;
  cursor:pointer!important;
  box-shadow:0 14px 30px rgb(var(--shadow) / .16)!important;
}
.tmc-v40-submit:hover{background:rgb(var(--fg))!important;}
.taminot-note{display:none!important;}

@media(max-width:1000px){
  .tmc-v40-upload-grid,.tmc-v40-analysis-grid{grid-template-columns:1fr!important;}
}
@media(max-width:640px){
  .tmc-v40-card{padding:18px!important;}
  .tmc-v40-upload{grid-template-columns:46px minmax(0,1fr)!important;}
  .tmc-v40-upload-button{grid-column:2!important;width:max-content!important;}
}


/* v41: Ta'minot AI selected file state */
.tmc-v40-upload.file-selected{
  border-color:rgb(var(--ok))!important;
  background:linear-gradient(180deg,rgb(var(--ok-soft)),rgb(var(--surface)))!important;
  box-shadow:0 14px 30px rgba(22,163,74,.10)!important;
}
.tmc-v40-upload.file-selected .tmc-v40-upload-icon{
  background:rgb(var(--ok-soft))!important;
}
.tmc-v40-upload.file-selected .tmc-v40-upload-info small{
  color:rgb(var(--ok))!important;
}
.tmc-v40-upload.file-selected .tmc-v40-upload-button{
  background:rgb(var(--ok))!important;
  color:rgb(var(--surface))!important;
}
@media(max-width:780px){
  .tmc-v40-upload-grid{grid-template-columns:1fr!important;}
  .tmc-v40-upload{grid-template-columns:44px minmax(0,1fr) auto!important;min-height:84px!important;}
  .tmc-v40-upload-icon{width:44px!important;height:44px!important;font-size:22px!important;}
}

/* v45 role/lesson/test fixes */
.lesson-form .target-box{border:1px solid rgb(var(--line));background:rgb(var(--surface-2));border-radius:18px;padding:14px;min-height:0!important}
.target-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.chip-select{display:flex;flex-wrap:wrap;gap:8px;max-height:150px;overflow:auto;padding:2px}
.select-chip{display:inline-flex!important;margin:0!important;cursor:pointer!important}
.select-chip input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important}
.select-chip span{display:inline-flex;border:1px solid rgb(var(--line));border-radius:999px;background:rgb(var(--surface));padding:8px 12px;font-size:13px;font-weight:600;color:rgb(var(--fg-2));transition:.15s}
.select-chip input:checked+span{background:rgb(var(--brand));color:rgb(var(--surface));border-color:rgb(var(--brand))}
.tiny-check{display:inline-flex!important;align-items:center!important;gap:7px!important;margin:0!important;padding:6px 9px!important;border:1px solid rgb(var(--line))!important;background:rgb(var(--surface))!important;border-radius:999px!important;font-size:12px!important;font-weight:600!important;cursor:pointer!important;min-height:0!important;width:auto!important}
.tiny-check input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;min-height:1px!important}
.tiny-check span{width:16px!important;height:16px!important;min-width:16px!important;border:2px solid rgb(var(--line-strong))!important;border-radius:5px!important;background:rgb(var(--surface))!important;position:relative!important;display:inline-block!important}
.tiny-check input:checked+span{background:rgb(var(--brand))!important;border-color:rgb(var(--brand))!important}
.tiny-check input:checked+span:after{content:'✓';position:absolute;color:rgb(var(--surface));font-size:11px;font-weight:600;left:2px;top:-4px}
.lesson-card .action-row form{display:inline-flex;margin:0}

.variant-editor-row{display:grid!important;grid-template-columns:34px minmax(200px,1fr) auto auto!important;gap:8px!important;align-items:center!important;margin:8px 0!important;padding:8px!important;border:1px solid rgb(var(--line))!important;background:rgb(var(--surface-2))!important;border-radius:14px!important;min-height:0!important}
.variant-letter-small{width:28px;height:28px;border-radius:9px;background:rgb(var(--info-soft));color:rgb(var(--brand-ink));display:grid;place-items:center;font-size:13px;font-weight:600}
.variant-editor-row input[name="opt_text"]{height:38px!important;min-height:38px!important;border-radius:10px!important;padding:7px 10px!important;font-size:14px!important}
.correct-mini{display:inline-flex!important;align-items:center!important;gap:6px!important;margin:0!important;width:auto!important;min-height:0!important;font-size:12px!important;font-weight:600!important;white-space:nowrap!important}
.correct-mini input{display:none!important}.correct-mini-btn{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;border:2px solid rgb(var(--line-strong))!important;border-radius:5px!important;background:rgb(var(--surface))!important;padding:0!important;cursor:pointer!important}.correct-mini-btn.active{background:rgb(var(--brand))!important;border-color:rgb(var(--brand))!important}.correct-mini-btn.active:after{content:'✓';color:rgb(var(--surface));font-size:12px;font-weight:600;display:block;line-height:14px;text-align:center}.variants-title-row{display:flex;justify-content:space-between;gap:10px;align-items:center}.variants-title-row h3{margin:0}.variants-title-row p{margin:4px 0 0}
.exam-option-row input[type="radio"],.exam-option-row input[type="checkbox"]{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;display:block!important;left:-9999px!important}.exam-option-row .option-control{justify-self:end!important;position:relative!important}.exam-option-row input[type="radio"]:checked ~ .option-control{background:rgb(var(--brand))!important;border-color:rgb(var(--brand))!important;box-shadow:inset 0 0 0 5px rgb(var(--surface))!important}.exam-option-row input[type="checkbox"]:checked ~ .option-control{background:rgb(var(--brand))!important;border-color:rgb(var(--brand))!important}.exam-option-row input[type="checkbox"]:checked ~ .option-control:after{content:'✓';color:rgb(var(--surface));font-weight:600;position:absolute;left:4px;top:-2px}
.btn-dark{background:rgb(var(--fg))!important;color:rgb(var(--surface))!important;border-color:rgb(var(--fg))!important}

/* v50: real Davomat edit form fixes */
.attendance-edit-table{table-layout:auto!important;min-width:1180px!important}
.attendance-edit-table th,.attendance-edit-table td{vertical-align:middle!important}
.attendance-edit-table input{height:46px!important;min-width:118px!important;padding:10px 12px!important;border-radius:14px!important;font-size:15px!important;font-weight:550!important;text-align:center!important}
.attendance-edit-table input[type="month"]{min-width:150px!important;width:150px!important}
.attendance-edit-table input[name="first_arrival"]{min-width:130px!important;width:130px!important}
.attendance-edit-card{overflow-x:auto!important}

.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:14px 0}.stats-grid>div{background:rgb(var(--surface-2));border:1px solid rgb(var(--line));border-radius:16px;padding:14px}.payroll-card h2 small{font-size:14px;color:rgb(var(--muted))}
/* Fix wide controls in Ma'lumotlar bilan ishlash and role permission tables */
.fields-page,.card{max-width:100%}.fields-table-wrap,.perm-table-wrap{max-width:100%;overflow-x:auto;overflow-y:visible}.field-row-form{display:grid;grid-template-columns:42px 70px minmax(180px,1fr) minmax(150px,210px) minmax(150px,200px) minmax(180px,240px) minmax(120px,150px) minmax(130px,160px);gap:10px;align-items:center}.field-row-form input,.field-row-form select,.field-row-form textarea{min-width:0}.field-actions{display:flex;gap:8px;flex-wrap:wrap}.role-chip-edit{border-radius:18px!important}.role-label-input{min-width:160px!important;width:180px!important}
@media(max-width:1100px){.field-row-form{grid-template-columns:1fr}.field-actions{justify-content:flex-start}}

/* === REAL FIX: Ma'lumotlar bilan ishlash sizing / overflow === */
.fields-page{overflow-x:hidden!important;}
.field-list-head,.field-row{
  grid-template-columns:28px 34px minmax(150px,1.1fr) minmax(120px,.9fr) 120px minmax(150px,1fr) 96px 128px!important;
  gap:8px!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.field-row input,.field-row select,.field-row textarea,
.field-editor input,.field-editor select,.field-editor textarea{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.field-row .mini-toggle{width:auto!important;min-width:88px!important;padding:6px 8px!important;}
.field-actions{min-width:0!important;display:flex!important;gap:6px!important;flex-wrap:wrap!important;}
.field-actions .btn,.field-delete-form .btn{padding:8px 10px!important;font-size:12px!important;}
.choice-options-text{white-space:pre-wrap!important;}
@media(max-width:1200px){
  .field-list-head{display:none!important;}
  .field-row{grid-template-columns:28px 34px 1fr!important;align-items:start!important;}
  .field-row-form{display:grid!important;grid-column:1/-1!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .field-row-form textarea,.field-actions{grid-column:1/-1!important;}
}
@media(max-width:700px){.field-row-form{grid-template-columns:1fr!important}}

/* === REAL FIX: role management editing === */
.role-chip-edit{border-radius:18px!important;align-items:center!important;}
.role-rename-form{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;}
.role-label-input{min-width:150px!important;width:170px!important;}
.role-code-input{min-width:115px!important;width:130px!important;}

/* Owner is visible in Xodimlar but protected from opening/editing/deleting by other roles */
.owner-locked-row{cursor:not-allowed!important;opacity:.86!important;}
.owner-locked-row:hover{background:transparent!important;}
.owner-locked-row .badge{margin-left:8px;font-size:12px;}

.employee-photo-card{margin:10px 0 18px}.employee-big-photo{width:112px;height:112px;border-radius:28px;object-fit:cover;border:1px solid rgb(var(--line));background:rgb(var(--surface-2));cursor:pointer}.employee-big-photo.empty{display:grid;place-items:center;font-weight:600;color:rgb(var(--brand-ink))}.image-modal{display:none;position:fixed;inset:0;background:rgb(var(--shadow) / .82);z-index:9999;align-items:center;justify-content:center;padding:30px}.image-modal img{max-width:min(90vw,900px);max-height:88vh;border-radius:22px;background:rgb(var(--surface))}

/* Fleet registry redesign */
.fleet{margin-top:18px}.fleet__header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px;border-radius:24px;background:linear-gradient(135deg,rgb(var(--fg)),rgb(var(--brand-ink)));color:rgb(var(--surface));margin-bottom:18px}.fleet__header h2{margin:4px 0;font-size:30px}.fleet__header p{margin:0;color:rgb(var(--line-strong))}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:550;color:rgb(var(--brand-light))}.fleet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.fleet-card{background:rgb(var(--surface));border:1px solid rgb(var(--line));border-radius:22px;padding:18px;box-shadow:0 10px 30px rgb(var(--shadow) / .06)}.fleet-card__top,.fleet-card__actions,.modal-head,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.plate{display:inline-flex;padding:8px 12px;border:2px solid rgb(var(--fg));border-radius:8px;background:rgb(var(--surface));font-weight:600;letter-spacing:.08em;color:rgb(var(--fg))}.status-pill{font-size:12px;font-weight:550;padding:7px 10px;border-radius:999px}.status-pill.free{background:rgb(var(--ok-soft));color:rgb(var(--ok-ink))}.status-pill.busy{background:rgb(var(--brand-soft));color:rgb(var(--brand-dark))}.fleet-card__model{display:flex;flex-direction:column;margin:18px 0 12px}.fleet-card__model b{font-size:20px}.fleet-card__model span{color:rgb(var(--muted))}.fleet-card__stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fleet-card__stats>div{padding:12px;border-radius:14px;background:rgb(var(--surface-2))}.fleet-card__stats small,.driver-chip small,.linked-driver small{display:block;color:rgb(var(--muted))}.driver-chip,.linked-driver{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;padding:13px;margin:14px 0;border:1px solid rgb(var(--brand-soft));background:rgb(var(--brand-soft));border-radius:16px}.driver-chip:hover,.linked-driver:hover{border-color:rgb(var(--brand));transform:translateY(-1px)}.driver-chip span:nth-child(2),.linked-driver span:nth-child(2){display:flex;flex-direction:column;flex:1}.driver-chip em,.linked-driver em{font-style:normal;color:rgb(var(--muted));font-size:13px}.driver-avatar{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgb(var(--brand));color:rgb(var(--surface));font-weight:600}.driver-chip.empty{background:rgb(var(--surface-2));border-style:dashed}.driver-chip.empty .driver-avatar{background:rgb(var(--line-strong))}.fleet-card__actions{justify-content:flex-start}.vehicle-modal{width:min(980px,94vw);max-height:92vh;border:0;border-radius:24px;padding:0;box-shadow:0 30px 80px rgb(var(--shadow) / .3)}.vehicle-modal::backdrop{background:rgb(var(--shadow) / .65);backdrop-filter:blur(3px)}.vehicle-form{padding:24px;overflow:auto;max-height:92vh}.modal-head{border-bottom:1px solid rgb(var(--line));padding-bottom:16px;margin-bottom:18px}.modal-head h2{margin:3px 0}.modal-close{width:40px;height:40px;border:0;border-radius:12px;background:rgb(var(--surface-2));font-size:26px;cursor:pointer}.vehicle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vehicle-grid label{font-weight:550;color:rgb(var(--fg-2))}.vehicle-grid input,.vehicle-grid select{width:100%;margin-top:7px}.plate-field{grid-column:span 1}.plate-input{font-weight:600;letter-spacing:.08em;text-transform:uppercase}.doc-section{margin-top:18px;padding:18px;border-radius:18px;background:rgb(var(--surface-2));border:1px solid rgb(var(--line))}.doc-section h3{margin-top:0}.doc-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.doc-dropzone{position:relative;display:flex!important;align-items:center;gap:12px;padding:14px!important;border:1.5px dashed rgb(var(--info))!important;border-radius:16px;background:rgb(var(--surface));cursor:pointer;min-height:78px}.doc-dropzone input[type=file]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important}.doc-dropzone__icon{width:38px;height:38px;border-radius:12px;background:rgb(var(--brand-soft));color:rgb(var(--brand-dark));display:grid;place-items:center;font-size:24px}.doc-dropzone__copy{display:flex;flex-direction:column;flex:1}.doc-dropzone__copy small{color:rgb(var(--muted));font-weight:500}.doc-dropzone__action{padding:8px 10px;background:rgb(var(--brand));color:rgb(var(--surface));border-radius:10px;font-size:12px}.doc-dropzone__view{position:relative;z-index:3;font-size:12px}.modal-actions{justify-content:flex-end;border-top:1px solid rgb(var(--line));margin-top:20px;padding-top:16px}.form-span-2{grid-column:1/-1}.alert-error{padding:12px 15px;border-radius:12px;background:rgb(var(--danger-soft));color:rgb(var(--danger-ink));margin-bottom:12px}.empty-state{padding:40px;text-align:center;border:1px dashed rgb(var(--line-strong));border-radius:18px;color:rgb(var(--muted))}@media(max-width:700px){.fleet__header{align-items:flex-start;flex-direction:column}.fleet-grid{grid-template-columns:1fr}.vehicle-grid,.doc-upload-grid{grid-template-columns:1fr}.plate-field{grid-column:auto}}
/* employee cards match recruitment candidate cards */
.employee-card-list{display:grid;gap:10px}.employee-directory-card{margin:0!important}.employee-profile-candidate{margin-top:0!important}.employee-profile-candidate .candidate-avatar{cursor:zoom-in}.employee-directory-card .candidate-meta,.employee-profile-candidate .candidate-meta{font-size:13px}.employee-directory-card .candidate-actions{margin-left:auto}
.employee-detail-card{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;padding:18px;margin:0 0 18px;border:1px solid rgb(var(--line));border-radius:22px;background:rgb(var(--surface));box-shadow:0 10px 30px rgb(var(--shadow)/.06)}.employee-detail-photo{width:180px;height:220px;border-radius:18px;overflow:hidden;background:rgb(var(--surface-2));cursor:zoom-in;border:1px solid rgb(var(--line))}.employee-detail-photo img{width:100%;height:100%;object-fit:cover}.employee-detail-info h2{font-size:26px;margin:8px 0 16px}.employee-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:10px}.employee-detail-grid>div{padding:11px 12px;border:1px solid rgb(var(--line));border-radius:12px;background:rgb(var(--surface-2));display:grid;gap:3px}.employee-detail-grid small{color:rgb(var(--muted));font-size:11px}.employee-detail-grid b{font-size:14px}@media(max-width:720px){.employee-detail-card{grid-template-columns:1fr}.employee-detail-photo{width:140px;height:170px}.employee-detail-grid{grid-template-columns:1fr}}