/* Кабинет визового центра — светлая тема */
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:30px 20px}
.login-card{width:100%;max-width:430px;background:#fff;border:1px solid var(--line);
  border-radius:24px;padding:38px 32px;box-shadow:var(--shadow-lg)}
.login-logo{height:28px;margin-bottom:26px}
.login-card h1{font:800 23px/1.3 Inter,sans-serif;margin:0 0 8px;color:var(--ink)}
.login-sub{color:var(--tx2);font-size:14.5px;margin:0 0 28px}
.login-foot{margin:22px 0 0;font-size:13.5px;color:var(--tx3);text-align:center}
.login-foot a{color:var(--ind);font-weight:600}
.w100{width:100%}
.mt10{margin-top:10px}
.code-input{text-align:center;letter-spacing:.5em;font:700 26px var(--fmono)!important;padding:15px!important}

.hdr-nav a.act{color:var(--ind);font-weight:700}
.hdr-nav .dot{display:inline-block;min-width:19px;padding:1px 6px;border-radius:9px;background:var(--orange);
  color:#fff;font:700 11px var(--fmono);margin-left:4px;text-align:center}
.hdr-nav .lo{color:var(--tx3)}
.hdr-nav .lo i{width:17px;height:17px}

.cab{padding:36px 0 72px}
.cab-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px;flex-wrap:wrap}
.cab-head h1{font:800 27px/1.25 Inter,sans-serif;margin:0 0 9px;color:var(--ink)}
.cab-head p{color:var(--tx2);font-size:14.5px;margin:0;max-width:640px;line-height:1.62}

.banner{display:flex;align-items:flex-start;gap:12px;padding:16px 19px;border-radius:16px;
  margin-bottom:24px;font-size:14px;line-height:1.55;box-shadow:var(--shadow)}
.banner i{width:19px;height:19px;flex:0 0 auto;margin-top:1px}
.banner.warn{background:#fff8ee;border:1px solid #f8d9ac;color:#9a5a08}
.banner.warn i{color:var(--orange)}
.banner.bad{background:#fff4f4;border:1px solid #f6c2c4;color:#a32b2f}
.banner.bad i{color:var(--red)}

.cab-stats{display:flex;gap:13px;margin-bottom:24px;flex-wrap:wrap}
.cstat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px 20px;
  min-width:150px;box-shadow:var(--shadow)}
.cstat b{display:block;font:800 23px/1 Inter,sans-serif;color:var(--ink)}
.cstat b.ok{color:var(--ind)} .cstat b.warn{color:var(--orange)}
.cstat span{font-size:11.5px;color:var(--tx3);margin-top:4px;display:block}

.empty{text-align:center;padding:58px 20px;color:var(--tx3)}
.empty i{width:38px;height:38px;opacity:.45;margin-bottom:14px;color:var(--ind2)}
.empty p{max-width:440px;margin:0 auto;font-size:14.5px;line-height:1.6}

/* услуги */
.svc{background:#fff;border:1px solid var(--line);border-radius:18px;margin-bottom:11px;
  overflow:hidden;box-shadow:var(--shadow);transition:box-shadow .25s,border-color .25s}
.svc.empty-price{border-color:#f8d9ac}
.svc.open{border-color:#c9bcee;box-shadow:var(--shadow-lg)}
.svc-h{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;
  padding:16px 20px;cursor:pointer;transition:background .2s}
.svc-h:hover{background:#fbfaff}
.svc-t b{display:block;font:700 15.5px Inter,sans-serif;color:var(--ink)}
.svc-t span{font-size:12.5px;color:var(--tx3)}
.svc-p{text-align:right}
.svc-p b{display:block;font:800 16px Inter,sans-serif;color:var(--ind)}
.svc-p span{font-size:11.5px;color:var(--tx3)}
.svc-p .need{font-style:normal;font-size:12.5px;color:var(--orange);font-weight:600}
.svc-s{display:flex;align-items:center;gap:13px}
.svc-s i{width:17px;height:17px;color:var(--tx3);transition:transform .3s}
.svc.open .svc-s i{transform:rotate(180deg)}
.tog{width:36px;height:20px;border-radius:99px;background:#e2ddf2;position:relative;transition:.25s;flex:0 0 auto}
.tog::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;
  background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18);transition:.25s}
.tog.on{background:var(--ind2)}
.tog.on::after{left:18px}
.svc-b{display:none;padding:6px 20px 22px;border-top:1px solid var(--line)}
.svc.open .svc-b{display:block;animation:fadein .35s var(--ease)}
.f-row3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.svc-acts{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:8px}
.svc-msg{font-size:13px;color:var(--green);font-weight:500}
.svc-msg.err{color:var(--red)}
.agree.sm span{font-size:14px}

/* ориентир по рынку */
.market{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:14px;margin:18px 0 20px;
  background:#f2f8ff;border:1px solid #cfe4fb;font-size:13.5px;color:#2f5b86;flex-wrap:wrap}
.market i{width:16px;height:16px;color:#3b82c4;flex:0 0 auto}
.market b{font-weight:700;color:#1f4463}
.market.good{background:#f1fbf6;border-color:#b6e3cd;color:#1c6b48}
.market.good i{color:var(--green)}
.market.good b{color:#14563a}
.market.high{background:#fff8ee;border-color:#f8d9ac;color:#9a5a08}
.market.high i{color:var(--orange)}
.market.high b{color:#7d4806}
.market.low{background:#fff4f4;border-color:#f6c2c4;color:#a32b2f}
.market.low i{color:var(--red)}
.market.low b{color:#8a2226}
.market .mnote{color:inherit;opacity:.78;font-size:12.5px;width:100%;margin-top:2px}

/* заявки */
.req{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;
  margin-bottom:12px;box-shadow:var(--shadow)}
.req.wait{border-color:#c9bcee;box-shadow:var(--shadow-lg)}
.req-h{display:flex;justify-content:space-between;gap:16px;margin-bottom:13px;flex-wrap:wrap}
.req-h b{display:block;font:700 16px Inter,sans-serif;color:var(--ink)}
.req-h span{font-size:12.5px;color:var(--tx3)}
.req-no{font:700 13px var(--fmono);color:var(--ind);text-align:right}
.req-no small{display:block;color:var(--tx3);font-weight:400;font-size:11.5px}
.req-line{display:flex;justify-content:space-between;gap:14px;padding:8px 0;font-size:13.5px;
  border-bottom:1px solid var(--line)}
.req-line:last-child{border:0}
.req-line span{color:var(--tx3)}
.req-line b{font-weight:600;text-align:right;color:var(--ink)}
.req-acts{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}

/* документы */
.doc-up{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:22px}
.doc-up .fld{margin:0;min-width:240px}
.file-btn{position:relative;overflow:hidden}
.file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer;font-size:0}
.docrow{display:flex;align-items:center;gap:14px;padding:15px 18px;border-radius:15px;
  background:#fff;border:1px solid var(--line);margin-bottom:10px;box-shadow:var(--shadow)}
.docrow i{width:19px;height:19px;color:var(--tx3);flex:0 0 auto}
.docrow.ok i{color:var(--green)} .docrow.bad i{color:var(--red)}
.docrow b{display:block;font-size:14px;font-weight:600;color:var(--ink)}
.docrow span{font-size:12px;color:var(--tx3)}

/* профиль */
.prof{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.prof-c{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow)}
.prof-c h3{font:700 17px Inter,sans-serif;margin:0 0 16px;color:var(--ink)}
.prof-p{color:var(--tx2);font-size:14px;line-height:1.62;margin:0 0 14px}

/* модалка */
.mdl{position:fixed;inset:0;z-index:200;display:none;place-items:center;padding:20px;
  background:rgba(30,27,57,.45);backdrop-filter:blur(5px)}
.mdl.on{display:grid}
.mdl-c{width:100%;max-width:440px;background:#fff;border:1px solid var(--line);
  border-radius:22px;padding:28px;box-shadow:var(--shadow-lg)}
.mdl-c h3{font:800 19px Inter,sans-serif;margin:0 0 20px;color:var(--ink)}

@media (max-width:820px){
  .prof{grid-template-columns:1fr}
  .f-row3{grid-template-columns:1fr}
  .svc-h{grid-template-columns:1fr auto;gap:10px}
  .svc-s{grid-column:2;grid-row:1}
  .svc-p{grid-column:1/-1;text-align:left;display:flex;gap:10px;align-items:baseline}
  .hdr-nav{display:none}
  .hdr-nav.open{display:flex;position:absolute;top:72px;left:0;right:0;flex-direction:column;
    align-items:stretch;gap:0;padding:12px;background:#fff;border-bottom:1px solid var(--line);
    box-shadow:var(--shadow-lg);z-index:60}
  .hdr-nav.open a{padding:13px 12px;border-radius:11px}
  .burger{display:block}
}