@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#050709;--panel:#0c1114;--panel2:#11171b;--line:#273039;--text:#f3f4f5;--muted:#9ba5ad;--red:#f02727;--red2:#9c1717;--gold:#e7b84c;--green:#23a76b;--blue:#176fe5;--chip:#151d22}*{box-sizing:border-box}html,body{margin:0;background:#030506;color:var(--text);font:18px/1.5 Inter,Segoe UI,Arial,sans-serif}body{background:radial-gradient(circle at 50% 18%,#171b1d 0,#080b0d 40%,#020304 80%);min-height:100vh}.page-shell{min-height:100vh}.hero-banner{height:min(11.9617vw,230px);min-height:140px;background:#080909 url('banner-clean.jpg') center center/100% 100% no-repeat;border-bottom:2px solid #191919;position:relative}.hero-banner:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,transparent,#ff2222 20%,#ff2222 80%,transparent);box-shadow:0 0 18px #ff2222}.hero-banner-inner{height:100%;max-width:1540px;margin:auto;position:relative}.hero-title{position:absolute;left:19%;top:18%;text-shadow:0 2px 12px #000}.hero-title h1{margin:0;font:900 42px 'Barlow Condensed';letter-spacing:.04em;color:#f2c65a;text-transform:uppercase}.hero-title p{margin:2px 0 0;font-size:18px;color:#f0e4ce}.online-pill{position:absolute;right:22px;top:18%;border:1px solid #394048;background:#0b0e11e8;border-radius:20px;padding:10px 14px;font-size:13px;color:#cfd5d9;letter-spacing:.02em}.online-pill i{display:inline-block;width:6px;height:6px;background:#38b878;border-radius:50%;margin-right:6px}.application-layout{max-width:1540px;margin:0 auto;padding:0 16px 22px;display:grid;grid-template-columns:minmax(0,1fr) 500px;gap:12px}.workspace{min-width:0}.steps{height:82px;display:grid;grid-template-columns:.8fr 1.35fr 1fr;margin:0 0 10px;background:#080c0f;border-bottom:1px solid #3a3f45}.step{position:relative;border:0;border-right:1px solid #262c31;background:linear-gradient(90deg,#0d1317,#11181d);color:#b7bdc4;display:flex;align-items:center;gap:15px;padding:12px 34px 12px 48px;text-align:left;cursor:pointer;overflow:visible}.step:after{content:"";position:absolute;right:-26px;top:0;border-top:41px solid transparent;border-bottom:41px solid transparent;border-left:26px solid #11181d;z-index:3}.step:before{content:"";position:absolute;left:0;top:0;border-top:41px solid transparent;border-bottom:41px solid transparent;border-left:26px solid #050709;z-index:2}.step:last-child:after{display:none}.step b{width:39px;height:39px;border:1px solid #65707a;border-radius:50%;display:grid;place-items:center;font:700 25px 'Barlow Condensed';flex:none}.step strong{display:block;font:800 23px 'Barlow Condensed';letter-spacing:.02em;color:#e9ecef}.step small{display:block;color:#a0a7ae;font-size:15px}.step.active{background:linear-gradient(90deg,#671315,#f11e24 70%,#b40e14);color:#fff;z-index:4}.step.active:after{border-left-color:#f11e24}.step.active b{border-color:#fff;background:#d92227;color:#fff}.step.active strong{color:#fff}.form-step{display:none}.form-step.active{display:block}.cards-grid{display:grid;gap:7px}.cards-grid.two{grid-template-columns:1.2fr .9fr}.card{background:linear-gradient(145deg,#11171b,#0b1013);border:1px solid #2b353c;border-radius:7px;box-shadow:inset 0 1px #ffffff06,0 8px 30px #0008;padding:18px}.full-span{grid-column:1/-1}.card-title{display:flex;align-items:flex-start;gap:13px;border-bottom:1px solid #263039;padding-bottom:11px;margin-bottom:14px}.card-title .icon{font-size:20px;color:#ff3434;font-weight:900;min-width:26px;text-align:center}.card-title h2{font:800 25px 'Barlow Condensed',Arial Narrow,sans-serif;margin:0;letter-spacing:.02em}.card-title p{margin:3px 0 0;color:#a2aab2;font-size:14px}.field-grid{display:grid;gap:14px}.field-grid.two{grid-template-columns:1fr 1fr}label{font-size:16px;font-weight:700;color:#e5e8ea}label em{color:#ff4c4c;font-style:normal}input,textarea,select{width:100%;margin-top:7px;border:1px solid #3a454e;background:#0b1014;color:#f7f8f8;border-radius:5px;padding:12px 13px;font:16px Inter,Arial;outline:none}input:focus,textarea:focus,select:focus{border-color:#e33a3f;box-shadow:0 0 0 2px #e33a3f22}input:disabled{opacity:.6}textarea{min-height:105px;resize:vertical}label small{display:block;color:#69747d;font-weight:400;font-size:11px;margin-top:5px}.sub-title{font:800 21px 'Barlow Condensed';letter-spacing:.08em;margin:14px 0 9px;color:#f2f4f5}.chips{display:flex;flex-wrap:wrap;gap:5px}.chip{border:1px solid #3b4750;background:#151d22;color:#dce1e4;border-radius:4px;padding:8px 12px;cursor:pointer;font-weight:700;font-size:14px}.chip.selected{background:linear-gradient(#c72125,#7e171a);border-color:#ff4141;color:#fff;box-shadow:0 0 10px #ff1d1d33}.chip.selected.tier{background:linear-gradient(#c92529,#6f1719);border-color:#ff3636}.class-list{display:grid;gap:3px}.class-item{display:flex;align-items:center;gap:10px;border:1px solid #202a31;background:#0c1216;padding:8px;border-radius:4px;cursor:pointer}.class-item.selected{border-color:#db3035;background:#15171a}.class-item input{display:none}.check{width:22px;height:22px;border:1px solid #74808a;border-radius:4px;display:grid;place-items:center;color:transparent;font-weight:900}.class-item.selected .check{background:#ed3033;border-color:#ff4c4c;color:#fff}.class-art{width:80px;height:35px;object-fit:cover;object-position:center;border-radius:3px;opacity:.75}.class-name{font:600 14px 'Barlow Condensed';flex:1}.specialty-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.specialty{border:1px solid #263139;background:#10171b;padding:9px;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px}.specialty.selected{border-color:#d82b31;background:#151a1d}.specialty .dot{width:18px;height:18px;border:1px solid #6d7880;border-radius:4px;display:grid;place-items:center;color:transparent}.specialty.selected .dot{background:#e92d31;border-color:#ff4a4a;color:#fff}.tank-row{display:grid;grid-template-columns:112px 72px 1fr 36px;gap:6px;margin-bottom:6px}.tank-row select,.tank-row input{margin:0}.tank-row select{padding:9px}.remove-tank{border:1px solid #9d2527;background:#511519;color:#fff;border-radius:4px;cursor:pointer}.ghost{margin-top:3px;border:1px solid #39464f;background:#121a1f;color:#d9dee1;padding:8px 14px;border-radius:4px;cursor:pointer}.text-card textarea{margin-top:0}.step-actions{display:flex;justify-content:space-between;gap:10px;margin-top:8px}.primary,.secondary,.submit{border:1px solid transparent;border-radius:4px;padding:11px 20px;font:800 14px 'Barlow Condensed';letter-spacing:.03em;cursor:pointer}.primary{background:linear-gradient(#ef282b,#a91519);color:#fff;border-color:#ff4a4a}.secondary{background:#2a3238;color:#e2e5e7;border-color:#46515a}.submit{background:linear-gradient(#19a967,#087944);color:#fff;border-color:#42d08c}.preview-column{background:linear-gradient(160deg,#0d1519,#080d10);border:1px solid #2c373e;border-radius:8px;box-shadow:0 0 30px #000b;overflow:hidden;align-self:start;margin-top:8px}.preview-top{display:flex;gap:10px;align-items:center;padding:14px 16px;border-bottom:1px solid #3a2527;background:linear-gradient(90deg,#0b1115,#10171b)}.preview-top .eye{color:#ff3034;font-size:22px}.preview-top h2{font:800 23px 'Barlow Condensed';margin:0}.preview-top p{font-size:14px;color:#9fa8ae;margin:2px 0 0}.profile-preview{margin:8px;border:1px solid #8d2629;border-radius:7px;padding:10px;background:linear-gradient(145deg,#182126,#0b1013);display:flex;gap:10px;align-items:center;position:relative;box-shadow:0 0 18px #d51f2622}.profile-preview img{width:105px;height:105px;object-fit:cover;border-radius:7px;border:1px solid #a83535}.profile-main{display:flex;flex-direction:column;gap:3px;min-width:0}.profile-main strong{font:800 23px 'Barlow Condensed'}.profile-main span{font-size:13px;color:#aeb6bb}.profile-main b{color:#5ea6ff}.pending{margin-left:auto;align-self:flex-start;background:#f2b719;color:#111;padding:7px 10px;border-radius:4px;font-size:12px;font-weight:900;white-space:nowrap}.candidate-meta{padding:0 14px 7px;text-align:right;font-size:9px;color:#7f8990}.preview-section{padding:9px 12px;border-top:1px solid #202a30}.preview-section h3{font:800 21px 'Barlow Condensed';letter-spacing:.06em;margin:0 0 8px;color:#f0f2f3}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.stats div{background:#12191e;border:1px solid #334049;border-radius:5px;padding:10px}.stats b{display:block;font:800 21px 'Barlow Condensed'}.stats span{font-size:12px;color:#87939c;letter-spacing:.12em}.tier-preview{display:flex;gap:4px;flex-wrap:wrap}.tier-preview span{padding:8px 12px;border-radius:4px;background:#0f1d17;border:1px solid #1e8c5d;color:#9fe7bf;font-weight:800;font-size:14px}.tag-list{display:flex;flex-wrap:wrap;gap:5px}.tag-list span{padding:6px 9px;border-radius:4px;background:#9f2327;border:1px solid #dc4245;font-size:14px}.tag-list.green span{background:#116d46;border-color:#1a9c67}.tank-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.tank-mini{background:#10171b;border:1px solid #303a41;border-radius:4px;overflow:hidden}.tank-mini img{width:100%;height:45px;object-fit:cover}.tank-mini b{display:block;font-size:10px;padding:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-section p{margin:0;color:#cbd0d3;font-size:15px;white-space:pre-wrap;line-height:1.4}.preview-actions{display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;gap:6px;padding:10px;border-top:1px solid #263139}.preview-actions button{border:1px solid;border-radius:5px;padding:9px 7px;color:#fff;font-weight:800;font-size:12px;cursor:pointer}.accept{background:#079447;border-color:#27c477}.interview{background:#1264d1;border-color:#2d82f1}.refuse{background:#b31e24;border-color:#ef4448}.more{background:#172026;border-color:#53606a}.toast{position:fixed;right:22px;bottom:22px;padding:15px 18px;border:1px solid #397d55;background:#102217;color:#c9f0d5;box-shadow:0 15px 40px #0009}.hidden{display:none!important}@media(max-width:1180px){.application-layout{grid-template-columns:1fr}.preview-column{margin-top:0}.preview-column{position:static}.cards-grid.two{grid-template-columns:1fr 1fr}}@media(max-width:760px){.hero-banner{height:125px;min-height:125px;background-size:auto 125px;background-position:center center}.hero-title{left:18px;top:18px}.hero-title h1{font-size:25px}.hero-title p{font-size:12px}.online-pill{top:12px;right:12px}.application-layout{padding:0 8px}.steps{height:auto;grid-template-columns:1fr}.step{min-height:56px;padding-left:20px}.step:after,.step:before{display:none}.cards-grid.two{grid-template-columns:1fr}.full-span{grid-column:auto}.field-grid.two{grid-template-columns:1fr}.specialty-grid{grid-template-columns:1fr}.preview-actions{grid-template-columns:1fr 1fr}.tank-preview{grid-template-columns:repeat(3,1fr)}}

.wot-search{display:flex;gap:8px}.wot-search input{flex:1}.wot-search button{border:1px solid #e33a3a;background:#8f1519;color:#fff;padding:0 16px;border-radius:4px;font-weight:800;cursor:pointer;white-space:nowrap}.wot-search button:disabled{opacity:.6;cursor:wait}.api-notice{margin-top:10px;padding:10px;border:1px solid #684a17;background:#20190c;color:#e9cc83;border-radius:4px}.api-notice.hidden{display:none}.tank-mini small{display:block;padding:0 4px 5px;color:#8fa0aa;font-size:9px}.profile-preview img{object-fit:cover;object-position:center}.profile-preview.verified{border-color:#1d9b60}.readonly{opacity:.75}.field-grid input[readonly]{border-color:#303b44;background:#0c1115;color:#d8e1e7}

/* ===== LTF-1 PREMIUM UI PATCH V3.7 ===== */
:root{
  --ltf-red:#ff252d;
  --ltf-red-dark:#7d1015;
  --ltf-gold:#f1c45b;
  --ltf-steel:#26333b;
}

/* Main action buttons: tactical / premium instead of generic browser-like buttons */
.primary,.secondary,.submit,.ghost,.wot-search button,
.preview-actions button,.remove-tank{
  position:relative;
  isolation:isolate;
  border-radius:3px;
  min-height:42px;
  padding:11px 18px;
  text-transform:uppercase;
  letter-spacing:.07em;
  font:800 15px/1 'Barlow Condensed',Arial Narrow,sans-serif;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16), inset 0 -2px 0 rgba(0,0,0,.32), 0 4px 14px rgba(0,0,0,.42);
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.primary:before,.secondary:before,.submit:before,
.preview-actions button:before,.wot-search button:before{
  content:"";position:absolute;inset:1px;z-index:-1;border:1px solid rgba(255,255,255,.08);pointer-events:none;
}
.primary:after,.submit:after,.preview-actions button:after,.wot-search button:after{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:rgba(255,255,255,.35);box-shadow:0 0 10px rgba(255,255,255,.15);pointer-events:none;
}
.primary:hover,.secondary:hover,.submit:hover,.ghost:hover,
.preview-actions button:hover,.wot-search button:hover,.remove-tank:hover{
  transform:translateY(-1px);
  filter:brightness(1.13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -2px 0 rgba(0,0,0,.28),0 7px 20px rgba(0,0,0,.52),0 0 14px rgba(255,35,42,.16);
}
.primary:active,.secondary:active,.submit:active,.preview-actions button:active,.wot-search button:active{transform:translateY(1px)}
.primary{background:linear-gradient(180deg,#ff3a3f 0%,#d31920 48%,#8e1016 100%);border-color:#ff6266}
.secondary{background:linear-gradient(180deg,#34414a 0%,#202a31 55%,#151d22 100%);border-color:#65747e}
.submit{background:linear-gradient(180deg,#27c77a 0%,#0c9555 52%,#076b3e 100%);border-color:#55e39a}
.ghost{background:linear-gradient(180deg,#202c33,#10171c);border-color:#53616b;color:#e7ecef}
.wot-search button{background:linear-gradient(180deg,#ff3b40,#b51219 55%,#731015);border-color:#ff5c61;padding-inline:20px}
.remove-tank{background:linear-gradient(180deg,#9f1b21,#4e0e13);border-color:#d83b41}

/* Preview action bar */
.preview-actions{gap:8px;padding:12px;background:linear-gradient(180deg,#0b1014,#070a0d);border-top:1px solid #35414a}
.preview-actions button{min-height:46px;padding:10px 8px;font-size:13px;text-shadow:0 1px 2px #000}
.accept{background:linear-gradient(180deg,#1dcc78,#07884d 55%,#045c35);border-color:#35df8d}
.interview{background:linear-gradient(180deg,#2784f2,#1761c4 55%,#0e438c);border-color:#5aa4ff}
.refuse{background:linear-gradient(180deg,#ef3b40,#b41d25 55%,#781117);border-color:#ff6569}
.more{background:linear-gradient(180deg,#334049,#202b32 55%,#131b20);border-color:#667681}

/* Larger, more important candidate avatar */
.profile-preview{margin:10px;border-radius:8px;padding:12px;gap:14px;min-height:138px;border-color:#a62a2e;background:linear-gradient(145deg,#1b252b 0%,#10171c 55%,#090e11 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 22px rgba(214,31,38,.18)}
.profile-preview img{width:128px;height:128px;min-width:128px;border-radius:8px;border:2px solid #b43a3e;box-shadow:0 0 0 2px #0b0f12,0 0 18px rgba(255,35,42,.25);object-fit:cover}
.profile-main{gap:4px}
.profile-main strong{font-size:27px;line-height:1}
.profile-main span{font-size:14px}
.pending{padding:8px 11px;font-size:12px;border:1px solid #ffd65a;box-shadow:0 0 12px rgba(242,183,25,.12)}

/* Make the preview feel like a dossier rather than a plain card */
.preview-section{padding:11px 13px}
.preview-section h3{font-size:22px;margin-bottom:9px;text-shadow:0 1px 7px #000}
.stats div{padding:11px;background:linear-gradient(145deg,#151e24,#0d1317);border-color:#3b4a54;box-shadow:inset 0 1px rgba(255,255,255,.035)}
.stats b{font-size:23px}
.tier-preview span,.tag-list span{box-shadow:inset 0 1px rgba(255,255,255,.08),0 2px 7px rgba(0,0,0,.25)}

/* Stronger continue / submit controls */
.step-actions .primary,.step-actions .submit,.step-actions .secondary{min-width:150px}

@media(max-width:760px){
  .profile-preview{min-height:112px;padding:9px;gap:10px}
  .profile-preview img{width:96px;height:96px;min-width:96px}
  .profile-main strong{font-size:22px}
  .profile-main span{font-size:12px}
  .pending{font-size:10px;padding:6px 7px}
  .preview-actions button{min-height:44px;font-size:12px}
}

/* ===== LTF-1 V4.1 — FINAL PREMIUM POLISH ===== */
.hero-banner{height:auto;min-height:0;background:#07090b;overflow:hidden}
.hero-banner-image{display:block;width:100%;height:auto;max-width:none;object-fit:fill}
.hero-banner-inner{position:absolute;inset:0;height:100%;max-width:none;pointer-events:none}
.hero-title,.online-pill{pointer-events:auto}

/* Full banner: never crop the supplied 1672x200 artwork. */
@media(max-width:760px){
  .hero-banner{height:auto;min-height:0}
  .hero-banner-image{width:100%;height:auto;object-fit:fill}
  .hero-title{left:18px;top:12%}
  .hero-title h1{font-size:24px}
  .hero-title p{font-size:11px}
  .online-pill{top:10%;right:10px;padding:6px 9px;font-size:10px}
}

/* Candidate avatar / emblem: deliberately dominant in the recruiter dossier. */
.profile-preview{min-height:178px;padding:14px;gap:16px;margin:10px;border-color:#c23439;background:linear-gradient(145deg,#202b32 0%,#11191e 52%,#080d10 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 24px rgba(255,32,39,.18)}
.avatar-frame{position:relative;flex:0 0 158px;width:158px;height:158px;padding:3px;border:1px solid #d04a4f;background:linear-gradient(145deg,#5c1519,#161b20 45%,#68171b);box-shadow:0 0 0 2px #080b0e,0 0 22px rgba(255,39,45,.25),inset 0 0 14px rgba(255,255,255,.06);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
.avatar-frame img{display:block;width:100%;height:100%;border:0!important;border-radius:4px!important;object-fit:cover;box-shadow:none!important;background:#090d10}
.avatar-corner{position:absolute;width:16px;height:16px;z-index:3;border-color:#f2c75a}
.avatar-corner.tl{left:-1px;top:-1px;border-left:2px solid;border-top:2px solid}
.avatar-corner.br{right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid}
.profile-main strong{font-size:30px;line-height:1.05;text-shadow:0 2px 8px #000}
.profile-main span{font-size:14px}
.pending{position:absolute;right:12px;top:12px;padding:8px 12px;font-size:12px;letter-spacing:.04em}

/* Tactical buttons — no generic browser look. */
.tactical-btn,.preview-actions button,.verify-btn,.ghost,.remove-tank{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:2px!important;text-transform:uppercase;letter-spacing:.08em;font-family:'Barlow Condensed',Arial Narrow,sans-serif;font-weight:900;overflow:hidden;isolation:isolate;box-shadow:inset 0 1px rgba(255,255,255,.2),inset 0 -3px rgba(0,0,0,.3),0 5px 16px rgba(0,0,0,.45);transition:.16s ease}
.tactical-btn:before,.preview-actions button:before{content:"";position:absolute;inset:1px;border:1px solid rgba(255,255,255,.12);pointer-events:none;z-index:-1}
.tactical-btn:after,.preview-actions button:after{content:"";position:absolute;right:-1px;top:0;width:18px;height:100%;background:linear-gradient(135deg,transparent 0 46%,rgba(255,255,255,.13) 47% 52%,transparent 53%);pointer-events:none}
.tactical-btn:hover,.preview-actions button:hover,.verify-btn:hover{transform:translateY(-2px);filter:brightness(1.12);box-shadow:inset 0 1px rgba(255,255,255,.25),inset 0 -3px rgba(0,0,0,.3),0 9px 24px rgba(0,0,0,.55),0 0 18px rgba(255,35,42,.18)}
.tactical-btn:active,.preview-actions button:active{transform:translateY(1px)}
.tactical-btn b{font-size:20px;line-height:1}
.btn-icon{font-size:17px;color:#ffd96c}
.primary.tactical-btn,.verify-btn{background:linear-gradient(180deg,#ff454b 0%,#d41d25 48%,#781016 100%)!important;border:1px solid #ff696d!important;color:#fff!important}
.secondary.tactical-btn{background:linear-gradient(180deg,#3a4852,#202b32 52%,#11181d)!important;border:1px solid #6b7a85!important;color:#f0f3f4!important}
.submit-btn{min-height:52px!important;min-width:260px;padding:13px 22px!important;background:linear-gradient(180deg,#30d483 0%,#0b9d58 48%,#056c3d 100%)!important;border:1px solid #64efa8!important;color:#fff!important}
.verify-btn{min-height:45px!important;padding:10px 17px!important;font-size:15px!important}
.step-actions .tactical-btn{min-height:48px}

/* Recruiter action bar. */
.preview-actions{gap:8px;padding:12px;background:linear-gradient(180deg,#0b1014,#05080a);border-top:1px solid #39464e}
.preview-actions button{min-height:52px;padding:9px 7px!important;color:#fff!important;font-size:13px!important;text-shadow:0 2px 3px #000}
.preview-actions button span{font-size:17px;line-height:1}
.accept{background:linear-gradient(180deg,#26d37f,#0a984f 55%,#05683a)!important;border-color:#53eaa0!important}
.interview{background:linear-gradient(180deg,#398ff8,#1769d0 55%,#0d448e)!important;border-color:#72b3ff!important}
.refuse{background:linear-gradient(180deg,#f04449,#b71d25 55%,#741117)!important;border-color:#ff7175!important}
.more{background:linear-gradient(180deg,#3a4851,#202b32 55%,#12191e)!important;border-color:#71808a!important}

/* WN8 grade and calculated secondary statistics. */
.stats .wn8-stat{position:relative;overflow:hidden}
.stats .wn8-stat small{display:block;margin-top:3px;font-size:9px;font-weight:900;letter-spacing:.06em;color:#9ba6ad}
.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:6px}
.stat-strip span{display:block;padding:7px 6px;border:1px solid #2e3a42;background:#0d1418;border-radius:4px;color:#82909a;font-size:9px;text-align:center;letter-spacing:.04em}
.stat-strip b{color:#e9edf0;font-size:12px}

/* Make the first verification card feel like a command console. */
.wot-search{align-items:stretch}
.wot-search input{min-width:0}

@media(max-width:1180px){
  .profile-preview{min-height:170px}
  .avatar-frame{flex-basis:145px;width:145px;height:145px}
}
@media(max-width:760px){
  .profile-preview{min-height:0;padding:10px;gap:11px}
  .avatar-frame{flex-basis:108px;width:108px;height:108px}
  .profile-main strong{font-size:23px}
  .profile-main span{font-size:11px}
  .pending{top:8px;right:8px;font-size:9px;padding:5px 7px}
  .preview-actions{grid-template-columns:1fr 1fr}
  .preview-actions button{min-height:48px}
  .stat-strip{grid-template-columns:1fr}
  .submit-btn{min-width:0;width:100%}
}

/* ===== LTF-1 V4.2 — LARGE READABLE UI + TANK LIGHTBOX ===== */
html,body{font-size:19px}
.card{padding:20px}
.card-title{gap:15px;padding-bottom:13px;margin-bottom:16px}
.card-title h2{font-size:28px}
.card-title p{font-size:16px}
label{font-size:18px}
input,textarea,select{font-size:17px;padding:13px 14px}
label small{font-size:12px}
.sub-title{font-size:23px}
.chip{font-size:16px;padding:9px 14px}
.class-item{padding:10px}
.class-name{font-size:16px}
.class-art{width:105px;height:48px}
.specialty{font-size:16px;padding:11px}
.specialty .dot{width:21px;height:21px}
.tank-row{grid-template-columns:125px 78px 1fr 42px;gap:8px;margin-bottom:8px}
.tank-row select,.tank-row input{font-size:16px}
.ghost{font-size:15px;padding:10px 16px}
.step strong{font-size:25px}
.step small{font-size:16px}
.preview-column{width:100%}
.preview-top{padding:16px 18px}
.preview-top h2{font-size:26px}
.preview-top p{font-size:15px}
.profile-preview{min-height:214px;padding:18px;gap:20px;margin:12px}
.avatar-frame{flex:0 0 184px;width:184px;height:184px}
.profile-main{gap:5px}
.profile-main strong{font-size:34px}
.profile-main span{font-size:16px}
.pending{font-size:13px;padding:9px 13px}
.preview-section{padding:13px 15px}
.preview-section h3{font-size:24px;margin-bottom:10px}
.stats{gap:8px}
.stats div{padding:12px}
.stats b{font-size:24px}
.stats span{font-size:13px}
.stat-strip span{font-size:11px;padding:9px 7px}
.stat-strip b{font-size:13px}
.tier-preview{gap:5px}
.tier-preview span{font-size:15px;padding:8px 13px}
.tag-list{gap:6px}
.tag-list span{font-size:15px;padding:7px 10px}
/* The tank gallery is intentionally larger and clickable. */
.tank-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tank-mini{position:relative;cursor:zoom-in;min-width:0;box-shadow:inset 0 1px rgba(255,255,255,.05),0 5px 12px #0008;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.tank-mini:hover{transform:translateY(-2px);border-color:#d43b40;box-shadow:0 8px 20px #000a,0 0 12px #f0272730}
.tank-mini img{width:100%;height:105px;object-fit:cover;object-position:center}
.tank-mini:after{content:'⌕ AGRANDIR';position:absolute;right:6px;top:6px;padding:4px 6px;background:#05080bcc;border:1px solid #d8a83d;color:#f6d77a;border-radius:3px;font:800 10px 'Barlow Condensed';letter-spacing:.05em;opacity:.95}
.tank-mini b{font-size:14px;padding:7px 8px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tank-mini small{font-size:11px;padding:1px 8px 8px}
.preview-section p{font-size:16px;line-height:1.5}
.preview-actions{gap:9px;padding:13px}
.preview-actions button{min-height:58px;font-size:14px!important;padding:10px 8px!important}
.preview-actions button span{font-size:19px}
.submit-btn{min-height:58px!important;min-width:300px;font-size:16px!important}
.step-actions .tactical-btn{min-height:54px;font-size:16px}
.verify-btn{min-height:50px!important;font-size:16px!important}

/* Full-screen tank viewer: click any tank image to inspect it. */
.tank-lightbox{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:30px;background:rgba(0,0,0,.86);backdrop-filter:blur(5px)}
.tank-lightbox.open{display:flex}
.tank-lightbox-panel{position:relative;width:min(1000px,92vw);max-height:92vh;padding:14px;background:linear-gradient(145deg,#1b242a,#090d10);border:1px solid #b83238;box-shadow:0 0 0 1px #e7b84c33,0 25px 80px #000;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}
.tank-lightbox-image{display:block;width:100%;max-height:78vh;object-fit:contain;background:#050708;border:1px solid #3a454c}
.tank-lightbox-title{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 3px 2px;color:#fff}
.tank-lightbox-title strong{font:900 26px 'Barlow Condensed';letter-spacing:.04em;text-transform:uppercase}
.tank-lightbox-title span{font-size:13px;color:#aeb8bf}
.tank-lightbox-close{position:absolute;right:10px;top:10px;width:42px;height:42px;border:1px solid #ff6065;background:#74151a;color:#fff;font:900 24px Arial;cursor:pointer;z-index:2;box-shadow:0 4px 15px #0008}
.tank-lightbox-close:hover{background:#bd2229}

@media(max-width:1180px){
  .profile-preview{min-height:200px}
  .avatar-frame{flex-basis:168px;width:168px;height:168px}
}
@media(max-width:760px){
  html,body{font-size:17px}
  .card{padding:15px}
  .card-title h2{font-size:24px}
  .card-title p{font-size:14px}
  label{font-size:16px}
  input,textarea,select{font-size:16px}
  .profile-preview{min-height:0;padding:12px;gap:12px}
  .avatar-frame{flex-basis:125px;width:125px;height:125px}
  .profile-main strong{font-size:26px}
  .profile-main span{font-size:12px}
  .pending{font-size:10px;padding:6px 8px}
  .tank-preview{grid-template-columns:1fr 1fr}
  .tank-mini img{height:90px}
  .tank-mini b{font-size:12px}
  .tank-mini small{font-size:10px}
  .preview-section h3{font-size:21px}
  .preview-section p{font-size:14px}
  .submit-btn{min-width:0;width:100%}
}

.section-hint{font:600 12px Inter,Arial;color:#7f8c95;letter-spacing:0;text-transform:none;margin-left:8px}

/* ===== LTF-1 V4.3 — FINAL VISUAL OVERHAUL ===== */
/* Full supplied banner: never crop, stretch or hide its artwork. */
.hero-banner{height:auto!important;min-height:0!important;aspect-ratio:1672/200;background:#050607!important;overflow:hidden!important}
.hero-banner-image{display:block!important;width:100%!important;height:100%!important;object-fit:fill!important;object-position:center!important}
.hero-banner-inner{display:none!important}

/* Real WoT class cards: readable and based on the candidate's actual vehicles. */
.class-list{gap:7px!important}
.class-item{min-height:78px!important;padding:8px 10px!important;display:grid!important;grid-template-columns:28px minmax(0,1fr) 145px!important;align-items:center!important;gap:10px!important;background:linear-gradient(145deg,#11191e,#090e12)!important;border:1px solid #29343c!important;transition:.16s ease!important}
.class-item:hover{border-color:#b52d32!important;transform:translateX(2px)!important;box-shadow:0 5px 18px #0008!important}
.class-item.selected{border-color:#e43b40!important;background:linear-gradient(145deg,#1b1719,#0d1216)!important;box-shadow:inset 0 0 0 1px #ff363633,0 5px 18px #0008!important}
.class-item .check{width:25px!important;height:25px!important;font-size:15px!important}
.class-copy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important}
.class-copy strong{font:900 18px 'Barlow Condensed',Arial Narrow,sans-serif!important;color:#f4f6f7!important;letter-spacing:.02em!important;text-transform:uppercase!important}
.class-copy small{font:600 12px Inter,Arial,sans-serif!important;color:#9da8b0!important;line-height:1.3!important;white-space:normal!important}
.class-art{width:145px!important;height:62px!important;object-fit:contain!important;object-position:center!important;background:#070a0c!important;border:1px solid #303b43!important;border-radius:3px!important;opacity:1!important;padding:2px!important}

/* Best-tank cards: use actual vehicle art without cropping it. */
.tank-mini{border:1px solid #3b464e!important;background:linear-gradient(145deg,#131b20,#080c0f)!important}
.tank-mini img{height:130px!important;object-fit:contain!important;object-position:center!important;background:radial-gradient(circle at 50% 50%,#20292f 0,#0b1013 72%)!important;padding:6px!important}
.tank-mini b{font-size:16px!important;color:#fff!important}
.tank-mini small{font-size:12px!important;color:#aeb8bf!important}
.tank-mini:after{font-size:11px!important;padding:5px 7px!important}

/* Much larger recruiter avatar. */
.profile-preview{min-height:230px!important;padding:16px!important;gap:20px!important}
.avatar-frame{flex:0 0 205px!important;width:205px!important;height:205px!important}
.profile-main strong{font-size:38px!important}
.profile-main span{font-size:17px!important}
.pending{font-size:14px!important;padding:10px 14px!important}

/* Real tactical controls: angular military silhouette, not generic rectangles. */
.tactical-btn,.preview-actions button,.verify-btn,.ghost,.remove-tank{border-radius:0!important;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px))!important}
.tactical-btn,.preview-actions button{font-size:15px!important;min-height:58px!important;position:relative!important;border-width:1px!important}
.tactical-btn:before,.preview-actions button:before{inset:4px!important;border:1px solid rgba(255,255,255,.18)!important;clip-path:inherit}
.tactical-btn:after,.preview-actions button:after{width:32px!important;background:linear-gradient(135deg,transparent 0 44%,rgba(255,255,255,.22) 45% 50%,transparent 51%)!important}
.preview-actions{grid-template-columns:1fr 1fr 1fr 1.25fr!important;gap:7px!important;padding:14px!important;background:linear-gradient(180deg,#090d10,#030506)!important}
.preview-actions button{letter-spacing:.1em!important;text-shadow:0 2px 4px #000!important;box-shadow:inset 0 2px rgba(255,255,255,.22),inset 0 -5px rgba(0,0,0,.32),0 7px 20px #000b!important}
.preview-actions button:hover{transform:translateY(-3px)!important;filter:brightness(1.18)!important}
.preview-actions button span{font-size:20px!important;color:#fff!important}
.accept{background:linear-gradient(180deg,#38e08d,#0b9b56 55%,#045c35)!important}
.interview{background:linear-gradient(180deg,#4a9fff,#1769d3 55%,#0b3d83)!important}
.refuse{background:linear-gradient(180deg,#ff555a,#bd1d25 55%,#6e0e13)!important}
.more{background:linear-gradient(180deg,#566570,#28353d 55%,#12191e)!important}
.submit-btn{min-height:64px!important;min-width:340px!important;font-size:18px!important;background:linear-gradient(180deg,#4beba1,#0ba55d 50%,#045b34)!important}
.verify-btn{min-height:58px!important;font-size:17px!important}
.step-actions .tactical-btn{min-height:58px!important;font-size:17px!important}

/* Larger tank lightbox. */
.tank-lightbox-panel{width:min(1200px,94vw)!important}
.tank-lightbox-image{max-height:80vh!important}

@media(max-width:1180px){
 .profile-preview{min-height:210px!important}
 .avatar-frame{flex-basis:180px!important;width:180px!important;height:180px!important}
 .class-item{grid-template-columns:26px minmax(0,1fr) 120px!important}
 .class-art{width:120px!important;height:55px!important}
}
@media(max-width:760px){
 .hero-banner{aspect-ratio:1672/200!important}
 .profile-preview{min-height:0!important;padding:12px!important;gap:12px!important}
 .avatar-frame{flex-basis:135px!important;width:135px!important;height:135px!important}
 .profile-main strong{font-size:27px!important}
 .profile-main span{font-size:12px!important}
 .class-item{grid-template-columns:25px minmax(0,1fr) 90px!important;min-height:65px!important}
 .class-art{width:90px!important;height:48px!important}
 .class-copy strong{font-size:16px!important}
 .class-copy small{font-size:10px!important}
 .tank-mini img{height:105px!important}
 .preview-actions{grid-template-columns:1fr 1fr!important}
 .submit-btn{min-width:0!important;width:100%!important}
}

/* V4.4 — Recruitment clarity / real vehicle imagery */
.class-list{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
.class-item{position:relative!important;width:100%!important;min-height:96px!important;padding:12px 14px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 210px 62px!important;align-items:center!important;gap:12px!important;text-align:left!important;cursor:pointer!important;color:#fff!important;font:inherit!important}
.class-item .check-box{width:28px;height:28px;border:2px solid #66727a;background:#080d10;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;color:#fff}
.class-item.selected .check-box{background:linear-gradient(180deg,#ff4a50,#a60f16);border-color:#ff7377;box-shadow:0 0 12px #f0272744}
.class-copy{min-width:0;display:block!important}.class-copy strong{display:block!important;font-size:18px!important;line-height:1.05!important}.class-copy small{display:block!important;margin-top:6px!important;font-size:13px!important;line-height:1.25!important;color:#aeb8bf!important}.class-copy small b{color:#fff!important}
.class-art{width:210px!important;height:76px!important;object-fit:contain!important;background:#060a0d!important;border:1px solid #3a464e!important;padding:4px!important;border-radius:3px!important}
.class-auto{justify-self:end;padding:5px 8px;border:1px solid #6e7b84;color:#aeb8bf;font:800 11px 'Barlow Condensed',Arial,sans-serif;letter-spacing:.08em}.class-item.selected .class-auto{border-color:#c73a40;color:#ff888b}
.tank-preview{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.tank-mini{min-height:205px!important;display:block!important;text-align:left!important;border-radius:3px!important}.tank-image-wrap{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:155px!important;background:radial-gradient(circle,#263138 0,#0a0f12 75%)!important;overflow:hidden!important}.tank-mini img{width:100%!important;height:100%!important;object-fit:contain!important;padding:8px!important}.tank-mini .no-image{font-size:12px;color:#88949c}.tank-mini b{font-size:16px!important}.tank-mini small{font-size:12px!important}
/* Stronger LTF-1 angular action buttons */
.tactical-btn,.preview-actions button,.verify-btn{clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)!important;border-radius:0!important;border-width:2px!important;min-height:62px!important;font-size:16px!important;letter-spacing:.1em!important;text-shadow:0 2px 2px #000!important}
.tactical-btn:before,.preview-actions button:before{inset:5px!important;border:1px solid rgba(255,255,255,.25)!important}.tactical-btn:after,.preview-actions button:after{width:44px!important}.submit-btn{min-height:68px!important;font-size:18px!important;box-shadow:inset 0 2px rgba(255,255,255,.25),inset 0 -5px rgba(0,0,0,.35),0 8px 22px #000b,0 0 20px #0bbf6844!important}
.toast.ok{border-color:#39d98a;background:#0d2a1b}.toast.error{border-color:#ef4d55;background:#2b0e10}.toast.warn{border-color:#e0a83e;background:#2a210e}.toast code{color:#f6d77a}
@media(max-width:900px){.class-item{grid-template-columns:32px minmax(0,1fr) 120px 52px!important}.class-art{width:120px!important;height:62px!important}.tank-preview{grid-template-columns:1fr!important}}

/* V4.4 banner: preserve the complete source image, no crop, no overlay title */
.hero-banner{height:auto!important;min-height:0!important;aspect-ratio:1672/200!important;overflow:hidden!important;background:#050607!important}
.hero-banner-image{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:fill!important;object-position:center!important}
.hero-banner-inner{display:none!important}
@media(max-width:760px){.hero-banner{aspect-ratio:1672/200!important}.hero-banner-image{height:100%!important;object-fit:fill!important}}

/* V4.8 — dossier status alignment and real tank artwork */
.profile-preview{display:grid!important;grid-template-columns:128px minmax(0,1fr)!important;align-items:stretch!important;gap:16px!important;min-height:160px!important;padding:14px!important}
.profile-main{min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important}
.profile-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;margin-bottom:3px!important}
.profile-head strong{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.pending{position:static!important;flex:0 0 auto!important;margin:0!important;align-self:center!important;padding:8px 12px!important}
.class-item{position:relative!important;min-height:112px!important;padding-right:150px!important}
.class-art{position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;width:130px!important;height:78px!important;object-fit:contain!important;object-position:center!important;opacity:.95!important;filter:drop-shadow(0 5px 8px rgba(0,0,0,.55))!important}
.tank-image-wrap{background:radial-gradient(circle,#263138 0,#0a0f12 75%)!important}
.tank-mini img{object-fit:contain!important;padding:8px!important}
@media(max-width:760px){.profile-preview{grid-template-columns:88px minmax(0,1fr)!important;gap:10px!important}.profile-preview img{width:88px!important;height:88px!important;min-width:88px!important}.profile-head{align-items:flex-start!important;flex-direction:column!important;gap:6px!important}.pending{align-self:flex-start!important}.class-item{padding-right:90px!important}.class-art{width:80px!important;height:54px!important;right:6px!important}}


/* ===== V5.0 — clean candidate dossier header ===== */
.profile-preview{
  display:grid!important;
  grid-template-columns:120px minmax(0,1fr)!important;
  align-items:center!important;
  width:auto!important;
  min-height:140px!important;
  height:auto!important;
  padding:12px!important;
  margin:10px!important;
  gap:14px!important;
  overflow:hidden!important;
}
.avatar-frame{
  position:relative!important;
  flex:none!important;
  width:120px!important;
  min-width:120px!important;
  max-width:120px!important;
  height:120px!important;
  min-height:120px!important;
  max-height:120px!important;
  padding:3px!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.avatar-frame img{
  width:100%!important;height:100%!important;min-width:0!important;max-width:none!important;
  min-height:0!important;max-height:none!important;object-fit:cover!important;
}
.profile-main{
  min-width:0!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto auto auto!important;align-content:center!important;gap:5px 12px!important;
}
.profile-head{display:contents!important}
.profile-head strong{
  grid-column:1!important;grid-row:1!important;min-width:0!important;max-width:100%!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:26px!important;line-height:1.1!important;
}
.pending{
  position:static!important;grid-column:2!important;grid-row:1!important;justify-self:end!important;align-self:start!important;
  white-space:nowrap!important;margin:0!important;padding:7px 10px!important;font-size:11px!important;
}
.profile-main>span:nth-of-type(1){grid-column:1 / -1!important;grid-row:2!important}
.profile-main>span:nth-of-type(2){grid-column:1!important;grid-row:3!important}
.profile-main>span:nth-of-type(3){grid-column:2!important;grid-row:3!important}
.profile-main>span:nth-of-type(4){grid-column:1 / -1!important;grid-row:4!important}
.candidate-meta{padding:7px 12px!important;text-align:right!important;font-size:11px!important}
@media(max-width:760px){
 .profile-preview{grid-template-columns:92px minmax(0,1fr)!important;min-height:116px!important;padding:9px!important;gap:10px!important}
 .avatar-frame{width:92px!important;min-width:92px!important;height:92px!important;min-height:92px!important}
 .profile-main{grid-template-columns:minmax(0,1fr) auto!important;gap:4px 7px!important}
 .profile-head strong{font-size:21px!important}
 .pending{font-size:9px!important;padding:5px 7px!important}
 .profile-main>span{font-size:11px!important}
 .profile-main>span:nth-of-type(2){grid-column:1 / -1!important}
 .profile-main>span:nth-of-type(3){grid-column:1 / -1!important;grid-row:4!important}
 .profile-main>span:nth-of-type(4){grid-row:5!important}
}

/* V5.2 FIX — prevent the fixed artwork column from crushing class names. */
.class-item{
  display:grid!important;
  grid-template-columns:30px minmax(105px,1fr) minmax(66px,116px) 54px!important;
  align-items:center!important;
  gap:9px!important;
  min-height:86px!important;
  padding:10px!important;
  padding-right:10px!important;
  overflow:hidden!important;
}
.class-copy{min-width:0!important;width:auto!important;overflow-wrap:normal!important;word-break:normal!important}
.class-copy strong{font-size:clamp(14px,1.1vw,18px)!important;line-height:1.15!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}
.class-copy small{font-size:12px!important;line-height:1.3!important;overflow-wrap:anywhere!important}
.class-art{position:static!important;transform:none!important;justify-self:stretch!important;width:100%!important;max-width:116px!important;height:58px!important;margin:0!important;object-fit:contain!important;padding:3px!important;background:radial-gradient(circle,#20292f 0,#080d10 80%)!important;border:1px solid #29343c!important;opacity:1!important}
.class-auto{justify-self:stretch!important;text-align:center!important;min-width:0!important;padding:5px 3px!important;font-size:10px!important}
.tank-mini{min-width:0!important}
.tank-image-wrap{min-width:0!important}
.tank-image-wrap img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}
.tank-image-wrap.no-image img{display:none!important}
.tank-image-wrap.no-image:after{content:'IMAGE INDISPONIBLE';display:flex;align-items:center;justify-content:center;height:100%;padding:12px;text-align:center;color:#8a969f;font-size:12px;letter-spacing:.04em}
@media(max-width:1180px){
  .class-item{grid-template-columns:30px minmax(140px,1fr) minmax(70px,120px) 54px!important}
  .class-copy strong{font-size:17px!important}
}
@media(max-width:760px){
  .class-item{grid-template-columns:28px minmax(0,1fr) 74px 48px!important;gap:7px!important;min-height:74px!important;padding:8px!important}
  .class-art{height:45px!important;max-width:74px!important}
  .class-copy strong{font-size:14px!important}
  .class-copy small{font-size:10px!important}
  .class-auto{font-size:9px!important;letter-spacing:0!important}
  .tank-preview{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .tank-mini{min-height:170px!important}
  .tank-image-wrap{height:120px!important}
  .tank-mini b{font-size:13px!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .tank-mini small{font-size:10px!important}
}
@media(max-width:420px){
  .class-item{grid-template-columns:26px minmax(0,1fr) 44px!important}
  .class-art{display:none!important}
  .class-auto{font-size:9px!important}
  .tank-preview{grid-template-columns:1fr!important}
}


/* V5.3 — dedicated tiers card and local tank image presentation */
.tiers-card{grid-column:1 / -1!important}
.tiers-card .card-title{align-items:center!important}
.tiers-card .chips{gap:8px!important}
.tiers-card .chip{min-width:42px!important;text-align:center!important}
.tank-mini{cursor:zoom-in!important}
.tank-mini:focus-visible{outline:2px solid var(--gold)!important;outline-offset:2px!important}
.tank-mini .tank-image-wrap img,.class-art{object-fit:contain!important}
.tank-lightbox{z-index:99999!important}
.tank-lightbox-panel{max-height:94vh!important;overflow:auto!important}
.tank-lightbox-image{display:block!important;width:auto!important;max-width:88vw!important;max-height:76vh!important;object-fit:contain!important;margin:0 auto!important}
@media(max-width:900px){.tiers-card{grid-column:1 / -1!important}}


/* V5.6 — distinct source labels for tiers */
.tier-explainer{font-size:12px!important;line-height:1.4!important;color:#9aa6ad!important;margin:0 0 8px!important}
.tiers-available-section{border-left:3px solid #20b879!important}
.tiers-self-section{border-left:3px solid #e33a3f!important}
.tier-preview.available-tiers span{background:linear-gradient(180deg,#123c2c,#0c211a)!important;border:1px solid #1d9b67!important;color:#aaf0cc!important;box-shadow:0 0 8px #1d9b6720!important;min-width:34px;text-align:center}
.tier-preview.self-declared-tiers span{background:linear-gradient(180deg,#9d2026,#591316)!important;border:1px solid #f04a50!important;color:#fff!important;box-shadow:0 0 8px #ed303322!important;min-width:34px;text-align:center}
.tiers-card .card-title h2{font-size:clamp(19px,1.5vw,23px)!important}

/* V5.8 — statut lisible et panneau candidat robuste sur petit écran */
.pending{background:#ffc928!important;color:#17120a!important;border:1px solid #ffe27a!important;text-shadow:none!important;box-shadow:0 2px 10px #0008!important;font-weight:900!important;line-height:1.2!important;white-space:nowrap!important;z-index:2}
.profile-preview{min-width:0;align-items:flex-start}
.profile-main{flex:1;min-width:0;overflow-wrap:anywhere;padding-top:2px}
.profile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap}
.profile-head #previewName{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){.profile-preview{gap:8px;padding:8px}.profile-preview img{width:76px;height:76px}.profile-main strong{font-size:20px}.pending{position:static!important;display:inline-block;font-size:11px!important;padding:6px 8px!important}.candidate-meta{text-align:left;padding:4px 12px 8px}.toast{left:10px;right:10px;bottom:10px;max-width:none;font-size:14px}}
