/* Visual styles adapted from org/index.html. The existing app handlers remain in script.js. */
@font-face{font-family:e-Ukraine;src:url(assets/fonts/e-Ukraine-Regular.otf) format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:e-Ukraine;src:url(assets/fonts/e-Ukraine-Medium.otf) format('opentype');font-weight:500;font-display:swap}
@font-face{font-family:e-Ukraine;src:url(assets/fonts/e-Ukraine-Bold.otf) format('opentype');font-weight:700;font-display:swap}
@font-face{font-family:e-UkraineHead;src:url(assets/fonts/e-UkraineHead-Regular.otf) format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:e-UkraineHead;src:url(assets/fonts/e-UkraineHead-Medium.otf) format('opentype');font-weight:500;font-display:swap}
:root{
  /* Keep the user's chosen theme. Reference background: #e1decb. */
  --bg:#d9d7c1;--card:#d5d3bf;--orange:#fc890c;--ink:#000;--muted:#6a6657;
  --white:#fbfdfc;--strip:#949585;--splash-bg:#23221e;
  --page-gutter:24px;--nav-height:84px;--nav-bottom:max(12px,env(safe-area-inset-bottom));
}
html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none}
/* Neutral interaction colors, including dynamically rendered controls. */
button,a,input,select,textarea,[tabindex],[role="button"],[role="switch"]{accent-color:var(--orange)}
button:focus:not(:focus-visible),a:focus:not(:focus-visible),[tabindex]:focus:not(:focus-visible){outline:none}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
input,textarea,[contenteditable="true"]{caret-color:var(--ink)}
::selection{background:#c4c0a9;color:var(--ink)}
button,[role="button"],[role="switch"]{-webkit-user-select:none;user-select:none}
body{font-family:e-Ukraine,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
button{font-family:inherit;font-weight:400}
.phone-shell{height:100dvh;max-height:932px}
.app{transform:none}
.screen{padding:calc(max(14px,env(safe-area-inset-top)) + 24px) var(--page-gutter) calc(var(--nav-height) + var(--nav-bottom) + 20px)}
.screen h1{font-family:e-UkraineHead,sans-serif;font-size:28px;font-weight:400;line-height:1.25;letter-spacing:0;margin:0 0 16px}

/* Card proportions and equal free space above and below match the reference. */
#home.active{display:flex;flex-direction:column;overflow:hidden;padding-top:calc(max(14px,env(safe-area-inset-top)) + 27px);padding-bottom:calc(var(--nav-height) + var(--nav-bottom) + 8px)}
.screen-top.compact{flex:none;height:auto;min-height:29px;margin:0}
.notice-chip{padding:4.5px 12px;gap:6px;border-radius:999px;font-size:15px;font-weight:500;box-shadow:none}
.notice-chip svg{width:20px;height:20px}
.reserve-card{flex:0 1 auto;aspect-ratio:3819/5137;width:100%;height:auto;min-height:0;max-height:calc(100% - 57px);margin:auto 0;perspective:1500px;border-radius:8px}
.card-inner{transition:transform .6s cubic-bezier(.4,0,.2,1)}
.card-face{border-radius:8px;border:1px solid rgba(0,0,0,.25);-webkit-backface-visibility:hidden}
.card-heading{padding:24px 17px 0}
.card-heading strong{font-family:e-UkraineHead,sans-serif;font-size:25px;font-weight:400;letter-spacing:0}
.trident{width:auto;height:36px;aspect-ratio:120/147}
.field{padding:17px 17px 0;gap:6px}
.field small,.identity small{font-size:14px;font-weight:400;color:var(--muted)}
.field b{font-size:16px;font-weight:400}
.ticker{padding:3px 0;border:0;background:var(--strip)}
.ticker>span{font-size:14px;font-weight:400;line-height:1.25;animation-duration:10s}
.identity{flex:none;min-height:0;padding:31px 17px 15px}
.identity strong{font-size:21px;line-height:25px;font-weight:500;letter-spacing:0;margin-top:8px;padding-right:34px}
.reserve-card>.document-plus{right:17px;bottom:17px;width:39px;height:39px;background:var(--orange);color:#000}
.document-plus svg{width:21px;height:21px}
.card-back{justify-content:flex-start;padding:0 7%;border-color:rgba(0,0,0,.1)}
.card-back>strong{width:100%;margin:19% 0 0;padding:0 6px;font-size:16px;font-weight:400;line-height:1.3;white-space:normal}
.qr-image{width:100%;max-width:none;margin-top:7.1%}

/* Original tab icons include separate selected and unselected versions. */
.bottom-nav{left:0;right:0;bottom:0;height:auto;display:block;padding:0 0 var(--nav-bottom);border-radius:0;background:#fff;box-shadow:none;backdrop-filter:none}
.bottom-nav-inner{display:flex;gap:0;height:var(--nav-height);padding:16px 0 20px;border-radius:0;background:#fff;box-shadow:none}
.nav-item{flex:1 1 0;min-width:0;height:auto;gap:9px;padding:0;font-size:13px;font-weight:400;line-height:1;color:#000;border-radius:0}
.nav-item.active{font-weight:700}
.nav-item:before{display:none}
.nav-symbol{position:relative;z-index:0;height:24px;display:flex;align-items:center;justify-content:center}
.nav-symbol::before{content:'';position:absolute;z-index:-1;left:50%;top:50%;width:56px;height:32px;transform:translate(-50%,-50%);border-radius:999px;background:#e9e9e9;opacity:0;pointer-events:none}
.nav-item:active .nav-symbol::before{opacity:1}
.nav-symbol svg{display:block}
.nav-symbol .ion{display:none}
.nav-item.active .ion{display:block}
.nav-item.active .ioff{display:none}

/* Password screen; previous background was #dfdfcd. */
.code-gate{display:block;padding:0;background:var(--bg)}
.code-gate h1{position:absolute;top:24.1%;left:0;right:0;text-align:center;font-family:e-UkraineHead,sans-serif;font-size:25px;font-weight:400;letter-spacing:0}
.code-dots{position:absolute;top:34.8%;left:0;right:0;justify-content:center;gap:22px;margin:0}
.code-dots i{width:11px;height:11px;background:var(--white);box-shadow:none}
.code-error{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.code-dots.incorrect{animation:pin-shake .42s ease-in-out}
@keyframes pin-shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-9px)}40%,80%{transform:translateX(9px)}}
.forgot-screen.failed-attempts .forgot-message{flex:0 1 auto;padding-top:22vh}
.forgot-screen.failed-attempts .status-circle{width:168px;height:168px;border:8px solid #979788}
.forgot-screen.failed-attempts .status-circle svg{width:88px;height:88px}
.forgot-screen.failed-attempts .forgot-message h1{white-space:pre-line;margin-top:42px;font-size:28px;line-height:1;max-width:340px}
.forgot-screen.failed-attempts .forgot-message p{margin-top:26px;font-size:18px;line-height:1.15}
.forgot-screen.failed-attempts .forgot-actions{margin-top:auto}
.forgot-screen.failed-attempts .reauth-button{height:64px;border-radius:34px;font-size:19px}
.forgot-screen .cancel-button[hidden]{display:none}
@media(max-height:650px){.forgot-screen.failed-attempts .forgot-message{padding-top:12vh}.forgot-screen.failed-attempts .status-circle{width:120px;height:120px}.forgot-screen.failed-attempts .status-circle svg{width:64px;height:64px}.forgot-screen.failed-attempts .forgot-message h1{margin-top:22px;font-size:24px}.forgot-screen.failed-attempts .forgot-message p{margin-top:18px;font-size:15px}}
.keypad{position:absolute;top:44.9%;left:50%;transform:translateX(-50%);grid-template-columns:repeat(3,72px);column-gap:23px;row-gap:16px}
.keypad button,.keypad span{width:72px;height:72px}
.keypad button{display:flex;align-items:center;justify-content:center;padding:0;font-size:27px;font-weight:400;background:var(--white);box-shadow:none}
.keypad button:active{transform:none;background:#d9d6c5}
.keypad .delete-key{background:none}
.keypad .delete-key svg{display:block;width:34px;height:27px}
.keypad .delete-key:active{opacity:.55}
.forgot-code{position:absolute;left:0;right:0;bottom:max(52px,calc(env(safe-area-inset-bottom) + 26px));width:100%;margin:0;padding:0 12px;font-size:16px;font-weight:400}
.splash-screen{display:flex;align-items:center;justify-content:center}
.splash-inner{display:flex;flex-direction:column;align-items:center;text-align:center}
.splash-inner svg{height:43px;width:auto;display:block}
.splash-inner .st{margin-top:21px;font-family:e-UkraineHead,sans-serif;font-size:24px;font-weight:500;line-height:28.5px;color:#dfddca}
.forgot-screen{padding:0 var(--page-gutter) calc(env(safe-area-inset-bottom) + 26px);background:var(--bg)}
.forgot-message{flex:1;justify-content:center;padding-top:0}
.status-circle{display:flex;align-items:center;justify-content:center;flex:none;width:148px;height:148px;border:3px solid #b5b1a0;border-radius:50%}
.status-circle svg{width:66px;height:66px}
.forgot-message h1{margin-top:34px;font-family:e-UkraineHead,sans-serif;font-size:28px;font-weight:400;line-height:1.2;letter-spacing:0}
.forgot-message p{margin-top:16px;max-width:320px;font-size:17px;font-weight:400;line-height:1.4;color:#2a2a2a}
.forgot-actions{margin-top:0;flex:none}
.forgot-actions button{height:57px;border-radius:28.5px;font-size:17px}
.reauth-button{background:var(--orange)}
.cancel-button{border:1.5px solid #00000059;font-weight:400}

/* Services, menu and vacancy typography and spacing. */
.plain-list{margin-top:16px}
.plain-list button{padding:21.5px 0;min-height:65px;font-size:16px;line-height:22px;border-color:#00000010}
.chevron{flex:none;display:flex;align-items:center;justify-content:center}
.chevron svg{display:block;width:24px;height:24px}
#menu h1{font-size:25px;line-height:31px;margin-bottom:7px}
.version{margin:0 0 22px;font-size:12px;color:#73736a}
.menu-card{margin-bottom:12px;background:var(--white);border-radius:13px}
.menu-card button{position:relative;gap:17px;min-height:57px;padding:17.5px 20px;font-size:16px;line-height:22px;border:0}
.menu-card button+button:before{content:'';position:absolute;left:20px;right:20px;top:0;height:1px;background:#0000001c}
.menu-card i{display:flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px}
.menu-card i svg{width:24px;height:24px}
.menu-card .chevron{margin-left:auto}
.menu-card .chevron svg{width:30px;height:30px}
.logout{width:120px;height:47px;margin:26px auto 0;padding:0;border-radius:24px;background:#2c2b27;font-size:17px;font-weight:500}
.privacy{margin:10px -16px 24px;font-size:clamp(10px,3.2vw,15px);line-height:1.4}
.vacancy-title-row h1{font-size:25px;line-height:30px;margin-bottom:0}
.round-search{width:41px;height:41px;display:grid;place-items:center;background:var(--white);box-shadow:none}
.round-search svg{width:19px;height:19px}
.tabs{gap:24px;margin-top:33px;border-bottom:1.5px solid #918e7f}
.tab{font-size:15px;font-weight:400;color:var(--muted);padding:0 0 12px;margin-bottom:-1.5px}
.tab.active{border-color:#000;font-weight:500}
.tab.active:before{content:'';display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:var(--orange);vertical-align:middle}
.recruit-card{min-height:430px;height:auto;margin:18px -2px 0;padding:19px 22px 24px;border-radius:24px;background:var(--white)}
.recruit-card h2{font-size:17px;font-weight:500;margin:0 0 36px}
.badge-grid{width:min(100%,271px);margin:0 auto 32px}
.orange-btn{min-height:57px;padding:16px;font-size:16px;font-weight:500;border-radius:28.5px}
.back-title{flex-direction:row;align-items:center;gap:12px}
.back-title button{display:grid;place-items:center;flex:none;width:34px;height:34px;padding:5px}
.back-title button svg{width:24px;height:24px}
.back-title h1{font-size:25px;margin:0}
.contracts-screen>p{margin:16px 0 18px;font-size:14px;line-height:1.4}
.accordion-list button{font-size:16px;border-radius:13px;background:var(--white)}
.list-heading{font-size:14px;margin:20px 0 12px}
.job-list label{background:var(--white);border-radius:13px}
.job-list b{font-size:14px}.job-list small{font-size:12px}

/* Three existing actions retain their error and date-update handlers. */
.document-dialog{background:#000000b8}
.document-sheet{width:calc(100% - 18px);margin:0 9px max(14px,env(safe-area-inset-bottom));padding:0 0 16px;border-radius:16px;background:#fff}
.sheet-handle{height:32px}
.sheet-handle span{width:39px;height:3.5px;background:#1c1b17}
.document-actions button{gap:24px;min-height:56px;padding:15px 26px;font-size:14px;font-weight:500}
.document-actions svg{flex:0 0 26px;width:26px;height:26px;stroke:currentColor}
.document-actions svg text{stroke:none}
.document-error{padding:12px 26px 4px}
.document-error h2{font-family:e-UkraineHead,sans-serif;font-size:22px;font-weight:400;letter-spacing:0}
.document-error p{font-size:14px}
.document-error button{height:52px;font-size:16px}

/* These controls use the browser's sans-serif face in the supplied original. */
.notice-chip,.nav-item,.plain-list button,.menu-card button,.document-actions button,.logout{font-family:Arial,sans-serif}

/* Scale the same layout for small phones without changing the card proportions. */
@media(max-width:360px){
  :root{--page-gutter:18px}
  .card-heading{padding:18px 13px 0}.card-heading strong{font-size:21px}.trident{height:30px}
  .field{padding:14px 13px 0}.field small,.identity small{font-size:12px}.field b{font-size:14px}
  .identity{padding:22px 13px 13px}.identity strong{font-size:18px;line-height:22px}
  .ticker>span{font-size:11px}
  .reserve-card>.document-plus{width:34px;height:34px;right:14px;bottom:14px}
  .document-plus svg{width:19px;height:19px}
  .code-gate h1{font-size:23px}.code-dots{gap:20px}.code-dots i{width:9px;height:9px}
  .keypad{grid-template-columns:repeat(3,60px);gap:14px 20px}.keypad button,.keypad span{width:60px;height:60px}
  .keypad button{font-size:25px}.forgot-code{font-size:13px;bottom:max(32px,env(safe-area-inset-bottom))}
  .notice-chip{font-size:12px}.notice-chip svg{width:16px;height:16px}
  .menu-card button{gap:12px;padding:16px 13px;font-size:13px}.menu-card i{width:21px;height:21px}
  .plain-list button{font-size:14px;padding:18px 0;min-height:58px}
  .document-actions button{padding:14px 20px;gap:20px;font-size:13px}
  .forgot-message h1{font-size:24px}.forgot-message p{font-size:15px}
}
@media(max-height:650px){
  .code-gate h1{top:22%}.code-dots{top:32%}.keypad{top:41%;row-gap:12px}
  .keypad button,.keypad span{width:54px;height:54px}.keypad{grid-template-columns:repeat(3,54px)}
  .forgot-code{bottom:max(24px,env(safe-area-inset-bottom));font-size:13px}
  #home.active{padding-top:24px}.identity{padding-top:18px}
  .status-circle{width:116px;height:116px}.forgot-message h1{margin-top:24px}
}
@media(display-mode:standalone){.phone-shell,.document-dialog{height:100dvh;max-height:none;border-radius:0;box-shadow:none}}

  /* ===== detail page ===== */
  .detail{position:absolute;inset:0;z-index:60;background:var(--bg);display:flex;flex-direction:column;}
  .detail[hidden]{display:none;}
  .detail .dscroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:8px;}
  .dhead{padding:max(14px,env(safe-area-inset-top)) 22px 0;display:flex;align-items:flex-start;justify-content:space-between;}
  .iconbtn{width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.06);border:none;display:flex;align-items:center;justify-content:center;flex:none;}
  .iconbtn svg{width:22px;height:22px;}
  .dtitle{padding:14px 22px 0;font-family:'e-UkraineHead';font-size:28px;font-weight:400;line-height:1.2;}
  .dbody{padding:18px 22px 0;font-size:16px;line-height:22px;}
  .dbody p{margin-bottom:14px;}
  .dbody ul{margin:6px 0 0 4px;padding-left:20px;line-height:20px;}
  .dbody li{margin-bottom:2px;}
  .dcard{margin:18px 22px 0;background:var(--white);border-radius:18px;overflow:hidden;}
  .drow{display:flex;align-items:flex-start;gap:12px;width:100%;background:none;border:none;text-align:left;color:var(--ink);padding:18px 18px;}
  .drow .dtxt{flex:1 1 auto;min-width:0;}
  .drow .dtxt{display:flex;flex-direction:column;}
  .drow .dt{display:block;font-size:18px;font-weight:500;line-height:1.25;}
  .drow .ds{display:block;margin-top:5px;font-size:15px;color:var(--muted);line-height:1.32;}
  .drow .chev{flex:none;align-self:center;color:#1a1a1a;}
  .ddiv{height:1px;background:var(--divider-soft);margin:0 18px;}
  .field-block{margin:18px 22px 0;}
  .field-block .fl{font-size:14px;color:var(--muted);margin-bottom:8px;}
  .field-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;background:var(--white);border:none;border-radius:14px;padding:17px 18px;color:var(--ink);font-size:16px;text-align:left;}
  .field-row .chev{flex:none;color:#1a1a1a;}
  /* активні сесії */
  .sess-h{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:500;}
  .sess-dot{width:9px;height:9px;border-radius:50%;background:#3ea832;flex:none;}
  .sess-os{margin-top:12px;font-size:17px;font-weight:500;}
  .drow .ds+.ds{margin-top:2px;}
  /* налаштування: рядок + тумблер */
  .set-row{display:flex;align-items:center;gap:14px;width:100%;background:none;border:none;text-align:left;color:var(--ink);font-size:16px;font-weight:500;line-height:1.3;padding:17px 18px;}
  .set-row .set-lbl{flex:1 1 auto;min-width:0;}
  .tgl{flex:none;width:50px;height:30px;border-radius:15px;background:#cfccbb;position:relative;transition:.2s;border:none;padding:0;}
  .tgl::after{content:"";position:absolute;top:2px;left:2px;width:26px;height:26px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2);}
  .tgl.on{background:#3ea832;}
  .tgl.on::after{left:22px;}
  /* служба підтримки */
  .supp-lead{padding:14px 22px 0;font-size:17px;font-weight:500;line-height:1.4;}
  .supp-card{margin:22px 22px 0;background:var(--white);border-radius:16px;}
  .supp-viber{display:flex;align-items:center;gap:14px;width:100%;background:none;border:none;text-align:left;color:var(--ink);font-size:17px;font-weight:500;padding:18px 18px;}
  .supp-viber .vi{width:34px;height:34px;flex:none;}
  .supp-copy{display:flex;align-items:center;gap:14px;width:100%;background:none;border:none;text-align:left;color:var(--ink);font-size:16px;font-weight:500;padding:16px 22px;margin-top:6px;}
  .supp-copy svg{width:22px;height:22px;flex:none;}
  .dbottom{flex:none;padding:10px 22px max(14px,env(safe-area-inset-bottom));}
  .infobox{display:flex;align-items:center;gap:14px;background:#d9d6c5;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:15px 18px;margin-bottom:14px;font-size:15px;line-height:1.35;}
  .infobox svg{flex:none;width:24px;height:24px;}
  .checkrow{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:14px;font-size:16px;}
  .checkbox{width:24px;height:24px;border:2px solid #000;border-radius:7px;flex:none;}
  .cta{display:block;width:100%;background:var(--orange);color:#1a1a1a;border:none;border-radius:28px;font-size:16px;font-weight:500;padding:18px;text-align:center;}
.detail .dtitle{margin:0}
.detail .drow+.drow,.detail .set-row{border-top:1px solid #00000010}
.detail .field-block .drow{background:var(--white);border-radius:14px}
.detail .detail-status{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 8px}
.detail-status .status-circle{margin-bottom:30px}
.detail-status .dbody{padding-top:16px}
.checkrow input{width:22px;height:22px;accent-color:var(--orange)}
#vacancies.active{display:flex;flex-direction:column;padding-top:calc(max(14px,env(safe-area-inset-top)) + 8px);padding-bottom:calc(var(--nav-height) + var(--nav-bottom) + 8px);overflow:hidden}
#vacancies .vacancy-title-row{flex:none}
#vacancies .tabs{flex:none;overflow-x:auto;white-space:nowrap;scrollbar-width:none;margin:33px -24px 0;padding:0 24px;min-height:34px}
#vacancies .tab{flex:none;border-radius:0;background:none}
#vacancies .tab.active:before{content:none}
#vacancies .tab[data-tab="contracts"]:before{content:'';display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:var(--orange);vertical-align:middle}
.vacancy-pane{flex:1;min-height:0;overflow-y:auto;margin:0 -24px;position:relative;overscroll-behavior:contain}
.vacancy-pane .recruit-card{display:flex;flex-direction:column;min-height:430px;height:calc(100% - 18px);margin:18px 22px 0;padding:19px 22px 38px;border-radius:24px 24px 0 0}
.vacancy-pane .recruit-card h2{text-align:center;margin:0}
.vacancy-badges{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;justify-items:center;gap:14px 12px;width:min(100%,271px);margin:42px auto 32px}
.vacancy-badges img{height:76px;max-width:100%;object-fit:contain}
.vacancy-more{display:grid;place-items:center;width:41px;height:41px;border-radius:50%;background:#1c1b17;color:white;font-size:15px}
.vacancy-pane .orange-btn{position:static;width:100%;margin-top:auto;flex:none}
.vacancy-search{display:block;width:calc(100% - 44px);margin:18px 22px 10px;border:1px solid #0002;border-radius:16px;padding:14px;font:inherit;background:var(--white)}
.vacancy-list{padding:0 22px 70px}
.vacancy-list-card{width:100%;display:flex;align-items:flex-start;gap:12px;margin:0 0 9px;padding:14px 18px 16px 17px;background:var(--white);border:0;border-radius:20px;text-align:left}
.vacancy-list-card img{height:45px;width:40px;object-fit:contain;flex:none;margin-top:6px}
.vacancy-list-card>span{display:flex;flex-direction:column;gap:5px;font-size:15px;line-height:1.32}
.vacancy-list-card b{font-size:16px;font-weight:500;line-height:1.25}
.vacancy-fabs{position:sticky;bottom:14px;display:flex;justify-content:center;gap:8px;height:43px;margin-top:-57px;pointer-events:none}
.vacancy-fabs button{pointer-events:auto;height:43px;padding:0 21px;border:0;border-radius:22px;background:#1a1915ed;color:white;font-size:16px;font-weight:500}
.vacancy-fabs button.selected{background:var(--orange);color:#000}
.empty-search{padding:20px;text-align:center;color:var(--muted)}
.document-view{position:fixed;inset:0;width:100%;max-width:430px;height:100dvh;max-height:100dvh;margin:auto;padding:0;border:0;background:transparent;color:var(--ink);overflow:hidden}
.document-view::backdrop{background:transparent}
.document-view-sheet{position:absolute;inset:24px 0 0;background:var(--bg);border-radius:12px 12px 0 0;display:flex;flex-direction:column;overflow:hidden;animation:document-enter .25s ease;transition:transform .28s cubic-bezier(.3,.7,.4,1);will-change:transform}
.document-view-sheet.dragging{animation:none;transition:none;user-select:none}
.document-view-handle,.document-view-head{touch-action:none;cursor:grab}
.document-view-sheet.dragging .document-view-handle,.document-view-sheet.dragging .document-view-head{cursor:grabbing}
.document-view-handle{position:absolute;z-index:1;top:0;left:calc(50% - 40px);width:80px;height:26px;border:0;background:transparent;display:grid;place-items:center}
.document-view-handle span{width:50px;height:5px;border-radius:3px;background:#111}
.document-view-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.document-view-head{display:flex;align-items:flex-start;justify-content:space-between;padding:30px 24px 20px}
.document-view-head h1{margin:0;font-family:e-UkraineHead,sans-serif;font-size:25px;font-weight:400}
.document-view .ticker{position:static;display:block;overflow:hidden;width:100%}
.document-view-cards{padding:12px 24px calc(40px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}
.document-view-card{background:var(--white);border-radius:14px;padding:17px;font-size:14px;line-height:17px}
.document-view-name{font-size:21px;font-weight:500;line-height:25px}
.document-view-field{margin-top:19px;overflow-wrap:anywhere}
.document-view-card>.document-view-field:first-child{margin-top:0}
.document-view-value{margin-top:8px}
@keyframes document-enter{from{transform:translateY(100%)}to{transform:translateY(0)}}
.toast{z-index:100}
@media(max-width:360px){#vacancies .tabs{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.vacancy-pane{margin-left:-18px;margin-right:-18px}.vacancy-badges{gap:12px}.vacancy-badges img{height:64px}}