[hidden]{display:none!important}
:root{--navy:#082b42;--navy2:#0d405e;--blue:#087faa;--blue2:#0a6f98;--cyan:#74e4e3;--light-blue:#eef8fb;--bg:#f4f8fa;--white:#ffffff;--ink:#17394d;--muted:#6b8190;--border:#dfe9ee;--green:#18805e;--gold:#d39b32;--shadow:0 12px 35px rgba(20,55,75,.08)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--bg);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.container{width:min(1160px,calc(100% - 32px));margin:0 auto}
/* ===== HEADER ===== */
.topbar{position:sticky;top:0;z-index:100;color:#fff;background:var(--navy);box-shadow:0 3px 15px rgba(0,0,0,.12)}
.nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:20px;font-weight:800;white-space:nowrap}
.brand-logo-img{width:46px;height:46px;border-radius:50%;object-fit:contain;background:transparent;flex-shrink:0}
.nav-right{display:flex;align-items:center;gap:10px}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-link{border:0;padding:9px 11px;border-radius:8px;color:#d7e5eb;background:transparent;font-size:14px}
.nav-link:hover,.nav-link.active{color:#fff;background:rgba(255,255,255,.12)}
.telegram-link{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border-radius:8px;color:#06283a;background:var(--cyan);font-size:13px;font-weight:800;white-space:nowrap}
/* ===== LANGUAGE ===== */
.language-switcher{position:relative}
.language-button{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid rgba(255,255,255,.25);border-radius:8px;color:#fff;background:rgba(255,255,255,.06)}
.language-menu{position:absolute;top:calc(100% + 8px);right:0;display:none;width:170px;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:#fff;box-shadow:var(--shadow)}
.language-menu.open{display:block}
.language-option{width:100%;display:flex;align-items:center;gap:9px;padding:10px 12px;border:0;color:var(--ink);background:#fff;text-align:left}
.language-option:hover{background:#eef7fa}
/* ===== HERO ===== */
.hero{min-height:400px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(6,31,50,.92) 0%,rgba(6,31,50,.7) 40%,rgba(6,31,50,.1) 75%),url(hero-bg.jpg) center/cover no-repeat,#061f32}
.hero-content{max-width:900px;padding:50px 0}
.eyebrow{display:inline-block;margin-bottom:18px;padding:7px 13px;border:1px solid rgba(116,228,227,.4);border-radius:30px;color:#d3ffff;background:rgba(116,228,227,.08);font-size:13px}
.hero h1{margin:0 0 14px;max-width:760px;font-size:clamp(32px,4.4vw,52px);line-height:1.08;letter-spacing:-1px}
.hero h1 span{color:var(--cyan)}
.hero-description{max-width:620px;margin:0 0 24px;color:#d6e8ef;font-size:17px}
.button-row{display:flex;flex-wrap:wrap;gap:11px}
.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 19px;border:1px solid transparent;border-radius:9px;font-size:14px;font-weight:800;transition:.2s}
.button:hover{transform:translateY(-1px)}
.button-primary{color:#06283a;background:var(--cyan)}
.button-outline{color:#fff;border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.07)}
.hero-features{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.hero-features span{padding:7px 11px;border:1px solid rgba(255,255,255,.16);border-radius:7px;color:#d8edf3;background:rgba(255,255,255,.06);font-size:13px}
/* ===== SECTIONS ===== */
.section{padding:65px 0}
.section-white{background:#fff}
.section-heading{max-width:760px;margin:0 auto 36px;text-align:center}
.section-heading h2{margin:0 0 10px;color:var(--navy);font-size:clamp(28px,4vw,38px);line-height:1.2}
.section-heading p{margin:0;color:var(--muted)}
/* ===== PLATFORM FEATURES ===== */
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.feature-card{min-height:165px;padding:24px;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:var(--shadow)}
.feature-card h3{margin:0 0 9px;color:var(--navy);font-size:17px}
.feature-card p{margin:0;color:var(--muted);font-size:14px}
.feature-line{width:42px;height:4px;margin-bottom:17px;border-radius:10px;background:linear-gradient(90deg,var(--blue),var(--cyan))}
/* ===== HOME VACANCIES ===== */
.home-vacancies{background:#f4f8fa}
.home-job-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.home-job-card{padding:20px;border:1px solid var(--border);border-radius:13px;background:#fff;box-shadow:var(--shadow)}
.home-job-top{display:flex;justify-content:space-between;gap:15px}
.home-job-title{margin:0 0 5px;color:var(--navy);font-size:18px}
.home-job-company{color:var(--muted);font-size:13px}
.home-job-salary{color:var(--green);font-weight:800;white-space:nowrap}
.job-tags{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0}
.tag{padding:5px 8px;border-radius:5px;color:#536b7a;background:#f0f5f7;font-size:12px}
.tag.blue{color:#08709b;background:#e7f6fa}
.tag.green{color:#197458;background:#eaf7f2}
.home-job-description{margin:0 0 14px;color:var(--muted);font-size:13px}
.home-job-footer{padding-top:12px;border-top:1px solid #edf1f4;display:flex;justify-content:space-between;align-items:center;gap:10px}
.details-link{color:var(--blue);font-size:13px;font-weight:800}
/* ===== VACANCIES PAGE ===== */
.vacancy-hero{padding:50px 0;color:#fff;background:radial-gradient(circle at 85% 15%,rgba(116,228,227,.2),transparent 35%),linear-gradient(115deg,#12344b,#0b607e)}
.vacancy-hero h1{margin:0 0 7px;font-size:40px}
.vacancy-hero p{margin:0;color:#d6e9ef}
.search-box{max-width:900px;margin-top:24px;padding:11px;display:grid;grid-template-columns:1fr 1fr auto;gap:9px;border-radius:11px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.15)}
.search-box input,.search-box select{width:100%;height:44px;padding:0 11px;border:1px solid var(--border);border-radius:7px;color:var(--ink);background:#fff}
.search-box button{min-height:44px;padding:0 20px;border:0;border-radius:7px;color:#fff;background:var(--blue);font-weight:800}
.vacancy-main{padding:48px 0 70px}
.vacancy-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:22px;align-items:start}
.filters,.job-card{border:1px solid var(--border);border-radius:11px;background:#fff;box-shadow:var(--shadow)}
.filters{padding:19px}
.filters-head{display:flex;justify-content:space-between;align-items:center}
.filters-head h2{margin:0;font-size:19px}
.reset-button{border:0;color:var(--blue);background:none;font-size:12px}
.filter-group{padding:14px 0;border-top:1px solid #edf1f4}
.filter-group h3{margin:0 0 9px;font-size:14px}
.check-row{display:flex;align-items:center;gap:8px;margin:9px 0;color:#536879;font-size:13px}
.filter-select,.salary-input{width:100%;height:38px;padding:0 9px;border:1px solid var(--border);border-radius:6px;color:var(--ink);background:#fff;font-size:13px}
.salary-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.results-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.results-head h2{margin:0;font-size:21px}
.results-head p{margin:3px 0 0;color:var(--muted);font-size:13px}
.sort-select{height:38px;padding:0 8px;border:1px solid var(--border);border-radius:7px;background:#fff}
.job-card{margin-bottom:13px;padding:19px 20px}
.job-top{display:flex;justify-content:space-between;gap:14px}
.job-title{margin:0 0 5px;color:var(--navy);font-size:18px}
.company{color:#546c7c;font-size:13px}
.salary{color:var(--green);font-size:16px;font-weight:800;white-space:nowrap}
.job-description{margin:0 0 14px;color:#637788;font-size:13px}
.job-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;border-top:1px solid #edf1f4}
.no-results{padding:30px;border-radius:10px;color:var(--muted);background:#fff;text-align:center}
/* ===== COMPANIES ===== */
.company-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.company-card{overflow:hidden;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:var(--shadow)}
.company-header{padding:23px;color:#fff;background:linear-gradient(135deg,#0a3853,#087faa)}
.company-header h3{margin:0;font-size:20px}
.company-body{padding:21px}
.company-body p{margin:0 0 9px;color:var(--muted);font-size:14px}
/* ===== SEAFARERS ===== */
.seafarer-hero{padding:55px 0;color:#fff;background:radial-gradient(circle at 75% 10%,rgba(116,228,227,.2),transparent 35%),linear-gradient(120deg,#082b42,#087faa)}
.seafarer-hero-content{max-width:750px}
.seafarer-hero h1{margin:0 0 15px;font-size:45px}
.seafarer-hero p{margin:0;color:#d6e9ef;font-size:17px}
.seafarer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.seafarer-card{padding:23px;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:var(--shadow)}
.seafarer-card h3{margin:0 0 7px;color:var(--navy)}
.seafarer-card p{margin:0 0 15px;color:var(--muted)}
/* ===== BOT PAGE ===== */
.bot-hero{padding:65px 0;color:#fff;background:radial-gradient(circle at 85% 10%,rgba(116,228,227,.2),transparent 34%),linear-gradient(120deg,#061f32,#0a3853 55%,#087faa)}
.bot-hero-content{max-width:850px;margin:0 auto;text-align:center}
.bot-hero h1{margin:0 0 16px;font-size:clamp(34px,5vw,52px)}
.bot-hero p{margin:0;color:#d6e9ef;font-size:18px}
.bot-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bot-feature{padding:24px;border:1px solid var(--border);border-radius:13px;background:#fff;box-shadow:var(--shadow)}
.bot-feature-line{width:45px;height:4px;margin-bottom:16px;border-radius:10px;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.bot-feature h3{margin:0 0 8px;color:var(--navy)}
.bot-feature p{margin:0;color:var(--muted)}
/* ===== BOT PLANS ===== */
.plans{padding:70px 0;background:#eef5f8}
.plan-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.plan-card{position:relative;padding:30px;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:var(--shadow)}
.plan-card.featured{border:2px solid var(--blue)}
.plan-badge{display:inline-block;margin-bottom:10px;padding:5px 9px;border-radius:20px;color:#08709b;background:#e7f6fa;font-size:12px;font-weight:800}
.plan-card h3{margin:0;color:var(--navy);font-size:26px}
.plan-price{margin:9px 0 20px;color:var(--blue);font-size:32px;font-weight:900}
.plan-price small{color:var(--muted);font-size:14px;font-weight:400}
.plan-list{margin:0;padding:0;list-style:none}
.plan-list li{position:relative;margin:10px 0;padding-left:22px;color:#536b7a;font-size:14px}
.plan-list li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}
.free-trial{margin-top:20px;padding:12px;border-radius:8px;color:#725215;background:#fff6dd;text-align:center;font-weight:800}
/* ===== CONTACT ===== */
.contact-section{padding:65px 0;background:#fff}
.contact-box{max-width:650px;margin:0 auto;padding:32px;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:var(--shadow);text-align:center}
.contact-box h2{margin:0 0 10px;color:var(--navy)}
.contact-box p{margin:0 0 22px;color:var(--muted)}
.contact-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.contact-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:8px;font-size:14px;font-weight:800}
.whatsapp{color:#fff;background:#1fa463}
.telegram{color:#fff;background:#168dcc}
/* ===== CONTACT MODAL ===== */
.modal{position:fixed;inset:0;z-index:500;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(3,18,28,.65)}
.modal.open{display:flex}
.modal-box{width:min(560px,100%);max-height:90vh;overflow:auto;padding:28px;border-radius:16px;background:#fff;box-shadow:0 25px 70px rgba(0,0,0,.25)}
.modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}
.modal-head h2{margin:0;color:var(--navy)}
.modal-close{width:36px;height:36px;border:0;border-radius:8px;color:#536b7a;background:#edf4f6;font-size:20px}
.form-group{margin-bottom:15px;text-align:left}
.form-group label{display:block;margin-bottom:6px;color:var(--navy);font-size:13px;font-weight:700}
.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;outline:none;color:var(--ink);background:#fff}
.form-group input:focus,.form-group textarea:focus{border-color:var(--blue)}
.form-group textarea{min-height:130px;resize:vertical}
.form-submit{width:100%;min-height:48px;border:0;border-radius:9px;color:#06283a;background:var(--cyan);font-weight:900}
/* ===== FOOTER ===== */
footer{padding:25px 0;color:#c9d6de;background:var(--navy);font-size:13px}
.footer-row{display:flex;justify-content:center;align-items:center;text-align:center}
/* ===== MOBILE ===== */
.mobile-menu-button{display:none;width:42px;height:40px;border:1px solid rgba(255,255,255,.25);border-radius:8px;color:#fff;background:rgba(255,255,255,.06);font-size:20px}
@media(max-width:1000px){
  .nav{flex-wrap:wrap;padding:10px 0}
  .mobile-menu-button{display:block}
  .nav-right{display:none;width:100%;flex-direction:column;align-items:stretch;padding-bottom:10px}
  .nav-right.open{display:flex}
  .nav-links{width:100%;flex-direction:column}
  .nav-link{width:100%;text-align:center}
  .telegram-link{width:100%}
  .language-switcher{width:100%}
  .language-button{width:100%;justify-content:center}
  .language-menu{position:static;width:100%;margin-top:6px}
  .feature-grid,.company-grid,.seafarer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vacancy-layout{grid-template-columns:1fr}
  .filters{width:100%}
}
/* ===== SEAFARER PERSONAL CABINET ===== */
.cabinet-hero{padding:45px 0;color:#fff;background:linear-gradient(120deg,#082b42,#087faa)}
.cabinet-hero h1{margin:0 0 8px;font-size:38px}
.cabinet-hero p{margin:0;color:#d6e9ef}
.cabinet-wrap{padding:42px 0 70px}
.cabinet-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start}
.cabinet-nav{padding:12px;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:var(--shadow)}
.cabinet-tab{width:100%;padding:12px 13px;border:0;border-radius:8px;color:var(--ink);background:#fff;text-align:left;font-weight:700}
.cabinet-tab:hover,.cabinet-tab.active{color:#fff;background:var(--blue)}
.cabinet-panel{display:none;padding:25px;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:var(--shadow)}
.cabinet-panel.active{display:block}
.cabinet-panel h2{margin:0 0 8px;color:var(--navy)}
.cabinet-panel-intro{margin:0 0 22px;color:var(--muted)}
.cabinet-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.cabinet-field{display:flex;flex-direction:column;gap:6px}
.cabinet-field.full{grid-column:1/-1}
.cabinet-field label{font-size:13px;font-weight:700;color:#526a79}
.cabinet-field input,.cabinet-field select,.cabinet-field textarea{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--ink)}
.cabinet-field textarea{min-height:110px;resize:vertical}
.cabinet-save{margin-top:18px}
.document-list,.experience-list{display:grid;gap:12px}
.document-row,.experience-row{padding:16px;border:1px solid var(--border);border-radius:10px;background:#f8fbfc}
.document-row{display:flex;justify-content:space-between;align-items:center;gap:15px}
.document-meta strong{display:block;color:var(--navy)}
.document-meta span{font-size:12px;color:var(--muted)}
.experience-row h3{margin:0 0 5px;color:var(--navy);font-size:16px}
.experience-row p{margin:4px 0;color:var(--muted);font-size:13px}
.cabinet-status{display:inline-flex;padding:6px 9px;border-radius:20px;background:#eaf7f2;color:var(--green);font-size:12px;font-weight:800}
.cabinet-locked{padding:16px;border-radius:10px;background:#fff6dd;color:#725215}
.auth-status{align-items:center;gap:7px}
.auth-account-button{border:0;padding:8px 10px;border-radius:8px;color:#fff;background:rgba(255,255,255,.1);font-size:13px;font-weight:700}
@media(max-width:700px){
  .cabinet-layout{grid-template-columns:1fr}
  .cabinet-nav{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .cabinet-form{grid-template-columns:1fr}
  .cabinet-field.full{grid-column:auto}
  .cabinet-panel{text-align:center}
  .document-row{flex-direction:column;text-align:center}
}
@media(max-width:700px){
  .container{width:min(100% - 24px,1160px)}
  .hero{min-height:auto;text-align:center;background:linear-gradient(180deg,rgba(6,31,50,.85),rgba(6,31,50,.6)),url(hero-bg.jpg) 84% center/cover no-repeat,#061f32}
  .hero-content{padding:40px 0}
  .hero h1{font-size:clamp(28px,8vw,40px)}
  .hero-description{font-size:16px}
  .button-row,.hero-features{justify-content:center}
  .feature-grid,.home-job-grid,.bot-features,.plan-grid,.company-grid,.seafarer-grid{grid-template-columns:1fr}
  .section{padding:48px 0}
  .vacancy-hero{text-align:center}
  .vacancy-hero h1{font-size:32px}
  .search-box{grid-template-columns:1fr}
  .search-box button{width:100%}
  .results-head{flex-direction:column;align-items:stretch;text-align:center}
  .sort-select{width:100%}
  .job-top,.home-job-top{flex-direction:column}
  .salary{white-space:normal}
  .job-footer,.home-job-footer{flex-direction:column;text-align:center}
  .contact-box{padding:24px 18px}
  .contact-actions{flex-direction:column}
  .contact-button{width:100%}
  .bot-hero{text-align:center}
  .bot-hero p{font-size:16px}
  .plan-card{padding:24px}
  .modal{padding:10px}
  .modal-box{padding:22px 17px}
}
/* ===== DYNAMIC PROFILES / PAGINATION ===== */
.company-expanded,.seafarer-expanded{margin-top:14px;padding:14px;border-radius:9px;background:#f3f8fa;color:var(--muted);font-size:13px}
.featured-seafarer{border:2px solid var(--gold)}
.top-badge{display:inline-block;margin-bottom:8px;padding:5px 9px;border-radius:20px;color:#725215;background:#fff6dd;font-size:12px;font-weight:800}
.pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:22px}
.pagination button{min-width:38px;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:7px;color:var(--ink);background:#fff;font-weight:700}
.pagination button.active,.pagination button:hover{color:#fff;background:var(--blue);border-color:var(--blue)}
@media(max-width:700px){
  body,.section-heading,.feature-card,.home-job-card,.job-card,.company-card,.seafarer-card,.bot-feature,.plan-card,.contact-box,.modal-box{text-align:center}
  .feature-card p,.home-job-description,.job-description,.company-body p,.seafarer-card p,.bot-feature p,.plan-list,.contact-box p,.section-heading p{text-align:center}
  .job-tags,.home-job-footer,.job-footer,.contact-actions{justify-content:center}
}
/* ===== ACCESS / AUTH ===== */
.auth-status{display:none;align-items:center;gap:8px;color:#d7e5eb;font-size:12px}
.auth-button{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#fff;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:700}
.locked-page{padding:70px 20px;text-align:center}
.access-box{max-width:620px;margin:0 auto;padding:35px;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:var(--shadow)}
.access-box h2{margin:0 0 12px;color:var(--navy)}
.access-box p{margin:0 0 20px;color:var(--muted)}
.profile-private{margin-top:18px;padding:18px;border-radius:10px;background:#f0f7fa;border:1px solid var(--border);text-align:center}
.profile-private strong{display:block;color:var(--navy);margin-bottom:6px}
.profile-private button{margin-top:12px}
.auth-form{display:grid;gap:12px}
.auth-form input,.auth-form select{width:100%;height:44px;padding:0 11px;border:1px solid var(--border);border-radius:7px}
.auth-note{font-size:12px;color:var(--muted)}
/* ===== SEAFARER PROFILE / DOCUMENTS ===== */
.cabinet-card-view{padding:22px;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:var(--shadow);margin-bottom:18px}
.profile-card-header{display:flex;align-items:center;gap:15px;margin-bottom:18px}
.profile-card-header h3{margin:0 0 5px;color:var(--navy)}
.profile-avatar{width:78px;height:78px;border-radius:50%;overflow:hidden;background:#eaf3f6;display:flex;align-items:center;justify-content:center;font-size:30px;flex:0 0 78px}
.profile-avatar img{width:100%;height:100%;object-fit:cover}
.profile-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}
.profile-details p{margin:0;padding:8px 0;border-bottom:1px solid #edf2f4;color:var(--muted)}
.profile-details strong{color:var(--navy)}
.about-block{margin:18px 0;color:var(--navy)}
.about-text{margin-top:7px;color:var(--muted);line-height:1.65;white-space:pre-line}
.about-text.collapsed{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.about-toggle{margin-top:7px;border:0;background:none;color:var(--blue);font-weight:800;cursor:pointer;padding:0}
.photo-preview{margin-top:10px}
.photo-preview img{width:90px;height:90px;border-radius:12px;object-fit:cover;border:1px solid var(--border)}
.document-add-card{padding:18px;border:1px solid var(--border);border-radius:14px;background:#f8fbfc;margin-bottom:18px}
.document-add-actions{display:flex;align-items:end;padding-top:10px}
.document-row{align-items:flex-start}
.document-expiry{min-width:170px;text-align:right;font-weight:800}
.expiry-green{color:#16834a}
.expiry-yellow{color:#9a7200}
.expiry-red{color:#c52d2d}
.expiry-pill{display:inline-block;padding:5px 8px;border-radius:999px;background:#eef6f1;font-size:12px}
.expiry-yellow .expiry-pill{background:#fff4c7}
.expiry-red .expiry-pill{background:#ffe0e0}
.experience-duration{font-weight:800;color:var(--navy)}
.seafarer-card{position:relative;overflow:hidden}
.seafarer-card-photo{position:absolute;right:18px;top:18px;width:64px;height:64px;border-radius:50%;overflow:hidden;background:#e9f1f4;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.seafarer-card-photo img{width:100%;height:100%;object-fit:cover}
.seafarer-card-photo.blurred img{filter:blur(7px);transform:scale(1.08)}
.seafarer-card.has-photo h3{padding-right:78px}
.seafarer-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 24px}
.seafarer-filters input,.seafarer-filters select{width:100%;padding:12px;border:1px solid var(--border);border-radius:9px;background:#fff}
.top-cv-button{margin-bottom:20px}
@media(max-width:700px){
  .profile-details,.seafarer-filters{grid-template-columns:1fr}
  .profile-card-header{text-align:left}
}
/* ===== ПРАВКИ: ВАКАНСИИ — ХЕШТЕГИ, СРОКИ, РАСКРЫТИЕ ===== */
.vacancy-hero .container{text-align:center}
.vacancy-hero .search-box{margin-left:auto;margin-right:auto;text-align:left}
.home-job-grid .job-card{margin-bottom:0}
.job-vessel{color:#546c7c;font-size:13px}
.job-vessel span{color:var(--muted)}
.job-top-right{display:flex;flex-direction:column;align-items:flex-end;gap:7px}
.vacancy-expiry{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap}
.vacancy-expiry::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.vacancy-expiry.is-green{color:#197458;background:#eaf7f2}
.vacancy-expiry.is-yellow{color:#8a6100;background:#fff4cf}
.vacancy-expiry.is-red{color:#b42318;background:#fdecea}
.hashtag{padding:5px 9px;border:1px solid transparent;border-radius:5px;color:#197458;background:#eaf7f2;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}
.hashtag:hover{border-color:#9fd8c3;background:#d9f1e7}
.hashtag:focus-visible,.details-link:focus-visible,.footer-link:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.hashtag.active{color:#fff;background:var(--green)}
.job-card .job-footer{justify-content:flex-end}
button.details-link{padding:0;border:0;background:none;cursor:pointer}
.job-card.is-closed .job-title{color:#7c8f9b}
.job-card.expanded{border-color:#b9dcea}
.job-details{margin:4px 0 14px;padding:14px 16px;border-radius:9px;background:#f3f8fa;font-size:14px}
.job-details[hidden]{display:none}
.job-detail-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;padding:8px 0;border-bottom:1px solid #e3edf1;color:var(--ink)}
.job-detail-row:last-of-type{border-bottom:0}
.job-detail-row strong{color:var(--navy)}
.job-detail-row a{color:var(--blue);font-weight:700;word-break:break-word}
.job-details .apply-button{margin-top:12px;color:#fff;background:var(--blue)}
/* ===== ПРАВКИ: МОРЯКИ ===== */
.seafarer-hero-content{margin:0 auto;text-align:center}
.seafarer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.seafarer-card{padding:16px}
.seafarer-card h3{font-size:16px;line-height:1.3}
.seafarer-card p{margin:0 0 8px;font-size:13px}
.seafarer-card .button{margin-top:4px;padding:8px 12px;font-size:13px}
.seafarer-card .top-badge{font-size:11px}
/* ===== Резюме в топ: максимум 2 ряда по 4 карточки ===== */
.seafarer-grid-top>.seafarer-card:nth-child(n+9){display:none}
.contact-box h2{margin-bottom:22px;font-size:24px;text-wrap:balance}
/* ===== ПРАВКИ: ПОДВАЛ ===== */
.site-footer{padding:0}
.footer-main{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:30px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.footer-brand{display:inline-flex;align-items:center;gap:10px;justify-self:start;color:#fff;font-size:19px;font-weight:800;white-space:nowrap}
.footer-menu{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}
.footer-link{padding:9px 12px;border:0;border-radius:8px;color:#d7e5eb;background:transparent;font-size:14px;cursor:pointer}
.footer-link:hover{color:#fff;background:rgba(255,255,255,.12)}
.footer-contacts{justify-self:end;margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:13px}
.footer-contacts li{display:flex;gap:8px;justify-content:flex-end}
.footer-contacts span{color:#8fa9b8}
.footer-contacts a{color:#fff;font-weight:700}
.footer-contacts a:hover{color:var(--cyan)}
.site-footer .footer-row{padding:16px 0}
@media(max-width:1000px){
  .seafarer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-main{grid-template-columns:1fr;justify-items:center;text-align:center}
  .footer-brand,.footer-contacts{justify-self:center}
  .footer-contacts li{justify-content:center}
}
@media(max-width:700px){
  .job-top-right{align-items:center}
  .job-card .job-footer{justify-content:center}
  .job-details{text-align:left}
  .job-detail-row{grid-template-columns:1fr;gap:2px}
}
@media(max-width:520px){
  .seafarer-grid{grid-template-columns:1fr}
}
.cabinet-logout{margin-top:8px;color:#a33}
.cabinet-logout:hover{background:#fdecea}

/* ===== ФОНЫ СТРАНИЦ ===== */
.vacancy-hero{background:radial-gradient(ellipse 65% 95% at 50% 50%,rgba(6,31,50,.85),rgba(6,31,50,.5) 70%,rgba(6,31,50,.3)),url(vacancies-bg.jpg) center/cover no-repeat,#061f32}
.seafarer-hero{background:radial-gradient(ellipse 65% 95% at 50% 50%,rgba(6,31,50,.85),rgba(6,31,50,.5) 70%,rgba(6,31,50,.3)),url(seafarers-bg.jpg) center/cover no-repeat,#061f32}
.bot-hero{background:radial-gradient(ellipse 65% 95% at 50% 50%,rgba(6,31,50,.85),rgba(6,31,50,.5) 70%,rgba(6,31,50,.3)),url(bot-bg.jpg) center/cover no-repeat,#061f32}
.companies-hero{padding:60px 0;color:#fff;text-align:center;background:radial-gradient(ellipse 65% 95% at 50% 50%,rgba(6,31,50,.85),rgba(6,31,50,.5) 70%,rgba(6,31,50,.3)),url(companies-bg.jpg) center/cover no-repeat,#061f32}
.companies-hero h1{margin:0 0 12px;font-size:45px}
.companies-hero p{margin:0;color:#d6e9ef;font-size:17px}
.seafarer-hero,.companies-hero,.bot-hero{min-height:300px;display:flex;align-items:center}
.seafarer-hero>.container,.companies-hero>.container,.bot-hero>.container{width:min(1160px,calc(100% - 32px))}
@media(max-width:700px){
  .companies-hero h1{font-size:34px}
  .seafarer-hero{background-position:center,85% center}
  .bot-hero{background-position:center,80% center}
}

/* ===== МОРЯКИ: ФИЛЬТР ===== */
.sf-filterbar{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:10px;padding:14px;border:1px solid var(--border);border-radius:12px;background:#fff;box-shadow:var(--shadow)}
.sf-filterbar input,.sf-filterbar select{width:100%;height:44px;padding:0 11px;border:1px solid var(--border);border-radius:8px;color:var(--ink);background:#fff}
.sf-filterbar input:focus,.sf-filterbar select:focus{outline:2px solid var(--blue);outline-offset:0}
.sf-reset{padding:0 14px;font-weight:700}
.sf-count{margin:12px 2px 30px;color:var(--muted);font-size:14px}
@media(max-width:860px){.sf-filterbar{grid-template-columns:1fr 1fr}.sf-filterbar input{grid-column:1/-1}}
@media(max-width:520px){.sf-filterbar{grid-template-columns:1fr}}

/* ===== КАБИНЕТ: ЗАГРУЗКА CV И ОБЯЗАТЕЛЬНЫЕ ПОЛЯ ===== */
.cv-upload-box{display:grid;grid-template-columns:1fr auto;gap:14px 20px;align-items:center;margin:0 0 18px;padding:18px 20px;border:1px dashed #9cc9da;border-radius:12px;background:#f2f9fc}
.cv-upload-text strong{display:block;color:var(--navy);font-size:16px}
.cv-upload-text p{margin:4px 0 0;color:var(--muted);font-size:14px}
.cv-upload-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.cv-file{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;color:var(--ink)}
.cv-file-name{font-weight:700;word-break:break-all}
.cv-link{padding:0;border:0;background:none;color:var(--blue);font-weight:700;font-size:13px;cursor:pointer}
.cv-remove{color:#a33}
.cv-required-note{grid-column:1/-1;margin:0;padding-top:12px;border-top:1px solid #dbecf2;color:#5b6f7d;font-size:13px}
.publish-status{margin:0 0 18px;padding:12px 15px;border-radius:10px;font-size:14px}
.publish-status.is-ok{color:#155d45;background:#eaf7f2}
.publish-status.is-missing{color:#7a5300;background:#fff4cf}
.publish-status a{margin-left:6px;color:var(--blue);font-weight:700;text-decoration:underline}
label.required::after{content:" *";color:#c0392b}
.field-error{border-color:#c0392b!important;background:#fff6f5!important}
/* ===== МОРЯКИ: КНОПКА CV И МЕТКА СВОЕГО ПРОФИЛЯ ===== */
.sf-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.seafarer-card .cv-download-button{padding:8px 12px;font-size:13px;color:var(--blue);background:#fff;border:1px solid #9cc9da}
.seafarer-card .cv-download-button:hover{background:#eef8fb}
.own-badge{display:inline-block;margin-bottom:8px;padding:4px 9px;border-radius:20px;color:#fff;background:var(--green);font-size:11px;font-weight:800}
@media(max-width:700px){.cv-upload-box{grid-template-columns:1fr}.cv-upload-actions{align-items:stretch}.cv-file{justify-content:center}}

/* ===== СИНИЕ ЛИНИИ НАД ОПИСАНИЯМИ — ПО ЦЕНТРУ ===== */
.feature-line,.bot-feature-line{margin-left:auto;margin-right:auto}
/* ===== ОКНО ВХОДА / РЕГИСТРАЦИИ ===== */
.auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:0 0 18px;padding:4px;border-radius:10px;background:#edf4f6}
.auth-tab{padding:9px 6px;border:0;border-radius:8px;color:#4b6575;background:transparent;font-size:13px;font-weight:700;cursor:pointer}
.auth-tab.active{color:#fff;background:var(--blue)}
.auth-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.auth-submit{color:#fff;background:var(--blue)}
.auth-link{justify-self:center;padding:2px;border:0;background:none;color:var(--blue);font-size:13px;font-weight:700;cursor:pointer}
.auth-error{margin:0;padding:9px 11px;border-radius:7px;color:#9b1c1c;background:#fdecea;font-size:13px}
.auth-reason{margin:-6px 0 16px;padding:10px 12px;border-radius:8px;color:#0b4f6c;background:#e6f4f9;font-size:14px}
.auth-hint{margin-top:-6px;color:var(--muted);font-size:12px}
.auth-text{margin:0;color:var(--ink);font-size:14px}
.auth-panel{display:grid;gap:12px}
.auth-panel strong{color:var(--navy);font-size:17px}
.auth-panel p{margin:0;color:var(--ink)}
.phone-field{display:grid;grid-template-columns:minmax(120px,42%) 1fr;gap:8px}
.phone-field select,.phone-field input{width:100%;height:44px;padding:0 10px;border:1px solid var(--border);border-radius:7px;background:#fff}
@media(max-width:520px){.auth-tabs{grid-template-columns:1fr}.auth-row{grid-template-columns:1fr}}
.feature-card,.bot-feature{text-align:center}
.seafarer-card .cv-download-button.cv-locked{color:#7b8d98;background:#f4f7f8;border-color:#d5e1e6}
.seafarer-card .cv-download-button.cv-locked:hover{background:#eef3f5}
/* ===== ПОЛИТИКА КОНФИДЕНЦИАЛЬНОСТИ ===== */
.privacy-page{max-width:820px;color:var(--ink);line-height:1.65}
.privacy-page h1{color:var(--navy);font-size:34px;margin:0 0 6px}
.privacy-page h2{color:var(--navy);font-size:20px;margin:28px 0 8px}
.privacy-page ul{padding-left:20px}
.privacy-page a{color:var(--blue);font-weight:700}
.privacy-updated{color:var(--muted);font-size:14px}
/* ===== СОГЛАСИЕ, ПОЛНАЯ АНКЕТА ===== */
.auth-consent{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:var(--ink);line-height:1.45}
.auth-consent input{width:18px;height:18px;margin-top:1px;flex-shrink:0}
.auth-consent a{color:var(--blue);font-weight:700}
.profile-full p{margin:0 0 6px;font-size:13px}
/* ===== УДАЛЕНИЕ АККАУНТА ===== */
.cabinet-delete{color:#a33}
.cabinet-delete:hover,.cabinet-delete.active{color:#fff!important;background:#b42318!important}
.delete-box{display:grid;gap:12px;max-width:520px;padding:20px;border:1px solid #f1c9c4;border-radius:12px;background:#fff8f7}
.delete-box p{margin:0;color:#7a271a}
.delete-box label{color:var(--ink);font-size:14px;font-weight:700}
.delete-box input[type=password]{height:44px;padding:0 11px;border:1px solid var(--border);border-radius:8px}
.delete-check{display:flex;gap:9px;align-items:center;font-weight:400!important}
.delete-check input{width:18px;height:18px}
.delete-button{justify-self:start;color:#fff;background:#b42318}
.delete-button:disabled{opacity:.6}
/* ===== ВАКАНСИИ ИЗ ПАРСЕРОВ ===== */
.job-card .job-footer{justify-content:space-between;align-items:center;gap:10px}
.job-card .job-footer .details-link{margin-left:auto}
.job-source{color:var(--muted);font-size:12px}
.job-apply{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.job-apply .apply-button{margin-top:0}
.job-apply .apply-tg{color:var(--blue);background:#fff;border:1px solid #9cc9da}
.home-empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:20px}

/* ===== РАБОТОДАТЕЛИ: поиск и страницы ===== */
.co-filterbar{grid-template-columns:1.6fr 1fr auto}
.company-body a{color:var(--blue);font-weight:700;word-break:break-word}
.company-body .company-details-button{margin-top:6px}
#coPagination{margin-top:26px}
.pag-gap{align-self:center;padding:0 4px;color:var(--muted)}
@media(max-width:700px){.co-filterbar{grid-template-columns:1fr}}

/* ===== МОБИЛЬНАЯ ВЕРСИЯ: ничего не вылезает за ширину экрана ===== */
html,body{max-width:100%;overflow-x:hidden}
@supports(overflow-x:clip){html,body{overflow-x:clip}}
img,video,svg,select,input,textarea,button{max-width:100%}
.job-card,.company-card,.seafarer-card,.home-job-card,.filters,.cabinet-panel,.job-details,.company-expanded,.seafarer-expanded{min-width:0;overflow-wrap:anywhere;word-break:break-word}
.job-top>div,.job-top-right,.results-head>*,.footer-main>*{min-width:0}
.job-title,.job-vessel,.company,.salary{overflow-wrap:anywhere}
.hashtag,.tag{max-width:100%;overflow-wrap:anywhere;white-space:normal;text-align:center}
.job-detail-row>*{min-width:0;overflow-wrap:anywhere}
.job-apply{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:1000px){
  .vacancy-layout,.cabinet-layout{grid-template-columns:minmax(0,1fr)}
  .feature-grid,.company-grid,.seafarer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .container{width:calc(100% - 32px);max-width:1160px}
  .feature-grid,.home-job-grid,.bot-features,.plan-grid,.company-grid,.seafarer-grid,
  .search-box,.sf-filterbar,.co-filterbar,.cabinet-form,.profile-details,.seafarer-filters,.cv-upload-box{grid-template-columns:minmax(0,1fr)}
  .vacancy-main{padding:28px 0 50px}
  .filters{padding:16px}
  .job-card{padding:16px}
  .job-title{font-size:17px}
  .results-head h2{font-size:20px}
  .sort-select{width:100%;max-width:100%}
  .job-apply{flex-direction:column}
  .job-apply .button{width:100%;text-align:center}
  .document-expiry{min-width:0;text-align:center}
  .phone-field{grid-template-columns:minmax(0,42%) minmax(0,1fr)}
  .companies-hero h1,.vacancy-hero h1{font-size:30px}
  .companies-hero,.seafarer-hero,.bot-hero{min-height:220px;padding:40px 0}
  .footer-brand{white-space:normal}
}
@media(max-width:400px){
  .brand{font-size:17px}
  .brand img{width:44px;height:44px}
  .cabinet-nav{grid-template-columns:minmax(0,1fr)}
}

/* ===== Хештеги на карточках вакансий пока скрыты (чтобы вернуть — удалить это правило) ===== */
.job-tags{display:none!important}
.job-card .job-top{margin-bottom:12px}

/* ===== Дата публикации на карточке вакансии ===== */
.job-published{margin-top:4px;color:#7b8e9b;font-size:12px}
.job-published::before{content:"🕓 ";font-size:11px}

/* ===== Распознавание CV: окно проверки найденного ===== */
.cv-parse-btn{margin-top:10px;color:#fff;background:var(--green)}
.cvp-box{width:min(860px,100%);text-align:left}
.cvp-box h2{margin:0 0 6px;color:var(--navy)}
.cvp-box h3{margin:20px 0 8px;color:var(--navy);font-size:16px}
.cvp-hint{margin:0 0 6px;color:var(--muted);font-size:13px}
.cvp-row{display:flex;gap:10px;align-items:flex-start;padding:10px;margin-bottom:8px;border:1px solid var(--border);border-radius:10px;background:#f8fbfc;cursor:pointer}
.cvp-row.is-dup{opacity:.6}
.cvp-check{margin-top:22px;width:18px;height:18px;flex-shrink:0}
.cvp-fields{flex:1;display:grid;gap:8px;min-width:0}
.cvp-doc{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}
.cvp-exp{grid-template-columns:minmax(0,1.4fr) minmax(0,1.2fr) minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr)}
.cvp-fields>span{display:flex;flex-direction:column;gap:3px;min-width:0}
.cvp-fields small{color:var(--muted);font-size:11px;font-weight:700}
.cvp-fields input{width:100%;height:36px;padding:0 8px;border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--ink);font-size:13px}
.cvp-dup{color:#8a6100;font-weight:600}
.cvp-actions{position:sticky;bottom:-28px;display:flex;gap:10px;justify-content:flex-end;margin:18px -28px -28px;padding:14px 28px;border-top:1px solid var(--border);background:#fff}
@media(max-width:700px){
  .cvp-box{text-align:left}
  .cvp-doc,.cvp-exp{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .cvp-doc>span:first-child,.cvp-exp>span:first-child{grid-column:1/-1}
  .cvp-actions{margin:18px -17px -22px;padding:12px 17px;bottom:-22px;flex-direction:column}
  .cvp-actions .button{width:100%}
}
.cvp-pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}
.cvp-prow[data-pkey="about"]{grid-column:1/-1}
.cvp-prow.is-miss{border-color:#f1c9c4;background:#fff8f7}
.cvp-miss{color:#b42318;font-weight:600;font-style:normal}
.cvp-personal{grid-template-columns:minmax(0,1fr)}
.cvp-fields select,.cvp-fields textarea{width:100%;min-height:36px;padding:6px 8px;border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--ink);font-size:13px;font-family:inherit}
.cvp-phone{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:6px}
@media(max-width:700px){.cvp-pgrid{grid-template-columns:minmax(0,1fr)}}
.sea-time-total{margin:0 0 12px;padding:12px 14px;border-radius:10px;background:#eaf7f2;color:#197458;font-size:14px}
.sea-time-total strong{color:var(--navy)}
.cvp-warn{margin:6px 0 10px;padding:12px 14px;border:1px solid #f3d88a;border-radius:10px;background:#fff6dd;color:#725215;font-size:14px;font-weight:600;line-height:1.45}

/* ===== Фото на карточках моряков ===== */
.sf-photo-wrap{display:flex;justify-content:center;margin:4px 0 10px}
.sf-photo{width:84px;height:84px;border-radius:50%;object-fit:cover;background:#e7f2f6;border:3px solid #fff;box-shadow:0 4px 14px rgba(8,40,58,.15)}
.sf-photo.is-blurred{filter:blur(6px);transform:scale(1.02)}
.sf-photo-wrap:has(.is-blurred){overflow:hidden;border-radius:50%;width:84px;height:84px;margin-left:auto;margin-right:auto}
.sf-photo-empty{display:flex;align-items:center;justify-content:center;font-size:34px}

/* ===== Страница профиля моряка /seaman/<id> ===== */
.sfp-page{padding:30px 0 70px;background:#f4f8fa}
.sfp-back{display:inline-block;margin-bottom:16px;color:var(--blue);font-weight:700}
.sfp-back + .sfp-back-account{display:block;width:max-content;margin-top:-8px}
.sfp-head{display:flex;gap:22px;align-items:center;padding:24px;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:var(--shadow)}
.sfp-photo{flex-shrink:0;width:130px;height:130px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#e7f2f6;font-size:48px}
.sfp-photo img{width:100%;height:100%;object-fit:cover}
.sfp-title{min-width:0}
.sfp-title h1{margin:0 0 4px;color:var(--navy);font-size:30px;overflow-wrap:anywhere}
.sfp-rank{margin:0 0 14px;color:var(--muted);font-size:16px;font-weight:600}
.sfp-actions{display:flex;flex-wrap:wrap;gap:8px}
.sfp-actions .button{overflow-wrap:anywhere}
.sfp-block{margin-top:18px;padding:22px;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:var(--shadow)}
.sfp-block h2{margin:0 0 14px;color:var(--navy);font-size:20px}
.sfp-total{color:#197458;font-size:15px;font-weight:700}
.sfp-table{width:100%;border-collapse:collapse;font-size:14px}
.sfp-table th{width:38%;padding:10px 12px;text-align:left;color:#526a79;font-weight:700;background:#f6fafb;border-bottom:1px solid #e3edf1}
.sfp-table td{padding:10px 12px;color:var(--ink);border-bottom:1px solid #e3edf1;overflow-wrap:anywhere}
.sfp-about{margin:0;color:var(--ink);line-height:1.6;white-space:pre-line}
.sfp-scroll{overflow-x:auto}
.sfp-grid{width:100%;border-collapse:collapse;font-size:14px}
.sfp-grid th{padding:10px;text-align:left;color:#fff;background:var(--navy);font-weight:700;white-space:nowrap}
.sfp-grid td{padding:10px;border-bottom:1px solid #e3edf1;color:var(--ink);vertical-align:top}
.sfp-grid tr:nth-child(even) td{background:#f8fbfc}
.sfp-desc{color:var(--muted);font-size:12px;min-width:160px}
.sfp-grid .document-expiry{min-width:0;text-align:left}
.sfp-empty{color:var(--muted)}
@media(max-width:700px){
  .sfp-head{flex-direction:column;text-align:center}
  .sfp-actions{justify-content:center}
  .sfp-actions .button{width:100%}
  .sfp-title h1{font-size:24px}
  .sfp-block{padding:16px}
  .sfp-table th{width:42%}
  /* таблицы документов и опыта на телефоне — карточками */
  .sfp-grid thead{display:none}
  .sfp-grid,.sfp-grid tbody,.sfp-grid tr,.sfp-grid td{display:block;width:100%}
  .sfp-grid tr{margin-bottom:10px;border:1px solid #e3edf1;border-radius:10px;overflow:hidden}
  .sfp-grid td{display:flex;justify-content:space-between;gap:12px;text-align:right;border-bottom:1px solid #eef3f5}
  .sfp-grid td[data-l]::before{content:attr(data-l);color:#526a79;font-weight:700;text-align:left}
  .sfp-grid td:empty{display:none}
  .sfp-desc{text-align:left!important;min-width:0}
}

/* ===== Подписка на новые вакансии ===== */
.alerts-box{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0}
.alerts-open{color:#fff;background:var(--green)}
.alerts-open.is-on{background:#197458}
.alerts-summary{color:var(--muted);font-size:13px}
.alerts-form{width:min(520px,100%);text-align:left}
.alerts-form h2{margin:0 0 6px;color:var(--navy)}
.alerts-form label{display:flex;flex-direction:column;gap:4px;margin:12px 0}
.alerts-form small{color:#526a79;font-size:12px;font-weight:700}
.alerts-form em{color:var(--muted);font-size:12px;font-style:normal}
.alerts-form select,.alerts-form input{width:100%;height:42px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--ink)}
.alerts-warn{padding:10px 12px;border-radius:8px;background:#fff6dd;color:#725215;font-size:13px}
@media(max-width:700px){.alerts-box{justify-content:center;text-align:center}.alerts-open{width:100%}}

/* ===== Работодатели: пояснение об источнике данных ===== */
.co-notice{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-18px 0 26px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:#f6fafb}
.co-notice p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.co-contact-btn{flex-shrink:0;color:var(--blue);background:#fff;border:1px solid var(--blue);font-size:13px;padding:9px 14px}
.alerts-form textarea{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;resize:vertical}
@media(max-width:700px){.co-notice{flex-direction:column;text-align:center;margin-top:-10px}.co-contact-btn{width:100%}}

/* ===== Личный кабинет компании ===== */
.cc-page{padding:30px 0 70px;background:#f4f8fa}
.cc-card{margin-bottom:18px;padding:22px;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:var(--shadow)}
.cc-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.cc-head h2{margin:0;color:var(--navy);font-size:20px}
.cc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
.cc-full{grid-column:1/-1}
.cc-field{display:flex;flex-direction:column;gap:5px}
.cc-field small{color:#526a79;font-size:12px;font-weight:700}
.cc-field input,.cc-field textarea{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--ink);font-family:inherit;font-size:14px}
.cc-field input:disabled{background:#f1f5f7;color:#9aaab4}
.cc-check{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:13px;color:var(--ink)}
.cc-check input{width:16px;min-height:auto;height:16px}
.cc-form{margin:6px 0 18px;padding:16px;border:1px dashed #9cc9da;border-radius:12px;background:#f2f9fc}
.cc-actions{display:flex;gap:10px;flex-wrap:wrap}
.cc-hint{margin:0 0 12px;color:var(--muted);font-size:13px}
.cc-muted{color:#9aaab4}
.cc-warn{margin-bottom:16px;padding:12px 14px;border:1px solid #f3d88a;border-radius:10px;background:#fff6dd;color:#725215;font-weight:600}
.cc-status{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap}
.cc-pending{color:#8a6100;background:#fff4cf}
.cc-approved{color:#197458;background:#eaf7f2}
.cc-rejected{color:#b42318;background:#fdecea}
.cc-del{padding:7px 12px;font-size:13px;color:#a33;background:#fff;border:1px solid #f1c9c4}
@media(max-width:700px){
  .cc-grid{grid-template-columns:minmax(0,1fr)}
  .cc-head{flex-direction:column;align-items:stretch;text-align:center}
  .cc-head .button,.cc-actions .button{width:100%}
  .cc-card{padding:16px}
}
.co-registered{display:inline-block;margin-top:6px;padding:3px 9px;border-radius:20px;color:#197458;background:#eaf7f2;font-size:11px;font-weight:700}
.co-desc{margin:10px 0 0;white-space:pre-line;color:var(--ink);font-size:13px;line-height:1.5}

/* ===== Кабинет моряка: «Мои вакансии» ===== */
.app-row{display:flex;justify-content:space-between;gap:16px;padding:16px;margin-bottom:12px;border:1px solid var(--border);border-radius:12px;background:#f8fbfc;text-align:left}
.app-row.is-sent{border-color:#bfe3d3;background:#f3fbf7}
.app-main{min-width:0;flex:1}
.app-main h3{margin:0 0 4px;color:var(--navy);font-size:17px}
.app-main p{margin:3px 0;color:var(--muted);font-size:13px;overflow-wrap:anywhere}
.app-company{font-weight:700;color:#526a79!important}
.app-status{font-weight:700;color:var(--ink)!important}
.app-details summary{margin-top:6px;color:var(--blue);font-weight:700;font-size:13px;cursor:pointer}
.app-info{white-space:pre-line;color:var(--ink)!important}
.app-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0;min-width:170px}
.app-actions .button{text-align:center;font-size:13px}
.app-del{color:#a33;background:#fff;border:1px solid #f1c9c4}
.app-hint{margin:6px 0 0;color:var(--muted);font-size:12px}
@media(max-width:700px){.app-row{flex-direction:column}.app-actions{min-width:0}}
/* ===== Главная: карточка «Работодатели» ===== */
@media (min-width: 1101px){ .feature-grid.feature-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))} }
a.feature-card.feature-employers{display:flex;flex-direction:column;color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s}
a.feature-card.feature-employers:hover{transform:translateY(-2px);border-color:var(--blue)}
.feature-employers .feature-line{align-self:inherit}
.feature-more{margin-top:auto;padding-top:12px;color:var(--blue);font-size:14px;font-weight:700}
/* ===== Каталог компаний: «Отправить резюме» ===== */
.co-send-cv{display:flex;margin:10px auto 0;color:var(--blue);background:#fff;border:1.5px solid var(--blue)}
.co-send-cv:hover{color:#fff;background:var(--blue)}
.co-apply-form{max-width:620px}
.co-apply-to{margin:-4px 0 12px;color:var(--muted);font-size:14px}
.co-apply-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.co-apply-form textarea{min-height:200px;line-height:1.5}
.co-apply-note{margin:6px 0 12px;padding:9px 12px;border-radius:9px;background:#eef7fb;color:var(--navy);font-size:13px;text-align:left}
@media (max-width: 560px){ .co-apply-grid{grid-template-columns:minmax(0,1fr)} }
/* ===== Фильтр: вторая должность ===== */
.position-second{margin-top:8px}
.position-second.is-empty{color:var(--muted)}
/* ===== Регистрация: подсказка про «Спам» — красным ===== */
[data-i18n="verifyHint"]{color:#c62828 !important;font-weight:700}
/* ===== Вакансии: без верхнего поиска фильтры идут первыми ===== */
body.no-top-search #searchForm{display:none !important}
/* ===== Кабинет: «Скачать резюме» / «Поднять в топ» над Personal info ===== */
.profile-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px;padding:14px;border:1px solid var(--border);border-radius:12px;background:#f4f9fb}
.profile-actions .button{flex:1 1 200px;justify-content:center;text-align:center}
.profile-actions .pa-cv{color:#fff;background:var(--blue)}
.profile-actions .pa-top{color:#7a4a00;background:linear-gradient(90deg,#ffd76a,#ffb547);border:0}
.pa-top-on{flex:1 1 200px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#9a5b00}
.top-form{max-width:460px;text-align:center}
.top-text{color:var(--muted);line-height:1.55}
.top-price{margin:16px 0 18px;font-size:15px;color:var(--muted)}
.top-price strong{font-size:34px;color:var(--navy)}
.top-pay{color:#7a4a00 !important;background:linear-gradient(90deg,#ffd76a,#ffb547) !important;border:0}
/* ===== Свёрнутый блок CV («Ваше загруженное резюме») ===== */
.cv-box-collapsed{padding-top:14px !important;padding-bottom:14px !important}
.cv-box-collapsed [data-i18n="cvLoadedTitle"]{margin-bottom:6px}
/* ===== Второй тип флота ===== */
.fleet-second{margin-top:8px}
/* ===== Сканы документов ===== */
.doc-scan{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.doc-scan .button,.sfp-grid .scan-view{padding:6px 10px;font-size:12.5px;min-height:0}
.doc-scan .scan-view,.sfp-grid .scan-view{color:#fff;background:var(--blue)}
.doc-scan-btn{color:var(--blue);background:#fff;border:1px solid var(--blue)}
.doc-scan-del{color:#b3261e;border-color:#e3b4b0}
.sfp-grid .scan-view{margin-top:6px}
.scan-box{width:min(960px,96vw);max-height:94vh;display:flex;flex-direction:column;padding:16px}
.scan-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.scan-head h2{margin:0;font-size:18px}
.scan-close{border:0;background:#eef3f5;border-radius:8px;width:36px;height:36px;font-size:16px;cursor:pointer}
.scan-note{margin:6px 0 10px;color:var(--muted);font-size:13px}
.scan-canvas-wrap{overflow:auto;flex:1;background:#f1f4f6;border-radius:10px;text-align:center;-webkit-user-select:none;user-select:none}
.scan-canvas-wrap canvas{max-width:100%;height:auto;display:block;margin:auto;-webkit-touch-callout:none}
.document-meta > span,.document-meta > small{display:block;margin-top:2px}
/* ===== Отправка резюме с почты моряка ===== */
.apply-mail-form{max-width:600px}
.am-to{display:flex;gap:8px}
.am-to input{flex:1;min-width:0}
.am-copy{white-space:nowrap;padding:0 14px}
.apply-mail-form textarea{min-height:170px;line-height:1.5}
.am-own{margin-top:6px;padding:14px;border-radius:12px;background:#eef7fb}
.am-step{margin:0 0 12px;font-size:13.5px;color:var(--navy);line-height:1.5;text-align:left}
.am-step-done{color:#1b6e3a;font-weight:600}
.am-share{width:100%;margin-bottom:10px;color:#fff;background:var(--blue)}
.am-clients{display:flex;flex-wrap:wrap;gap:8px}
.am-clients .button{flex:1 1 140px}
.am-mailto{color:#fff;background:var(--blue)}
.am-gmail,.am-outlook{color:var(--navy);background:#fff;border:1px solid var(--border)}
.am-alt{margin-top:14px;padding-top:12px;border-top:1px dashed var(--border);text-align:left}
.am-alt p{margin:0 0 8px;font-size:13px;color:var(--muted)}
.am-site{color:var(--blue);background:#fff;border:1.5px solid var(--blue)}
/* ===== Подписка: типы судов по флоту ===== */
.al-types{margin:4px 0 12px;text-align:left}
.al-types-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}
.al-all{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--blue);cursor:pointer}
.al-types-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;max-height:230px;overflow:auto;padding:10px;border:1px solid var(--border);border-radius:10px;background:#fbfdfe}
.al-types-list label{display:flex;align-items:flex-start;gap:7px;font-size:13.5px;line-height:1.3;color:var(--ink);cursor:pointer;padding:3px 0}
.al-types-list input{margin-top:2px;flex:none}
.al-types-empty{grid-column:1/-1;margin:4px 0;color:var(--muted);font-size:13px}
@media (max-width:480px){ .al-types-list{grid-template-columns:minmax(0,1fr)} }
.alerts-form .al-types-list label,.alerts-form .al-all{display:flex !important;flex-direction:row !important;align-items:center;gap:8px;margin:0 !important}
.alerts-form .al-types-list input[type="checkbox"],.alerts-form .al-all input[type="checkbox"]{width:17px !important;height:17px !important;min-height:0 !important;margin:0 !important;padding:0 !important;flex:none;accent-color:var(--blue)}
.alerts-form .al-types-head small{margin:0}
/* ===== Вакансии: фильтр по типу судна ===== */
.vt-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.vt-head h3,.vt-head strong{margin:0}
.filters .vt-all{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--blue);cursor:pointer;margin:0}
.vt-list{max-height:260px;overflow:auto;margin-top:10px;padding-right:4px;display:flex;flex-direction:column;gap:2px;text-align:left}
.filters .vt-item{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;line-height:1.3;color:var(--ink);cursor:pointer;padding:4px 0;margin:0}
.filters .vt-item input,.filters .vt-all input{width:16px;height:16px;margin:1px 0 0;flex:none;accent-color:var(--blue)}
.vt-empty{margin:8px 0 0;font-size:13px;color:var(--muted)}
@media (max-width:900px){ .vt-head{flex-direction:column;justify-content:center;gap:6px} }
/* ===== Вакансии: «Применить» и сворачиваемый фильтр ===== */
.filters-toggle{display:none}
.filters-apply-wrap{padding-top:14px;border-top:1px solid #edf1f4}
.filters-apply{width:100%;color:#fff;background:var(--blue);font-weight:700}
@media (max-width:900px){
  .filters-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:var(--shadow);font-size:16px;font-weight:700;color:var(--navy);cursor:pointer;text-align:left}
  .filters-toggle > span:first-child{flex:1}
  .filters-count{min-width:22px;height:22px;padding:0 7px;border-radius:11px;background:var(--blue);color:#fff;font-size:12.5px;display:inline-flex;align-items:center;justify-content:center}
  .ft-caret{transition:transform .2s;color:var(--muted)}
  .filters-toggle.is-open{border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none}
  .filters-toggle.is-open .ft-caret{transform:rotate(180deg)}
  .filters.filters-collapsible.is-collapsed{display:none}
  .filters.filters-collapsible{border-top-left-radius:0;border-top-right-radius:0;margin-top:-1px}
  .filters-apply-wrap{position:sticky;bottom:0;margin:0 -16px -16px;padding:12px 16px 16px;background:linear-gradient(rgba(255,255,255,.85),#fff 30%);z-index:2}
}
.filters-shell{min-width:0}
.scan-hint{align-self:center;color:var(--muted);font-size:12px}
.experience-row .doc-scan{margin:8px 0}
.scan-done{flex-basis:100%;color:#1f7a3f;font-size:13px;word-break:break-all}
.scan-consent{max-width:560px}
.scan-consent-text{color:var(--muted);font-size:14px;line-height:1.5;text-align:left}
.scan-consent-check{display:flex;gap:10px;align-items:flex-start;text-align:left;font-size:14px;line-height:1.45;cursor:pointer;margin:10px 0}
.scan-consent-check input{width:20px;height:20px;flex:none;margin-top:1px}
.scan-consent-go{color:#fff;background:var(--blue)}
.scan-consent-go:disabled{opacity:.45;cursor:not-allowed}
/* ===== Пакет документов для работодателей ===== */
.pack-box{margin-top:22px;padding:20px 22px;border-radius:16px;background:linear-gradient(135deg,#f2f9fc 0%,#e6f4f7 100%);border:1px solid #cfe6ee}
.pack-head{display:flex;gap:14px;align-items:flex-start;text-align:left}
.pack-icon{flex:none;width:46px;height:46px;border-radius:12px;background:var(--blue);display:flex;align-items:center;justify-content:center;font-size:24px}
.pack-head h3,.pack-head h2{margin:0 0 4px;color:var(--navy);font-size:18px}
.pack-head p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.pack-list{list-style:none;margin:14px 0 6px;padding:0;display:flex;flex-direction:column;gap:6px}
.pack-list li{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fff;border:1px solid var(--border);border-radius:10px;font-size:14px}
.pack-file{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.pack-size{color:var(--muted);font-size:12.5px;white-space:nowrap}
.pack-del{border:0;background:#fbeceb;color:#b3261e;border-radius:8px;width:28px;height:28px;cursor:pointer;flex:none}
.pack-empty{margin:14px 0 6px;color:var(--muted);font-size:14px;text-align:left}
.pack-consent-ok{margin:6px 0 0;color:#1f7a3f;font-size:12.5px;text-align:left}
.pack-meter{height:6px;margin:14px 0 8px;border-radius:6px;background:#d6e6ec;overflow:hidden}
.pack-meter div{height:100%;background:linear-gradient(90deg,var(--blue),#48ced6);border-radius:6px}
.pack-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.pack-foot small{color:var(--muted)}
.pack-upload,.pack-download{color:#fff;background:var(--blue)}
.pack-consent-badge{display:inline-block;padding:4px 10px;border-radius:20px;background:#e6f4f7;color:var(--blue);font-weight:800;font-size:12px;letter-spacing:1px;margin-bottom:6px}
.pack-consent-points{margin:6px 0 4px;padding:0;list-style:none;text-align:left;display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:var(--navy)}
.sfp-pack{background:linear-gradient(135deg,#f2f9fc 0%,#e6f4f7 100%)}
.pack-gdpr{margin:12px 0;padding:10px 12px;border-radius:10px;background:#fff;border-left:4px solid #1f7a3f;color:#2e4757;font-size:13.5px;line-height:1.5;text-align:left}
.sfp-pack .pack-download{display:inline-flex}
.alerts-form label.scan-consent-check{display:flex !important;flex-direction:row !important;align-items:flex-start;gap:10px;padding:12px 14px;border:1.5px solid #cfe6ee;border-radius:12px;background:#f5fafc}
.alerts-form label.scan-consent-check span{flex:1;color:var(--navy);font-weight:600}
.alerts-form label.scan-consent-check input{width:20px !important;height:20px;min-height:0;margin:2px 0 0;padding:0;flex:none;accent-color:var(--blue)}
#packBox.pack-box{margin:0 0 22px}
/* ===== Правовые страницы ===== */
.legal-page{padding:28px 0 48px;background:#f6f9fb}
.legal-wrap{max-width:900px}
.legal-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.legal-tabs a{padding:8px 14px;border-radius:20px;border:1px solid var(--border);background:#fff;color:var(--navy);text-decoration:none;font-weight:700;font-size:14px}
.legal-tabs a.active{background:var(--blue);border-color:var(--blue);color:#fff}
.legal-body{background:#fff;border:1px solid var(--border);border-radius:16px;padding:28px 32px;box-shadow:var(--shadow);text-align:left;line-height:1.6;color:#22394a}
.legal-body h1{margin:0 0 10px;color:var(--navy);font-size:28px}
.legal-body h2{margin:26px 0 8px;color:var(--navy);font-size:19px}
.legal-body p,.legal-body li{font-size:15px;text-align:left}
.legal-body ul{padding-left:20px}
.legal-body li{margin:5px 0}
.legal-lead{font-size:16px;color:var(--muted)}
.legal-table{width:100%;border-collapse:collapse;margin:10px 0;font-size:14px}
.legal-table th,.legal-table td{border:1px solid #dbe7ed;padding:8px 10px;text-align:left;vertical-align:top}
.legal-table th{background:#eef6f9;color:var(--navy)}
.legal-export{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:12px 0;padding:14px 16px;border-radius:12px;background:#eef6f9}
.legal-export small{color:var(--muted)}
.legal-export-btn,.pa-export{color:#fff;background:var(--blue)}
.pa-export{background:#fff;color:var(--blue);border:1.5px solid var(--blue)}
.legal-updated{margin-top:24px;color:var(--muted);font-size:13px}
.legal-body code{background:#eef3f5;padding:1px 5px;border-radius:5px;font-size:13px}
@media(max-width:700px){.legal-body{padding:20px 16px}.legal-body h1{font-size:23px}.legal-table{display:block;overflow-x:auto}}
.employer-terms{margin-top:6px}
.employer-terms a,.terms-add a{color:var(--blue)}
.legal-body a{color:var(--blue);text-decoration:underline}
/* подвал: «Условия использования» и «Cookies» рядом с «© 2026 Way At Sea» */
.footer-legal{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-left:8px}
.footer-legal span{opacity:.5}
.footer-legal a{color:inherit;text-decoration:none;opacity:.85}
.footer-legal a:hover{opacity:1;text-decoration:underline}
.footer-legal-row{text-align:center;padding:0 16px 16px;font-size:13px}
/* зарплата в карточке — в одну строку (длинный текст сокращается в коде) */
.job-top .salary,.home-job-top .salary{white-space:nowrap;overflow-wrap:normal;word-break:normal;max-width:none;flex-shrink:0;text-align:right}
.job-top > :first-child,.home-job-top > :first-child{min-width:0}
/* ===== Кабинет → Безопасность ===== */
.sec-page{padding:0 0 30px}
.sec-card{max-width:620px;margin:0 auto;padding:22px 24px;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:var(--shadow);text-align:left}
.sec-card h2{margin:0 0 6px;color:var(--navy);font-size:22px}
.sec-email{margin:0 0 14px;color:var(--muted)}
.sec-block{padding:16px 0;border-top:1px solid #edf1f4}
.sec-block h3{margin:0 0 6px;color:var(--navy);font-size:17px}
.sec-block p{margin:0 0 10px;color:var(--muted);font-size:14px}
.sec-field{display:block;margin:0 0 10px}
.sec-field small{display:block;margin-bottom:4px;color:var(--muted)}
.sec-input{display:flex;align-items:center;border:1px solid var(--border);border-radius:10px;background:#fff;overflow:hidden}
.sec-input input{flex:1;min-width:0;border:0;outline:0;padding:11px 12px;font-size:15px;background:transparent}
.sec-eye{border:0;background:#f1f6f8;width:44px;align-self:stretch;cursor:pointer;font-size:17px;opacity:.6}
.sec-eye.on{opacity:1;background:#e1f0f5}
.sec-reset,.sec-change{color:#fff;background:var(--blue)}
.sec-msg{margin:10px 0 0;font-size:14px}
.sec-msg.ok{color:#1f7a3f}.sec-msg.err{color:#b3261e}
.sec-note{margin:6px 0 0;padding:10px 12px;border-radius:10px;background:#eef6f9;color:#2e4757;font-size:13px;line-height:1.5}
.job-company{margin:-2px 0 4px;color:var(--navy);font-size:14px;font-weight:700;overflow-wrap:anywhere}
/* ===== Каталог «Работодатели»: новые карточки ===== */
.company-grid{align-items:start}
.co-card{position:relative;display:flex;flex-direction:column;padding:20px 20px 16px;border:1px solid #dbe7ed;border-radius:18px;background:#fff;box-shadow:0 6px 22px rgba(8,43,66,.07);transition:transform .15s,box-shadow .15s,border-color .15s;text-align:left}
.co-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,#0b5c8c,#48ced6)}
.co-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(8,43,66,.12);border-color:#b9d8e4}
.co-top{display:flex;align-items:center;gap:14px}
.co-avatar{flex:none;width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:19px;letter-spacing:.5px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}
.co-title{min-width:0}
.co-title h3{margin:0;color:var(--navy);font-size:17px;line-height:1.25;overflow-wrap:anywhere}
.co-place{margin-top:4px;color:var(--muted);font-size:13px}
.co-chips{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 4px;min-height:4px}
.co-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;background:#eef6f9;color:#2e4757;font-size:12px;font-weight:600;max-width:100%;overflow-wrap:anywhere}
.co-chip-ok{background:#e6f6ee;color:#197458}
.co-body{padding:0 !important;margin-top:auto}
.co-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #edf1f4}
.co-has{font-size:15px;letter-spacing:2px;opacity:.8}
.co-card .company-details-button{margin:0 !important;padding:8px 14px;border-radius:10px;color:#fff;background:var(--blue);font-size:13px}
.co-expanded{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.co-expanded[hidden]{display:none}
.co-line{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:10px;background:#f6fafc}
.co-ic{flex:none;width:22px;text-align:center}
.co-line small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px}
.co-line span,.co-line a{font-size:14px;color:var(--navy);word-break:break-word}
.co-line a{color:var(--blue);font-weight:700;text-decoration:none}
.co-desc{margin:4px 0 0;padding:10px 12px;border-left:3px solid #48ced6;background:#f6fafc;border-radius:0 10px 10px 0;color:#2e4757;font-size:14px;line-height:1.5}
@media(max-width:700px){.co-card{text-align:left}.co-foot{flex-wrap:wrap}}
.company-grid{align-items:stretch}
.co-card .button.company-details-button{min-height:0;height:auto;width:auto;padding:8px 14px;border-radius:10px;font-size:13px;line-height:1.2;box-shadow:none}
.co-card .button.company-details-button:hover{filter:brightness(1.08)}
/* логотип компании */
.co-avatar-logo{background:#fff;border:1px solid #dbe7ed;box-shadow:none;overflow:hidden;padding:4px}
.co-avatar-logo img{width:100%;height:100%;object-fit:contain;display:block}
.logo-card{margin-bottom:18px}
.logo-row{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.logo-preview{width:96px;height:96px;border-radius:18px;border:1px dashed #b9d0db;background:#f6fafc;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none}
.logo-preview img{width:100%;height:100%;object-fit:contain;padding:6px;box-sizing:border-box}
.logo-preview span{color:var(--muted);font-size:12px;text-align:center;padding:6px}
.logo-actions{flex:1;min-width:200px}
.logo-actions p{margin:0 0 10px;color:var(--muted);font-size:13px}
.logo-upload{color:#fff;background:var(--blue)}
.logo-delete{margin-left:6px;color:#b3261e;background:#fff;border:1px solid #e3b4b0}

/* ===== КРЕДИТЫ МОРЯКА ===== */
.cr-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin:0 0 18px;padding:12px 16px;border:1px solid #cfe6ef;border-radius:14px;background:var(--light-blue);color:var(--navy);font-size:15px}
.cr-bar b{font-size:18px}
.cr-bar-buy{margin-left:auto;padding:8px 14px;color:#fff;background:var(--blue);border-radius:10px;font-size:14px}
.co-locked{padding:14px;border:1px dashed #b8d6e3;border-radius:12px;background:#f7fbfd;text-align:center}
.co-locked p{margin:0 0 10px;color:var(--muted);font-size:14px;line-height:1.45}
.co-open{color:#fff;background:linear-gradient(135deg,var(--blue),#0b9cc4);border-radius:10px;padding:10px 16px;font-weight:700}
.co-open:disabled{opacity:.6}
.co-opened-note{margin:0 0 6px;color:var(--green);font-size:13px;font-weight:700}
.cr-card{max-width:720px}
.cr-card h3{margin:22px 0 10px;color:var(--navy);font-size:17px}
.cr-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:14px 0}
.cr-stat{padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,#0a3853,#087faa);color:#fff}
.cr-stat b{display:block;font-size:30px;line-height:1.1}
.cr-stat span{font-size:13px;opacity:.85}
.cr-hint{margin:6px 0 12px;color:var(--muted);font-size:14px;line-height:1.55}
.cr-to-companies{display:inline-block;padding:9px 14px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--navy);font-weight:700}
.cr-packs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.cr-pack{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:16px;border:2px solid #cfe6ef;border-radius:14px;background:#fff;color:var(--navy);text-align:left;transition:.15s}
.cr-pack:hover{border-color:var(--blue);transform:translateY(-1px)}
.cr-pack b{font-size:26px;line-height:1}
.cr-pack span{color:var(--muted);font-size:13px}
.cr-pack em{margin-top:6px;font-style:normal;font-weight:800;color:var(--blue);font-size:18px}
.cr-history{list-style:none;margin:0;padding:0;border-top:1px solid var(--border)}
.cr-history li{display:grid;grid-template-columns:90px 1fr auto;gap:10px;padding:8px 2px;border-bottom:1px solid var(--border);font-size:14px}
.cr-history li span:first-child{color:var(--muted)}
.cr-history .plus{color:var(--green)}
.cr-history .minus{color:#b4231a}
@media(max-width:560px){.cr-packs,.cr-stats{grid-template-columns:1fr}.cr-bar-buy{margin-left:0}}

/* ===== NEXT OF KIN ===== */
.nok-box{margin:0;padding:0;border:0;background:none}
.nok-box h2{margin:0 0 6px}
.nok-hint{margin:0 0 12px;color:var(--muted);font-size:14px}
.nok-row{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:10px;align-items:end;margin-bottom:10px}
.nok-row label{display:flex;flex-direction:column;gap:4px}
.nok-row small{color:var(--muted);font-size:12px;font-weight:700}
.nok-row input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#fbfdfe}
.nok-del{height:42px;width:42px;border:1px solid var(--border);border-radius:10px;background:#fff;color:#b4231a}
.nok-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px}
.nok-add{border:1px solid var(--border);background:#fff;color:var(--navy)}
.nok-msg{color:var(--green);font-weight:700}
@media(max-width:700px){.nok-row{grid-template-columns:1fr}.nok-del{width:100%}}

/* описание вакансии */
.vd p{margin:0 0 6px;line-height:1.55}
.vd .vd-head{margin:10px 0 4px;font-weight:700;color:var(--navy)}
.vd-list{margin:0 0 8px;padding-left:18px}
.vd-list li{margin:2px 0}

/* ===== СТРАНИЦА БОТА: 3 тарифа и «Как составить CV» ===== */
.plan-grid.plan-grid-3{max-width:1160px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.plan-grid-3 .plan-card{display:flex;flex-direction:column}
.plan-grid-3 .plan-list{flex:1}
.plan-list .plan-sub ul{margin:4px 0 0;padding-left:20px;list-style:none}
.plan-list .plan-sub ul li{list-style:none}
.plan-trial{margin:-10px 0 14px;display:inline-block;padding:5px 10px;border-radius:20px;background:#fff4dc;color:#7a5410;font-size:13px;font-weight:700}
.plan-start{display:block;margin-top:18px;text-align:center;color:#fff;background:var(--blue);border-radius:10px}
.plan-card.featured .plan-start{background:linear-gradient(135deg,#0a3853,#087faa)}
.bot-how-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;max-width:1160px;margin:0 auto}
.bot-how-card{padding:22px;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:var(--shadow)}
.bot-how-card h3{margin:0 0 10px;color:var(--navy);font-size:19px}
.bot-steps{margin:0;padding:0;list-style:none;counter-reset:s}
.bot-steps li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--border)}
.bot-steps li:first-child{border-top:0}
.bot-step-ic{flex:0 0 38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--light-blue);font-size:19px}
.bot-how-cta{margin-top:24px;text-align:center}
@media(max-width:900px){.plan-grid.plan-grid-3,.bot-how-grid{grid-template-columns:1fr}}

/* кредиты над кнопками профиля */
.profile-credits{display:flex;align-items:center;justify-content:space-between;gap:12px 18px;flex-wrap:wrap;margin:0 0 10px}
.pc-note{margin:0;flex:1 1 320px;color:var(--muted);font-size:14px;line-height:1.45}
.pc-balance{margin-left:auto;padding:8px 14px;border:1px solid #cfe6ef;border-radius:999px;background:var(--light-blue);color:var(--navy);font-size:15px;white-space:nowrap}
.pc-balance b{font-size:17px;color:var(--blue)}
.pc-balance:hover{border-color:var(--blue)}

/* Бот: ссылки-якоря «Тарифы» и «Как составить CV» под кнопкой бота */
.bot-anchor-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;width:100%}
.bot-anchor-nav a{display:inline-block;padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.14);color:#fff;font-weight:700;font-size:.95rem;text-decoration:none}
.bot-anchor-nav a:hover{background:rgba(255,255,255,.26)}
section.plans,#botHow{scroll-margin-top:90px}

/* Даты на телефоне: День / Месяц / Год списками */
.dmy-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden;clip:rect(0 0 0 0)}
.dmy{display:flex;gap:6px;width:100%}
.dmy[hidden]{display:none}
.dmy select{flex:1 1 0;min-width:0;padding:10px 6px;border:1px solid #c9dbe4;border-radius:10px;background:#fff;font:inherit;color:inherit}
.dmy select.dmy-m{flex:1.3 1 0}
.dmy select.dmy-y{flex:1.2 1 0}

.top-note{margin:6px 0 0;color:#5b7383;font-size:.9rem}
.top-msg{margin-top:10px}
.pa-top-on{display:inline-flex;align-items:center}

/* «Моряки»: призыв поднять резюме в топ */
.top-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;padding:14px 18px;border-radius:14px;
  background:linear-gradient(120deg,#fff4e5,#ffe9cc);border:1px solid #ffd59a}
.top-cta p{margin:0;font-weight:600;color:#7a4a00}
.top-cta .top-cta-btn{color:#fff;background:#e8590c;border:0;font-weight:700;white-space:nowrap}
.top-cta .top-cta-btn:hover{background:#c94c0a}

/* Подвал: кнопка «Contact us» и форма обратной связи */
.footer-contact-li{justify-content:flex-end}
.footer-contact-btn{margin-top:4px;padding:8px 16px;border:1px solid rgba(255,255,255,.35);border-radius:999px;color:#fff;background:transparent;font-size:13px;font-weight:700;cursor:pointer}
.footer-contact-btn:hover{border-color:var(--cyan);color:var(--cyan)}
.footer-contact-row{display:flex;justify-content:center;padding:12px 0}
.contact-form textarea{min-height:130px;resize:vertical}
.contact-form input,.contact-form textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #cfdbe3;border-radius:10px;font:inherit}
.contact-lead{margin:0 0 6px;color:#526a79;font-size:14px}
.contact-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.contact-msg{margin:8px 0;padding:10px 12px;border-radius:10px;font-size:14px}
.contact-msg.ok{color:#1e6b3a;background:#e9f7ef}
.contact-msg.err{color:#922;background:#fdecea}
@media (max-width:760px){.footer-contact-li{justify-content:center}}

/* Вакансия для гостя: контакты после входа */
.vac-locked{color:#526a79}
.apply-button.vac-login{color:#fff;background:var(--blue)}

/* Кабинет моряка: заполненность профиля */
.profile-score{margin:0 0 18px;padding:16px 18px;border:1px solid #d9e6ef;border-radius:14px;background:#fff;text-align:left}
.ps-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;color:var(--navy)}
.ps-head span{font-size:22px;font-weight:800}
.ps-bar{height:10px;margin:8px 0 6px;border-radius:999px;background:#e8f0f5;overflow:hidden}
.ps-bar i{display:block;height:100%;border-radius:999px;transition:width .4s}
.ps-bar i.low{background:#e0803a}.ps-bar i.mid{background:#e6b422}.ps-bar i.good{background:#2a9d6f}
.ps-hint{margin:10px 0 6px;color:#526a79;font-size:14px}
.ps-list{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.ps-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#f6f9fb;font-size:14px}
.ps-go{flex:none;padding:6px 14px;font-size:13px;color:#fff;background:var(--blue)}
.ps-done{margin:8px 0 0;color:#155d45;font-weight:600}
.ps-flash{outline:3px solid #f0b429;outline-offset:3px;border-radius:8px;transition:outline-color .3s}
@media (max-width:600px){.ps-list li{flex-direction:column;align-items:flex-start}}

/* Отклики: статусы, напоминание, «кто смотрел профиль» */
.app-status{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0}
.app-status .st{padding:3px 9px;border-radius:999px;font-size:13px;background:#eef4f8;color:#2d4a5e}
.app-status .st-viewed{background:#e8f1ff;color:#1d4f91}.app-status .st-ok{background:#e6f6ee;color:#16683f}
.app-status .st-no{background:#fdecea;color:#922}.app-status .st-wait{background:#fff4cf;color:#7a5300}
.st-arrow{color:#9db0bd;font-size:12px}
.app-remind{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;padding:8px 10px;border-radius:10px;background:#fff7e0;color:#7a5300;font-size:13px}
.app-remind-btn{padding:5px 12px;font-size:13px;color:#fff;background:#d08a00}
.app-mark{font-size:13px}
.profile-views{margin:0 0 16px;padding:14px 16px;border:1px solid #d9e6ef;border-radius:14px;background:#fff;text-align:left}
.profile-views h3{margin:0 0 6px;font-size:16px;color:var(--navy)}
.pv-hint{margin:0 0 8px;color:#526a79;font-size:13px}
.profile-views ul{margin:0;padding:0;list-style:none;display:grid;gap:5px}
.profile-views li{display:flex;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:9px;background:#f6f9fb;font-size:14px}
.profile-views li span{color:#6b8190;font-size:13px}

/* Страницы должностей/флотов и «Популярные запросы» */
.seo-intro{padding:18px 0 4px}
.seo-intro h1{margin:0 0 6px}
.seo-chips{margin:28px auto 36px}
.seo-chips h2{font-size:18px;margin:0 0 12px;color:#082b42}
.seo-chips nav{display:flex;flex-wrap:wrap;gap:8px}
.seo-chips a{display:inline-block;padding:7px 14px;border:1px solid #d6e3ea;border-radius:999px;background:#fff;color:#17394d;font-size:14px;text-decoration:none}
.seo-chips a:hover{border-color:#087faa;color:#087faa}
.seo-chips a.active{background:#087faa;border-color:#087faa;color:#fff}

/* Инфо-страницы: компания, зарплаты (содержимое оболочки «Работодатели» скрыто) */
body.info-mode main > :not(.info-page-content){display:none!important}
body.info-mode > section, body.info-mode > .page, body.info-mode > main:not(.info-main):not(:has(.info-page-content)){display:none!important}
.info-page-content{padding-top:28px;padding-bottom:40px;max-width:980px}
.info-page-content h1{margin:6px 0 8px;color:#082b42;line-height:1.2}
.info-page-content h2{font-size:20px;margin:0 0 12px;color:#082b42}
.info-lead{font-size:16px;color:#3d5a6c;line-height:1.55;margin:0 0 18px}
.info-crumbs a{color:#087faa;text-decoration:none;font-size:14px}
.co-page-head{display:flex;gap:16px;align-items:center;margin-top:8px}
.co-page-logo{width:72px;height:72px;object-fit:contain;border-radius:14px;background:#fff;border:1px solid #e1ebf0}
.co-page-place{margin:0 0 6px;color:#526a79}
.co-page-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.co-page-box{background:#fff;border:1px solid #e1ebf0;border-radius:16px;padding:18px 20px;margin:16px 0}
.co-page-vacs{list-style:none;margin:0 0 12px;padding:0}
.co-page-vacs li{padding:10px 0;border-bottom:1px solid #eef3f6;display:flex;flex-direction:column;gap:2px}
.co-page-vacs li:last-child{border-bottom:0}
.co-page-vacs a{color:#082b42;text-decoration:none}
.co-page-vacs a:hover b{color:#087faa}
.co-page-vacs span{font-size:13px;color:#6b8190}
.co-page-empty{color:#526a79}
.co-page-link{color:inherit;text-decoration:none}
.co-page-link:hover{color:#087faa;text-decoration:underline}
.seo-chips-nav{display:flex;flex-wrap:wrap;gap:8px}
.seo-chips-nav a{display:inline-block;padding:7px 14px;border:1px solid #d6e3ea;border-radius:999px;background:#fff;color:#17394d;font-size:14px;text-decoration:none}
.seo-chips-nav a:hover{border-color:#087faa;color:#087faa}
.seo-chips-nav a.active{background:#087faa;border-color:#087faa;color:#fff}
.seo-more{margin:14px 0 0}
.seo-more a{color:#087faa;font-weight:bold;text-decoration:none}
.sal-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0 22px}
.sal-card{background:#fff;border:1px solid #e1ebf0;border-radius:16px;padding:16px;text-align:center;display:flex;flex-direction:column;gap:4px}
.sal-card small{color:#6b8190;font-size:13px}
.sal-card b{font-size:26px;color:#082b42}
.sal-card span{font-size:12px;color:#6b8190}
.sal-card-main{border-color:#087faa;box-shadow:0 0 0 2px rgba(8,127,170,.12)}
.sal-card-main b{color:#087faa}
.sal-table-wrap{overflow-x:auto;margin:0 0 10px}
.sal-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e1ebf0;border-radius:12px;overflow:hidden;font-size:15px}
.sal-table th,.sal-table td{padding:10px 12px;text-align:right;border-bottom:1px solid #eef3f6;white-space:nowrap}
.sal-table th:first-child,.sal-table td:first-child{text-align:left}
.sal-table th{background:#f3f8fa;color:#526a79;font-weight:600;font-size:13px}
.sal-table a{color:#087faa;text-decoration:none}
.sal-note{font-size:13px;color:#6b8190;line-height:1.5}
@media (max-width:600px){.sal-cards{grid-template-columns:1fr}.sal-card b{font-size:22px}.co-page-head{align-items:flex-start}}

.sal-few{text-align:center!important;color:#8aa0ad;font-style:italic}
.sal-table small{color:#6b8190;font-weight:normal}
.co-chip-fleet{background:#e6f4ef;color:#1d5a4a}
.co-chip-unknown{background:#f1f3f5;color:#6b7785}

/* бегущая строка логотипов компаний */
.co-marquee{background:#f4f8fb;border-top:1px solid #e3ebf1;padding:22px 0 26px;overflow:hidden}
.co-mq-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px}
.co-mq-head h3{margin:0;font-size:18px;color:#0d2a44}
.co-mq-head a{font-size:14px;color:#0a7aa7;text-decoration:none;white-space:nowrap}
.co-mq-track{display:flex;width:max-content;animation:coMarquee var(--mq-time,60s) linear infinite}
.co-marquee:hover .co-mq-track{animation-play-state:paused}
.co-mq-row{display:flex;gap:18px;padding-right:18px}
.co-mq-item{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e3ebf1;border-radius:14px;padding:10px 16px;text-decoration:none;color:#23415a;font-weight:600;font-size:14px;white-space:nowrap;transition:box-shadow .2s,transform .2s}
.co-mq-item:hover{box-shadow:0 6px 18px rgba(13,42,68,.14);transform:translateY(-2px)}
.co-mq-item img{width:40px;height:40px;object-fit:contain;border-radius:8px;background:#fff}
@keyframes coMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.co-mq-track{animation:none}.co-marquee{overflow-x:auto}}

/* вакансии компании в карточке каталога */
.co-chip-vac{background:#fff4e8;color:#a24b00;text-decoration:none;font-weight:600}
.co-chip-vac:hover{background:#ffe6cc}
.co-vacs{list-style:none;margin:10px 0 4px;padding:0;border-top:1px dashed #e3ebf1}
.co-vacs li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed #eef3f7;font-size:14px}
.co-vacs li a{color:#0d3a5c;text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.co-vacs li a:hover{text-decoration:underline}
.co-vacs li span{color:#1d7a4f;font-weight:600;white-space:nowrap}
.co-vacs-more a{color:#0a7aa7!important;font-weight:600}

/* строка логотипов: на компьютере крупнее */
@media (min-width:761px){
  .co-marquee{padding:30px 0 34px}
  .co-mq-head h3{font-size:22px}
  .co-mq-head a{font-size:16px}
  .co-mq-row{gap:22px;padding-right:22px}
  .co-mq-item{padding:14px 22px;font-size:17px;gap:14px;border-radius:16px}
  .co-mq-item img{width:56px;height:56px;border-radius:10px}
}
.co-marquee-top{border-top:0;border-bottom:1px solid #e3ebf1}
/* логотип компании в карточке вакансии */
.job-company{display:flex;align-items:center;gap:8px}
.job-company a{color:inherit;text-decoration:none}
.job-company a:hover{text-decoration:underline}
.job-co-logo{width:26px;height:26px;object-fit:contain;border-radius:6px;background:#fff;border:1px solid #e3ebf1;flex:none}
/* подвал: ссылки переносятся, контакты не налезают */
.footer-main{grid-template-columns:auto minmax(0,1fr) auto}
.footer-nav,.footer-menu{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 6px;min-width:0}
.footer-contacts li,.footer-contacts a{white-space:nowrap}
@media (max-width:1180px){
  .footer-main{grid-template-columns:1fr;justify-items:center;text-align:center}
  .footer-brand,.footer-contacts{justify-self:center}
  .footer-contacts li,.footer-contact-li{justify-content:center}
}

/* знак сайта на карточке моряка */
.seafarer-card .sf-site-mark{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 3px;border-radius:20px;background:#eef5fb;color:#0d5c8f;font-size:11px;font-weight:800;text-decoration:none}
.seafarer-card .sf-site-mark img{width:22px;height:22px;border-radius:50%;object-fit:contain}
@media (max-width:760px){.seafarer-card .sf-site-mark{top:10px;right:10px}.seafarer-card .sf-site-mark span{display:none}.seafarer-card .sf-site-mark{padding:3px}}
/* тарифы бота: старая цена и акция запуска */
.plan-old{margin-right:4px;color:#9aa9b4;font-size:.6em;font-weight:700;text-decoration-thickness:2px}
.plan-promo{max-width:820px;margin:0 auto 22px;padding:13px 18px;border:1px solid #ffd59a;border-radius:14px;color:#7a4300;background:linear-gradient(90deg,#fff6e6,#ffefd6);font-weight:700;text-align:center;line-height:1.5}
.bot-how-cta{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.bot-guide-btn{color:var(--navy)!important;background:#fff6e6;border:1px solid #ffd59a}
.bot-guide-btn:hover{background:#ffefd6}
/* страница бота: заметный блок «Как пользоваться ботом» → /guide */
.bot-guide-sec{padding:34px 0 0}
.bot-guide-card{display:flex;align-items:center;gap:20px;padding:22px 24px;border:2px solid #ffb04a;border-radius:20px;color:#fff;background:linear-gradient(120deg,#0b1c33,#123a63 70%,#1d4f80);box-shadow:0 16px 40px rgba(11,28,51,.25);text-decoration:none;transition:transform .15s,box-shadow .15s}
.bot-guide-card:hover{transform:translateY(-2px);box-shadow:0 20px 48px rgba(11,28,51,.35)}
.bot-guide-ic{flex-shrink:0;display:grid;place-items:center;width:62px;height:62px;border-radius:16px;background:rgba(255,176,74,.16);font-size:32px}
.bot-guide-body{display:flex;flex-direction:column;gap:5px;min-width:0}
.bot-guide-body strong{font-size:21px;line-height:1.25}
.bot-guide-body>span{color:#c9d9e8;font-size:15px}
.bot-guide-items{display:flex;flex-wrap:wrap;gap:6px 8px;margin-top:4px}
.bot-guide-items em{padding:4px 10px;border-radius:999px;color:#ffd9a3;background:rgba(255,176,74,.13);font-size:13px;font-style:normal;font-weight:700}
.bot-guide-go{flex-shrink:0;margin-left:auto;padding:12px 18px;border-radius:12px;color:#1a1200;background:linear-gradient(90deg,#ffb04a,#ff8f1f);font-weight:800;white-space:nowrap}
@media (max-width:760px){.bot-guide-card{flex-direction:column;align-items:flex-start;gap:12px;padding:18px}.bot-guide-go{margin-left:0;width:100%;text-align:center}.bot-guide-ic{width:52px;height:52px;font-size:26px}.bot-guide-body strong{font-size:18px}}
.bot-guide-card,.bot-guide-body{text-align:left}

/* Кабинет: компактная карточка загруженного CV */
.cv-box-compact{display:block !important;padding:14px 16px !important;min-height:0 !important;margin-bottom:16px;border:1px solid #cfe6ef !important;border-radius:12px;background:#f5fbfd !important}
.cv-compact{display:flex;flex-direction:column;gap:12px}
.cvc-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cvc-ic{flex:0 0 42px;height:42px;border-radius:10px;background:#e3f2f8;display:flex;align-items:center;justify-content:center;font-size:22px}
.cvc-main{flex:1 1 180px;min-width:0;display:flex;flex-direction:column;text-align:left}
.cvc-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:700}
.cvc-name{color:var(--navy);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cvc-acts{display:flex;gap:6px;flex-wrap:wrap}
.cvc-btn{white-space:nowrap;padding:8px 12px;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--navy);font-weight:700;font-size:13px;cursor:pointer}
.cvc-btn:hover{border-color:var(--blue);color:var(--blue)}
.cvc-del{color:#b3261e}.cvc-del:hover{border-color:#b3261e;color:#b3261e}
.cvc-parse{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:10px;border-top:1px solid rgba(0,0,0,.06)}
.cvc-parse .cv-parse-btn{margin:0;padding:10px 16px}
.cvc-hint{font-size:13px;color:var(--muted);flex:1 1 200px}
.cvc-need{margin:0;padding:9px 12px;border-radius:9px;background:#fff6e5;color:#7a5200;font-size:13px}
@media(max-width:600px){.cvc-acts{width:100%}.cvc-btn{flex:1;padding:9px 4px;font-size:12.5px}.cvc-parse .cv-parse-btn{width:100%}.cvc-hint{text-align:left}}
/* Кабинет: «Выйти» и «Удалить аккаунт» — всегда внизу меню, отдельно */
.cabinet-nav{display:flex;flex-direction:column;gap:2px}
.cabinet-nav #cabinetLogout{order:98;margin-top:8px;border-top:1px solid var(--border);border-radius:0 0 8px 8px;padding-top:14px}
.cabinet-nav #cabinetDeleteTab{order:99;color:#b3261e;font-weight:600;font-size:13px}
.cabinet-nav #cabinetDeleteTab:hover{color:#fff;background:#b3261e}
@media(max-width:700px){.cabinet-nav{display:grid}}
/* «Сейчас на сайте» */
.online-badge{position:fixed;left:14px;bottom:14px;z-index:900;display:flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;background:rgba(9,38,62,.92);color:#fff;font-size:13px;box-shadow:0 6px 18px rgba(0,0,0,.18);backdrop-filter:blur(6px);pointer-events:none}
.online-badge b{font-weight:700}.online-today{color:#a9d4f5}
.online-dot{width:9px;height:9px;border-radius:50%;background:#2fd17a;box-shadow:0 0 0 0 rgba(47,209,122,.6);animation:onlinePulse 2s infinite}
@keyframes onlinePulse{0%{box-shadow:0 0 0 0 rgba(47,209,122,.6)}70%{box-shadow:0 0 0 8px rgba(47,209,122,0)}100%{box-shadow:0 0 0 0 rgba(47,209,122,0)}}
@media(max-width:600px){.online-badge{left:10px;bottom:10px;font-size:12px;padding:6px 11px}.online-today{display:none}}
.online-sep{width:1px;height:14px;background:rgba(255,255,255,.3);margin:0 3px}.online-vac{color:#ffd29a}.online-vac b{color:#fff}
@media(max-width:600px){.online-badge{flex-wrap:wrap;max-width:calc(100vw - 20px)}}

.contact-warn{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#fff4e0;border:1px solid #f1c27d;color:#7a4b00;font-size:13px;line-height:1.45}

/* ===== Кабинет моряка — вариант A: тёмное боковое меню + «Обзор» ===== */
body.sf-cabinet{--ov-accent:#0b5c8c}
body.sf-cabinet .cabinet-hero{display:none}
body.sf-cabinet .cabinet-wrap{padding:28px 0 60px;background:#eef3f6}
body.sf-cabinet .cabinet-layout{grid-template-columns:270px minmax(0,1fr);gap:26px}
body.sf-cabinet .cabinet-nav{position:sticky;top:16px;display:flex;flex-direction:column;gap:2px;padding:0 10px 12px;border:0;border-radius:18px;background:#082b42;box-shadow:0 14px 40px rgba(8,43,66,.18);overflow:hidden}
body.sf-cabinet .cabinet-tab{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;border:0;border-radius:10px;background:transparent;color:#dfe9f0;font-weight:500;font-size:15px;text-align:left;cursor:pointer;line-height:1.3}
body.sf-cabinet .cabinet-tab:hover{background:#0f3a57;color:#fff}
body.sf-cabinet .cabinet-tab.active{background:#0b5c8c;color:#fff;font-weight:700}
body.sf-cabinet .cab-ico{flex:none;width:18px;height:18px}
body.sf-cabinet .cab-bottom{color:#a9c2d3;font-size:14px}
body.sf-cabinet #cabinetLogout{margin-top:10px;border-top:1px solid #13405e;border-radius:0 0 10px 10px;padding-top:14px}
body.sf-cabinet .cab-danger:hover{background:#4a1b1b;color:#ffd5d5}
.cab-user{margin:0 -10px 8px;padding:22px 18px 16px;border-bottom:1px solid #13405e}
.cab-user-top{display:flex;gap:12px;align-items:center}
.cab-ava{flex:none;width:58px;height:58px;border-radius:14px;background:#1d5579;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;overflow:hidden}
.cab-ava img{width:100%;height:100%;object-fit:cover}
.cab-user-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.cab-user-txt b{color:#fff;font-size:16px;line-height:1.25;overflow-wrap:anywhere}
.cab-user-txt span{color:#a9c2d3;font-size:13px;line-height:1.3}
.cab-user-txt em{font-style:normal;font-size:12px;display:flex;align-items:center;gap:6px}
.cab-user-txt em::before{content:"";width:8px;height:8px;border-radius:4px;background:currentColor}
.cab-user-txt em.ok{color:#7fe0b0}.cab-user-txt em.no{color:#f2b36d}
.cab-user-box{margin-top:14px;padding:10px 12px;border-radius:12px;background:#0f3a57;display:flex;flex-direction:column;gap:6px}
.cab-user-box div{display:flex;justify-content:space-between;gap:8px;font-size:13px}
.cab-user-box span{color:#a9c2d3}.cab-user-box b{color:#fff}.cab-user-box b.gold{color:#f2c46d}
/* «Обзор» */
#overviewPanel{padding:0;border:0;background:transparent;box-shadow:none}
#overviewPanel.active{display:flex;flex-direction:column;gap:20px}
.ov-head{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;justify-content:space-between}
.ov-head h2{margin:0;font-size:28px;color:var(--navy)}
.ov-sub{margin:4px 0 0;font-size:15px}.ov-sub.ok{color:#557083}.ov-sub.no{color:#a5590f}
.ov-actions{display:flex;flex-wrap:wrap;gap:10px}
.ov-btn,.ov-btn-light{padding:11px 18px;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer}
.ov-btn{background:#0b5c8c;color:#fff;border:1px solid #0b5c8c}
.ov-btn-light{background:#fff;color:var(--navy);border:1px solid #cddbe3}
.ov-card{background:#fff;border-radius:16px;padding:22px;box-shadow:0 4px 18px rgba(8,43,66,.05);display:flex;flex-direction:column;gap:10px;min-width:0}
.ov-score{flex-direction:row;align-items:center;gap:24px;flex-wrap:wrap}
.ov-ring{flex:none;width:124px;height:124px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.ov-ring>div{width:94px;height:94px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}
.ov-ring b{font-size:26px;color:var(--navy)}.ov-ring span{font-size:11px;color:#557083}
.ov-todo{flex:1 1 280px;display:flex;flex-direction:column;gap:6px;min-width:0}
.ov-todo h3{margin:0 0 4px;font-size:18px;color:var(--navy)}
.ov-todo-item{display:flex;align-items:center;gap:10px;padding:6px 8px;margin-left:-8px;border:0;border-radius:8px;background:transparent;color:var(--ink);font-size:14px;text-align:left;cursor:pointer}
.ov-todo-item:hover{background:#f1f6f9}
.ov-check{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid #b9cbd7}
.ov-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.ov-card-h{display:flex;justify-content:space-between;align-items:center}
.ov-card-h h3{margin:0;font-size:18px;color:var(--navy)}
.ov-card-h a,.ov-link{color:#0b5c8c;font-size:14px;font-weight:600}
.ov-doc{display:flex;justify-content:space-between;gap:10px;padding:11px 14px;border-radius:10px;background:#f3f7f9;font-size:14px}
.ov-doc b{font-weight:600;color:#557083;font-size:13px;white-space:nowrap}
.ov-doc.is-warn{background:#fff4e0}.ov-doc.is-warn b{color:#8a4b00}
.ov-doc.is-bad{background:#fde8e8}.ov-doc.is-bad b{color:#a32020}
.ov-app{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid #eef3f6}
.ov-app div{display:flex;flex-direction:column;min-width:0}.ov-app b{font-size:14px}.ov-app span{font-size:13px;color:#557083}
.ov-st{flex:none;font-size:12px;padding:4px 10px;border-radius:10px;white-space:nowrap}
.ov-st.sent{background:#e7eef8;color:#24527a}.ov-st.ok{background:#e3f4ec;color:#1b6e4b}.ov-st.no{background:#fde8e8;color:#a32020}.ov-st.wait{background:#f1f3f5;color:#5d6b75}
.ov-empty{margin:0;color:#557083;font-size:14px}
.ov-top{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;padding:20px 24px;border-radius:16px;background:#082b42;color:#fff}
.ov-top div{display:flex;flex-direction:column;gap:2px}.ov-top b{font-size:17px}.ov-top span{font-size:14px;color:#a9c2d3}
.ov-top-btn{padding:11px 20px;border:0;border-radius:10px;background:#f2c46d;color:#082b42;font-weight:800;cursor:pointer}
@media(max-width:900px){
  body.sf-cabinet .cabinet-layout{grid-template-columns:minmax(0,1fr)}
  body.sf-cabinet .cabinet-nav{position:static;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding:0 8px 8px;gap:4px;border-radius:14px}
  body.sf-cabinet .cab-user{flex:0 0 100%;display:none}
  body.sf-cabinet .cabinet-tab{flex:none;width:auto;white-space:nowrap;padding:10px 12px;font-size:14px}
  body.sf-cabinet #cabinetLogout{margin-top:0;border-top:0;border-radius:10px;padding-top:10px}
  body.sf-cabinet .cabinet-nav{padding-top:8px}
  .ov-head h2{font-size:22px}
}

/* ===== Карточки моряков — вариант 1: строка с последними контрактами ===== */
#topSeafarers,#seafarerList{display:flex!important;flex-direction:column;gap:14px;grid-template-columns:none!important}
#topSeafarers:not(:empty){margin-bottom:14px}
.seafarer-card.sfr{display:flex;flex-wrap:wrap;align-items:center;gap:18px 22px;padding:18px 22px;border:1px solid #dde7ee;border-radius:16px;background:#fff;box-shadow:0 4px 16px rgba(8,43,66,.05);text-align:left}
.seafarer-card.sfr.featured-seafarer{border:2px solid #e8b44a}
.sfr-who{flex:0 0 270px;display:flex;align-items:center;gap:14px;min-width:0}
.sfr-ava{flex:none;width:60px;height:60px;border-radius:50%;background:#dbe6ee;color:#557083;font-weight:700;font-size:20px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.sfr-ava-img{width:100%;height:100%;object-fit:cover}.sfr-ava-img.is-blurred{filter:blur(6px);transform:scale(1.1)}
.sfr-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.seafarer-card.sfr h3{margin:0;font-size:18px;line-height:1.25;color:var(--navy);display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.sfr-top{font-size:11px;font-weight:800;padding:2px 8px;border-radius:10px;background:#fdf0d2;color:#7a5200}
.seafarer-card.sfr .own-badge{position:static;font-size:11px;padding:2px 8px;border-radius:10px}
.sfr-meta{font-size:14px;color:#557083}
.sfr-ready{font-size:13px;font-weight:700;color:#1b6e4b}
.sfr-trips{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:6px}
.sfr-lbl{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#557083}
.sfr-trip-row{display:flex;flex-wrap:wrap;gap:6px}
.sfr-trip{flex:1 1 120px;min-width:110px;max-width:220px;padding:8px 10px;border-radius:10px;background:#f1f6f9;display:flex;flex-direction:column;line-height:1.3}
.sfr-trip-sum{max-width:none}
.sfr-trip b{font-size:13px;color:#13293a}.sfr-trip span{font-size:12px;color:#557083}.sfr-trip em{font-style:normal;font-size:12px;color:#0b5c8c}
.sfr-side{flex:0 0 180px;display:flex;flex-direction:column;gap:8px;align-items:stretch}
.sfr-sal{text-align:right;line-height:1.25}.sfr-sal span{display:block;font-size:12px;color:#557083}.sfr-sal b{font-size:16px;color:#13293a}
.seafarer-card.sfr .sf-actions{flex-direction:column;gap:6px;margin:0}
.seafarer-card.sfr .seafarer-details-button{margin:0;padding:10px 14px;border:0;border-radius:10px;background:#0b5c8c;color:#fff;font-weight:700;font-size:14px}
.seafarer-card.sfr .cv-download-button{margin:0;padding:8px 12px;border-radius:10px;font-size:13px}
.seafarer-card.sfr .seafarer-expanded{flex:1 1 100%}
.seafarer-card.sfr p{text-align:left}
@media(max-width:760px){
  .seafarer-card.sfr{padding:16px;gap:14px}
  .sfr-who,.sfr-trips,.sfr-side{flex:1 1 100%}
  .sfr-sal{text-align:left;display:flex;gap:8px;align-items:baseline}
  .sfr-trip{max-width:none;flex:1 1 45%}
}

/* ===== Вакансии — вариант III: лента-таблица + переключатели флота ===== */
.vac-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.vac-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:0;border-radius:20px;background:#eef3f6;color:#13293a;font-size:14px;font-weight:500;cursor:pointer}
.vac-chip:hover{background:#e1eaf0}
.vac-chip.on{background:#082b42;color:#fff;font-weight:700}
.jr-dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:4px;background:#4f6b85}
.jr-dot.f-tanker{background:#2f6e8f}.jr-dot.f-gas{background:#5b55b0}.jr-dot.f-off{background:#2a8a7e}.jr-dot.f-pass{background:#b0602f}.jr-dot.f-merch{background:#4f6b85}
/* строка вакансии: слева должность + судно и вторая строка с посадкой, контрактом, компанией; справа зарплата и кнопка */
body[data-page="vacancies"] .container{width:min(1360px,calc(100% - 32px))}
#jobsContainer:has(.job-card.jr){border:1px solid #dde7ee;border-radius:14px;overflow:hidden;background:#fff}
.job-card.jr{margin:0;padding:0;border:0;border-top:1px solid #eef3f6;border-radius:0;box-shadow:none;background:#fff;text-align:left}
.job-card.jr:first-child{border-top:0}
.job-card.jr:hover{background:#fafcfd}
.job-card.jr.expanded{background:#f7fbfd;border-color:#eef3f6}
.job-card.jr .jr-row{display:grid;grid-template-columns:minmax(0,1fr) 170px 140px;gap:16px;align-items:center;padding:14px 18px}
.jr-main{min-width:0;display:flex;flex-direction:column;gap:5px}
.jr-line1{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.job-card.jr .job-title{margin:0;font-size:16px;line-height:1.3;color:var(--navy)}
.jr-vessel{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#13293a}
.jr-line1 .vacancy-expiry{font-size:11px}
.jr-meta{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13px;color:#557083;line-height:1.4}
.jr-m{display:inline-flex;align-items:center;gap:5px;min-width:0}
.jr-m b{font-weight:600;color:#7d93a3}
.jr-dur{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}
.jr-co a{color:#557083}.jr-co a:hover{color:var(--navy);text-decoration:underline}
.jr-co .job-co-logo{width:20px;height:20px;object-fit:contain;border-radius:4px;flex:none}
.jr-when{color:#9aabb6}
.jr-sal{text-align:right;font-weight:800;font-size:15px;color:#1b6e4b;line-height:1.3}.jr-sal.is-neg{color:#7d93a3;font-weight:700}
.jr-act{text-align:right}
.job-card.jr .vacancy-details-link{width:100%;padding:9px 14px;border:0;border-radius:8px;background:#0b5c8c;color:#fff;font-weight:700;font-size:13px;white-space:nowrap;cursor:pointer}
.job-card.jr.expanded .vacancy-details-link{background:#e3edf3;color:#0b5c8c}
.job-card.jr .job-details{margin:0 18px 16px;padding:16px;border-radius:12px;background:#fff;border:1px solid #e3edf3}
.job-card.jr.is-closed .job-title{color:#7c8f9b}
@media(max-width:760px){
  .job-card.jr .jr-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px}
  .jr-sal{text-align:right;align-self:start}
  .jr-act{grid-column:1/-1}
  .job-card.jr .vacancy-details-link{padding:11px}
  .jr-dur{max-width:100%}
  .job-card.jr,.job-card.jr p{text-align:left}
}


/* «Подать через Way At Sea» в окне «Отправить резюме» */
.am-was{margin:10px 0;padding:12px 14px;border-radius:12px;background:#eef6fb;border:1px solid #cfe3f1}
.am-was p{margin:0 0 6px}.am-was-hint{font-size:13px;color:#3d5a6c}
.am-was-send{color:#fff;background:var(--blue);margin-top:4px}
.am-was-no{color:#b42318;font-size:14px;font-weight:600}
.am-own-title{margin:10px 0 4px}

/* переписка с компанией (подача через Way At Sea) */
.was-thread{margin:8px 0;border:1px solid #cfe3ee;border-radius:10px;background:#fff;padding:8px 12px}
.was-thread>summary{cursor:pointer;font-weight:700;color:#0b5c8c}
.was-badge,.tab-badge{display:inline-block;min-width:18px;padding:1px 6px;border-radius:999px;background:#e5484d;color:#fff;font-size:12px;line-height:18px;text-align:center}
.was-msg{margin:10px 0;padding:10px 12px;border-radius:10px;background:#f3f7fa}
.was-msg.is-co{background:#eef6fb;border-left:4px solid #0b5c8c}.was-msg.is-me{background:#f1faf4;border-left:4px solid #1f9d55;margin-left:18px}
.was-msg.is-new{box-shadow:0 0 0 2px #ffd36b}
.was-msg-h{font-size:13px;color:#2d4a5e;margin-bottom:5px}.was-msg-h span{color:#7a8e9b}.was-new{color:#b45309}
.was-msg-t{white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.5;color:#17394d}
.was-msg-f{margin-top:6px;font-size:12px;color:#6b8190}
.was-empty{font-size:13px;color:#6b8190}
.was-answer textarea{width:100%;box-sizing:border-box;min-height:80px;padding:9px 11px;border:1px solid #cfdbe2;border-radius:10px;font:inherit;font-size:14px;margin-top:6px}
.was-answer-btn{margin-top:6px;color:#fff!important;background:#1f9d55!important}.was-answer-st{margin-left:10px;font-size:13px;color:#6b8190}
.was-banner{display:block;margin:0 0 14px;padding:12px 16px;border-radius:12px;background:#fff4cf;color:#7a5300;font-weight:700;text-decoration:none}

.am-tabs{display:flex;gap:6px;margin:4px 0 12px;background:#eef3f7;border-radius:12px;padding:4px}
.am-tab{flex:1;border:0;background:transparent;padding:10px 8px;border-radius:9px;font-weight:700;font-size:14px;color:#2d4a5e;cursor:pointer}
.am-tab.active{background:#fff;color:#0b5c8c;box-shadow:0 1px 6px rgba(8,43,66,.12)}
.am-was-lbl{display:block;margin:10px 0 6px;font-weight:700;color:#2d4a5e}
.am-was-preview{max-height:340px;overflow:auto;border:1px solid #d6e2ea;border-radius:10px;padding:12px 14px;background:#fff;font-size:13px}
.am-was-preview p{margin:0 0 9px}.am-was-preview table{font-size:13px}
.am-was-att{font-size:13px;color:#2d4a5e;margin:8px 0}
.am-was-vac{margin:0 0 8px;font-size:15px;color:#082b42}.am-was-vac span{display:block;font-size:13px;color:#6b8190;margin-top:2px}
.am-was-send{width:100%;margin-top:6px;padding:14px!important;font-size:16px!important}
.am-was-done{text-align:center;padding:10px 4px}.am-was-ok{font-size:46px}.am-was-done .am-cancel{margin-top:10px;background:#0b5c8c!important;color:#fff!important}
.was-msg.is-sys{background:#fff8e6;border-left:4px solid #d97706}
.cc-row-btns{white-space:nowrap}.cc-row-btns .button{margin:2px 4px 2px 0}.cc-vedit{background:#eef4f8!important;color:#0b5c8c!important}
.cc-edit-title{margin:0 0 4px;font-size:15px;color:#082b42}

/* Главная: «Живая статистика» под баннером */
.live-stats{position:relative;z-index:5;margin:-34px 0 10px}
.ls-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:16px;background:#fff;border-radius:18px;box-shadow:0 12px 32px rgba(8,43,66,.14)}
.ls-card{padding:12px 16px;border-radius:13px;background:#f4f8fb;min-width:0}
.ls-n{font-size:clamp(26px,3vw,36px);font-weight:800;line-height:1.1;color:#082b42;font-variant-numeric:tabular-nums;white-space:nowrap}
.ls-t{font-size:13px;color:#557083;margin-top:4px;line-height:1.3}
.ls-live{background:linear-gradient(135deg,#e7f9ef,#f3fcf7)}.ls-live .ls-n{color:#16884c}
.ls-hot{background:#fff6ec}.ls-hot .ls-n{color:#d9822b}
.ls-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:#16884c;letter-spacing:1px;margin-bottom:2px}
.ls-dot{width:9px;height:9px;border-radius:50%;background:#2fd17a;animation:onlinePulse 2s infinite}
@media(max-width:800px){.live-stats{margin:-24px 0 6px}.ls-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}.ls-card{padding:10px 12px}.ls-t{font-size:12px}}
.live-stats.ls-flat{margin:16px 0 6px}