/* SHELROCK — buyer-seller-account.css
   Sign In + Request Quote pages. Header/footer/chat come from home.css. */
.ba-page{--ink:#101828;--ink2:#344054;--mute:#667085;--line:#e3e8ef;--soft:#f7f9fc;--blue:#1557d5;--navy:#0f2a52;--orange:#ff6a1a;--green:#067647;--danger:#d92d20}
.ba-page [hidden]{display:none!important}
.ba-main{background:linear-gradient(180deg,var(--soft) 0,#fff 520px)}
.ba-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.ba-kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:900;letter-spacing:.14em;color:#7a879a}
.ba-kicker i{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(255,106,26,.18)}
.ba-muted{color:#98a2b3}
.ba-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:11px;border:1px solid #d0d8e4;background:#fff;color:var(--ink);font:inherit;font-weight:800;font-size:14px;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.ba-btn:hover{border-color:var(--blue);color:var(--blue)}
.ba-btn:disabled{opacity:.6;cursor:not-allowed}
.ba-btn--primary{background:var(--orange);border-color:var(--orange);color:#fff}
.ba-btn--primary:hover{background:#f05a0a;border-color:#f05a0a;color:#fff}
.ba-btn--block{width:100%}
.ba-link{border:0;background:none;padding:4px 0;color:var(--blue);font:inherit;font-weight:800;font-size:13px;cursor:pointer}
.ba-ico{flex:0 0 44px;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#eef4ff;color:var(--blue)}
.ba-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* fields */
.ba-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.ba-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.ba-field--wide{grid-column:1/-1}
.ba-field>span:first-child{font-size:13px;font-weight:750;color:var(--ink2)}
.ba-field small{font-weight:600;color:#98a2b3}
.ba-field input,.ba-field select,.ba-field textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid #d0d8e4;border-radius:10px;background:#fff;font:inherit;font-size:14px;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.ba-field textarea{resize:vertical;min-height:90px;line-height:1.5}
.ba-field input:focus,.ba-field select:focus,.ba-field textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(21,87,213,.14)}
.ba-page .is-invalid{border-color:var(--danger)!important;box-shadow:0 0 0 3px rgba(217,45,32,.12)!important}
.ba-pass{position:relative;display:block}
.ba-pass input{padding-right:64px}
.ba-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:#f2f4f7;border-radius:8px;padding:6px 10px;font:inherit;font-size:12px;font-weight:800;color:var(--ink2);cursor:pointer}
.ba-combo{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:6px}
.ba-combo--cur{grid-template-columns:90px minmax(0,1fr)}
.ba-check{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--ink2);line-height:1.5;cursor:pointer}
.ba-check input{margin-top:2px;width:16px;height:16px;accent-color:var(--blue)}
.ba-check a{color:var(--blue)}
.ba-check--box{margin-top:18px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
.ba-msg{margin:14px 0 0;padding:11px 14px;border-radius:11px;font-size:14px;font-weight:600}
.ba-msg.is-error{background:#fef3f2;border:1px solid #fecdca;color:#b42318}
.ba-msg.is-success{background:#ecfdf3;border:1px solid #abefc6;color:var(--green)}
.ba-note{margin:12px 0 0;font-size:13px;color:var(--mute);line-height:1.55}
.ba-note a{color:var(--blue);font-weight:700}

/* ---------- Sign in ---------- */
.ba-auth{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:56px;align-items:center;max-width:1000px;margin:0 auto;padding:64px 0 40px}
.ba-help.shell{max-width:1000px;margin-left:auto;margin-right:auto}
.ba-mini{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}
.ba-mini li{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--mute)}
.ba-mini b{color:var(--ink)}
.ba-dot{width:10px;height:10px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(21,87,213,.14)}
.ba-dot.is-orange{background:var(--orange);box-shadow:0 0 0 4px rgba(255,106,26,.16)}
.ba-help-actions{display:flex;gap:8px;flex-wrap:wrap}
.ba-auth-intro h1{margin:12px 0 10px;font-size:clamp(30px,3.6vw,46px);line-height:1.06;letter-spacing:-.035em;color:var(--ink)}
.ba-auth-intro>p{margin:0;max-width:540px;color:var(--mute);font-size:16px;line-height:1.6}
.ba-workspaces{display:grid;gap:12px;margin-top:26px;max-width:560px}
.ba-workspaces article{display:flex;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#fff}
.ba-workspaces small{font-size:10px;font-weight:900;letter-spacing:.12em;color:#7a879a}
.ba-workspaces b{display:block;margin:3px 0;font-size:16px;color:var(--ink)}
.ba-workspaces p{margin:0;font-size:13px;color:var(--mute);line-height:1.55}
.ba-flow{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 0;padding:0;max-width:560px;counter-reset:f}
.ba-flow li{padding:12px;border-radius:12px;background:#eef3fb;counter-increment:f}
.ba-flow li::before{content:counter(f);display:inline-grid;place-items:center;width:22px;height:22px;margin-bottom:6px;border-radius:50%;background:var(--navy);color:#fff;font-size:11px;font-weight:900}
.ba-flow b{display:block;font-size:13px;color:var(--ink)}
.ba-flow span{font-size:12px;color:var(--mute)}
.ba-card{padding:26px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 24px 60px rgba(15,35,70,.1)}
.ba-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:20px;border-radius:12px;background:#f2f4f7}
.ba-tabs button{min-height:40px;border:0;border-radius:9px;background:transparent;font:inherit;font-weight:800;font-size:14px;color:var(--mute);cursor:pointer}
.ba-tabs button.is-active{background:#fff;color:var(--ink);box-shadow:0 2px 6px rgba(16,24,40,.08)}
.ba-form{display:grid;gap:14px}
.ba-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}
.ba-row a{color:var(--blue);font-weight:700;text-decoration:none}
.ba-resend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--mute)}
.ba-fav{margin:0;padding:10px 12px;border-radius:10px;background:#fff7ed;color:#9a3412;font-size:13px}
.ba-register{display:grid;gap:10px}
.ba-reg-card{display:block;padding:18px;border:1px solid var(--line);border-radius:16px;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}
.ba-reg-card:hover{border-color:var(--blue);box-shadow:0 10px 24px rgba(21,87,213,.08)}
.ba-reg-card small{font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--blue)}
.ba-reg-card.is-supplier small{color:#c4320a}
.ba-reg-card b{display:block;margin:4px 0;font-size:17px;color:var(--ink)}
.ba-reg-card p{margin:0;font-size:13px;color:var(--mute);line-height:1.5}
.ba-reg-card em{display:block;margin-top:10px;font-style:normal;font-weight:800;font-size:13px;color:var(--blue)}
.ba-signed small{font-size:10px;font-weight:900;letter-spacing:.14em;color:#7a879a}
.ba-signed h2{margin:6px 0 16px;font-size:22px;color:var(--ink)}
.ba-signed-list{display:grid;gap:10px;margin-bottom:12px}
.ba-signed-item{position:relative;display:block;padding:16px 44px 16px 16px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:inherit;background:var(--soft)}
.ba-signed-item:hover{border-color:var(--blue)}
.ba-signed-item b{display:block;margin:3px 0;font-size:16px;color:var(--ink)}
.ba-signed-item.is-off{opacity:.85;cursor:default}.ba-signed-item.is-off:hover{border-color:var(--line)}.ba-signed-item .ba-link{margin-top:8px;padding:0}
.ba-signed-item span{font-size:13px;color:var(--mute)}
.ba-signed-item i{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-style:normal;font-size:20px;color:var(--blue)}
.ba-help{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:56px;padding:20px 24px;border:1px solid var(--line);border-radius:18px;background:#fff}
.ba-help small{font-size:10px;font-weight:900;letter-spacing:.14em;color:#7a879a}
.ba-help b{display:block;margin:3px 0;font-size:16px;color:var(--ink)}
.ba-help p{margin:0;font-size:13px;color:var(--mute);max-width:640px}

/* ---------- Request quote ---------- */
.ba-rfq{padding:40px 0 64px}
.ba-rfq-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;scroll-margin-top:140px}
.ba-rfq-head h1{margin:10px 0 8px;font-size:clamp(26px,3vw,38px);line-height:1.1;letter-spacing:-.03em;color:var(--ink)}
.ba-rfq-head p{margin:0;max-width:640px;color:var(--mute);font-size:15px;line-height:1.6}
.ba-quoting{flex:0 0 auto;max-width:320px;padding:14px 16px;border:1px solid #cfe0f5;border-radius:14px;background:#f5f9ff}
.ba-quoting small{font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--blue)}
.ba-quoting b{display:block;margin:3px 0;font-size:15px;color:var(--ink)}
.ba-quoting span{font-size:12px;color:var(--mute)}
.ba-stepper{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:22px 0;padding:0}
.ba-stepper li{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--mute);font-size:14px}
.ba-stepper li span{flex:0 0 28px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f2f4f7;font-weight:900;font-size:13px}
.ba-stepper li.is-current{border-color:var(--blue);color:var(--ink);box-shadow:0 0 0 3px rgba(21,87,213,.1)}
.ba-stepper li.is-current span{background:var(--blue);color:#fff}
.ba-stepper li.is-done{cursor:pointer;color:var(--ink)}
.ba-stepper li.is-done span{background:#12b76a;color:#fff;font-size:0}
.ba-stepper li.is-done span::before{content:"✓";font-size:13px}
.ba-rfq-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}
.ba-rfq-main{padding:26px 28px;border:1px solid var(--line);border-radius:20px;background:#fff;min-width:0}
.ba-step{border:0;margin:0;padding:0;min-width:0}
.ba-step legend{padding:0;margin-bottom:18px;font-size:22px;font-weight:850;letter-spacing:-.02em;color:var(--ink)}
.ba-step legend small{display:block;margin-bottom:4px;font-size:11px;font-weight:900;letter-spacing:.14em;color:#7a879a}
.ba-step-note{margin:-6px 0 18px;color:var(--mute);font-size:14px;line-height:1.55}
.ba-step-note b{color:var(--ink2)}
.ba-sub{margin-top:8px;padding-top:16px;border-top:1px solid #edf1f6;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#7a879a}
.ba-sub small{margin-left:6px;font-weight:600;letter-spacing:0;text-transform:none;color:#98a2b3}
.ba-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:86px;border:1px dashed #b9c6d8;border-radius:12px;background:var(--soft);cursor:pointer;text-align:center}
.ba-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.ba-drop b{font-size:14px;color:var(--blue)}
.ba-drop small{font-size:12px}
.ba-files{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.ba-files li{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;font-size:13px}
.ba-files li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
.ba-files li small{color:#98a2b3}
.ba-files button{border:0;background:#f2f4f7;border-radius:50%;width:24px;height:24px;cursor:pointer}
.ba-review{display:grid;gap:12px}
.ba-review section{border:1px solid var(--line);border-radius:14px;overflow:hidden}
.ba-review header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--soft);border-bottom:1px solid #edf1f6}
.ba-review dl{margin:0;display:grid;grid-template-columns:1fr 1fr}
.ba-review dl div{padding:10px 16px;border-bottom:1px solid #f0f3f7}
.ba-review dt{font-size:12px;color:var(--mute)}
.ba-review dd{margin:2px 0 0;font-size:14px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.ba-review-spec{margin:0;padding:12px 16px;font-size:14px;color:var(--ink2);line-height:1.55;white-space:pre-line}
.ba-review-spec b{display:block;font-size:12px;color:var(--mute);font-weight:600}
.ba-signed-box{padding:18px;border:1px solid #abefc6;border-radius:14px;background:#ecfdf3}
.ba-signed-box b{display:block;font-size:16px;color:var(--ink)}
.ba-signed-box span{font-size:13px;color:var(--mute)}
.ba-signed-box p{margin:8px 0 0;font-size:14px;color:var(--green)}
.ba-nav{display:flex;align-items:center;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid #edf1f6}
.ba-nav [data-ba-next],.ba-nav [data-ba-submit]{margin-left:auto}
.ba-saved{font-size:12px;color:#98a2b3}
.ba-rfq-side{position:sticky;top:110px;display:grid;gap:12px}
.ba-side-card{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff}
.ba-side-card>small{font-size:10px;font-weight:900;letter-spacing:.14em;color:#7a879a}
.ba-next{list-style:none;margin:12px 0 0;padding:0 0 0 16px;border-left:2px solid #dbe4f0;display:grid;gap:14px;counter-reset:n}
.ba-next li{position:relative;counter-increment:n}
.ba-next li::before{content:counter(n);position:absolute;left:-28px;top:0;width:22px;height:22px;border-radius:50%;background:var(--navy);color:#fff;font-size:11px;font-weight:900;display:grid;place-items:center}
.ba-next b{display:block;font-size:14px;color:var(--ink)}
.ba-next span{font-size:13px;color:var(--mute)}
.ba-trust{list-style:none;margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--soft);display:grid;gap:6px;font-size:13px;color:var(--ink2)}
.ba-done{max-width:640px;margin:10px auto 0;padding:34px 30px;border:1px solid var(--line);border-radius:22px;background:#fff;text-align:center;box-shadow:0 20px 50px rgba(15,35,70,.07)}
.ba-done-icon{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;background:#12b76a;color:#fff;display:grid;place-items:center;font-size:30px;font-weight:900}
.ba-done small{font-size:11px;font-weight:900;letter-spacing:.14em;color:#7a879a}
.ba-done h2{margin:8px 0;font-size:26px;color:var(--ink)}
.ba-done p{color:var(--mute);font-size:15px;line-height:1.6}
.ba-done-id{display:inline-flex;flex-direction:column;gap:2px;margin:6px 0 18px;padding:12px 20px;border-radius:14px;background:var(--soft);border:1px solid var(--line)}
.ba-done-id span{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7a879a}
.ba-done-id b{font-size:20px;color:var(--navy)}
.ba-done-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.ba-resend-msg{min-height:20px;font-size:13px!important}

@media (max-width:1000px){
  .ba-auth{grid-template-columns:1fr;gap:28px;padding:36px 0 32px}
  .ba-card{max-width:520px;width:100%}
  .ba-auth{max-width:560px}
  .ba-rfq-grid{grid-template-columns:1fr}
  .ba-rfq-side{position:static}
  .ba-rfq-head{flex-direction:column;align-items:flex-start}
}
@media (max-width:640px){
  .ba-flow{grid-template-columns:1fr}
  .ba-card{padding:20px 16px;border-radius:18px}
  .ba-grid{grid-template-columns:1fr}
  .ba-combo{grid-template-columns:minmax(0,1fr) 130px}
  .ba-combo--cur{grid-template-columns:86px minmax(0,1fr)}
  .ba-rfq-main{padding:20px 16px;border-radius:16px}
  .ba-stepper li{flex-direction:column;gap:4px;padding:10px 4px;text-align:center;font-size:11px}
  .ba-review dl{grid-template-columns:1fr}
  .ba-nav{flex-wrap:wrap}
  .ba-saved{order:3;flex-basis:100%}
  .ba-help{flex-direction:column;align-items:flex-start}
}

/* ---------- Reset password ---------- */
.ba-reset{display:grid;place-items:center;padding:64px 0}
.ba-reset-card{width:100%;max-width:460px}
.ba-reset-card h1{margin:8px 0 6px;font-size:26px;letter-spacing:-.02em;color:var(--ink)}
.ba-lead{margin:0;color:var(--mute);font-size:14px;line-height:1.55}
.ba-choose{margin:0;padding:0;border:0;display:grid;gap:8px}
.ba-choose legend{margin-bottom:8px;font-size:13px;font-weight:750;color:var(--ink2)}
.ba-choose label{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;cursor:pointer}
.ba-choose label:has(input:checked){border-color:var(--blue);background:#f5f9ff}
.ba-choose input{accent-color:var(--blue)}
.ba-choose b{display:block;font-size:14px;color:var(--ink)}
.ba-choose small{font-size:12px;color:var(--mute)}
.ba-msg.is-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}
.ba-msg a{color:inherit;font-weight:800}
.ba-reset-done{text-align:center;display:grid;gap:12px}
.ba-reset-done p{margin:0;color:var(--mute);font-size:14px;line-height:1.6}
.ba-reset-done .ba-done-icon{margin:0 auto}
.ba-done-icon.is-warn{background:#f79009}
.ba-meter{font-style:normal;font-size:12px;font-weight:800;min-height:14px}
.ba-meter[data-score="1"],.ba-meter[data-score="2"]{color:var(--danger)}
.ba-meter[data-score="3"]{color:#b54708}
.ba-meter[data-score="4"],.ba-meter[data-score="5"]{color:var(--green)}