/* CarLand v0.8.5 — Floating glass authentication modal */
.cl-auth-modal{
 position:fixed;inset:0;z-index:10000;display:grid;place-items:center;
 padding:18px;opacity:0;visibility:hidden;pointer-events:none;
 transition:opacity .2s ease,visibility 0s linear .2s
}
.cl-auth-modal.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s ease}
.cl-auth-modal-backdrop{
 position:absolute;inset:0;border:0;background:#06111d6e;
 backdrop-filter:blur(5px) saturate(.85);cursor:default
}
.cl-auth-dialog{
 position:relative;width:min(430px,calc(100vw - 28px));max-height:calc(100vh - 34px);
 overflow:auto;box-sizing:border-box;padding:20px;border:1px solid #ff72007d;border-radius:24px;
 background:linear-gradient(145deg,#0d2235e8,#071827e8);
 color:#f6f9fc;box-shadow:0 32px 90px #000a,inset 0 1px #ffffff13;
 backdrop-filter:blur(20px);transform:translateY(14px) scale(.97);transition:transform .22s ease
}
.cl-auth-modal.is-open .cl-auth-dialog{transform:translateY(0) scale(1)}
.cl-auth-dialog-close{
 position:absolute;top:12px;left:12px;width:34px;height:34px;border:1px solid #ff7200;
 border-radius:10px;background:transparent;color:#ff8b2d;font-size:22px;cursor:pointer
}
.cl-auth-dialog-brand{text-align:center;margin-bottom:13px}
.cl-auth-dialog-brand b{font:900 26px Arial,sans-serif}.cl-auth-dialog-brand em{font-style:normal;color:#ff7200}
.cl-auth-dialog-brand small{display:block;margin-top:4px;color:#9fb0bf;font-size:9px}
.cl-auth-dialog-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:18px}
.cl-auth-dialog-tabs button{
 height:39px;border:1px solid #6f83944c;border-radius:11px;background:#081a2a;color:#dce6ee;
 font-family:inherit;font-weight:900;cursor:pointer
}
.cl-auth-dialog-tabs button.active{border-color:#ff7200;color:#fff;background:#ff72001c}
.cl-auth-panel{display:none}.cl-auth-panel.active{display:block}
.cl-auth-dialog-title{text-align:center;margin-bottom:13px}
.cl-auth-dialog-title span{color:#ff7b12;font-size:10px;font-weight:900}
.cl-auth-dialog-title h2{margin:4px 0 6px;font-size:23px}
.cl-auth-dialog-title p{margin:0;color:#a9b7c3;font-size:10px;line-height:1.8}
.cl-auth-dev-code{
 margin:0 0 15px;padding:11px 13px;border:1px solid #ff7200;border-radius:13px;
 background:#281b16b8;text-align:center
}
.cl-auth-dev-code small{display:block;color:#ffc59b;font-size:9px}
.cl-auth-dev-code p{margin:6px 0 2px;color:#d7dee4;font-size:9px}
.cl-auth-dev-code strong{display:block;color:#ff8a2a;font:900 25px monospace;letter-spacing:5px}
.cl-auth-dialog-form{display:grid;gap:10px}
.cl-auth-dialog-form label{font-size:11px;font-weight:900}
.cl-auth-dialog-form>input:not([type=hidden]){
 width:100%;height:49px;box-sizing:border-box;border:1px solid #6f83945c;border-radius:12px;
 background:#071725;color:#fff;padding:0 14px;text-align:center;font:700 16px Arial;outline:none
}
.cl-auth-dialog-form>input:not([type=hidden]):focus{border-color:#ff7200;box-shadow:0 0 0 3px #ff720018}
.cl-auth-dialog-form>button{
 height:49px;border:0;border-radius:12px;background:linear-gradient(90deg,#ff6900,#ff9418);
 color:#fff;font-family:inherit;font-weight:950;font-size:13px;cursor:pointer
}
.cl-auth-current-mobile{
 display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px;
 padding:10px 12px;border:1px solid #6f83944f;border-radius:11px;background:#0b2032
}
.cl-auth-current-mobile span{font:800 15px Arial}
.cl-auth-current-mobile form{margin:0}
.cl-auth-current-mobile button{
 border:1px solid #ff7200;border-radius:8px;background:transparent;color:#ff8a2a;
 padding:6px 9px;font-family:inherit;font-size:9px;cursor:pointer
}
.cl-auth-otp{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}
.cl-auth-otp input{
 min-width:0;height:48px;border:1px solid #6f83945c;border-radius:10px;background:#071725;
 color:#fff;text-align:center;font:900 20px Arial;outline:none
}
.cl-auth-otp input:focus{border-color:#ff7200;box-shadow:0 0 0 3px #ff720018}
.cl-auth-dialog-links{
 display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;
 margin-top:15px;padding-top:13px;border-top:1px solid #667b8c35
}
.cl-auth-dialog-links a,.cl-auth-dialog-links button{
 border:1px solid #64798a4a;border-radius:9px;background:#081a2a;color:#d6e0e8;
 padding:7px 10px;text-decoration:none;font-family:inherit;font-size:9px;cursor:pointer
}
.cl-auth-dialog-links form{margin:0}
body.cl-auth-modal-open{overflow:hidden}
@media(max-width:520px){
 .cl-auth-modal{padding:9px}.cl-auth-dialog{padding:17px 13px;border-radius:20px}
 .cl-auth-dialog-title h2{font-size:20px}.cl-auth-otp{gap:4px}.cl-auth-otp input{height:43px}
}


/* ==============================================================
   CarLand v0.8.6 — Auth modal title and content layout correction
   ============================================================== */

/* Isolate the authentication dialog from global heading/text rules. */
.cl-auth-dialog,
.cl-auth-dialog *{
 box-sizing:border-box;
}

.cl-auth-panel{
 width:100%;
 min-width:0;
}

.cl-auth-panel.active{
 display:block;
}

.cl-auth-dialog-title{
 display:block!important;
 width:100%!important;
 min-width:0!important;
 margin:0 0 16px!important;
 padding:0 42px!important;
 text-align:center!important;
 line-height:normal!important;
}

.cl-auth-dialog-title span{
 display:block!important;
 width:100%!important;
 margin:0 0 5px!important;
 padding:0!important;
 color:#ff7b12!important;
 font-family:inherit!important;
 font-size:10px!important;
 font-weight:900!important;
 line-height:1.6!important;
 white-space:nowrap!important;
}

.cl-auth-dialog-title h2{
 display:block!important;
 position:static!important;
 float:none!important;
 clear:both!important;
 width:100%!important;
 max-width:none!important;
 min-width:0!important;
 height:auto!important;
 min-height:0!important;
 margin:0 0 7px!important;
 padding:0!important;
 color:#fff!important;
 font-family:inherit!important;
 font-size:22px!important;
 font-weight:950!important;
 line-height:1.55!important;
 letter-spacing:0!important;
 text-align:center!important;
 white-space:nowrap!important;
 word-break:normal!important;
 overflow-wrap:normal!important;
 transform:none!important;
 writing-mode:horizontal-tb!important;
}

.cl-auth-dialog-title p{
 display:block!important;
 width:100%!important;
 max-width:330px!important;
 margin:0 auto!important;
 padding:0!important;
 color:#a9b7c3!important;
 font-family:inherit!important;
 font-size:10px!important;
 font-weight:500!important;
 line-height:1.9!important;
 text-align:center!important;
 white-space:normal!important;
 word-break:normal!important;
 overflow-wrap:normal!important;
}

/* OTP development code must always be a separate block under the title. */
.cl-auth-dev-code{
 position:relative!important;
 display:block!important;
 float:none!important;
 clear:both!important;
 width:100%!important;
 min-height:92px!important;
 margin:0 0 15px!important;
 padding:12px 14px!important;
 overflow:hidden!important;
 text-align:center!important;
}

.cl-auth-dev-code small,
.cl-auth-dev-code p,
.cl-auth-dev-code strong{
 position:static!important;
 display:block!important;
 width:100%!important;
 max-width:none!important;
 margin-left:auto!important;
 margin-right:auto!important;
 text-align:center!important;
 transform:none!important;
 writing-mode:horizontal-tb!important;
}

.cl-auth-dev-code strong{
 margin-top:3px!important;
 font-size:24px!important;
 line-height:1.35!important;
 letter-spacing:5px!important;
}

/* Keep mobile row and OTP fields below the title/code block. */
.cl-auth-current-mobile,
.cl-auth-dialog-form{
 position:relative!important;
 z-index:1!important;
 clear:both!important;
 width:100%!important;
}

.cl-auth-dialog-form label{
 display:block!important;
 width:100%!important;
 margin:0!important;
 line-height:1.7!important;
 text-align:right!important;
 white-space:nowrap!important;
}

@media(max-width:520px){
 .cl-auth-dialog-title{
  padding:0 24px!important;
 }
 .cl-auth-dialog-title h2{
  font-size:19px!important;
  white-space:normal!important;
 }
 .cl-auth-dialog-title p{
  font-size:9.5px!important;
 }
}

/* CarLand v0.8.7 — Separate authentication flows */
.cl-auth-dialog{width:min(440px,calc(100vw - 28px))!important}
.cl-auth-dialog-tabs{display:none!important}
.cl-auth-mobile-input{height:62px!important;border-radius:15px!important;font-size:21px!important;font-weight:850!important;letter-spacing:1px!important}
.cl-auth-otp-compact{width:min(310px,100%)!important;margin:0 auto!important;grid-template-columns:repeat(6,42px)!important;justify-content:center!important;gap:7px!important}
.cl-auth-otp-compact input{width:42px!important;height:42px!important;min-width:42px!important;border-radius:9px!important;font-size:18px!important}
.cl-auth-method-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin:0 0 14px;padding:10px 12px;border:1px solid #667b8c4d;border-radius:12px;background:#081a2a}
.cl-auth-method-row label{color:#dce6ee;font-size:10px;font-weight:900;white-space:nowrap}
.cl-auth-method-row select{width:100%;height:38px;border:1px solid #ff7200a6;border-radius:9px;outline:none;background:#0b2032;color:#fff;padding:0 10px;font-family:inherit;font-size:10px;font-weight:850}
.cl-auth-password-wrap{position:relative}
.cl-auth-password-wrap input{width:100%;height:52px;box-sizing:border-box;border:1px solid #6f83945c;border-radius:12px;outline:none;background:#071725;color:#fff;padding:0 46px 0 14px;font-family:inherit;font-size:15px}
.cl-auth-password-wrap button{position:absolute;top:50%;right:9px;width:32px;height:32px;transform:translateY(-50%);border:1px solid #ff720087;border-radius:8px;background:transparent;color:#ff8a2a;cursor:pointer}
@media(max-width:520px){
 .cl-auth-mobile-input{height:56px!important;font-size:18px!important}
 .cl-auth-otp-compact{grid-template-columns:repeat(6,38px)!important;gap:5px!important}
 .cl-auth-otp-compact input{width:38px!important;height:38px!important;min-width:38px!important}
}

/* CarLand v0.8.8 — Premium authentication card */
.cl-auth-dialog{
 width:min(455px,calc(100vw - 28px))!important;
 padding:24px 24px 21px!important;
 border:1px solid #ff7200b8!important;
 border-radius:23px!important;
 background:linear-gradient(145deg,rgba(18,39,57,.94),rgba(7,22,35,.96))!important;
 box-shadow:0 32px 95px rgba(0,0,0,.66),inset 0 1px rgba(255,255,255,.09)!important;
}
.cl-auth-dialog-brand{margin-bottom:18px!important}
.cl-auth-dialog-brand b{font-size:29px!important;letter-spacing:-1px!important}
.cl-auth-dialog-title{margin-bottom:17px!important}
.cl-auth-dialog-title h2{font-size:24px!important;line-height:1.45!important}
.cl-auth-mobile-input{
 width:100%!important;height:64px!important;border:1px solid rgba(255,255,255,.42)!important;
 border-radius:13px!important;background:linear-gradient(180deg,rgba(18,36,51,.92),rgba(8,25,39,.96))!important;
 color:#fff!important;font-size:22px!important;font-weight:850!important;letter-spacing:1.5px!important;
 text-align:center!important;box-shadow:inset 0 1px rgba(255,255,255,.06),0 8px 20px rgba(0,0,0,.15)!important
}
.cl-auth-mobile-input:focus{
 border-color:#ff7200!important;
 box-shadow:0 0 0 3px rgba(255,114,0,.17),inset 0 1px rgba(255,255,255,.07)!important
}
.cl-auth-code-wrap{width:min(225px,100%);margin:0 auto}
.cl-auth-code-input{
 width:100%;height:46px;box-sizing:border-box;border:1px solid rgba(255,255,255,.40);
 border-radius:11px;outline:none;background:linear-gradient(180deg,rgba(15,33,48,.94),rgba(7,23,36,.98));
 color:#fff;padding:0 16px;text-align:center;font:900 20px/1 Arial,sans-serif;
 letter-spacing:7px;direction:ltr;box-shadow:inset 0 1px rgba(255,255,255,.05),0 7px 18px rgba(0,0,0,.14)
}
.cl-auth-code-input::placeholder{color:#7f91a0;letter-spacing:7px}
.cl-auth-code-input:focus{border-color:#ff7200;box-shadow:0 0 0 3px rgba(255,114,0,.17)}
.cl-auth-dev-code{
 width:min(310px,100%)!important;min-height:76px!important;margin:0 auto 16px!important;
 padding:10px 13px!important;border-radius:12px!important;
 background:linear-gradient(145deg,rgba(48,34,26,.84),rgba(21,26,31,.90))!important
}
.cl-auth-dev-code strong{font-size:23px!important;letter-spacing:5px!important}
.cl-auth-dialog-form{gap:12px!important}
.cl-auth-dialog-form>button{height:52px!important;border-radius:12px!important;background:linear-gradient(90deg,#ff6900,#ff8a12)!important}
.cl-auth-current-mobile{min-height:52px;padding:9px 12px!important;border-radius:12px!important}
.cl-auth-current-mobile span{font-size:17px!important;letter-spacing:.8px!important}
.cl-auth-otp,.cl-auth-otp-compact{display:none!important}
@media(max-width:520px){
 .cl-auth-dialog{width:min(430px,calc(100vw - 18px))!important;padding:20px 15px 17px!important}
 .cl-auth-mobile-input{height:58px!important;font-size:19px!important}
 .cl-auth-code-wrap{width:min(205px,100%)}
 .cl-auth-code-input{height:44px;font-size:18px}
}

/* CarLand v0.8.9 — visible temporary OTP */
.cl-auth-dev-code-missing{
 font-family:inherit!important;
 font-size:12px!important;
 letter-spacing:0!important;
 color:#ffd2b1!important;
}

/* CarLand v0.8.10 — OTP card pinned to top of auth dialog */
.cl-auth-dialog>.cl-auth-dev-code{
 margin-top:2px!important;
 margin-bottom:15px!important;
 order:0!important;
}
.cl-auth-dialog>.cl-auth-dialog-title{
 margin-top:0!important;
}
.cl-auth-dev-code strong{
 font-size:25px!important;
 line-height:1.3!important;
}

/* JobLik 0.29.97 — branded, readable authentication modal */
.cl-auth-dialog-brand b{
 color:#fff!important;
 font-size:30px!important;
 letter-spacing:.3px!important;
}
.cl-auth-dialog-brand em{color:#ff7900!important}
.cl-auth-dialog-brand small{
 position:static!important;
 display:block!important;
 margin-top:5px!important;
 color:#b8c5cf!important;
 font-size:11px!important;
 line-height:1.6!important;
}
.cl-auth-dialog-title{
 position:relative!important;
 z-index:2!important;
 margin-bottom:16px!important;
}
.cl-auth-dialog-title h2{
 margin:4px 0 8px!important;
 font-size:24px!important;
 line-height:1.5!important;
}
.cl-auth-dialog-title p{
 position:static!important;
 display:block!important;
 max-width:360px!important;
 min-height:42px!important;
 margin:0 auto!important;
 padding:0 4px!important;
 color:#d0d9e0!important;
 font-size:12px!important;
 font-weight:600!important;
 line-height:1.8!important;
 overflow:visible!important;
}
@media(max-width:520px){
 .cl-auth-dialog-brand b{font-size:28px!important}
 .cl-auth-dialog-title{padding:0 12px!important}
 .cl-auth-dialog-title h2{font-size:22px!important}
 .cl-auth-dialog-title p{font-size:11px!important;line-height:1.85!important;min-height:46px!important}
}

/* JobLik 0.29.98 — compact login title after removing obsolete helper copy */
[data-auth-modal="login"] .cl-auth-dialog-title{
 margin-bottom:14px!important;
}