:root{
  --bg:#f5f7fa;--panel:#fff;--ink:#0b1220;--muted:#647084;--line:#e5e9ef;
  --soft:#eef2f6;--accent:#0b1220;--ok:#0f8a5f;--shadow:0 18px 50px rgba(11,18,32,.09);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
a{text-decoration:none;color:inherit}
.site-header{height:86px;display:flex;align-items:center;gap:28px;padding:0 4vw;position:sticky;top:0;background:rgba(245,247,250,.92);backdrop-filter:blur(18px);z-index:30;border-bottom:1px solid rgba(229,233,239,.9)}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.brand-mark{width:46px;height:46px;border-radius:15px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:800}
.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:18px;letter-spacing:.14em}.brand-copy small{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}
.top-nav{display:flex;gap:24px;margin-left:auto}.top-nav a{font-size:13px;font-weight:750;color:#4e5969}.top-nav a:hover{color:#111}
.header-actions{display:flex;gap:10px}
.primary,.secondary,.ghost{border-radius:13px;padding:12px 16px;font-weight:850}
.primary{border:1px solid var(--ink);background:var(--ink);color:#fff}
.secondary{border:1px solid var(--line);background:#fff;color:var(--ink)}
.ghost{border:1px solid transparent;background:transparent;color:var(--ink)}
.large{padding:15px 20px}
.hero{min-height:720px;padding:70px 6vw 80px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;background:
radial-gradient(circle at 80% 20%,rgba(185,200,220,.28),transparent 32%),
linear-gradient(180deg,#f8fafc 0%,#eef2f6 100%)}
.kicker{font-size:12px;font-weight:800;letter-spacing:.15em;color:#748094}
.hero h1{font-size:68px;line-height:.98;letter-spacing:-.055em;margin:15px 0 20px;max-width:830px}.hero h1 span{color:#778395}
.hero-copy>p{font-size:19px;line-height:1.65;color:#5d6878;max-width:760px}
.hero-actions{display:flex;gap:12px;margin-top:28px}
.trust-row{display:flex;gap:36px;margin-top:42px;flex-wrap:wrap}.trust-row div{display:flex;flex-direction:column}.trust-row strong{font-size:23px}.trust-row span{font-size:12px;color:#7b8695;margin-top:3px}
.hero-panel{background:#0b1220;border-radius:30px;padding:20px;color:#fff;box-shadow:0 34px 90px rgba(11,18,32,.28)}
.hero-card-top{display:flex;align-items:center;gap:9px;color:#aeb8c6;font-size:13px;padding:5px 4px 16px}.live-dot{width:8px;height:8px;border-radius:50%;background:#38c78d}.status-pill{margin-left:auto;background:rgba(255,255,255,.1);padding:5px 8px;border-radius:99px}
.rfq-preview{background:#fff;color:var(--ink);border-radius:22px;padding:24px}
.rfq-head{display:flex;justify-content:space-between;gap:20px}.rfq-head small{color:#8a94a3}.rfq-head h3{font-size:25px;margin:5px 0}.value{font-weight:800;font-size:20px}
.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.tags span{background:#eef2f6;border-radius:99px;padding:7px 10px;font-size:12px;font-weight:800}
.match-block{margin-top:28px;border:1px solid var(--line);border-radius:17px;padding:16px;display:flex;gap:14px;align-items:center}.match-score{width:65px;height:65px;border-radius:20px;background:#0b1220;color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px}.match-block p{margin:4px 0 0;color:var(--muted);font-size:13px}
.route{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:8px;align-items:center;margin-top:18px}.route span{text-align:center;background:#f4f6f8;padding:10px;border-radius:11px;font-size:12px;font-weight:850}.route i{font-style:normal;color:#8a94a3}
.section{padding:90px 6vw}.section-heading{max-width:820px;margin-bottom:38px}.section-heading h2{font-size:46px;letter-spacing:-.04em;margin:9px 0 12px}.section-heading p{font-size:17px;line-height:1.6;color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.steps article,.security-grid article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:var(--shadow);position:relative}.step-num{position:absolute;right:20px;top:18px;color:#a3acb8;font-size:12px;font-weight:800}.step-icon{font-size:30px}.steps h3,.security-grid h3{margin:18px 0 8px}.steps p,.security-grid p{color:var(--muted);line-height:1.55;margin:0}
.dark-section{background:#0b1220;color:#fff}.invert .kicker,.invert p{color:#9ba7b6}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.process-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);color:#fff;border-radius:18px;padding:20px;text-align:left;min-height:140px}.process-card:hover{background:rgba(255,255,255,.1)}.process-card span{font-size:27px}.process-card strong{display:block;margin-top:16px}.process-card small{display:block;color:#9eabba;margin-top:6px;line-height:1.4}
.split-section{display:grid;grid-template-columns:1fr 1fr;gap:18px}.split-card{border-radius:28px;padding:42px;min-height:470px}.buyer-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.supplier-card{background:#dfe6ee}.split-card h2{font-size:42px;letter-spacing:-.04em;margin:10px 0 14px}.split-card>p{color:#5f6b7a;font-size:17px;line-height:1.6}.split-card ul{padding-left:20px;line-height:2;color:#4d5868;margin:24px 0 30px}
.outsourcing{background:#fff}.outsourcing-copy{max-width:850px}.outsourcing-copy h2{font-size:44px;letter-spacing:-.04em;margin:10px 0}.outsourcing-copy p{font-size:17px;line-height:1.65;color:var(--muted)}.chain{display:flex;align-items:center;gap:10px;margin-top:34px;overflow:auto;padding-bottom:10px}.chain>div{min-width:170px;border:1px solid var(--line);border-radius:16px;padding:17px;background:#f8fafc}.chain small{display:block;color:#8a94a3;font-size:11.5px}.chain strong{display:block;margin-top:5px}.chain>span{color:#8e98a6}.chain .mlsr-node{background:#0b1220;color:#fff}.chain .mlsr-node small{color:#9aa7b7}
.security-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.security-grid article>span{font-size:28px}
.cta-section{margin:20px 6vw 70px;background:#0b1220;color:#fff;border-radius:32px;padding:55px;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-section h2{font-size:40px;max-width:760px;letter-spacing:-.04em;margin:10px 0}.cta-section p{color:#a9b4c2}.cta-actions{display:flex;gap:10px;min-width:max-content}.cta-section .secondary{background:#fff}
footer{padding:28px 6vw 38px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#7c8796}footer p{font-size:13px}
.modal-backdrop{position:fixed;inset:0;background:rgba(8,13,23,.6);z-index:60;opacity:0;pointer-events:none;transition:.2s}.modal-backdrop.show{opacity:1;pointer-events:auto}
.flow-modal,.match-drawer{position:fixed;top:0;right:0;width:min(680px,96vw);height:100vh;background:#fff;z-index:70;padding:28px;overflow:auto;box-shadow:-24px 0 80px rgba(10,15,24,.28);transform:translateX(110%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .25s ease,opacity .2s ease,visibility .2s ease}.flow-modal.open,.match-drawer.open{transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto}.match-drawer{width:min(620px,96vw);z-index:80}
.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:30px;margin:6px 0 0}.close-btn{border:0;background:#eef2f6;width:42px;height:42px;border-radius:13px;font-size:24px}
.flow-tabs{display:flex;gap:8px;margin:22px 0}.tab{border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 14px;font-weight:800}.tab.active{background:#0b1220;color:#fff;border-color:#0b1220}.tab-panel{display:none}.tab-panel.active{display:block}
.dropzone{border:2px dashed #cfd6df;border-radius:19px;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:#f9fafb}.dropzone input{display:none}.drop-icon{font-size:34px}.dropzone strong{margin-top:12px}.dropzone small{color:#8c96a4;margin-top:5px}.upload-list{display:grid;gap:8px;margin:14px 0}.upload-item{border:1px solid var(--line);border-radius:12px;padding:11px 13px;display:flex;justify-content:space-between;font-size:13px}
.full{width:100%;margin-top:14px}.analysis-result{display:none;border:1px solid var(--line);border-radius:18px;padding:18px;margin-top:16px;background:#f8fafc}.analysis-result.show{display:block}.result-head{display:flex;gap:9px;align-items:center}.ai-badge{background:#0b1220;color:#fff;border-radius:9px;padding:6px 8px;font-size:11.5px;font-weight:800}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.result-grid>div{background:#fff;border-radius:12px;padding:12px;border:1px solid var(--line)}.result-grid span{display:block;font-size:11.5px;color:#8c96a4}.result-grid strong{display:block;margin-top:4px;font-size:13px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label span{display:block;font-size:12px;font-weight:850;margin-bottom:6px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;outline:none;background:#fff}.form-grid textarea{min-height:130px;resize:vertical}.full-width{grid-column:1/-1}
.matches{display:grid;gap:12px;margin-top:20px}.matches article{border:1px solid var(--line);border-radius:17px;padding:16px;display:flex;gap:14px}.score{width:62px;height:62px;border-radius:19px;background:#0b1220;color:#fff;display:grid;place-items:center;font-weight:800;flex:0 0 auto}.score.medium{background:#e8edf2;color:#111}.matches p{margin:5px 0;color:var(--muted)}.match-note{margin-top:16px;border-radius:14px;padding:14px;background:#fff8e8;color:#78601b;font-size:13px;line-height:1.5}
@media(max-width:1150px){
  .top-nav{display:none}.hero{grid-template-columns:1fr}.hero h1{font-size:58px}.steps{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:repeat(3,1fr)}
  .security-grid{grid-template-columns:1fr 1fr}.cta-section{align-items:flex-start;flex-direction:column}.cta-actions{min-width:0}
}
@media(max-width:760px){
  .site-header{padding:0 18px}.brand-copy small{display:none}.header-actions .ghost{display:none}.header-actions .primary{font-size:12px;padding:10px 11px}
  .hero{padding:50px 20px}.hero h1{font-size:45px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column}.hero-actions button{width:100%}
  .section{padding:65px 20px}.section-heading h2,.split-card h2,.outsourcing-copy h2{font-size:34px}.steps,.split-section,.security-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr}
  .split-card{padding:28px;min-height:auto}.cta-section{margin:12px 20px 50px;padding:32px}.cta-section h2{font-size:32px}.cta-actions{flex-direction:column;width:100%}.cta-actions button{width:100%}
  footer{padding:24px 20px;flex-direction:column;align-items:flex-start}.form-grid{grid-template-columns:1fr}.full-width{grid-column:auto}
}
@media(max-width:480px){.process-grid{grid-template-columns:1fr}.hero h1{font-size:39px}.trust-row{gap:22px}.result-grid{grid-template-columns:1fr}}

/* ===== V0.2 EU-wide coverage ===== */
.private-value{
  font-size:13px!important;
  letter-spacing:.06em;
  background:#eef2f6;
  padding:8px 10px;
  border-radius:10px;
  color:#4e5969;
}
.eu-section{background:#eef2f6}
.eu-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}
.eu-grid span{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 13px;font-size:13px;font-weight:800;box-shadow:0 8px 22px rgba(11,18,32,.04)}
.eu-note{margin-top:18px;background:#0b1220;color:#fff;border-radius:17px;padding:18px 20px;display:flex;gap:12px;align-items:center}
.eu-note span{color:#aeb8c6;font-size:13px}
@media(max-width:1150px){.eu-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.eu-grid{grid-template-columns:repeat(2,1fr)}.eu-note{align-items:flex-start;flex-direction:column}}

/* ===== V0.3 trust-first document flow ===== */
.confidentiality-box{
  display:flex;gap:12px;align-items:flex-start;
  background:#f4f7fa;border:1px solid var(--line);border-radius:16px;
  padding:15px 16px;margin-top:20px
}
.confidentiality-box>span{font-size:22px}
.confidentiality-box strong{display:block}
.confidentiality-box p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.5}

/* ===== V0.5 accelerated business flow ===== */
.lang-select{border:1px solid var(--line);background:#fff;border-radius:11px;padding:9px 10px;font-weight:800}
.marketplace-section{background:#f8fafc}
.opportunity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.opportunity-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow)}
.op-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.country-badge{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#0b1220;color:#fff;font-size:13px;font-weight:800}
.privacy-pill{font-size:11.5px;font-weight:850;color:#617083;background:#eef2f6;padding:7px 9px;border-radius:99px}
.opportunity-card h3{font-size:20px;margin:18px 0 11px}
.op-tags{display:flex;gap:7px;flex-wrap:wrap}.op-tags span{font-size:11.5px;font-weight:800;background:#f0f3f6;border-radius:99px;padding:6px 8px}
.op-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.op-meta>div{border-top:1px solid var(--line);padding-top:12px}.op-meta small{display:block;color:#8994a3}.op-meta strong{display:block;margin-top:4px}
.quote-section{background:#fff}
.quote-flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.quote-flow-grid article{border:1px solid var(--line);border-radius:18px;padding:22px;background:#f8fafc}
.flow-number{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#0b1220;color:#fff;font-size:12px;font-weight:800}
.quote-flow-grid h3{margin:18px 0 8px}.quote-flow-grid p{margin:0;color:var(--muted);line-height:1.55}
.role-switch{display:flex;gap:8px;margin:20px 0}.role-btn{flex:1;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px;font-weight:850}.role-btn.active{background:#0b1220;color:#fff}
.form-note{display:block;color:#8c96a4;margin-top:12px;line-height:1.5}
.protected-banner{display:flex;gap:12px;background:#f3f7fa;border:1px solid var(--line);border-radius:16px;padding:15px;margin:20px 0}.protected-banner>span{font-size:22px}.protected-banner p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.45}
.op-detail-grid,.intro-record{display:grid;grid-template-columns:1fr 1fr;gap:10px}.op-detail-grid>div,.intro-record>div{border:1px solid var(--line);border-radius:13px;padding:13px}.op-detail-grid span,.intro-record span{display:block;font-size:11.5px;color:#8994a3}.op-detail-grid strong,.intro-record strong{display:block;margin-top:4px}
.document-summary{margin-top:20px}.document-summary h3{font-size:16px}.doc-line{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:8px}.doc-line>span{background:#0b1220;color:#fff;border-radius:8px;padding:6px;text-align:center;font-size:11px;font-weight:800}.doc-line small{color:#8c96a4}
.terms-check{display:flex;gap:10px;align-items:flex-start;background:#f7f9fb;border:1px solid var(--line);border-radius:14px;padding:14px;margin-top:16px}.terms-check input{margin-top:3px}.terms-check span{font-size:13px;line-height:1.5;color:#596575}
.intro-success{text-align:center;padding:28px 10px}.intro-check{width:72px;height:72px;border-radius:24px;background:#eaf8f1;color:#147753;display:grid;place-items:center;font-size:32px;font-weight:800;margin:0 auto}.intro-success h3{font-size:22px;margin:16px 0 8px}.intro-success p{color:var(--muted);line-height:1.55}
@media(max-width:1150px){.opportunity-grid{grid-template-columns:1fr 1fr}.quote-flow-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.opportunity-grid,.quote-flow-grid{grid-template-columns:1fr}.doc-line{grid-template-columns:45px 1fr}.doc-line small{grid-column:2}.op-detail-grid,.intro-record{grid-template-columns:1fr}.lang-select{display:none}}

/* ===== V0.6 subscription + success fee ===== */
.pricing-section{background:#eef2f6}
.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:1000px}
.price-card{background:#fff;border:1px solid var(--line);border-radius:25px;padding:28px;box-shadow:var(--shadow)}
.price-card.featured{background:#0b1220;color:#fff;border-color:#0b1220}
.plan-badge{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.1em;background:#eef2f6;color:#4c596a;border-radius:99px;padding:7px 9px}
.featured .plan-badge{background:rgba(255,255,255,.1);color:#dbe3ec}
.price-card h3{font-size:26px;margin:15px 0 4px}
.price{display:flex;align-items:baseline;gap:5px;margin-top:8px}.price strong{font-size:40px;letter-spacing:-.04em}.price span{color:#8b96a5}
.price-card ul{padding-left:18px;line-height:2;color:#596574;margin:24px 0}
.featured ul{color:#aeb8c6}
.success-fee{border-top:1px solid var(--line);padding-top:18px;margin-top:10px}
.featured .success-fee{border-color:rgba(255,255,255,.12)}
.success-fee span{display:block;font-size:12px;color:#7e8998;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.success-fee strong{display:block;font-size:30px;margin-top:4px}
.success-fee small{display:block;color:#8b96a5;line-height:1.45;margin-top:4px}
.featured .success-fee small{color:#aeb8c6}
.fee-example{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow)}
.example-copy h3{font-size:25px;margin:7px 0 18px}
.example-flow{display:flex;align-items:center;gap:10px;overflow:auto;padding-bottom:6px}
.example-node{min-width:220px;border:1px solid var(--line);border-radius:16px;padding:16px;background:#f8fafc}
.example-node.main{background:#0b1220;color:#fff}
.example-node small{display:block;color:#8a95a3}.example-node strong{display:block;margin-top:5px}.example-node em{display:block;font-style:normal;color:#5f6b79;margin-top:8px;font-size:13px}
.example-total{margin:18px 0 0;color:#566170}
.pricing-note{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:flex;gap:10px;align-items:flex-start}
.pricing-note span{color:#5f6b79;line-height:1.5}
.fee-disclosure{border:1px solid var(--line);background:#f7f9fb;border-radius:14px;padding:14px;margin-top:16px}
.fee-disclosure span{display:block;font-size:11.5px;color:#85909f;text-transform:uppercase;font-weight:800;letter-spacing:.08em}
.fee-disclosure strong{display:block;font-size:20px;margin-top:4px}
.fee-disclosure small{display:block;color:#6f7a89;line-height:1.45;margin-top:4px}
@media(max-width:850px){.pricing-grid{grid-template-columns:1fr}.pricing-note{flex-direction:column}}

/* ===== V0.7 supplier diversification / rotation ===== */
.diversification-section{background:#fff}
.diversification-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.div-card{border:1px solid var(--line);background:#f8fafc;border-radius:20px;padding:23px}
.div-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#0b1220;color:#fff;font-size:11.5px;font-weight:800}
.div-card h3{margin:18px 0 8px}.div-card p{margin:0;color:var(--muted);line-height:1.55}
.match-title-row{display:flex;justify-content:space-between;gap:10px;align-items:center}
.relation-badge{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border-radius:99px;padding:6px 8px;white-space:nowrap}
.relation-badge.new{background:#eaf8f1;color:#147753}
.relation-badge.existing{background:#eef2f6;color:#5a6675}
.match-option.recommended{border-color:#bcdcca;background:#f7fcf9}
.match-reason{display:block;color:#7d8897;margin-top:10px;line-height:1.45}
.rotation-business-note{margin-top:14px;background:#0b1220;color:#fff;border-radius:17px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.rotation-business-note span{display:block;font-size:11.5px;color:#98a5b5;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.rotation-business-note strong{display:block;margin-top:5px;font-size:17px}
.rotation-business-note p{max-width:670px;margin:0;color:#aeb8c6;line-height:1.55;font-size:13px}
@media(max-width:1100px){.diversification-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.diversification-grid{grid-template-columns:1fr}.rotation-business-note{flex-direction:column;align-items:flex-start}.match-title-row{align-items:flex-start;flex-direction:column}}

/* ===== V0.8 exact pricing ===== */
.fixed-price-note{display:block;margin-top:5px;color:#8792a0;font-size:12px;font-weight:700}
.featured .fixed-price-note{color:#9eabba}
.billing-note{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:flex;gap:10px;align-items:flex-start}
.billing-note span{color:#5f6b79;line-height:1.5}
@media(max-width:850px){.billing-note{flex-direction:column}}

/* ===== V0.9 Europe 4% + enterprise high-value ===== */
.enterprise-box{
  margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:18px;
  padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:24px
}
.enterprise-box h3{margin:9px 0 5px;font-size:18px}
.enterprise-box p{margin:0;color:#657181;line-height:1.5;max-width:800px}
.enterprise-box>strong{font-size:20px;white-space:nowrap}
@media(max-width:760px){.enterprise-box{flex-direction:column;align-items:flex-start}}

/* ===== V1.0 subscription gate after analysis ===== */
.gate-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}
.gate-summary>div{border:1px solid var(--line);border-radius:13px;padding:13px}
.gate-summary span{display:block;font-size:11.5px;color:#8994a3}
.gate-summary strong{display:block;margin-top:4px}
.gate-plans{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.gate-plans article{border:1px solid var(--line);border-radius:18px;padding:18px;background:#fff}
.gate-plans article>strong{display:block;font-size:25px;margin-top:9px}
.gate-plans article>small{display:block;color:#6f7a89;line-height:1.45;margin-top:5px;min-height:42px}
.gate-plans .featured-gate{background:#0b1220;color:#fff}
.gate-plans .featured-gate small{color:#aeb8c6}
.gate-plans .featured-gate .plan-badge{background:rgba(255,255,255,.1);color:#dbe3ec}
@media(max-width:720px){.gate-summary,.gate-plans{grid-template-columns:1fr}}

/* ===== V1.1 beta launch control ===== */
.beta-topbar{position:relative;z-index:1000;display:flex;justify-content:center;gap:12px;align-items:center;padding:8px 18px;background:#0b1220;color:#fff;font-size:13px}
.beta-topbar span{color:#aeb8c6}
.beta-policy{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}
.beta-policy span{color:#5f6b79;line-height:1.45}
.waitlist-section{background:#0b1220}
.waitlist-card{max-width:1080px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;background:#fff;border-radius:24px;padding:28px}
.waitlist-card h2{margin:8px 0}.waitlist-card p{color:#617080;line-height:1.55}
.waitlist-form{display:flex;flex-direction:column;gap:10px}
.waitlist-form input{padding:14px 15px;border:1px solid var(--line);border-radius:12px;font:inherit}
.waitlist-form small{color:#7e8997}
.maintenance-state{display:flex;gap:12px;align-items:flex-start;background:#f7f9fb;border:1px solid var(--line);border-radius:15px;padding:15px;margin:18px 0}
.status-dot{width:12px;height:12px;border-radius:50%;background:#f0a22e;margin-top:4px;flex:0 0 auto}
.maintenance-state p{margin:5px 0 0;color:#697585;line-height:1.45}
.state-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 20px}
.state-grid>div{border:1px solid var(--line);border-radius:13px;padding:13px}
.state-grid span{display:block;font-size:11.5px;color:#8b96a5;text-transform:uppercase}
.state-grid strong{display:block;margin-top:5px}
@media(max-width:800px){.beta-policy,.waitlist-card{grid-template-columns:1fr}.beta-topbar{align-items:flex-start;flex-direction:column}.state-grid{grid-template-columns:1fr}}

/* ===== V1.2 value engine + MLSR Pulse ===== */
.value-engine{background:#fff}
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.value-grid article{border:1px solid var(--line);border-radius:20px;padding:22px;background:#f8fafc}
.value-num{display:inline-flex;width:38px;height:38px;border-radius:12px;align-items:center;justify-content:center;background:#0b1220;color:#fff;font-weight:800;font-size:11.5px}
.value-grid h3{margin:16px 0 8px}.value-grid p{margin:0;color:#657181;line-height:1.55}

.pulse-section{background:#0b1220;color:#fff}
.pulse-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}
.pulse-heading p{color:#aeb8c6}
.pulse-controls{display:flex;gap:8px;flex-wrap:wrap}
.pulse-controls select{background:#121b2a;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:11px;padding:11px 12px}
.pulse-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pulse-card{background:#121b2a;border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:18px}
.pulse-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.pulse-card p{color:#aeb8c6;line-height:1.5;margin:10px 0 14px}
.capacity{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border-radius:99px;padding:6px 8px;white-space:nowrap}
.capacity.high{background:#dff7eb;color:#126e4b}.capacity.medium{background:#fff1cf;color:#845f00}.capacity.low{background:#eef2f6;color:#5a6675}
.pulse-meta{display:flex;flex-direction:column;gap:5px;color:#7f8da0;font-size:12px}
.pulse-cta{margin-top:14px;border:1px solid rgba(255,255,255,.09);border-radius:17px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:18px}
.pulse-cta span{display:block;color:#96a3b4;font-size:13px;margin-top:4px}

.network-section{background:#eef2f6}
.network-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.network-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px}
.network-panel.dark{background:#0b1220;color:#fff;border-color:#0b1220}
.network-panel h3{font-size:23px;margin:14px 0}
.network-panel ul{padding-left:18px;line-height:1.9;color:#5f6b79}
.network-panel.dark ul{color:#aeb8c6}

@media(max-width:1050px){
  .value-grid{grid-template-columns:1fr 1fr}
  .pulse-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .value-grid,.pulse-grid,.network-columns{grid-template-columns:1fr}
  .pulse-heading,.pulse-cta{flex-direction:column;align-items:flex-start}
}

/* ===== V1.3 matching modes + cost intelligence ===== */
.sourcing-mode-section{background:#f7f9fb}
.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mode-card{background:#fff;border:1px solid var(--line);border-radius:21px;padding:22px;cursor:pointer;transition:.2s}
.mode-card:hover,.mode-card.active{transform:translateY(-2px);border-color:#0b1220;box-shadow:var(--shadow)}
.mode-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#0b1220;color:#fff;font-size:18px;font-weight:800}
.mode-card h3{margin:16px 0 8px}.mode-card p{color:#687585;line-height:1.55;min-height:72px}
.mode-weight{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}
.mode-weight span{display:block;font-size:11.5px;color:#8b96a5;text-transform:uppercase}.mode-weight strong{display:block;margin-top:4px}
.cost-comparison{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow)}
.cost-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.cost-head h3{margin:7px 0}
.demo-badge{font-size:11.5px;font-weight:800;text-transform:uppercase;background:#eef2f6;border-radius:99px;padding:7px 9px}
.cost-table{margin-top:16px;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.cost-row{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:10px;padding:12px 14px;border-top:1px solid var(--line);align-items:center}
.cost-row:first-child{border-top:0}.cost-row.header{background:#f4f6f8;color:#7a8695;font-size:11.5px;text-transform:uppercase;font-weight:800}
.cost-row.winner{background:#f4fbf7}.cost-row small{display:block;color:#16815a;margin-top:3px}
.saving-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.saving-strip>div{background:#0b1220;color:#fff;border-radius:14px;padding:14px}.saving-strip span{display:block;font-size:11.5px;color:#95a2b3;text-transform:uppercase}.saving-strip strong{display:block;font-size:20px;margin-top:4px}
.match-mode-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:14px 0}
.match-mode-toolbar>span{font-size:12px;color:#788494;font-weight:800;margin-right:3px}
.match-mode{border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 10px;font-size:12px;font-weight:800;cursor:pointer}
.match-mode.active{background:#0b1220;color:#fff;border-color:#0b1220}
.landed-cost{display:inline-flex;gap:5px;margin-top:9px;padding:7px 9px;border-radius:10px;background:#eef2f6;font-size:12px;color:#667281}
.landed-cost strong{color:#0b1220}
@media(max-width:850px){.mode-grid{grid-template-columns:1fr}.saving-strip{grid-template-columns:1fr}.cost-row{grid-template-columns:1.2fr repeat(2,1fr)}.cost-row span:nth-child(3),.cost-row span:nth-child(4){display:none}}

/* ===== V1.4 simplified homepage ===== */

/* Keep the detailed legacy sections available in code, but remove them from the main visual flow. */
.value-engine,
.pulse-section,
.network-section,
.sourcing-mode-section,
.diversification-section,
.pricing-section,
.waitlist-section {
  display:none !important;
}

.compact-home{background:#fff;padding-top:54px;padding-bottom:42px}
.compact-heading{max-width:760px}
.compact-heading h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.04em;margin-bottom:10px}
.compact-heading p{max-width:650px}

.compact-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}
.compact-action{
  border:1px solid var(--line);border-radius:20px;background:#fff;padding:20px;
  display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;
  text-align:left;cursor:pointer;box-shadow:0 8px 24px rgba(10,20,35,.05)
}
.compact-action.primary-action{background:#0b1220;color:#fff;border-color:#0b1220}
.compact-index{
  display:grid;place-items:center;width:40px;height:40px;border-radius:12px;
  background:#eef2f6;color:#4f5c6d;font-size:11.5px;font-weight:800
}
.primary-action .compact-index{background:rgba(255,255,255,.1);color:#fff}
.compact-action strong{display:block;font-size:18px}
.compact-action small{display:block;margin-top:4px;color:#7d8998;line-height:1.4}
.primary-action small{color:#aeb8c6}
.compact-arrow{font-size:22px}

.compact-tools{
  display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px
}
.compact-tool{
  border:1px solid var(--line);border-radius:16px;background:#f8fafc;padding:16px;
  text-align:left;cursor:pointer;min-height:128px
}
.compact-tool span{display:block;font-size:11.5px;color:#8792a0;text-transform:uppercase;font-weight:800;letter-spacing:.05em}
.compact-tool strong{display:block;margin-top:9px;line-height:1.35}
.compact-tool small{display:inline-block;margin-top:14px;color:#0b1220;font-weight:800}

.pulse-preview{
  margin-top:12px;border-radius:18px;background:#eef2f6;padding:20px;
  display:flex;justify-content:space-between;gap:25px;align-items:center
}
.pulse-preview h3{margin:7px 0 5px;font-size:22px}
.pulse-preview p{margin:0;color:#647080;max-width:620px}
.pulse-preview-tags{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.pulse-preview-tags>span{background:#fff;border:1px solid var(--line);border-radius:99px;padding:7px 9px;font-size:12px;font-weight:800}

.compact-pricing{background:#f7f9fb;padding-top:44px;padding-bottom:54px}
.compact-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;max-width:880px}
.compact-plan-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}
.compact-plan-grid article.dark{background:#0b1220;color:#fff;border-color:#0b1220}
.compact-plan-grid article>div{margin-top:12px}
.compact-plan-grid article>div strong{font-size:34px}
.compact-plan-grid article>div small{color:#8b96a5;margin-left:4px}
.compact-plan-grid article p{color:#687585;line-height:1.5;min-height:48px}
.compact-plan-grid article.dark p{color:#aeb8c6}
.compact-plan-grid article.dark .plan-badge{background:rgba(255,255,255,.1);color:#dfe6ee}
.text-link{border:0;background:transparent;padding:0;margin-top:13px;font-weight:800;cursor:pointer;text-decoration:underline;text-underline-offset:4px}

.info-modal{max-width:640px}
.info-body{margin:18px 0 22px}
.info-body p{color:#667383;line-height:1.65}
.info-steps{display:grid;gap:9px;margin-top:15px}
.info-step{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:flex-start;border:1px solid var(--line);border-radius:13px;padding:12px}
.info-step span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#0b1220;color:#fff;font-size:11.5px;font-weight:800}
.info-step strong{display:block}.info-step small{display:block;margin-top:3px;color:#74808f;line-height:1.45}
.info-chip-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.info-chip-row span{border:1px solid var(--line);background:#f7f9fb;border-radius:99px;padding:7px 9px;font-size:12px;font-weight:800}

@media(max-width:980px){
  .compact-tools{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .compact-actions,.compact-plan-grid{grid-template-columns:1fr}
  .compact-tools{grid-template-columns:1fr}
  .pulse-preview{flex-direction:column;align-items:flex-start}
  .pulse-preview-tags{justify-content:flex-start}
}

/* ===== V1.5 supplier registry + buyer cost focus ===== */
.buyer-goal-strip{
  margin-top:12px;border:1px solid var(--line);border-radius:18px;padding:18px 20px;
  display:flex;justify-content:space-between;gap:20px;align-items:center;background:#fff
}
.buyer-goal-strip .kicker{display:block;margin-bottom:6px}
.buyer-goal-strip strong{display:block;font-size:18px}
.buyer-goal-strip small{display:block;color:#6f7b8a;margin-top:4px;line-height:1.4}

.supplier-registry-modal{max-width:760px}
.registry-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}
.registry-filters select{padding:12px;border:1px solid var(--line);border-radius:11px;background:#fff}
.registry-list{display:grid;gap:10px}
.registry-list article{
  display:flex;justify-content:space-between;gap:15px;align-items:flex-start;
  border:1px solid var(--line);border-radius:15px;padding:14px;background:#fff
}
.registry-list p{margin:5px 0 0;color:#687585;line-height:1.45}
.registry-meta{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:310px}
.registry-meta span{font-size:11.5px;padding:6px 8px;border-radius:99px;background:#eef2f6;color:#5f6b79;font-weight:800}
.registry-meta .verified{background:#e7f7ef;color:#157252}
.registry-meta .discovered{background:#fff1cf;color:#7e5b00}
.registry-note{margin:14px 0 18px;background:#f7f9fb;border:1px solid var(--line);border-radius:13px;padding:13px}
.registry-note span{display:block;margin-top:4px;color:#677382;line-height:1.5;font-size:13px}

.supplier-profile-modal{max-width:660px}
.supplier-profile-form{display:grid;gap:13px;margin-top:18px}
.supplier-profile-form label>span,.supplier-profile-form legend{display:block;font-size:12px;font-weight:800;color:#687585;margin-bottom:6px}
.supplier-profile-form input[type="text"],.supplier-profile-form select,.supplier-profile-form textarea{
  width:100%;padding:12px;border:1px solid var(--line);border-radius:11px;font:inherit;background:#fff
}
.form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.supplier-profile-form fieldset{border:1px solid var(--line);border-radius:13px;padding:12px}
.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:13px}
.supplier-profile-form>small{color:#7c8795}

@media(max-width:760px){
  .buyer-goal-strip{flex-direction:column;align-items:flex-start}
  .registry-filters,.form-two,.check-grid{grid-template-columns:1fr}
  .registry-list article{flex-direction:column}
  .registry-meta{justify-content:flex-start;max-width:none}
}

/* ===== V1.6 navigation fixes ===== */
html{scroll-behavior:smooth}
section[id], .nav-anchor{scroll-margin-top:110px}
.nav-anchor{display:block;position:relative;top:-6px;height:1px}
.top-nav a{cursor:pointer}
.top-nav a:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:4px}

/* ===== V1.7 client workspace ===== */
.client-area-modal{max-width:980px}
.client-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}
.client-summary>div{border:1px solid var(--line);border-radius:14px;padding:14px;background:#f8fafc}
.client-summary span{display:block;font-size:11.5px;color:#84909f;text-transform:uppercase;font-weight:800}
.client-summary strong{display:block;font-size:19px;margin-top:5px}
.client-summary small{display:block;color:#7d8998;margin-top:3px}

.workspace-tabs{display:flex;gap:7px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:14px}
.workspace-tab{border:1px solid var(--line);background:#fff;border-radius:99px;padding:8px 11px;font-size:12px;font-weight:800;cursor:pointer}
.workspace-tab.active{background:#0b1220;color:#fff;border-color:#0b1220}

.workspace-panel{display:none}
.workspace-panel.active{display:block}
.workspace-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.workspace-grid article,.workspace-list article{border:1px solid var(--line);border-radius:15px;padding:14px;background:#fff}
.workspace-card-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}
.workspace-card-head>span:first-child{font-size:11.5px;color:#83909f;font-weight:800}
.workspace-grid article>strong{display:block;font-size:15px}
.workspace-grid article>p{color:#687585;line-height:1.45;min-height:40px}
.workspace-card-meta{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#7b8795;margin-bottom:12px}

.status-pill{font-size:11px;font-weight:800;border-radius:99px;padding:6px 8px;white-space:nowrap}
.status-pill.green{background:#e7f7ef;color:#147452}
.status-pill.amber{background:#fff2d4;color:#7a5900}
.status-pill.blue{background:#eaf1ff;color:#345f9f}

.workspace-list{display:grid;gap:9px;margin-bottom:13px}
.workspace-list article{display:flex;justify-content:space-between;align-items:center;gap:14px}
.workspace-list p{margin:4px 0 0;color:#6d7988}
.match-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:13px}
.match-overview>div{background:#0b1220;color:#fff;border-radius:14px;padding:14px}
.match-overview span{display:block;color:#95a2b3;font-size:11.5px;text-transform:uppercase}
.match-overview strong{display:block;font-size:22px;margin-top:4px}
.workspace-note{border:1px solid var(--line);border-radius:13px;background:#f7f9fb;padding:13px}
.workspace-note span{display:block;color:#6d7988;margin-top:4px;line-height:1.45}
.billing-workspace{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:13px}
.billing-workspace>div{border:1px solid var(--line);border-radius:14px;padding:14px}
.billing-workspace span{display:block;font-size:11.5px;color:#85909f;text-transform:uppercase}
.billing-workspace strong{display:block;font-size:18px;margin-top:4px}
.billing-workspace small{display:block;color:#768291;margin-top:4px;line-height:1.4}
.workspace-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}

@media(max-width:900px){
  .client-summary,.workspace-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .client-summary,.workspace-grid,.match-overview,.billing-workspace{grid-template-columns:1fr}
  .workspace-footer{flex-direction:column;align-items:stretch}
  .workspace-list article{flex-direction:column;align-items:flex-start}
}

/* ===== V1.8 anonymized supplier -> controlled introduction ===== */
.match-intro-btn{margin-top:12px}
.existing-relation-btn{margin-left:0}

.intro-eval-modal,.revealed-contact-modal,.existing-relation-modal{max-width:720px}
.intro-eval-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}
.intro-eval-summary>div{border:1px solid var(--line);border-radius:13px;padding:12px;background:#f8fafc}
.intro-eval-summary span{display:block;font-size:11px;color:#84909f;text-transform:uppercase;font-weight:800}
.intro-eval-summary strong{display:block;margin-top:4px}

.intro-rules{display:grid;gap:8px;margin:14px 0}
.intro-rule{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:flex-start;border:1px solid var(--line);border-radius:13px;padding:12px}
.intro-rule>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#0b1220;color:#fff;font-size:11.5px;font-weight:800}
.intro-rule strong{display:block}.intro-rule small{display:block;margin-top:3px;color:#75808f;line-height:1.4}
.intro-terms{margin:14px 0}

.reveal-success{display:flex;gap:12px;align-items:center;background:#f2fbf6;border:1px solid #cbe9d8;border-radius:15px;padding:14px;margin:18px 0}
.reveal-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#167452;color:#fff;font-weight:800}
.reveal-success p{margin:4px 0 0;color:#668071}

.company-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.company-contact-grid>div{border:1px solid var(--line);border-radius:13px;padding:12px}
.company-contact-grid span{display:block;font-size:11px;color:#85909f;text-transform:uppercase;font-weight:800}
.company-contact-grid strong{display:block;margin-top:4px;word-break:break-word}

.relationship-box{margin:14px 0;border-radius:14px;background:#0b1220;color:#fff;padding:14px}
.relationship-box span{display:block;font-size:11px;color:#96a3b4;text-transform:uppercase;font-weight:800}
.relationship-box strong{display:block;margin-top:5px}
.relationship-box small{display:block;color:#aeb8c6;margin-top:5px;line-height:1.45}

.relationship-history{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}
.relationship-history>div{border:1px solid var(--line);border-radius:13px;padding:12px;background:#f8fafc}
.relationship-history span{display:block;font-size:11px;color:#85909f;text-transform:uppercase}
.relationship-history strong{display:block;margin-top:4px}

@media(max-width:760px){
  .intro-eval-summary,.relationship-history,.company-contact-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .intro-eval-summary,.relationship-history,.company-contact-grid{grid-template-columns:1fr}
}

/* ===== V1.9 registry coverage + empty state ===== */
.registry-empty{
  margin:12px 0;border:1px dashed var(--line);border-radius:14px;padding:16px;
  background:#f8fafc;text-align:center
}
.registry-empty strong{display:block}
.registry-empty span{display:block;margin-top:5px;color:#6f7b8a;line-height:1.45}

/* ===== V2.0 full EU-27 supplier registry demo ===== */
.registry-toolbar{
  display:flex;justify-content:space-between;gap:10px;align-items:center;
  margin:2px 0 12px;padding:10px 12px;border-radius:12px;background:#0b1220;color:#fff
}
.registry-toolbar span{font-weight:800}
.registry-toolbar small{color:#aeb8c6}
.registry-list{max-height:480px;overflow:auto;padding-right:4px}
.registry-list article{margin-bottom:8px}
.registry-country{
  display:inline-block;font-size:11px;font-weight:800;text-transform:uppercase;
  letter-spacing:.04em;margin-bottom:5px;color:#6d7887
}
@media(max-width:700px){
  .registry-toolbar{flex-direction:column;align-items:flex-start}
}

/* ===== V2.1 Industrial Capacity Exchange ===== */
.capacity-exchange-section{background:#f7f9fb}
.capacity-exchange-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.capacity-side{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px}
.capacity-side h3{font-size:24px;margin:14px 0 8px}
.capacity-side p{color:#677383;line-height:1.55}
.capacity-side.supplier-side{background:#0b1220;color:#fff;border-color:#0b1220}
.capacity-side.supplier-side p{color:#aeb8c6}
.capacity-side.supplier-side .plan-badge{background:rgba(255,255,255,.1);color:#fff}
.capacity-example{border:1px solid var(--line);border-radius:14px;padding:14px;margin:16px 0;background:#f8fafc}
.supplier-side .capacity-example{border-color:rgba(255,255,255,.12);background:#121b2a}
.capacity-example span{display:block;font-size:11px;color:#8792a0;text-transform:uppercase;font-weight:800}
.capacity-example strong{display:block;margin-top:5px}
.capacity-example small{display:block;color:#7b8795;margin-top:4px}
.supplier-side .capacity-example small{color:#9eabba}

.capacity-market-preview{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px}
.capacity-market-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end}
.capacity-market-head h3{margin:7px 0 0}
.capacity-filters{display:flex;gap:8px;flex-wrap:wrap}
.capacity-filters select{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}
.capacity-market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}
.capacity-market-grid article{border:1px solid var(--line);border-radius:15px;padding:14px;background:#f8fafc}
.capacity-market-grid article>div span{display:block;font-size:11px;text-transform:uppercase;color:#84909f;font-weight:800}
.capacity-market-grid article>div strong{display:block;margin-top:4px}
.capacity-market-grid article>b{display:block;font-size:25px;margin-top:14px}
.capacity-market-grid article>small{display:block;color:#74808f;margin-top:3px}
.capacity-rule{margin-top:12px;border-radius:13px;background:#0b1220;color:#fff;padding:13px 15px}
.capacity-rule span{display:block;color:#aeb8c6;margin-top:4px;line-height:1.45}

.capacity-form{display:grid;gap:13px;margin-top:18px}
.capacity-form label>span{display:block;font-size:12px;font-weight:800;color:#687585;margin-bottom:6px}
.capacity-form input,.capacity-form select,.capacity-form textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:11px;font:inherit;background:#fff}
.capacity-form>small{color:#7c8795}

@media(max-width:900px){
  .capacity-market-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .capacity-exchange-grid,.capacity-market-grid{grid-template-columns:1fr}
  .capacity-market-head{flex-direction:column;align-items:flex-start}
}

/* ===== V2.2 Capacity Exchange moved to top ===== */
.capacity-exchange-section{
  background:#f7f9fb;
  padding-top:48px;
  border-bottom:1px solid var(--line);
}
.capacity-exchange-section .section-heading{
  margin-bottom:24px;
}
.nav-capacity-primary{
  font-weight:800 !important;
  padding:8px 11px;
  border-radius:999px;
  background:#0b1220;
  color:#fff !important;
}
.nav-capacity-primary:hover{
  opacity:.92;
}
@media(max-width:760px){
  .capacity-exchange-section{padding-top:34px}
}

/* ===== V2.3 scrollable capacity selectors ===== */
.capacity-selector-grid{align-items:stretch}
.capacity-side{display:flex;flex-direction:column}
.capacity-scroll-list{
  display:flex;flex-direction:column;gap:8px;
  max-height:355px;overflow-y:auto;
  padding:4px 6px 4px 0;margin:16px 0 12px;
  scrollbar-width:thin;
}
.capacity-scroll-list::-webkit-scrollbar{width:8px}
.capacity-scroll-list::-webkit-scrollbar-thumb{background:#cfd6df;border-radius:999px}
.dark-list::-webkit-scrollbar-thumb{background:#3c4757}

.capacity-process{
  width:100%;border:1px solid var(--line);background:#f8fafc;
  border-radius:14px;padding:13px 14px;text-align:left;cursor:pointer;
  transition:.18s;flex:0 0 auto;
}
.capacity-process:hover{transform:translateX(3px);border-color:#8c98a7}
.capacity-process.active{background:#0b1220;color:#fff;border-color:#0b1220}
.capacity-process strong{display:block;font-size:14px}
.capacity-process small{display:block;margin-top:4px;color:#7b8796;line-height:1.35}
.capacity-process.active small{color:#aeb8c6}

.supplier-side .capacity-process{
  background:#121b2a;border-color:rgba(255,255,255,.12);color:#fff
}
.supplier-side .capacity-process small{color:#9faabc}
.supplier-side .capacity-process:hover{border-color:#647084}
.supplier-side .capacity-process.active{
  background:#fff;color:#0b1220;border-color:#fff
}
.supplier-side .capacity-process.active small{color:#6f7a89}

.capacity-selection{
  margin:0 0 12px;border:1px solid var(--line);border-radius:12px;
  padding:10px 12px;background:#fff
}
.capacity-selection span{display:block;font-size:11px;text-transform:uppercase;color:#8792a0;font-weight:800}
.capacity-selection strong{display:block;margin-top:3px}
.dark-selection{background:#121b2a;border-color:rgba(255,255,255,.12)}
.dark-selection span{color:#8f9bad}
.dark-selection strong{color:#fff}

@media(max-width:760px){
  .capacity-scroll-list{max-height:300px}
}

/* ===== V2.4 moved savings CTA below MLSR rule ===== */
.capacity-market-preview .buyer-goal-strip{
  margin-top:12px;
  background:linear-gradient(180deg,#ffffff,#f7f9fb);
  border:1px solid var(--line);
  box-shadow:0 10px 28px rgba(10,20,35,.07);
}
.capacity-market-preview .buyer-goal-strip strong{
  font-size:19px;
}
.capacity-market-preview .buyer-goal-strip .kicker{
  color:#0b1220;
}

/* ===== V2.5 registration flow directly after Capacity Exchange ===== */
.capacity-registration{
  margin-top:16px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:22px;
  box-shadow:0 10px 30px rgba(10,20,35,.06);
}
.registration-copy h3{font-size:23px;margin:8px 0 6px}
.registration-copy p{margin:0;color:#677383;line-height:1.55;max-width:850px}
.registration-steps{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:18px;
}
.registration-step{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:10px;
  align-items:flex-start;
  border:1px solid var(--line);
  border-radius:14px;
  padding:12px;
  background:#f8fafc;
}
.registration-step>span{
  display:grid;
  place-items:center;
  width:30px;height:30px;
  border-radius:9px;
  background:#0b1220;
  color:#fff;
  font-size:11.5px;
  font-weight:800;
}
.registration-step strong{display:block}
.registration-step small{display:block;margin-top:3px;color:#74808f;line-height:1.4}
.registration-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.registration-actions button{min-width:180px}

@media(max-width:1000px){
  .registration-steps{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .registration-steps{grid-template-columns:1fr}
  .registration-actions{flex-direction:column}
  .registration-actions button{width:100%}
}

/* ===== V2.6 richer industrial opportunity cards ===== */
.opportunity-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.opportunity-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:24px;
  box-shadow:0 10px 28px rgba(10,20,35,.06);
}
.opportunity-top{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
}
.country-badge{
  display:grid;
  place-items:center;
  min-width:52px;
  height:52px;
  padding:0 12px;
  border-radius:14px;
  background:#0b1220;
  color:#fff;
  font-weight:800;
}
.buyer-private{
  border-radius:999px;
  padding:7px 10px;
  background:#eef2f6;
  color:#687585;
  font-size:11.5px;
  font-weight:800;
}
.opportunity-card h3{
  font-size:24px;
  margin:22px 0 13px;
}
.opportunity-sublist{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:14px 0 16px;
}
.opportunity-sublist span{
  border:1px solid var(--line);
  background:#f8fafc;
  border-radius:11px;
  padding:9px 10px;
  font-size:13px;
  font-weight:800;
}
.opportunity-meta{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:16px 0;
  padding-top:14px;
  border-top:1px solid var(--line);
}
.opportunity-meta span{
  display:block;
  color:#84909f;
  font-size:11.5px;
  text-transform:uppercase;
  font-weight:800;
}
.opportunity-meta strong{
  display:block;
  margin-top:4px;
}
@media(max-width:900px){
  .opportunity-grid{grid-template-columns:1fr}
}
@media(max-width:540px){
  .opportunity-sublist,.opportunity-meta{grid-template-columns:1fr}
}

/* ===== V2.7 country code + country name ===== */
.country-badge{
  display:inline-flex !important;
  align-items:center;
  gap:8px;
  width:auto !important;
  min-width:unset !important;
  height:42px !important;
  padding:0 12px !important;
}
.country-badge b{
  font-size:13px;
  letter-spacing:.03em;
}
.country-badge small{
  font-size:12px;
  font-weight:800;
  opacity:.85;
  white-space:nowrap;
}

/* ===== V2.8 public EU-27 capacity teaser ===== */
.public-capacity-teaser{
  margin-top:16px;
  background:#0b1220;
  color:#fff;
  border-radius:22px;
  padding:22px;
}
.public-capacity-head{
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:flex-start;
}
.public-capacity-head h3{font-size:25px;margin:7px 0 6px}
.public-capacity-head p{margin:0;color:#aeb8c6;line-height:1.55;max-width:780px}
.teaser-lock{
  flex:0 0 auto;
  display:flex;
  gap:8px;
  align-items:center;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  background:#121b2a;
  color:#dfe6ee;
  font-size:12px;
}
.teaser-controls{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:18px;
}
.teaser-controls select{
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:10px;
  background:#121b2a;
  color:#fff;
}
.public-capacity-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
  margin-top:14px;
  max-height:430px;
  overflow:auto;
  padding-right:3px;
}
.public-capacity-card{
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:#121b2a;
  padding:13px;
  cursor:pointer;
  transition:.18s;
}
.public-capacity-card:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.24);
}
.public-capacity-card .country-line{
  display:flex;
  gap:7px;
  align-items:center;
  font-size:11.5px;
  color:#94a1b2;
  text-transform:uppercase;
  font-weight:800;
}
.public-capacity-card h4{margin:8px 0 4px;font-size:14px}
.public-capacity-card strong.hours{
  display:block;
  font-size:23px;
  margin-top:11px;
}
.public-capacity-card small{
  display:block;
  color:#8f9cad;
  margin-top:3px;
}
.public-capacity-card .locked-detail{
  margin-top:10px;
  padding-top:9px;
  border-top:1px solid rgba(255,255,255,.08);
  color:#7e8b9d;
  font-size:11.5px;
}
.public-capacity-bottom{
  margin-top:14px;
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:10px;
  align-items:center;
  border-top:1px solid rgba(255,255,255,.09);
  padding-top:14px;
}
.public-capacity-bottom>div span{
  display:block;
  color:#7f8ca0;
  font-size:11px;
  text-transform:uppercase;
  font-weight:800;
}
.public-capacity-bottom>div strong{
  display:block;
  margin-top:4px;
  font-size:13px;
}
@media(max-width:1100px){
  .public-capacity-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:820px){
  .public-capacity-grid{grid-template-columns:repeat(2,1fr)}
  .public-capacity-head,.public-capacity-bottom{grid-template-columns:1fr;display:grid}
}
@media(max-width:540px){
  .public-capacity-grid{grid-template-columns:1fr}
}

/* ===== V2.9 heavy metalworking vertical ===== */
.vertical-specialization{
  margin:0 0 16px;
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px 16px;
  background:#fff;
}
.vertical-specialization>strong{
  display:block;
  font-size:18px;
  margin-top:5px;
}
.vertical-chips{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:10px;
}
.vertical-chips span{
  padding:7px 9px;
  border-radius:999px;
  background:#eef2f6;
  font-size:11.5px;
  font-weight:800;
}
.heavy-filter-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
}
@media(max-width:650px){
  .heavy-filter-grid{grid-template-columns:1fr}
}

/* ===== V3.0 Capacity Quality / matching ===== */
.inline-unit,
.date-pair{
  display:grid;
  grid-template-columns:1fr auto;
  gap:7px;
}
.date-pair{grid-template-columns:1fr 1fr}
.inline-unit select{min-width:125px}

.capacity-quality-legend{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:16px;
}
.capacity-quality-legend>div{
  border:1px solid rgba(255,255,255,.10);
  background:#121b2a;
  border-radius:12px;
  padding:10px;
}
.capacity-quality-legend strong{font-size:12px;margin-left:5px}
.capacity-quality-legend small{
  display:block;
  margin-top:5px;
  color:#7f8da0;
  font-size:11.5px;
}
.quality-dot{
  display:inline-block;
  width:8px;height:8px;border-radius:50%;
}
.quality-dot.verified{background:#e9edf3}
.quality-dot.fresh{background:#9ba8b9}
.quality-dot.stale{background:#596476}

.public-capacity-card .capacity-status-line{
  display:flex;
  justify-content:space-between;
  gap:7px;
  align-items:center;
  margin-top:8px;
}
.public-capacity-card .capacity-status-line small{
  margin:0;
}
.status-pill{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:5px 7px;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
.status-verified{background:#edf1f6;color:#0b1220}
.status-fresh{background:#253246;color:#dfe6ef}
.status-stale{background:#1b2535;color:#9ba8b9}

.live-capacity-rule{
  margin-top:14px;
  border:1px solid var(--line);
  border-radius:15px;
  padding:14px;
  background:#f8fafc;
}
.live-capacity-rule strong{display:block;margin-top:5px}
.live-capacity-rule p{margin:8px 0 0;color:#6d7988;font-size:13px;line-height:1.5}

.capacity-results-modal{width:min(900px,94vw)}
.match-summary-strip{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-bottom:13px;
}
.match-summary-strip>div{
  border:1px solid var(--line);
  background:#f8fafc;
  border-radius:12px;
  padding:10px;
}
.match-summary-strip span{
  display:block;
  color:#8793a2;
  font-size:11px;
  text-transform:uppercase;
  font-weight:800;
}
.match-summary-strip strong{display:block;margin-top:4px;font-size:13px}

.capacity-match-list{display:grid;gap:10px}
.capacity-match-card{
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px;
  background:#fff;
}
.capacity-match-card.best-match{
  border:2px solid #0b1220;
}
.match-rank{
  display:flex;
  gap:8px;
  align-items:center;
  color:#758191;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
}
.match-rank b{
  display:grid;
  place-items:center;
  width:30px;height:30px;
  border-radius:9px;
  background:#0b1220;
  color:#fff;
}
.anonymous-supplier-line{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-top:10px;
}
.anonymous-supplier-line strong{font-size:17px}
.anonymous-supplier-line small{
  display:block;
  margin-top:3px;
  color:#7d8997;
}
.match-score-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
  margin-top:12px;
}
.match-score-grid>div{
  border:1px solid var(--line);
  border-radius:10px;
  padding:8px;
  background:#f8fafc;
}
.match-score-grid span{
  display:block;
  color:#8793a1;
  font-size:10px;
  text-transform:uppercase;
  font-weight:800;
}
.match-score-grid strong{display:block;margin-top:4px;font-size:12px}
.match-tech{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:10px 0;
}
.match-tech span{
  background:#eef2f6;
  border-radius:999px;
  padding:6px 8px;
  font-size:11px;
  font-weight:800;
}

@media(max-width:720px){
  .capacity-quality-legend,
  .match-summary-strip,
  .match-score-grid{grid-template-columns:1fr}
  .inline-unit,.date-pair{grid-template-columns:1fr}
  .anonymous-supplier-line{align-items:flex-start;flex-direction:column}
}

/* ===== V3.1 modal bug fix ===== */
body.modal-active{overflow:hidden}

/* ===== V3.2 Capacity Desk ===== */
.workspace-tab-capacity{
  position:relative;
}
.workspace-alert-count{
  display:inline-grid;
  place-items:center;
  min-width:18px;height:18px;
  margin-left:4px;
  padding:0 5px;
  border-radius:999px;
  background:#0b1220;
  color:#fff;
  font-size:11px;
}

.capacity-desk-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:14px;
}
.capacity-desk-head h3{font-size:22px;margin:5px 0}
.capacity-desk-head p{margin:0;color:#74808e;max-width:680px}

.capacity-desk-kpis{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-bottom:12px;
}
.capacity-desk-kpis>div{
  border:1px solid var(--line);
  border-radius:12px;
  padding:10px;
  background:#f8fafc;
}
.capacity-desk-kpis span{
  display:block;
  color:#84909f;
  font-size:11px;
  text-transform:uppercase;
  font-weight:800;
}
.capacity-desk-kpis strong{
  display:block;
  margin-top:4px;
  font-size:19px;
}
.capacity-desk-kpis small{
  display:block;
  margin-top:2px;
  color:#8994a2;
}

.capacity-desk-columns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.capacity-desk-section{
  border:1px solid var(--line);
  border-radius:15px;
  padding:12px;
  background:#fff;
}
.capacity-desk-title{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
  margin-bottom:10px;
}
.capacity-desk-title strong{display:block;margin-top:3px}
.capacity-desk-title>span{
  color:#7c8897;
  font-size:11px;
  font-weight:800;
}

.capacity-window-list article{
  align-items:flex-start;
}
.capacity-window-list article small{
  display:block;
  margin-top:4px;
  color:#8995a3;
}
.capacity-window-right{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
}
.capacity-window-right b{font-size:16px}
.mini-action{
  border:1px solid var(--line);
  background:#fff;
  border-radius:8px;
  padding:5px 7px;
  cursor:pointer;
  font-size:11px;
  font-weight:800;
}
.mini-action:hover{background:#f0f3f7}

.demand-alert-list{display:grid;gap:8px}
.demand-alert-card{
  border:1px solid var(--line);
  border-radius:13px;
  padding:11px;
  background:#f8fafc;
}
.demand-alert-card.high-fit{
  border:2px solid #0b1220;
  background:#fff;
}
.demand-alert-top{
  display:flex;
  justify-content:space-between;
  gap:8px;
  align-items:center;
  color:#7b8796;
  font-size:11px;
  font-weight:800;
}
.fit-badge{
  display:inline-flex;
  border-radius:999px;
  padding:5px 7px;
  background:#0b1220;
  color:#fff;
}
.demand-alert-card strong{
  display:block;
  margin-top:9px;
  font-size:14px;
}
.demand-alert-card p{
  margin:5px 0 8px;
  color:#73808f;
  font-size:12px;
}
.demand-alert-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:9px;
}
.demand-alert-meta span{
  background:#edf1f5;
  border-radius:999px;
  padding:5px 7px;
  font-size:11px;
  font-weight:800;
}

.capacity-desk-note{margin-top:12px}
.capacity-alert-overview{
  border:2px solid #0b1220 !important;
}
.demand-detail-score{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-bottom:12px;
}
.demand-detail-score>div,
.demand-detail-block{
  border:1px solid var(--line);
  border-radius:13px;
  padding:12px;
  background:#f8fafc;
}
.demand-detail-score span{
  display:block;
  font-size:11px;
  text-transform:uppercase;
  font-weight:800;
  color:#84909f;
}
.demand-detail-score strong{
  display:block;
  margin-top:4px;
}
.demand-detail-block{margin-bottom:10px}
.demand-detail-block h3{margin:5px 0 8px}
.demand-detail-block p{color:#74808e;font-size:13px;line-height:1.5}
.fit-reasons{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:8px;
}
.fit-reasons div{
  border:1px solid var(--line);
  border-radius:9px;
  padding:8px;
  background:#fff;
  font-size:11.5px;
  font-weight:800;
}
.modal-footnote{
  display:block;
  margin-top:7px;
  color:#8793a1;
  text-align:center;
}

@media(max-width:900px){
  .capacity-desk-columns{grid-template-columns:1fr}
  .capacity-desk-kpis{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .capacity-desk-head{flex-direction:column}
  .capacity-desk-kpis,.demand-detail-score,.fit-reasons{grid-template-columns:1fr}
}

/* ===== V3.3 MLSR Global Industries identity ===== */
.brand-global{
  display:grid !important;
  grid-template-columns:auto auto;
  grid-template-rows:auto auto;
  column-gap:8px;
  align-items:end;
}
.brand-global>strong{
  grid-row:1 / 3;
  align-self:center;
  font-size:20px;
  letter-spacing:-.03em;
}
.brand-global .brand-company{
  font-size:12px;
  line-height:1;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.09em;
}
.brand-global small{
  font-size:10px;
  line-height:1.1;
  color:#7c8795;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.global-industries-strip{
  border-bottom:1px solid var(--line);
  background:#0b1220;
  color:#fff;
}
.global-industries-inner{
  width:min(1180px,92vw);
  margin:0 auto;
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.global-industries-inner .kicker{
  color:#8794a5;
}
.global-industries-inner strong{
  display:block;
  margin-top:5px;
  font-size:14px;
}
.global-industries-points{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:7px;
}
.global-industries-points span{
  border:1px solid rgba(255,255,255,.13);
  background:#121b2a;
  border-radius:999px;
  padding:7px 9px;
  font-size:11px;
  font-weight:800;
}

.group-architecture-section{
  background:#f7f9fb;
}
.compact-heading p{
  max-width:800px;
}
.group-architecture-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.group-card{
  min-height:150px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  padding:15px;
}
.group-card>span{
  display:block;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  color:#8792a0;
}
.group-card>strong{
  display:block;
  margin-top:12px;
  font-size:16px;
}
.group-card>small{
  display:block;
  margin-top:8px;
  color:#74808e;
  line-height:1.45;
}
.active-division{
  background:#0b1220;
  color:#fff;
  border-color:#0b1220;
}
.active-division>span,
.active-division>small{
  color:#aab5c4;
}

@media(max-width:900px){
  .group-architecture-grid{grid-template-columns:1fr 1fr}
  .global-industries-inner{align-items:flex-start;flex-direction:column;padding:15px 0}
  .global-industries-points{justify-content:flex-start}
}
@media(max-width:560px){
  .group-architecture-grid{grid-template-columns:1fr}
  .brand-global .brand-company{font-size:11px}
  .brand-global small{font-size:10px}
}

/* ===== V3.4 visible top brand fix ===== */
.brand{
  position:relative;
}
.brand .brand-company{
  display:block;
  font-size:13px !important;
  line-height:1.05;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.brand small{
  display:block;
  margin-top:2px;
  font-size:11px !important;
  color:#7f8b99;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.header-corporate-badge{
  display:inline-flex;
  align-items:center;
  margin-left:14px;
  padding:6px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#f8fafc;
  font-size:11.5px;
  font-weight:800;
  color:#0b1220;
  text-transform:uppercase;
  letter-spacing:.06em;
}
@media(max-width:900px){
  .header-corporate-badge{
    display:none;
  }
}

/* ===== V3.5 selected logo #6 ===== */
.site-header{
  min-height:92px;
  height:auto;
}
.brand-selected-logo{
  gap:11px;
}
.brand-logo-frame{
  width:70px;
  height:54px;
  border-radius:12px;
  overflow:hidden;
  background:#050505;
  display:grid;
  place-items:center;
  box-shadow:0 7px 18px rgba(11,18,32,.12);
  flex:0 0 auto;
}
.brand-logo-frame img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.brand-selected-logo .brand-copy strong{
  font-size:15px;
  letter-spacing:.045em;
  text-transform:uppercase;
  white-space:nowrap;
}
.brand-selected-logo .brand-copy small{
  margin-top:4px;
  font-size:10px;
  letter-spacing:.09em;
}
.global-strip-brand{
  display:flex;
  align-items:center;
  gap:14px;
}
.global-strip-brand>img{
  width:84px;
  height:48px;
  object-fit:cover;
  border-radius:9px;
  border:1px solid rgba(255,255,255,.1);
}
.global-industries-strip{
  border-top:2px solid #c89b2d;
}
.global-industries-points span:first-child{
  border-color:rgba(205,163,64,.6);
}
@media(max-width:760px){
  .brand-logo-frame{width:56px;height:44px}
  .brand-selected-logo .brand-copy strong{font-size:13px}
  .brand-selected-logo .brand-copy small{font-size:10px}
  .global-strip-brand>img{display:none}
}

/* ===== V3.6 Chapter 1 — process-specific technical forms ===== */
.chapter-one-note{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
  margin:0 0 16px;
  padding:13px 15px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#f8fafc;
}
.chapter-one-note strong{display:block;margin-top:4px}
.chapter-one-note p{
  margin:0;
  max-width:700px;
  color:#74808e;
  font-size:12px;
  line-height:1.5;
}

.capacity-form-steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px;
  margin-bottom:14px;
}
.capacity-form-steps span{
  display:flex;
  align-items:center;
  gap:7px;
  padding:8px 9px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#f8fafc;
  color:#83909f;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
}
.capacity-form-steps span b{
  display:grid;
  place-items:center;
  width:22px;height:22px;
  border-radius:7px;
  background:#e8edf3;
  color:#647181;
}
.capacity-form-steps span.active{
  color:#0b1220;
  background:#fff;
  border-color:#0b1220;
}
.capacity-form-steps span.active b{
  background:#0b1220;
  color:#fff;
}

.dynamic-tech-box{
  margin:12px 0;
  padding:13px;
  border:1px solid var(--line);
  border-radius:15px;
  background:#f8fafc;
}
.supplier-tech-box{
  background:#111a29;
  border-color:rgba(255,255,255,.10);
}
.dynamic-tech-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  margin-bottom:11px;
}
.dynamic-tech-head strong{
  display:block;
  margin-top:4px;
  font-size:15px;
}
.supplier-tech-box .dynamic-tech-head strong{color:#fff}
.dynamic-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:72px;
  padding:6px 8px;
  border-radius:999px;
  background:#0b1220;
  color:#fff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
}
.supplier-tech-box .dynamic-badge{
  background:#fff;
  color:#0b1220;
}
.dynamic-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.dynamic-fields label{
  display:flex;
  flex-direction:column;
  gap:5px;
}
.dynamic-fields label.wide{
  grid-column:1 / -1;
}
.dynamic-fields label>span{
  font-size:11px;
  font-weight:800;
  color:#6f7b89;
  text-transform:uppercase;
}
.supplier-tech-box .dynamic-fields label>span{color:#93a0b1}
.dynamic-fields input,
.dynamic-fields select{
  width:100%;
}
.supplier-tech-box .dynamic-fields input,
.supplier-tech-box .dynamic-fields select{
  background:#172132;
  color:#fff;
  border-color:rgba(255,255,255,.12);
}
.multi-choice{
  grid-column:1 / -1;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  padding-top:2px;
}
.multi-choice label{
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center;
  gap:5px;
  padding:7px 8px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  cursor:pointer;
  font-size:11px;
  font-weight:800;
}
.supplier-tech-box .multi-choice label{
  background:#172132;
  border-color:rgba(255,255,255,.12);
  color:#dfe6ef;
}
.multi-choice input{width:auto}
.dynamic-process-hint{
  grid-column:1 / -1;
  border-left:3px solid #0b1220;
  padding:8px 10px;
  background:#fff;
  color:#6f7b89;
  font-size:11.5px;
  line-height:1.45;
}
.supplier-tech-box .dynamic-process-hint{
  background:#172132;
  color:#aab5c4;
  border-left-color:#fff;
}

@media(max-width:680px){
  .chapter-one-note{flex-direction:column;align-items:flex-start}
  .dynamic-fields{grid-template-columns:1fr}
  .dynamic-fields label.wide,.multi-choice,.dynamic-process-hint{grid-column:auto}
  .capacity-form-steps{grid-template-columns:1fr}
}

/* ===== V3.8 inline dropdown under every capacity item ===== */
.capacity-process{
  position:relative;
  padding-right:46px !important;
}
.capacity-caret{
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  font-size:20px;
  line-height:1;
  opacity:.65;
  transition:transform .18s ease;
}
.capacity-process.expanded .capacity-caret{
  transform:translateY(-50%) rotate(180deg);
}
.capacity-inline-menu{
  display:none;
  margin:-1px 2px 8px;
  padding:12px;
  border:1px solid var(--line);
  border-top:0;
  border-radius:0 0 14px 14px;
  background:#fff;
  box-shadow:0 8px 20px rgba(10,20,35,.05);
}
.capacity-inline-menu.open{
  display:block;
  animation:capacityDrop .16s ease-out;
}
@keyframes capacityDrop{
  from{opacity:0;transform:translateY(-5px)}
  to{opacity:1;transform:translateY(0)}
}
.capacity-inline-head strong{
  display:block;
  font-size:13px;
}
.capacity-inline-head small{
  display:block;
  margin-top:4px;
  color:#7c8897;
  line-height:1.4;
}
.capacity-inline-options{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  margin-top:10px;
}
.capacity-inline-option{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  border:1px solid var(--line);
  background:#f8fafc;
  border-radius:10px;
  padding:9px 10px;
  cursor:pointer;
  text-align:left;
  font-size:11.5px;
  font-weight:800;
}
.capacity-inline-option:hover,
.capacity-inline-option.selected{
  border-color:#0b1220;
  background:#eef2f6;
}
.capacity-inline-option b{
  font-size:16px;
}
.capacity-inline-continue{
  width:100%;
  margin-top:9px;
  border:0;
  border-radius:10px;
  padding:10px 12px;
  background:#0b1220;
  color:#fff;
  cursor:pointer;
  font-size:11.5px;
  font-weight:800;
}

/* dark supplier column */
.supplier-side .capacity-inline-menu{
  background:#0f1826;
  border-color:rgba(255,255,255,.12);
}
.supplier-side .capacity-inline-head strong{color:#fff}
.supplier-side .capacity-inline-head small{color:#9aa6b6}
.supplier-side .capacity-inline-option{
  background:#151f2f;
  border-color:rgba(255,255,255,.10);
  color:#e8edf3;
}
.supplier-side .capacity-inline-option:hover,
.supplier-side .capacity-inline-option.selected{
  background:#fff;
  color:#0b1220;
  border-color:#fff;
}
.supplier-side .capacity-inline-continue{
  background:#fff;
  color:#0b1220;
}

@media(max-width:620px){
  .capacity-inline-options{grid-template-columns:1fr}
}

/* ===== V3.11 Chapter 2 — matching & ranking ===== */
.ranking-control{
  display:grid;
  grid-template-columns:1fr auto;
  gap:14px;
  align-items:center;
  margin:0 0 13px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#f8fafc;
}
.ranking-control strong{
  display:block;
  margin-top:4px;
  font-size:13px;
}
.ranking-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  justify-content:flex-end;
}
.ranking-btn{
  border:1px solid var(--line);
  background:#fff;
  border-radius:999px;
  padding:8px 10px;
  cursor:pointer;
  font-size:11px;
  font-weight:800;
}
.ranking-btn:hover,
.ranking-btn.active{
  background:#0b1220;
  color:#fff;
  border-color:#0b1220;
}

.mlsr-score-line{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:center;
  margin-top:12px;
}
.mlsr-score-line>div:first-child{
  min-width:90px;
}
.mlsr-score-line span{
  display:block;
  color:#8793a1;
  font-size:10px;
  font-weight:800;
  letter-spacing:.05em;
}
.mlsr-score-line strong{
  font-size:24px;
  line-height:1;
}
.mlsr-score-line small{
  color:#8793a1;
  font-size:11px;
  margin-left:2px;
}
.score-bar{
  height:7px;
  border-radius:999px;
  overflow:hidden;
  background:#e9edf2;
}
.score-bar i{
  display:block;
  height:100%;
  border-radius:999px;
  background:#0b1220;
  transition:width .24s ease;
}

.cost-intel-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
  margin-top:10px;
}
.cost-intel-grid>div{
  border:1px solid var(--line);
  border-radius:10px;
  padding:8px;
  background:#fff;
}
.cost-intel-grid span{
  display:block;
  color:#8793a1;
  font-size:10px;
  text-transform:uppercase;
  font-weight:800;
}
.cost-intel-grid strong{
  display:block;
  margin-top:4px;
  font-size:12px;
}
.cost-intel-grid .landed-cost{
  background:#0b1220;
  color:#fff;
  border-color:#0b1220;
}
.cost-intel-grid .landed-cost span{
  color:#aeb8c6;
}
.match-why{
  margin:9px 0;
  padding:9px 10px;
  border-left:3px solid #0b1220;
  background:#f8fafc;
}
.match-why p{
  margin:4px 0 0;
  color:#6f7b89;
  font-size:11.5px;
  line-height:1.45;
}
.ranking-policy-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:12px;
}
.capacity-match-card.rank-moving{
  opacity:.45;
  transform:scale(.995);
}
.capacity-match-card{
  transition:opacity .16s ease, transform .16s ease, border .16s ease;
}

@media(max-width:760px){
  .ranking-control{grid-template-columns:1fr}
  .ranking-buttons{justify-content:flex-start}
  .cost-intel-grid{grid-template-columns:1fr 1fr}
  .ranking-policy-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .cost-intel-grid{grid-template-columns:1fr}
}

/* ===== V3.12 comparison / diversification / savings ===== */
.match-card-tools{
  display:flex;
  justify-content:space-between;
  gap:8px;
  align-items:center;
  margin-bottom:8px;
}
.compare-check{
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:11px;
  font-weight:800;
  color:#667382;
  cursor:pointer;
}
.compare-check input{width:auto}
.relationship-pill{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:5px 7px;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}
.new-relation{
  background:#0b1220;
  color:#fff;
}
.existing-relation{
  background:#edf1f5;
  color:#566272;
}
.savings-strip{
  display:grid;
  grid-template-columns:1fr auto;
  gap:4px 10px;
  align-items:end;
  margin-top:8px;
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#f8fafc;
}
.savings-strip span{
  color:#7d8998;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}
.savings-strip strong{
  font-size:16px;
}
.savings-strip small{
  grid-column:1 / -1;
  color:#84909e;
  font-size:11px;
}
.savings-strip.saving-positive{
  background:#fff;
  border-color:#0b1220;
}
.savings-strip.saving-negative{
  opacity:.72;
}

.compare-bar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-top:10px;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#fff;
}
.compare-bar strong{
  display:block;
  margin-top:3px;
  font-size:13px;
}
.compare-bar button:disabled{
  opacity:.45;
  cursor:not-allowed;
}

.supplier-compare-modal{
  width:min(980px,96vw);
}
.compare-table-wrap{
  overflow:auto;
  border:1px solid var(--line);
  border-radius:14px;
}
.supplier-compare-table{
  width:100%;
  border-collapse:collapse;
  min-width:720px;
}
.supplier-compare-table th,
.supplier-compare-table td{
  border-bottom:1px solid var(--line);
  padding:11px;
  text-align:left;
  vertical-align:top;
  font-size:12px;
}
.supplier-compare-table th{
  background:#f8fafc;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.supplier-compare-table td:first-child{
  font-weight:800;
  color:#657180;
  width:190px;
}
.compare-winner{
  background:#f2f5f8;
  font-weight:800;
}
@media(max-width:620px){
  .match-card-tools,.compare-bar{align-items:flex-start;flex-direction:column}
}

/* ===== V3.13 Chapter 3 — two-way market ===== */
.capacity-alert-preferences{
  display:grid;
  grid-template-columns:1fr auto;
  gap:16px;
  align-items:center;
  margin-bottom:10px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#fff;
}
.capacity-alert-preferences strong{
  display:block;
  margin-top:3px;
  font-size:13px;
}
.capacity-alert-preferences small{
  display:block;
  margin-top:3px;
  color:#84909e;
}
.alert-pref-controls{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  justify-content:flex-end;
}
.alert-pref-controls label{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:7px 8px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#f8fafc;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.alert-pref-controls input{width:auto}

.market-loop-strip{
  display:grid;
  grid-template-columns:1fr auto;
  gap:14px;
  align-items:center;
  margin-top:12px;
  padding:12px 14px;
  border:1px solid #0b1220;
  border-radius:13px;
  background:#0b1220;
  color:#fff;
}
.market-loop-strip strong{
  display:block;
  margin-top:4px;
}
.market-loop-flow{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
}
.market-loop-flow span{
  padding:6px 8px;
  border-radius:999px;
  background:#172132;
  font-size:11px;
  font-weight:800;
}
.market-loop-flow b{
  color:#9ca8b8;
}

.buyer-watch-overview{
  border:1px solid var(--line);
  border-radius:14px;
  padding:12px;
  background:#fff;
}
.buyer-watch-overview p{
  color:#74808e;
  font-size:12px;
}
.buyer-monitor-bar{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-top:10px;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#f8fafc;
}
.buyer-monitor-bar strong{
  display:block;
  margin-top:3px;
  font-size:13px;
}

.buyer-watch-list{display:grid;gap:10px}
.buyer-watch-list article{
  border:1px solid var(--line);
  border-radius:14px;
  padding:12px;
  background:#fff;
}
.buyer-watch-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
}
.buyer-watch-head strong{font-size:14px}
.buyer-watch-head small{
  display:block;
  margin-top:3px;
  color:#81909f;
}
.buyer-watch-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:10px 0;
}
.buyer-watch-meta span{
  padding:5px 7px;
  border-radius:999px;
  background:#eef2f6;
  font-size:11px;
  font-weight:800;
}
.buyer-watch-actions{
  display:flex;
  gap:7px;
}
.demand-alert-state{
  display:block;
  margin-top:6px;
  color:#8793a1;
  text-align:center;
}
.demand-alert-state.sent{
  color:#0b1220;
  font-weight:800;
}
@media(max-width:820px){
  .capacity-alert-preferences,
  .market-loop-strip{grid-template-columns:1fr}
  .alert-pref-controls{justify-content:flex-start}
}
@media(max-width:560px){
  .buyer-monitor-bar,.buyer-watch-head{flex-direction:column;align-items:flex-start}
  .buyer-watch-actions{flex-direction:column}
}

/* ===== V3.14 Chapter 4 — Cost Intelligence ===== */
.cost-intelligence-cta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  margin-top:10px;
  padding:12px;
  border:1px solid #0b1220;
  border-radius:13px;
  background:#0b1220;
  color:#fff;
}
.cost-intelligence-cta strong{
  display:block;
  margin-top:3px;
}
.cost-intelligence-cta small{
  display:block;
  margin-top:3px;
  color:#aeb8c6;
}
.cost-intelligence-overview{
  border:1px solid var(--line);
  border-radius:14px;
  padding:12px;
  background:#fff;
}
.cost-intelligence-overview p{
  color:#74808e;
  font-size:12px;
}
.cost-rule-note{
  display:flex;
  gap:6px;
  margin-top:10px;
  padding:9px 10px;
  border-left:3px solid #0b1220;
  background:#f8fafc;
  font-size:11.5px;
  line-height:1.45;
}
.cost-intelligence-modal{
  width:min(900px,96vw);
}
.cost-intel-disclaimer{
  display:flex;
  gap:8px;
  align-items:flex-start;
  padding:10px 11px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#f8fafc;
  margin-bottom:12px;
  font-size:11.5px;
}
.cost-intel-disclaimer span{
  color:#74808e;
  line-height:1.45;
}
.cost-intel-inputs,
.ci-assumption-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
}
.cost-intel-inputs{
  margin-bottom:12px;
}
.cost-intel-inputs label,
.ci-assumption-grid label{
  display:flex;
  flex-direction:column;
  gap:5px;
}
.cost-intel-inputs label>span,
.ci-assumption-grid label>span{
  color:#6f7b89;
  font-size:11px;
  text-transform:uppercase;
  font-weight:800;
}
.money-input{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  border:1px solid var(--line);
  border-radius:9px;
  background:#fff;
  overflow:hidden;
}
.money-input b{
  padding:0 9px;
  color:#6f7b89;
}
.money-input input{
  border:0 !important;
  border-left:1px solid var(--line) !important;
  border-radius:0 !important;
}
.ci-assumptions{
  margin:12px 0;
  padding:12px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#f8fafc;
}
.ci-assumption-grid{
  margin-top:9px;
}
.ci-results{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-top:12px;
}
.ci-results article{
  border:1px solid var(--line);
  border-radius:11px;
  padding:10px;
  background:#fff;
}
.ci-results span,
.ci-percentage-strip span,
.ci-sensitivity-result span{
  display:block;
  color:#84909f;
  font-size:10px;
  text-transform:uppercase;
  font-weight:800;
}
.ci-results strong{
  display:block;
  margin-top:5px;
  font-size:16px;
}
.ci-results .ci-result-main{
  background:#0b1220;
  color:#fff;
  border-color:#0b1220;
}
.ci-results .ci-result-main span{
  color:#aeb8c6;
}
.ci-percentage-strip{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:8px;
}
.ci-percentage-strip>div{
  border:1px solid var(--line);
  border-radius:10px;
  padding:9px;
  background:#f8fafc;
}
.ci-percentage-strip strong{
  display:block;
  margin-top:4px;
}
.ci-sensitivity{
  margin-top:12px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:13px;
}
.ci-sensitivity-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
}
.ci-sensitivity-head strong{
  display:block;
  margin-top:3px;
}
.ci-sensitivity-head>span{
  font-size:11px;
  font-weight:800;
  color:#6f7b89;
}
.ci-sensitivity input[type="range"]{
  width:100%;
  margin:12px 0;
}
.ci-sensitivity-result{
  display:flex;
  gap:10px;
  align-items:baseline;
  flex-wrap:wrap;
}
.ci-sensitivity-result strong{
  font-size:15px;
}
.ci-sensitivity-result small{
  color:#74808e;
}
.ci-decision-note{
  margin-top:12px;
  padding:12px;
  border-left:4px solid #0b1220;
  background:#f8fafc;
}
.ci-decision-note strong{
  display:block;
  margin-top:4px;
}
.ci-decision-note p{
  margin:5px 0 0;
  color:#74808e;
  font-size:11.5px;
  line-height:1.45;
}
@media(max-width:760px){
  .cost-intelligence-cta{align-items:flex-start;flex-direction:column}
  .ci-results{grid-template-columns:1fr 1fr}
  .ci-percentage-strip{grid-template-columns:1fr}
}
@media(max-width:560px){
  .cost-intel-inputs,.ci-assumption-grid,.ci-results{grid-template-columns:1fr}
}

/* ===== V3.15 Registration & Company Verification ===== */
.registration-progress{
  display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px
}
.registration-progress span{
  display:flex;align-items:center;gap:6px;padding:8px;border:1px solid var(--line);
  border-radius:10px;background:#f8fafc;font-size:11px;font-weight:800;text-transform:uppercase;color:#7d8998
}
.registration-progress b{
  display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#e8edf2
}
.registration-progress .active{border-color:#0b1220;color:#0b1220}
.registration-progress .active b{background:#0b1220;color:#fff}
.registration-verification-note{
  margin:10px 0;padding:10px 11px;border-left:3px solid #0b1220;background:#f8fafc
}
.registration-verification-note strong{display:block;margin-top:3px}
.registration-verification-note small{display:block;margin-top:4px;color:#788493;line-height:1.45}

.company-verification-status{
  display:flex;justify-content:space-between;gap:12px;align-items:center;
  margin-bottom:12px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#f8fafc
}
.company-verification-status>div{display:flex;align-items:center;gap:9px}
.verification-icon{
  display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#0b1220;color:#fff;font-weight:800
}
.company-verification-status small{display:block;margin-top:3px;color:#7f8c9a}
.verification-level{
  border-radius:999px;padding:6px 8px;background:#fff;border:1px solid var(--line);font-size:11px;font-weight:800
}
.verification-checklist{display:grid;gap:7px;margin:12px 0}
.verification-item{
  display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;
  padding:9px;border:1px solid var(--line);border-radius:10px;background:#f8fafc
}
.verification-item>span{
  display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#e6ebf1;font-size:11px;font-weight:800
}
.verification-item.completed>span{background:#0b1220;color:#fff}
.verification-item strong{font-size:12px}
.verification-item small{display:block;margin-top:2px;color:#84909e}
.supplier-document-upload{margin-bottom:12px;padding:11px;border:1px solid var(--line);border-radius:12px}
.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
.upload-placeholder{
  border:1px dashed #aeb8c4;border-radius:9px;background:#f8fafc;padding:10px;cursor:pointer;font-size:11px;font-weight:800
}
.supplier-document-upload>small{display:block;margin-top:7px;color:#85919f}

.workspace-verification-banner{
  display:grid;grid-template-columns:1fr 180px auto;gap:12px;align-items:center;
  margin-bottom:10px;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:#fff
}
.workspace-verification-banner strong{display:block;margin-top:3px}
.workspace-verification-banner small{display:block;margin-top:3px;color:#7d8998}
.verification-meter{height:8px;border-radius:999px;overflow:hidden;background:#e8edf2}
.verification-meter span{display:block;height:100%;background:#0b1220}

.verification-center-modal{width:min(820px,95vw)}
.verification-score-card{
  display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;
  padding:11px;border:1px solid var(--line);border-radius:12px;background:#f8fafc;margin-bottom:12px
}
.verification-score-card span{display:block;font-size:10px;font-weight:800;color:#7e8a98}
.verification-score-card strong{font-size:28px}
.verification-score-card small{color:#7e8a98}
.verification-score-bar{height:8px;border-radius:999px;overflow:hidden;background:#e6ebf0}
.verification-score-bar i{display:block;height:100%;background:#0b1220;transition:width .2s ease}
.verification-levels{display:grid;gap:7px}
.verification-levels article{
  display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;
  padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff
}
.verification-levels article>span:first-child{
  display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eef2f6;font-size:11px;font-weight:800
}
.verification-levels article.verified>span:first-child{background:#0b1220;color:#fff}
.verification-levels article small{display:block;margin-top:2px;color:#83909f}
.verification-permissions{margin-top:12px}
.verification-permissions>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}
.verification-permissions article{padding:9px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}
.verification-permissions strong{font-size:11.5px}
.verification-permissions small{display:block;margin-top:3px;color:#82909e;line-height:1.4}
.trust-badge{
  display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;
  padding:5px 7px;background:#fff;font-size:10px;font-weight:800
}
.match-card-tools{flex-wrap:wrap}
.public-verification-note{
  display:flex;align-items:center;gap:8px;margin-top:14px;padding:9px 10px;
  border:1px solid rgba(255,255,255,.10);border-radius:10px;background:#121b2a
}
.public-verification-note>span{
  display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#fff;color:#0b1220;font-weight:800
}
.public-verification-note strong{display:block;font-size:11.5px}
.public-verification-note small{display:block;margin-top:2px;color:#8f9caf}
@media(max-width:780px){
  .workspace-verification-banner{grid-template-columns:1fr}
  .verification-permissions>div{grid-template-columns:1fr}
}
@media(max-width:560px){
  .registration-progress,.upload-grid{grid-template-columns:1fr}
}

/* ===== V3.16 — single public brand ===== */
.brand-copy strong{
  display:block;
}
.brand-selected-logo .brand-copy{
  display:flex;
  align-items:center;
}
.single-brand-section{
  padding-top:34px;
  padding-bottom:34px;
}
.single-brand-capabilities{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.single-brand-capabilities article{
  padding:14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
}
.single-brand-capabilities article>span{
  display:inline-grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:9px;
  background:#0b1220;
  color:#fff;
  font-size:11px;
  font-weight:800;
  margin-bottom:10px;
}
.single-brand-capabilities strong{
  display:block;
  font-size:13px;
}
.single-brand-capabilities small{
  display:block;
  margin-top:4px;
  color:#7e8997;
  line-height:1.4;
}
@media(max-width:820px){
  .single-brand-capabilities{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .single-brand-capabilities{grid-template-columns:1fr}
}

/* ===== V3.17 — Global Industrial Hub presentation ===== */
.brand-selected-logo .brand-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:1px;
}
.brand-selected-logo .brand-copy strong{
  line-height:1.05;
}
.brand-selected-logo .brand-copy small{
  font-size:10px;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:#7d8998;
}
.capacity-exchange-section .section-heading h2{
  max-width:820px;
}
.capacity-exchange-section .section-heading p{
  max-width:760px;
}
.single-brand-section .section-heading h2{
  text-transform:none;
}
.brand-global small{
  display:block;
  margin-top:3px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:.68;
}

/* ===== V3.18 anchor navigation fix ===== */
#pricing,
#plans{
  scroll-margin-top:110px;
}
html{
  scroll-behavior:smooth;
}

/* ===== V3.19 — Prezzi navigation without URL hash ===== */
.top-nav .nav-link-btn{
  appearance:none;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  font-size:inherit;
  font-weight:inherit;
  padding:0;
  margin:0;
  cursor:pointer;
}
.top-nav .nav-link-btn:hover{
  color:#000;
}

/* ===== V3.20 — Prezzi opens in modal, no page movement ===== */
.pricing-modal{
  width:min(900px,95vw);
}
.pricing-modal .modal-head p{
  margin:6px 0 0;
  max-width:680px;
  color:#74808e;
  font-size:11.5px;
  line-height:1.45;
}
.pricing-modal-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.pricing-modal-card{
  padding:15px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
}
.pricing-modal-card.featured{
  background:#0b1220;
  color:#fff;
  border-color:#0b1220;
}
.pricing-modal-card h3{
  margin:8px 0 0;
}
.pricing-modal-price{
  display:flex;
  align-items:baseline;
  gap:5px;
  margin:10px 0 12px;
}
.pricing-modal-price strong{
  font-size:29px;
  line-height:1;
}
.pricing-modal-price span{
  font-size:11.5px;
  opacity:.68;
}
.pricing-modal-card ul{
  margin:0;
  padding-left:18px;
  min-height:116px;
}
.pricing-modal-card li{
  margin:6px 0;
  font-size:11.5px;
}
.pricing-modal-fee{
  margin:12px 0;
  padding:10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#f8fafc;
}
.pricing-modal-card.featured .pricing-modal-fee{
  border-color:rgba(255,255,255,.15);
  background:#151f2f;
}
.pricing-modal-fee span,
.pricing-modal-fee small{
  display:block;
  font-size:10px;
  text-transform:uppercase;
  font-weight:800;
  opacity:.68;
}
.pricing-modal-fee strong{
  display:block;
  margin:3px 0;
  font-size:21px;
}
.pricing-modal-note{
  margin-top:10px;
  padding:10px 11px;
  border-left:3px solid #0b1220;
  background:#f8fafc;
  font-size:11.5px;
  line-height:1.45;
}
.pricing-modal-note strong,
.pricing-modal-note span{
  display:block;
}
.pricing-modal-note span{
  margin-top:3px;
  color:#768291;
}
@media(max-width:650px){
  .pricing-modal-grid{grid-template-columns:1fr}
  .pricing-modal-card ul{min-height:auto}
}

/* ===== V3.21 — compact actions directly under main hero ===== */
.capacity-exchange-section .embedded-home{
  margin-top:24px;
  margin-bottom:28px;
  padding:0;
}
.capacity-exchange-section .embedded-home .section-heading{
  margin-bottom:16px;
}
.capacity-exchange-section .embedded-home .section-heading h2{
  font-size:clamp(28px,3vw,46px);
  line-height:1.05;
  max-width:850px;
}
.capacity-exchange-section .embedded-home .compact-actions{
  margin-top:14px;
}
.capacity-exchange-section .embedded-home + .vertical-specialization{
  margin-top:10px;
}

/* ===== V3.22 — header navigation readability ===== */
.top-nav{
  gap:26px;
  align-items:center;
}
.top-nav a,
.top-nav .nav-link-btn{
  font-family:inherit !important;
  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
  letter-spacing:.015em;
  color:#364153 !important;
  text-decoration:none;
  white-space:nowrap;
}
.top-nav a:hover,
.top-nav .nav-link-btn:hover{
  color:#0b1220 !important;
}
.top-nav .nav-link-btn{
  appearance:none;
  border:0;
  background:transparent;
  padding:0;
  margin:0;
  cursor:pointer;
}

/* Do not animate page movement: normal nav must feel immediate. */
html{
  scroll-behavior:auto !important;
}

/* ===== V3.23 — presentation sentence under "Trova capacità..." ===== */
.global-hub-heading{
  margin-bottom:8px !important;
}
.hero-tagline-under{
  margin:14px 0 10px;
  max-width:980px;
}
.hero-tagline-under strong{
  display:block;
  font-size:22px;
  line-height:1.25;
  font-weight:800;
  color:#111827;
}
.hero-tagline-under span{
  display:block;
  margin-top:7px;
  max-width:940px;
  font-size:15px;
  line-height:1.5;
  color:#596679;
}

/* ===== V3.24 — core Capacity selector moved to the top ===== */
.priority-capacity-intro{
  margin:18px 0 10px;
}
.priority-capacity-intro strong{
  display:block;
  margin-top:4px;
  font-size:17px;
  line-height:1.3;
  color:#111827;
}
.priority-capacity-selector{
  margin-top:0 !important;
  margin-bottom:20px !important;
}
.priority-capacity-selector .capacity-side{
  min-height:0;
}
.priority-capacity-selector .capacity-side h3{
  font-size:22px;
}
.priority-capacity-selector .capacity-scroll-list{
  max-height:360px;
}
@media(max-width:760px){
  .priority-capacity-intro strong{
    font-size:15px;
  }
}

/* ===== V3.25 — navigation aligned with core homepage ===== */
.top-nav{
  gap:22px !important;
}
.top-nav a,
.top-nav .nav-link-btn{
  font-size:14px !important;
  font-weight:850 !important;
}
#core-capacity-selector{
  scroll-margin-top:120px;
}
.header-actions .primary{
  min-width:132px;
}
@media(max-width:1250px){
  .top-nav{gap:16px !important}
  .top-nav a,
  .top-nav .nav-link-btn{font-size:13px !important}
}

/* ===== V3.26 — compact operational homepage ===== */
.homepage-secondary-hidden{
  display:none !important;
}

.mlsr-core-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin:14px 0 10px;
}
.mlsr-core-strip article{
  display:flex;
  gap:9px;
  align-items:flex-start;
  padding:10px 11px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#fff;
}
.mlsr-core-strip article>span{
  display:grid;
  place-items:center;
  flex:0 0 27px;
  width:27px;
  height:27px;
  border-radius:8px;
  background:#0b1220;
  color:#fff;
  font-size:10px;
  font-weight:800;
}
.mlsr-core-strip strong{
  display:block;
  font-size:11.5px;
}
.mlsr-core-strip small{
  display:block;
  margin-top:3px;
  color:#7d8998;
  font-size:11px;
  line-height:1.35;
}
.homepage-next-actions{
  display:flex;
  gap:8px;
  justify-content:flex-end;
  margin:8px 0 0;
}
.homepage-next-actions button{
  min-width:160px;
}

.quick-info-modal{
  width:min(760px,95vw);
}
.quick-info-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
}
.quick-info-card{
  padding:11px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#fff;
}
.quick-info-card span{
  display:block;
  font-size:10px;
  font-weight:800;
  color:#84909e;
  text-transform:uppercase;
}
.quick-info-card strong{
  display:block;
  margin-top:4px;
  font-size:13px;
}
.quick-info-card p{
  margin:4px 0 0;
  color:#6f7b89;
  font-size:11.5px;
  line-height:1.45;
}
.quick-info-lead{
  margin-bottom:10px;
  padding:10px 11px;
  border-left:3px solid #0b1220;
  background:#f8fafc;
  font-size:11.5px;
  line-height:1.5;
}
.quick-info-footer{
  margin-top:10px;
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:10px;
  color:#6e7a89;
  font-size:11px;
  line-height:1.45;
}
.capacity-exchange-section{
  padding-bottom:34px !important;
}
@media(max-width:850px){
  .mlsr-core-strip{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .mlsr-core-strip{grid-template-columns:1fr}
  .homepage-next-actions{flex-direction:column}
  .homepage-next-actions button{width:100%}
  .quick-info-grid{grid-template-columns:1fr}
}

/* ===== V3.27 — cleaner brand hierarchy ===== */
.brand-home-link,
#brandHomeLink{
  text-decoration:none !important;
  color:inherit !important;
  cursor:pointer;
}
#brandHomeLink .brand-copy small,
.brand-global small{
  letter-spacing:.07em !important;
}

/* ===== V3.28 — Landed Cost data provenance ===== */
.cost-data-source-note{
  margin:-2px 0 12px;
  padding:10px 11px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#fff;
  font-size:11.5px;
  line-height:1.45;
}
.cost-data-source-note strong,
.cost-data-source-note span{
  display:block;
}
.cost-data-source-note span{
  margin-top:4px;
  color:#74808e;
}

/* ===== V3.29 — Logistics & Industrial Transport ===== */
.capacity-process.logistics-process{
  border-style:dashed;
}
.capacity-process.logistics-process strong::before{
  content:"LOGISTICS · ";
  font-size:10px;
  letter-spacing:.06em;
  opacity:.58;
}

/* ===== V3.30 — European Shipping visible and operational ===== */
#shipping-europe{
  scroll-margin-top:120px;
}
.shipping-europe-section{
  margin:18px 0 20px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
}
.shipping-europe-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  margin-bottom:12px;
}
.shipping-europe-head h3{
  margin:4px 0 0;
  font-size:22px;
  line-height:1.15;
}
.shipping-europe-head p{
  margin:6px 0 0;
  max-width:850px;
  color:#667382;
  font-size:12px;
  line-height:1.5;
}
.shipping-eu-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 10px;
  border-radius:999px;
  background:#0b1220;
  color:#fff;
  font-size:11px;
  font-weight:800;
}
.shipping-europe-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.shipping-card{
  border:1px solid var(--line);
  border-radius:13px;
  padding:12px;
  background:#fff;
}
.shipping-card.shipping-buyer{
  background:#f8fafc;
}
.shipping-card.shipping-supplier{
  background:#0b1220;
  color:#fff;
  border-color:#0b1220;
}
.shipping-card-top{
  display:flex;
  gap:10px;
  align-items:flex-start;
}
.shipping-index{
  display:grid;
  place-items:center;
  flex:0 0 30px;
  width:30px;
  height:30px;
  border-radius:9px;
  background:#0b1220;
  color:#fff;
  font-size:11px;
  font-weight:800;
}
.shipping-supplier .shipping-index{
  background:#fff;
  color:#0b1220;
}
.shipping-card-top strong{
  display:block;
  font-size:13px;
}
.shipping-card-top small{
  display:block;
  margin-top:3px;
  color:#778493;
  font-size:11.5px;
  line-height:1.4;
}
.shipping-supplier .shipping-card-top small{
  color:#aeb8c6;
}
.shipping-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:10px 0;
}
.shipping-tags span{
  padding:5px 7px;
  border-radius:999px;
  background:#edf1f5;
  font-size:10px;
  font-weight:800;
}
.shipping-supplier .shipping-tags span{
  background:#172132;
  color:#dbe2ea;
}
.shipping-bundle{
  display:grid;
  grid-template-columns:1fr auto;
  gap:14px;
  align-items:center;
  margin-top:10px;
  padding:11px 12px;
  border:1px dashed #9ca8b6;
  border-radius:12px;
  background:#f8fafc;
}
.shipping-bundle strong{
  display:block;
  margin-top:3px;
  font-size:13px;
}
.shipping-bundle small{
  display:block;
  margin-top:4px;
  color:#73808f;
  font-size:11px;
  line-height:1.45;
}
.shipping-bundle-toggle{
  display:flex;
  align-items:center;
  gap:7px;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}
.shipping-bundle-toggle input{
  width:auto;
}
.shipping-responsibility-note{
  display:flex;
  gap:7px;
  margin-top:10px;
  padding:9px 10px;
  border-left:3px solid #0b1220;
  background:#f8fafc;
  font-size:11px;
  line-height:1.45;
}
.shipping-responsibility-note span{
  color:#6f7b89;
}
@media(max-width:760px){
  .shipping-europe-grid{grid-template-columns:1fr}
  .shipping-bundle{grid-template-columns:1fr}
  .shipping-europe-head{flex-direction:column}
}

/* ===== V3.31 — combined production + shipping request ===== */
.request-shipping-bundle{
  margin:10px 0 12px;
  padding:11px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#f8fafc;
}
.request-shipping-toggle{
  display:flex;
  gap:9px;
  align-items:flex-start;
  cursor:pointer;
}
.request-shipping-toggle input{
  width:auto;
  margin-top:2px;
}
.request-shipping-toggle strong{
  display:block;
  font-size:12px;
}
.request-shipping-toggle small{
  display:block;
  margin-top:3px;
  color:#778493;
  line-height:1.4;
}
.request-shipping-fields{
  display:none;
  margin-top:11px;
  padding-top:11px;
  border-top:1px solid var(--line);
}
.request-shipping-fields.open{
  display:block;
}
.request-shipping-note{
  display:flex;
  gap:6px;
  margin-top:8px;
  padding:8px 9px;
  border-left:3px solid #0b1220;
  background:#fff;
  font-size:11px;
  line-height:1.45;
}
.request-shipping-note span{
  color:#6f7b89;
}

.bundle-match-result{
  display:none;
  margin:0 0 12px;
  padding:12px;
  border:1px solid #0b1220;
  border-radius:14px;
  background:#f8fafc;
}
.bundle-match-result.open{
  display:block;
}
.bundle-match-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
  margin-bottom:10px;
}
.bundle-match-head strong{
  display:block;
  margin-top:3px;
  font-size:14px;
}
.bundle-match-head small{
  display:block;
  margin-top:3px;
  color:#758191;
}
.bundle-badge{
  padding:6px 8px;
  border-radius:999px;
  background:#0b1220;
  color:#fff;
  font-size:10px;
  font-weight:800;
}
.bundle-match-grid{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1.05fr;
  gap:8px;
  align-items:stretch;
}
.bundle-match-grid article{
  padding:10px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#fff;
}
.bundle-match-grid article>span{
  display:block;
  color:#84909e;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}
.bundle-match-grid article>strong{
  display:block;
  margin-top:5px;
  font-size:13px;
}
.bundle-match-grid article>small{
  display:block;
  margin-top:3px;
  color:#7b8796;
  font-size:11px;
}
.bundle-match-grid article>b{
  display:block;
  margin-top:9px;
  font-size:16px;
}
.bundle-plus,
.bundle-equals{
  display:grid;
  place-items:center;
  font-size:18px;
  font-weight:800;
  color:#7a8796;
}
.bundle-match-grid .bundle-total{
  background:#0b1220;
  color:#fff;
  border-color:#0b1220;
}
.bundle-match-grid .bundle-total>span,
.bundle-match-grid .bundle-total>small{
  color:#aeb8c6;
}
.bundle-match-grid .bundle-total>strong{
  font-size:20px;
}
.bundle-contract-note{
  display:flex;
  gap:6px;
  margin-top:9px;
  padding:8px 9px;
  border-left:3px solid #0b1220;
  background:#fff;
  font-size:11px;
  line-height:1.45;
}
.bundle-contract-note span{
  color:#697685;
}
.shipping-bundle-actions{
  display:flex;
  gap:8px;
  align-items:center;
}
.shipping-bundle-actions .primary{
  white-space:nowrap;
}
@media(max-width:880px){
  .bundle-match-grid{
    grid-template-columns:1fr;
  }
  .bundle-plus,.bundle-equals{
    min-height:24px;
  }
  .shipping-bundle-actions{
    flex-direction:column;
    align-items:stretch;
  }
}

/* ===== V3.32 — Multi-service industrial project ===== */
.multi-service-builder{
  margin:10px 0 12px;
  padding:11px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
}
.multi-service-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
}
.multi-service-head strong{
  display:block;
  margin-top:3px;
  font-size:12px;
}
.multi-service-head small{
  display:block;
  margin-top:3px;
  color:#778493;
  font-size:11px;
  line-height:1.4;
}
.multi-service-badge{
  padding:5px 7px;
  border-radius:999px;
  background:#eef2f6;
  font-size:10px;
  font-weight:800;
}
.multi-service-options{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:10px;
}
.multi-service-options label{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:7px 8px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#f8fafc;
  font-size:11px;
  font-weight:850;
  cursor:pointer;
}
.multi-service-options input{
  width:auto;
}
.multi-service-summary{
  margin-top:8px;
  padding:8px 9px;
  border-left:3px solid #0b1220;
  background:#f8fafc;
  font-size:11px;
  color:#687584;
}

.project-bundle-result{
  display:none;
  margin:0 0 12px;
  padding:12px;
  border:1px solid #0b1220;
  border-radius:14px;
  background:#fff;
}
.project-bundle-result.open{
  display:block;
}
.project-bundle-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
  margin-bottom:10px;
}
.project-bundle-head strong{
  display:block;
  margin-top:3px;
  font-size:14px;
}
.project-bundle-head small{
  display:block;
  margin-top:3px;
  color:#74808e;
}
.project-bundle-count{
  padding:6px 8px;
  border-radius:999px;
  background:#0b1220;
  color:#fff;
  font-size:10px;
  font-weight:800;
}
.project-bundle-steps{
  display:grid;
  gap:7px;
}
.project-bundle-step{
  display:grid;
  grid-template-columns:38px 1fr auto;
  gap:9px;
  align-items:center;
  padding:9px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#f8fafc;
}
.project-bundle-step>span{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:9px;
  background:#0b1220;
  color:#fff;
  font-size:10px;
  font-weight:800;
}
.project-bundle-step strong{
  display:block;
  font-size:11.5px;
}
.project-bundle-step small{
  display:block;
  margin-top:2px;
  color:#7a8796;
  font-size:11px;
}
.project-bundle-step b{
  font-size:13px;
}
.project-bundle-total{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-top:9px;
  padding:10px 11px;
  border-radius:11px;
  background:#0b1220;
  color:#fff;
}
.project-bundle-total span{
  display:block;
  color:#aeb8c6;
  font-size:10px;
  font-weight:800;
}
.project-bundle-total strong{
  display:block;
  margin-top:3px;
  font-size:20px;
}
.project-bundle-total small{
  display:block;
  margin-top:3px;
  color:#aeb8c6;
  font-size:10px;
}
.project-bundle-cta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-top:10px;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
}
.project-bundle-cta strong{
  display:block;
  margin-top:3px;
  font-size:12px;
}
.project-bundle-cta small{
  display:block;
  margin-top:3px;
  color:#74808e;
  font-size:11px;
}
@media(max-width:720px){
  .project-bundle-total,
  .project-bundle-cta{
    flex-direction:column;
    align-items:stretch;
  }
}

/* ===== V3.34 — Project Workspace ===== */
.project-bundle-actions{
  display:flex;
  gap:7px;
  align-items:center;
}
.project-workspace-preview{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-bottom:10px;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#fff;
}
.project-workspace-preview strong{
  display:block;
  margin-top:3px;
  font-size:13px;
}
.project-workspace-preview small{
  display:block;
  margin-top:3px;
  color:#7a8796;
  font-size:11px;
}
.project-workspace-modal{
  width:min(880px,96vw);
}
.project-workspace-summary{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
.project-workspace-summary>div{
  padding:10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#f8fafc;
}
.project-workspace-summary span{
  display:block;
  color:#84909e;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}
.project-workspace-summary strong{
  display:block;
  margin-top:4px;
  font-size:12px;
}
.project-workspace-progress{
  margin:10px 0;
  padding:10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
}
.project-workspace-progress-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  font-size:11px;
  font-weight:800;
}
.project-progress-bar{
  height:7px;
  margin-top:7px;
  border-radius:999px;
  overflow:hidden;
  background:#e8edf2;
}
.project-progress-bar i{
  display:block;
  height:100%;
  background:#0b1220;
  transition:width .22s ease;
}
.project-workspace-steps{
  display:grid;
  gap:7px;
}
.project-workspace-steps article{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:9px;
  align-items:center;
  padding:10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
}
.project-step-index{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:9px;
  background:#0b1220;
  color:#fff;
  font-size:10px;
  font-weight:800;
}
.project-workspace-steps strong{
  display:block;
  font-size:11.5px;
}
.project-workspace-steps small{
  display:block;
  margin-top:2px;
  color:#7d8997;
  font-size:11px;
}
.project-workspace-steps article.introduced{
  background:#f8fafc;
}
.project-workspace-actions{
  display:flex;
  gap:8px;
  margin-top:10px;
}
@media(max-width:760px){
  .project-workspace-summary{grid-template-columns:1fr 1fr}
  .project-workspace-preview{flex-direction:column;align-items:stretch}
  .project-workspace-actions{flex-direction:column}
}
@media(max-width:520px){
  .project-workspace-summary{grid-template-columns:1fr}
  .project-workspace-steps article{grid-template-columns:auto 1fr}
  .project-step-status{grid-column:2}
}

/* ===== V3.35 — Dynamic Project Workspace / Introduction Center ===== */
.project-workspace-summary{
  grid-template-columns:repeat(4,1fr) !important;
}
.project-summary-wide{
  grid-column:1 / -1;
}
.project-intro-policy{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin-top:10px;
}
.project-intro-policy>div{
  padding:9px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#f8fafc;
}
.project-intro-policy span{
  display:block;
  color:#84909e;
  font-size:10px;
  font-weight:800;
}
.project-intro-policy strong{
  display:block;
  margin-top:3px;
  font-size:13px;
}
.project-intro-policy small{
  display:block;
  margin-top:3px;
  color:#7a8796;
  font-size:10px;
  line-height:1.4;
}
.project-workspace-steps article{
  grid-template-columns:auto 1fr auto auto !important;
}
.project-step-commercial{
  display:flex;
  flex-direction:column;
  gap:3px;
  align-items:flex-end;
}
.project-step-commercial span{
  padding:4px 6px;
  border-radius:999px;
  background:#eef2f6;
  color:#586574;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}
.project-step-commercial span.new{
  background:#0b1220;
  color:#fff;
}
.project-step-open{
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  padding:6px 8px;
  cursor:pointer;
  font-size:10px;
  font-weight:800;
}
.project-step-open:hover{
  border-color:#0b1220;
}
.project-intro-modal{
  width:min(760px,95vw);
}
.project-intro-summary,
.project-intro-commercial{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
}
.project-intro-summary>div,
.project-intro-commercial>div{
  padding:9px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#f8fafc;
}
.project-intro-summary span,
.project-intro-commercial span{
  display:block;
  color:#84909e;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}
.project-intro-summary strong,
.project-intro-commercial strong{
  display:block;
  margin-top:4px;
  font-size:11.5px;
}
.project-intro-commercial{
  grid-template-columns:repeat(3,1fr);
  margin:8px 0;
}
.project-intro-id-box{
  margin:10px 0;
  padding:10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
}
.project-intro-id-box span{
  display:block;
  font-size:10px;
  font-weight:800;
  color:#84909e;
}
.project-intro-id-box strong{
  display:block;
  margin-top:4px;
  font-size:13px;
}
.project-intro-id-box small{
  display:block;
  margin-top:3px;
  color:#7b8796;
  font-size:11px;
}
@media(max-width:760px){
  .project-intro-policy{grid-template-columns:1fr}
  .project-intro-summary{grid-template-columns:1fr 1fr}
  .project-intro-commercial{grid-template-columns:1fr}
  .project-workspace-steps article{
    grid-template-columns:auto 1fr !important;
  }
  .project-step-commercial,
  .project-step-open{
    grid-column:2;
    align-items:flex-start;
  }
}

.project-workspace-steps article .project-step-status{
  grid-column:1 / -1;
  justify-self:end;
  margin-top:-3px;
}

/* ===== V3.36 — readability pass ===== */
.shipping-europe-head h3{font-size:25px !important;}
.shipping-europe-head p{font-size:13px !important;line-height:1.55 !important;}
.shipping-card-top strong{font-size:15px !important;}
.shipping-card-top small{font-size:13px !important;line-height:1.45 !important;}
.shipping-tags span{font-size:11.5px !important;padding:6px 8px !important;}
.shipping-card .full{font-size:17px !important;font-weight:800 !important;}
.shipping-bundle strong{font-size:14px !important;}
.shipping-bundle small{font-size:12px !important;line-height:1.45 !important;}
.shipping-bundle-toggle{font-size:12px !important;}
.shipping-bundle-actions .primary{font-size:15px !important;font-weight:800 !important;}
.project-bundle-cta strong{font-size:14px !important;}
.project-bundle-cta small{font-size:12px !important;line-height:1.45 !important;}
.project-bundle-cta button{font-size:14px !important;font-weight:800 !important;}
.shipping-responsibility-note{font-size:12px !important;line-height:1.5 !important;}
.shipping-europe-section .kicker,
.project-bundle-cta .kicker,
.shipping-bundle .kicker{font-size:11.5px !important;letter-spacing:.12em !important;}
.mlsr-core-strip strong{font-size:13px !important;}
.mlsr-core-strip small{font-size:11.5px !important;line-height:1.4 !important;}
.mlsr-core-strip article>span{font-size:11px !important;}
.shipping-europe-section{padding:18px !important;}
.shipping-card{padding:14px !important;}

/* ===== V3.37 — RFQ / Quote Center ===== */
.quote-progress-panel{
  background:#f8fafc;
}
.quote-progress-panel>small{
  display:block;
  margin-top:6px;
  color:#788493;
  font-size:10px;
}
.quote-progress-bar i{
  background:#26364b;
}

.project-workspace-steps article{
  grid-template-columns:auto 1fr auto auto auto !important;
}
.project-step-actions{
  display:flex;
  gap:5px;
  align-items:center;
}
.project-step-quote{
  border:1px solid #0b1220;
  border-radius:8px;
  background:#0b1220;
  color:#fff;
  padding:6px 8px;
  cursor:pointer;
  font-size:10px;
  font-weight:800;
}
.project-step-quote:disabled{
  opacity:.38;
  cursor:not-allowed;
}
.project-step-quote.received{
  background:#fff;
  color:#0b1220;
}
.project-step-quote.selected{
  background:#fff;
  color:#0b1220;
  border-style:double;
}
.quote-mini-status{
  display:inline-flex;
  margin-top:3px;
  padding:3px 5px;
  border-radius:999px;
  background:#edf1f5;
  color:#657181;
  font-size:10px;
  font-weight:800;
}
.quote-mini-status.received,
.quote-mini-status.selected{
  background:#0b1220;
  color:#fff;
}

.project-quote-modal{
  width:min(800px,95vw);
}
.quote-summary-grid{
  margin-bottom:8px;
}
.quote-status-strip{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:7px;
  margin-bottom:8px;
}
.quote-status-strip>div{
  padding:9px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#f8fafc;
}
.quote-status-strip span{
  display:block;
  color:#84909e;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}
.quote-status-strip strong{
  display:block;
  margin-top:4px;
  font-size:12px;
}
.quote-commercial-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}
.quote-commercial-grid label{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.quote-commercial-grid span{
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  color:#7c8997;
}
.quote-commercial-grid input{
  background:#f8fafc;
}
.quote-reality-note{
  margin:10px 0;
  padding:9px 10px;
  border-left:3px solid #0b1220;
  background:#f8fafc;
  font-size:11px;
  line-height:1.45;
}
.quote-reality-note strong,
.quote-reality-note span{
  display:block;
}
.quote-reality-note span{
  margin-top:3px;
  color:#6f7b89;
}
.quote-actions{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:7px;
  margin-bottom:10px;
}
.project-workspace-actions{
  flex-wrap:wrap;
}
@media(max-width:800px){
  .project-workspace-steps article{
    grid-template-columns:auto 1fr !important;
  }
  .project-step-commercial,
  .project-step-actions,
  .project-step-status{
    grid-column:2 !important;
    justify-self:start !important;
  }
}
@media(max-width:620px){
  .quote-status-strip,
  .quote-commercial-grid,
  .quote-actions{
    grid-template-columns:1fr;
  }
}

/* ===== V3.38 — Client Area consolidation ===== */
.client-area-modal{
  width:min(1120px,97vw) !important;
}
.client-project-preview{
  display:grid !important;
  grid-template-columns:minmax(220px,1.2fr) minmax(360px,1.5fr) auto;
  gap:12px !important;
  align-items:center !important;
}
.client-project-preview-main strong{
  font-size:13px !important;
}
.client-project-preview-main small{
  font-size:11.5px !important;
}
.client-project-preview-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:6px;
}
.client-project-preview-stats>div{
  padding:7px 8px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#f8fafc;
}
.client-project-preview-stats span{
  display:block;
  color:#7c8997;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}
.client-project-preview-stats strong{
  display:block;
  margin-top:3px;
  font-size:11.5px;
}

.client-action-center{
  margin-bottom:11px;
  padding:11px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#f8fafc;
}
.client-action-center-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-bottom:8px;
}
.client-action-center-head strong{
  display:block;
  margin-top:2px;
  font-size:13px;
}
.client-open-actions{
  padding:5px 8px;
  border-radius:999px;
  background:#0b1220;
  color:#fff;
  font-size:10px;
  font-weight:800;
}
.client-action-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
}
.client-action-card{
  min-height:82px;
  text-align:left;
  padding:9px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  cursor:pointer;
}
.client-action-card:hover{
  border-color:#0b1220;
  transform:translateY(-1px);
}
.client-action-card>span{
  display:block;
  color:#7e8996;
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
}
.client-action-card>strong{
  display:block;
  margin-top:5px;
  font-size:11.5px;
}
.client-action-card>small{
  display:block;
  margin-top:4px;
  color:#72808e;
  font-size:10px;
  line-height:1.35;
}
.client-action-card.warning{
  border-style:dashed;
}

.projects-workspace-head h3{
  margin:2px 0 4px;
  font-size:18px;
}
.projects-workspace-head p{
  margin:0 0 10px;
  color:#6f7c8a;
  font-size:11.5px;
}
.client-project-card{
  padding:12px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#fff;
}
.client-project-card-top{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
}
.client-project-card-top div>span{
  display:block;
  color:#7b8795;
  font-size:10px;
  font-weight:800;
}
.client-project-card-top div>strong{
  display:block;
  margin-top:3px;
  font-size:14px;
}
.client-project-card-kpis{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
  margin-top:10px;
}
.client-project-card-kpis>div{
  padding:8px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#f8fafc;
}
.client-project-card-kpis span{
  display:block;
  color:#7e8a97;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}
.client-project-card-kpis strong{
  display:block;
  margin-top:3px;
  font-size:12px;
}
.client-project-card-progress{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:10px;
}
.client-project-card-progress>div>span{
  display:block;
  margin-bottom:4px;
  font-size:10px;
  font-weight:800;
}
.client-project-card-progress>div>div{
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:#e8edf2;
}
.client-project-card-progress i{
  display:block;
  height:100%;
  background:#0b1220;
  transition:width .2s ease;
}
.client-project-card-actions{
  display:flex;
  gap:7px;
  margin-top:10px;
}

@media(max-width:900px){
  .client-project-preview{
    grid-template-columns:1fr !important;
  }
  .client-action-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:620px){
  .client-project-preview-stats,
  .client-project-card-kpis,
  .client-project-card-progress,
  .client-action-grid{
    grid-template-columns:1fr 1fr;
  }
  .client-project-card-actions{
    flex-direction:column;
  }
}

/* ===== V3.39 — Clarification Center ===== */
.clarification-progress-panel{background:#f8fafc;}
.clarification-progress-bar i{background:#53667c;}
.clarification-progress-panel>small{
  display:block;margin-top:6px;color:#788493;font-size:11px;line-height:1.4;
}
.project-step-status-row{
  display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;
}
.clarification-mini-status{
  display:inline-flex;padding:3px 5px;border-radius:999px;
  background:#eef2f6;color:#657181;font-size:10px;font-weight:800;
}
.clarification-mini-status.open{background:#fff3d6;color:#765600;}
.clarification-mini-status.replied{background:#dfeeff;color:#244a72;}
.clarification-mini-status.resolved{background:#e5f5eb;color:#245c36;}
.project-step-clarification{
  border:1px solid var(--line);border-radius:8px;background:#fff;
  padding:6px 8px;cursor:pointer;font-size:10px;font-weight:800;
}
.project-step-clarification.open,
.project-step-clarification.replied{border-color:#0b1220;}
.project-step-actions{flex-wrap:wrap;}

.clarification-modal{width:min(820px,96vw);}
.clarification-summary{
  display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:8px;
}
.clarification-summary>div{
  padding:9px;border:1px solid var(--line);border-radius:10px;background:#f8fafc;
}
.clarification-summary span{
  display:block;color:#84909e;font-size:10px;font-weight:800;text-transform:uppercase;
}
.clarification-summary strong{display:block;margin-top:4px;font-size:11.5px;}
.clarification-protection{margin-bottom:10px;}
.clarification-thread{
  max-height:260px;overflow:auto;padding:9px;border:1px solid var(--line);
  border-radius:11px;background:#f8fafc;
}
.clarification-empty{
  display:flex;flex-direction:column;gap:4px;padding:16px;text-align:center;color:#768391;
}
.clarification-empty strong{font-size:12px;color:#273445;}
.clarification-empty span{font-size:11px;line-height:1.4;}
.clarification-message{
  max-width:82%;margin-bottom:8px;padding:8px 9px;border-radius:10px;background:#fff;
  border:1px solid var(--line);
}
.clarification-message.buyer{margin-left:auto;background:#0b1220;color:#fff;border-color:#0b1220;}
.clarification-message.supplier{margin-right:auto;}
.clarification-message-head{
  display:flex;justify-content:space-between;gap:10px;align-items:center;
}
.clarification-message-head strong{font-size:10px;}
.clarification-message-head span{font-size:10px;opacity:.7;}
.clarification-message p{margin:5px 0 0;font-size:11px;line-height:1.45;white-space:pre-wrap;}
.clarification-quick{margin-top:10px;}
.clarification-quick>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px;}
.clarification-quick button{
  border:1px solid var(--line);border-radius:999px;background:#fff;
  padding:5px 7px;font-size:10px;font-weight:800;cursor:pointer;
}
.clarification-compose{display:flex;flex-direction:column;gap:4px;margin-top:10px;}
.clarification-compose>span{font-size:10px;font-weight:800;text-transform:uppercase;}
.clarification-compose textarea{
  width:100%;resize:vertical;min-height:86px;border:1px solid var(--line);
  border-radius:10px;padding:9px;font:inherit;font-size:11.5px;
}
.clarification-compose small{color:#7b8794;font-size:10px;}
.clarification-actions{
  display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:9px;
}
.client-action-grid{grid-template-columns:repeat(5,1fr) !important;}

@media(max-width:980px){
  .client-action-grid{grid-template-columns:1fr 1fr !important;}
}
@media(max-width:680px){
  .clarification-summary,.clarification-actions{grid-template-columns:1fr;}
  .clarification-message{max-width:94%;}
}


/* ===== V3.40 — Global typography / crisp rendering ===== */
html{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  font-kerning:normal;
}
body,
button,
input,
select,
textarea{
  font-family:"Segoe UI Variable","Segoe UI",Arial,Helvetica,sans-serif !important;
  font-synthesis:none;
  font-variant-ligatures:common-ligatures;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body{
  font-size:14px;
  line-height:1.48;
}
small{
  line-height:1.45;
}
button,
input,
select,
textarea{
  line-height:1.35;
}

/* Avoid softened text caused by keeping the entire open drawer on a transformed layer. */
.flow-modal.open,
.match-drawer.open{
  transform:none !important;
}

/* Main navigation intentionally unchanged in position and structure.
   Only sharper text rendering is applied. */
.topbar,
.topbar *,
nav,
nav *{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Readability floor for recurring micro-labels. */
.kicker,
.status-pill,
.demo-badge,
.relation-badge,
.capacity,
.quote-mini-status,
.clarification-mini-status,
.workspace-alert-count,
.fit-badge{
  font-size:10px !important;
  line-height:1.25 !important;
}
.workspace-card-meta,
.demand-alert-meta,
.project-step-commercial,
.project-step-status-row{
  line-height:1.35;
}

/* Prevent animation-state rasterization from making match-card text look soft. */
.capacity-match-card.rank-moving{
  transform:none !important;
}

/* ===== V3.41 — Technical Document Center ===== */
.document-mini-status{
  display:inline-flex;
  padding:3px 6px;
  border-radius:999px;
  background:#e9edf2;
  color:#4f5d6c;
  font-size:10px !important;
  font-weight:800;
}
.project-step-document{
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  padding:6px 8px;
  cursor:pointer;
  font-size:11px;
  font-weight:800;
}
.project-step-document:hover{border-color:#0b1220;}

.document-center-modal{
  width:min(900px,96vw) !important;
}
.document-center-summary{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-bottom:10px;
}
.document-center-summary>div{
  padding:10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#f8fafc;
}
.document-center-summary span{
  display:block;
  color:#7e8996;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}
.document-center-summary strong{
  display:block;
  margin-top:4px;
  font-size:12px;
}
.document-protection{margin-bottom:10px;}
.document-list-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-end;
  margin:10px 0 7px;
}
.document-list-head strong{
  display:block;
  margin-top:2px;
  font-size:13px;
}
.document-list-head>span{
  color:#7e8996;
  font-size:10px;
  font-weight:800;
}
.document-list{
  display:grid;
  gap:7px;
}
.document-empty{
  padding:20px;
  border:1px dashed var(--line);
  border-radius:11px;
  text-align:center;
}
.document-empty strong,
.document-empty span{display:block;}
.document-empty strong{font-size:12px;}
.document-empty span{margin-top:4px;color:#74808d;font-size:11px;}

.document-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  gap:9px;
  align-items:center;
  padding:9px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
}
.document-row.superseded{opacity:.58;background:#f8fafc;}
.document-file-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:9px;
  background:#0b1220;
  color:#fff;
  font-size:10px;
  font-weight:800;
}
.document-file-main strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
}
.document-file-main span,
.document-file-main small{
  display:block;
  margin-top:3px;
  color:#6e7b89;
  font-size:10px;
  line-height:1.4;
}
.document-file-meta{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:4px;
}
.document-file-meta small{font-size:10px;color:#7b8794;}
.document-row-action{
  border:1px solid var(--line);
  border-radius:8px;
  padding:6px 8px;
  background:#fff;
  cursor:pointer;
  font-size:10px;
  font-weight:800;
}
.document-row-action:disabled{opacity:.5;cursor:not-allowed;}

.document-upload-box{
  margin-top:12px;
  padding:11px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#f8fafc;
}
.document-upload-title strong{
  display:block;
  margin-top:2px;
  font-size:13px;
}
.document-upload-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr .7fr 1fr;
  gap:8px;
  margin-top:9px;
}
.document-upload-grid label,
.document-description{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.document-upload-grid label>span,
.document-description>span{
  font-size:10px;
  font-weight:800;
}
.document-upload-grid input,
.document-upload-grid select,
.document-description input{
  width:100%;
  padding:9px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#fff;
  font-size:11px;
}
.document-description{margin:8px 0;}
.document-demo-note{
  display:block;
  margin-top:6px;
  color:#74808d;
  font-size:10px;
  line-height:1.4;
}

@media(max-width:780px){
  .document-center-summary{grid-template-columns:1fr 1fr;}
  .document-upload-grid{grid-template-columns:1fr 1fr;}
  .document-row{
    grid-template-columns:auto 1fr;
  }
  .document-file-meta,
  .document-row-action{
    grid-column:2;
    justify-self:start;
    align-items:flex-start;
  }
}
@media(max-width:520px){
  .document-center-summary,
  .document-upload-grid{grid-template-columns:1fr;}
}

/* ===== V3.42 — Notification & Activity Center ===== */
.notification-center-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
}
.notification-center-head h3{
  margin:3px 0 4px;
  font-size:19px;
}
.notification-center-head p{
  margin:0;
  color:#6f7c8a;
  font-size:12px;
  line-height:1.45;
}
.notification-kpis{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin:11px 0;
}
.notification-kpis>div{
  padding:10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#f8fafc;
}
.notification-kpis span{
  display:block;
  color:#7c8997;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}
.notification-kpis strong{
  display:block;
  margin-top:4px;
  font-size:14px;
}
.notification-toolbar{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  margin-bottom:8px;
}
.notification-filters{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.notification-filters button{
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  padding:6px 9px;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.notification-filters button.active{
  border-color:#0b1220;
  background:#0b1220;
  color:#fff;
}
.notification-toolbar>span{
  color:#788493;
  font-size:10px;
  font-weight:800;
}
.notification-list{
  display:grid;
  gap:7px;
}
.notification-item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:10px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#fff;
}
.notification-item.unread{
  border-color:#9ba7b5;
  background:#f8fafc;
}
.notification-type-icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:10px;
  background:#e9edf2;
  color:#223044;
  font-size:10px;
  font-weight:800;
}
.notification-item.unread .notification-type-icon{
  background:#0b1220;
  color:#fff;
}
.notification-main strong{
  display:block;
  font-size:12px;
}
.notification-main p{
  margin:4px 0 0;
  color:#657382;
  font-size:11px;
  line-height:1.4;
}
.notification-meta{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:5px;
}
.notification-meta span{
  padding:3px 5px;
  border-radius:999px;
  background:#edf1f5;
  color:#697583;
  font-size:10px;
  font-weight:800;
}
.notification-actions{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:105px;
}
.notification-actions button{
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  padding:6px 8px;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.notification-actions .primary-mini{
  background:#0b1220;
  border-color:#0b1220;
  color:#fff;
}
.notification-empty{
  padding:24px;
  border:1px dashed var(--line);
  border-radius:11px;
  text-align:center;
}
.notification-empty strong,
.notification-empty span{
  display:block;
}
.notification-empty strong{font-size:12px;}
.notification-empty span{
  margin-top:4px;
  color:#74808d;
  font-size:11px;
}
.notification-preferences{
  display:grid;
  grid-template-columns:minmax(180px,.8fr) minmax(0,1.6fr);
  gap:12px;
  margin-top:12px;
  padding:11px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#f8fafc;
}
.notification-preferences strong{
  display:block;
  margin-top:3px;
  font-size:12px;
}
.notification-preferences small{
  display:block;
  margin-top:3px;
  color:#74808d;
  font-size:10px;
  line-height:1.4;
}
.notification-pref-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}
.notification-pref-grid label{
  display:flex;
  align-items:center;
  gap:6px;
  min-height:36px;
  padding:7px 8px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#fff;
  font-size:10px;
  font-weight:700;
}
.notification-pref-grid label:last-child{
  display:grid;
  grid-template-columns:1fr auto;
}
.notification-pref-grid select{
  min-width:115px;
  padding:6px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  font-size:10px;
}

@media(max-width:760px){
  .notification-center-head{flex-direction:column;}
  .notification-kpis{grid-template-columns:1fr 1fr;}
  .notification-item{grid-template-columns:auto 1fr;}
  .notification-actions{grid-column:2;flex-direction:row;min-width:0;}
  .notification-preferences{grid-template-columns:1fr;}
}
@media(max-width:520px){
  .notification-kpis,
  .notification-pref-grid{grid-template-columns:1fr;}
  .notification-toolbar{align-items:flex-start;flex-direction:column;}
}

/* ===== V3.43 — Header fit / no right-side clipping ===== */
.site-header{
  width:100%;
  max-width:100vw;
  padding-left:clamp(18px,2vw,38px) !important;
  padding-right:clamp(18px,2vw,38px) !important;
  gap:clamp(12px,1.15vw,22px) !important;
  overflow:visible;
}
.site-header .brand{
  flex:0 0 auto;
}
.top-nav{
  min-width:0;
  flex:1 1 auto;
  margin-left:auto;
  justify-content:flex-end;
  gap:clamp(9px,.85vw,16px) !important;
}
.top-nav a,
.top-nav .nav-link-btn{
  white-space:nowrap;
}
.header-actions{
  flex:0 0 auto;
  min-width:0;
  gap:6px !important;
}
.header-actions .lang-select{
  flex:0 0 auto;
  padding:9px 9px;
}
.header-actions .ghost,
.header-actions .primary{
  flex:0 0 auto;
  white-space:nowrap;
  padding:10px 11px !important;
}
.header-actions .primary{
  min-width:118px !important;
}

/* At narrower desktop widths keep every action visible,
   but recover space from the brand/header spacing instead of clipping. */
@media(max-width:1750px){
  .site-header{
    gap:12px !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }
  .brand-logo-frame{
    width:62px !important;
    height:50px !important;
  }
  .brand-selected-logo .brand-copy strong{
    font-size:14px !important;
  }
  .brand-selected-logo .brand-copy small{
    font-size:10px !important;
  }
  .top-nav{
    gap:10px !important;
  }
  .top-nav a,
  .top-nav .nav-link-btn{
    font-size:12.5px !important;
  }
  .header-actions .ghost,
  .header-actions .primary{
    font-size:12px !important;
    padding:9px 10px !important;
  }
}
@media(max-width:1450px){
  #brandHomeLink .brand-copy small{
    display:none;
  }
  .top-nav{
    gap:8px !important;
  }
  .top-nav a,
  .top-nav .nav-link-btn{
    font-size:12px !important;
  }
  .header-actions{
    gap:4px !important;
  }
}
@media(max-width:1250px){
  .site-header{
    flex-wrap:wrap;
    align-content:center;
    row-gap:7px !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
  }
  .top-nav{
    order:3;
    flex-basis:100%;
    justify-content:center;
  }
  .header-actions{
    margin-left:auto;
  }
}

/* Keep Area Cliente tabs visible and readable. */
.workspace-tabs{
  overflow:visible;
  row-gap:7px;
}


/* ===== V3.44 — header typography enlarged for readability ===== */
.brand-copy strong{font-size:19px !important;letter-spacing:.12em !important;}
.brand-copy small{font-size:12.5px !important;letter-spacing:.11em !important;}
.top-nav a,
.top-nav .nav-link-btn{font-size:15px !important;font-weight:800 !important;letter-spacing:.01em;}
.header-actions .ghost,
.header-actions .primary{font-size:14px !important;font-weight:800 !important;}
.header-actions .lang-select{font-size:14px !important;font-weight:800 !important;padding:10px 11px !important;}

@media(max-width:1750px){
  .brand-copy strong{font-size:17px !important;}
  .brand-copy small{font-size:11.5px !important;}
  .top-nav a,
  .top-nav .nav-link-btn{font-size:14px !important;}
  .header-actions .ghost,
  .header-actions .primary,
  .header-actions .lang-select{font-size:13px !important;}
}
@media(max-width:1450px){
  .top-nav a,
  .top-nav .nav-link-btn{font-size:13px !important;}
  .header-actions .ghost,
  .header-actions .primary,
  .header-actions .lang-select{font-size:12.5px !important;}
}

/* ===== V3.45 — MLSR Admin / Beta Operations Center ===== */
.workspace-footer-actions{
  display:flex;
  gap:8px;
  align-items:center;
}
.admin-demo-entry{
  border:1px dashed #9ba7b5 !important;
}
.admin-demo-entry span{
  margin-left:5px;
  padding:3px 5px;
  border-radius:999px;
  background:#0b1220;
  color:#fff;
  font-size:9px;
  font-weight:800;
}
.admin-console-modal{
  width:min(1120px,97vw) !important;
}
.admin-warning{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:10px 12px;
  border-left:3px solid #0b1220;
  background:#f8fafc;
  margin-bottom:10px;
}
.admin-warning strong,
.admin-warning span{
  display:block;
}
.admin-warning strong{
  font-size:12px;
}
.admin-warning span{
  margin-top:2px;
  color:#6e7b89;
  font-size:11px;
  line-height:1.45;
}
.admin-kpis{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
}
.admin-kpis>div{
  padding:10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
}
.admin-kpis span{
  display:block;
  color:#7c8997;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}
.admin-kpis strong{
  display:block;
  margin-top:4px;
  font-size:17px;
}
.admin-kpis small{
  display:block;
  margin-top:2px;
  color:#778492;
  font-size:10px;
}
.admin-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:11px 0;
  padding-bottom:9px;
  border-bottom:1px solid var(--line);
}
.admin-tab{
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  padding:7px 10px;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.admin-tab.active{
  background:#0b1220;
  color:#fff;
  border-color:#0b1220;
}
.admin-panel{display:none;}
.admin-panel.active{display:block;}
.admin-panel-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-end;
  margin-bottom:8px;
}
.admin-panel-head strong{
  display:block;
  margin-top:3px;
  font-size:14px;
}
.admin-panel-head>span{
  color:#74808d;
  font-size:10px;
  font-weight:800;
}
.admin-queue{
  display:grid;
  gap:7px;
}
.admin-queue article{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:10px;
  align-items:center;
  padding:10px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#fff;
}
.admin-queue article.resolved{
  opacity:.55;
  background:#f8fafc;
}
.admin-case-icon{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:10px;
  background:#0b1220;
  color:#fff;
  font-size:9px;
  font-weight:800;
}
.admin-queue strong{
  display:block;
  font-size:12px;
}
.admin-queue p{
  margin:3px 0;
  color:#657382;
  font-size:11px;
}
.admin-queue small{
  color:#7d8997;
  font-size:10px;
}
.admin-case-actions button{
  min-width:130px;
}
.admin-table{
  border:1px solid var(--line);
  border-radius:11px;
  overflow:hidden;
}
.admin-table>div{
  display:grid;
  grid-template-columns:1.6fr 1fr .65fr .7fr 1fr;
  gap:8px;
  align-items:center;
  padding:9px 10px;
  border-top:1px solid var(--line);
  background:#fff;
  font-size:11px;
}
.admin-table>div:first-child{
  border-top:0;
}
.admin-table-head{
  background:#f8fafc !important;
  color:#75818f;
  font-size:10px !important;
  font-weight:800;
  text-transform:uppercase;
}
.admin-audit-log{
  display:grid;
  gap:6px;
}
.admin-audit-log article{
  display:grid;
  grid-template-columns:58px 105px 1fr;
  gap:8px;
  padding:8px 9px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#fff;
}
.admin-audit-log span{
  color:#7b8794;
  font-size:10px;
  font-weight:800;
}
.admin-audit-log strong{
  font-size:11px;
}
.admin-audit-log p{
  margin:0;
  color:#657382;
  font-size:11px;
}
.admin-footer-note{
  margin-top:10px;
}
@media(max-width:800px){
  .admin-kpis{
    grid-template-columns:1fr 1fr;
  }
  .admin-queue article{
    grid-template-columns:auto 1fr;
  }
  .admin-case-actions{
    grid-column:2;
  }
  .admin-table{
    overflow:auto;
  }
  .admin-table>div{
    min-width:720px;
  }
}
@media(max-width:560px){
  .workspace-footer-actions{
    width:100%;
    flex-direction:column;
  }
  .workspace-footer-actions button{
    width:100%;
  }
  .admin-kpis{
    grid-template-columns:1fr;
  }
  .admin-audit-log article{
    grid-template-columns:1fr;
  }
}

/* ===== V3.46 — Company Team & Permissions ===== */
.team-center-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.team-center-head h3{margin:3px 0 4px;font-size:20px}
.team-center-head p{margin:0;color:#6e7b89;font-size:12px;line-height:1.45}
.team-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:11px 0}
.team-kpis>div{padding:10px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}
.team-kpis span{display:block;color:#7c8997;font-size:10px;font-weight:800;text-transform:uppercase}
.team-kpis strong{display:block;margin-top:4px;font-size:14px}
.team-security-banner{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:11px;background:#fff;margin-bottom:10px}
.team-security-banner strong,.team-security-banner small{display:block}
.team-security-banner strong{margin-top:3px;font-size:12px}
.team-security-banner small{margin-top:3px;color:#71808e;font-size:10px;line-height:1.4}
.team-security-banner label{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px;font-weight:800}
.team-table{border:1px solid var(--line);border-radius:11px;overflow:hidden}
.team-table-head,.team-table article{display:grid;grid-template-columns:1.6fr .8fr 1.3fr .7fr auto;gap:8px;align-items:center;padding:9px 10px}
.team-table-head{background:#f8fafc;color:#75818f;font-size:10px;font-weight:800;text-transform:uppercase}
.team-table article{border-top:1px solid var(--line);background:#fff}
.team-table article strong{display:block;font-size:12px}
.team-table article small{display:block;margin-top:2px;color:#74808d;font-size:10px}
.team-role-select{width:100%;padding:7px 8px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:10px;font-weight:800}
.team-access-summary{color:#5f6d7b;font-size:10px;line-height:1.4}
.team-member-action{border:1px solid var(--line);border-radius:8px;background:#fff;padding:6px 8px;font-size:10px;font-weight:800;cursor:pointer}
.team-member-action:disabled{opacity:.55;cursor:not-allowed}
.role-matrix{margin-top:11px;padding:10px;border:1px solid var(--line);border-radius:11px;background:#f8fafc}
.role-matrix-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-end;margin-bottom:7px}
.role-matrix-head strong{display:block;margin-top:3px;font-size:12px}
.role-matrix-head>span{color:#778493;font-size:10px;font-weight:800}
.role-matrix-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
.role-matrix-grid article{padding:8px;border:1px solid var(--line);border-radius:9px;background:#fff}
.role-matrix-grid strong,.role-matrix-grid span{display:block}
.role-matrix-grid strong{font-size:10px}
.role-matrix-grid span{margin-top:4px;color:#6d7987;font-size:10px;line-height:1.4}
.invite-member-modal,.permissions-modal{width:min(700px,95vw)}
.invite-role-preview{margin:10px 0;padding:10px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}
.invite-role-preview span,.invite-role-preview strong{display:block}
.invite-role-preview span{color:#778493;font-size:10px;font-weight:800;text-transform:uppercase}
.invite-role-preview strong{margin-top:4px;font-size:12px}
.permissions-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.permissions-grid label{display:flex;align-items:center;gap:7px;min-height:42px;padding:8px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:11px;font-weight:700}
.permissions-warning{margin:10px 0;padding:10px;border-left:3px solid #0b1220;background:#f8fafc}
.permissions-warning strong,.permissions-warning span{display:block}
.permissions-warning strong{font-size:11px}
.permissions-warning span{margin-top:3px;color:#6f7c8a;font-size:10px;line-height:1.4}
@media(max-width:820px){
  .team-kpis{grid-template-columns:1fr 1fr}
  .team-table{overflow:auto}
  .team-table-head,.team-table article{min-width:820px}
  .role-matrix-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .team-center-head,.team-security-banner{flex-direction:column;align-items:stretch}
  .team-kpis,.role-matrix-grid,.permissions-grid{grid-template-columns:1fr}
}

/* ===== V3.47 — Simple Mode ===== */
.simple-mode-bar{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  margin-bottom:10px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#f8fafc;
}
.simple-mode-bar strong{
  display:block;
  margin-top:3px;
  font-size:13px;
}
.simple-workspace-tabs{
  gap:8px;
}
.workspace-advanced-tab{
  display:none;
}
body.workspace-advanced .workspace-advanced-tab{
  display:inline-flex;
}
.simple-start{
  margin-bottom:12px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:15px;
  background:#fff;
}
.simple-start-head strong{
  display:block;
  margin-top:4px;
  font-size:17px;
}
.simple-start-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  margin-top:11px;
}
.simple-start-card{
  display:flex;
  gap:10px;
  align-items:flex-start;
  text-align:left;
  padding:13px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#f8fafc;
  cursor:pointer;
}
.simple-start-card:hover{
  border-color:#8b97a6;
}
.simple-start-card.primary-path{
  background:#0b1220;
  color:#fff;
  border-color:#0b1220;
}
.simple-start-card>span{
  display:grid;
  place-items:center;
  flex:0 0 30px;
  width:30px;
  height:30px;
  border-radius:9px;
  background:#fff;
  color:#0b1220;
  font-size:11px;
  font-weight:800;
}
.simple-start-card:not(.primary-path)>span{
  background:#0b1220;
  color:#fff;
}
.simple-start-card strong,
.simple-start-card small{
  display:block;
}
.simple-start-card strong{
  font-size:14px;
}
.simple-start-card small{
  margin-top:4px;
  color:#6d7988;
  font-size:11px;
  line-height:1.4;
}
.simple-start-card.primary-path small{
  color:#b5bfcb;
}
.simple-details-toggle{
  display:block;
  margin:10px auto 0;
  border:0;
  background:transparent;
  color:#697583;
  font-size:11px;
  font-weight:800;
  text-decoration:underline;
  cursor:pointer;
}
.operational-details-collapsed{
  display:none;
}
.operational-details-collapsed.open{
  display:block;
}
.simple-account-head h3{
  margin:3px 0 4px;
  font-size:20px;
}
.simple-account-head p{
  margin:0;
  color:#6e7b89;
  font-size:12px;
  line-height:1.45;
}
.simple-account-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  margin:12px 0;
}
.simple-account-grid button{
  text-align:left;
  padding:13px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  cursor:pointer;
}
.simple-account-grid button:hover{
  border-color:#8b97a6;
}
.simple-account-grid span,
.simple-account-grid strong,
.simple-account-grid small{
  display:block;
}
.simple-account-grid span{
  color:#7a8694;
  font-size:10px;
  font-weight:800;
}
.simple-account-grid strong{
  margin-top:5px;
  font-size:13px;
}
.simple-account-grid small{
  margin-top:4px;
  color:#6d7987;
  font-size:11px;
  line-height:1.4;
}
@media(max-width:760px){
  .simple-mode-bar{align-items:flex-start;flex-direction:column}
  .simple-start-grid,.simple-account-grid{grid-template-columns:1fr}
}

/* ===== V3.48 — Visual dashboard redesign ===== */
.visual-global-strip{
  border-top:2px solid #c89b2d;
  border-bottom:0;
}
.visual-hero{
  position:relative;
  overflow:hidden;
  min-height:430px;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(3,8,18,.86) 0%,rgba(3,8,18,.80) 28%,rgba(3,8,18,.58) 54%,rgba(3,8,18,.62) 100%),
    linear-gradient(180deg,rgba(5,12,24,.22),rgba(5,12,24,.34));
  background-size:cover;
  background-position:center center;
  border-bottom:1px solid #1d2b3e;
}
.visual-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 22% 44%,rgba(213,159,56,.12),transparent 23%),
    linear-gradient(90deg,rgba(0,0,0,.18),transparent 35%,transparent 68%,rgba(0,0,0,.18));
  pointer-events:none;
}
.visual-hero::after{
  content:"";
  position:absolute;
  inset:0;
  opacity:.14;
  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(90deg,black 0%,black 100%);
  pointer-events:none;
}
.visual-hero-overlay{
  position:absolute;
  right:-120px;
  top:-80px;
  width:760px;
  height:760px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(201,146,35,.13),transparent 66%);
  filter:blur(8px);
}
.visual-hero-inner{
  position:relative;
  z-index:2;
  width:min(1460px,92vw);
  margin:0 auto;
  padding:42px 0;
  display:grid;
  grid-template-columns:1.45fr .72fr;
  gap:46px;
  align-items:center;
}
.visual-eyebrow{
  display:inline-flex;
  padding:7px 10px;
  border:1px solid rgba(205,163,64,.45);
  border-radius:999px;
  color:#d3ad54;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
}
.visual-hero-copy h1{
  max-width:900px;
  margin:14px 0 15px;
  font-size:44px;
  line-height:1.08;
  letter-spacing:-.035em;
}
.visual-hero-copy h1 span{color:#d8b458}
.visual-hero-copy p{
  max-width:820px;
  margin:0;
  color:#c4ccd6;
  font-size:16px;
  line-height:1.6;
}
.visual-hero-actions{
  display:flex;
  gap:14px;
  margin-top:24px;
}
.visual-gold-btn,
.visual-outline-btn{
  min-width:214px;
  min-height:58px;
  padding:16px 24px;
  border-radius:12px;
  font-size:18px;
  font-weight:800;
  letter-spacing:-.01em;
  box-shadow:0 10px 24px rgba(0,0,0,.14);
}
.visual-gold-btn{
  border:1px solid #d2a53b;
  background:linear-gradient(135deg,#e0b94d,#c99223);
  color:#111827;
}
.visual-gold-btn b{margin-left:12px;font-size:16px}
.visual-outline-btn{
  border:1px solid rgba(211,172,78,.65);
  background:rgba(10,18,31,.55);
  color:#fff;
}
.visual-trust-panel{
  padding:11px;
  border:1px solid rgba(205,163,64,.55);
  border-radius:12px;
  background:rgba(6,14,27,.66);
  box-shadow:0 20px 55px rgba(0,0,0,.24);
  backdrop-filter:blur(10px);
}
.visual-trust-panel article{
  display:flex;
  gap:11px;
  padding:12px 10px;
}
.visual-trust-panel article+article{
  border-top:1px solid rgba(255,255,255,.08);
}
.visual-trust-icon{
  color:#d3a942;
  font-size:24px;
  line-height:1;
}
.visual-trust-panel strong,
.visual-trust-panel small{display:block}
.visual-trust-panel strong{font-size:13px}
.visual-trust-panel small{
  margin-top:3px;
  color:#adb8c7;
  font-size:11px;
  line-height:1.45;
}

.visual-dashboard{
  padding:22px clamp(20px,4vw,68px) 18px;
  background:#f6f8fb;
  border-bottom:1px solid var(--line);
}
.visual-dashboard-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-end;
  max-width:1500px;
  margin:0 auto 12px;
}
.visual-dashboard-head h2{
  margin:3px 0 3px;
  font-size:25px;
  letter-spacing:-.02em;
}
.visual-dashboard-head p{
  margin:0;
  color:#6d7987;
  font-size:11px;
}
.visual-dashboard-head select{
  padding:9px 12px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#fff;
  font-size:11px;
  font-weight:800;
}
.visual-dashboard-grid{
  max-width:1500px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.15fr 1.1fr 1.05fr 1fr 1fr;
  gap:9px;
}
.visual-analytics-card,
.visual-network-card{
  min-width:0;
  padding:12px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#fff;
  box-shadow:0 9px 30px rgba(11,18,32,.045);
}
.visual-card-title{
  display:flex;
  justify-content:space-between;
  gap:8px;
  align-items:center;
  margin-bottom:10px;
}
.visual-card-title strong{font-size:12px}
.visual-card-title span{
  padding:3px 5px;
  border-radius:999px;
  background:#eef2f6;
  color:#7a8694;
  font-size:9px;
  font-weight:800;
}
.visual-donut-wrap{
  display:flex;
  align-items:center;
  gap:15px;
  min-height:138px;
}
.visual-donut{
  position:relative;
  flex:0 0 126px;
  width:126px;
  height:126px;
  border-radius:50%;
  background:conic-gradient(#3e7ef0 0 53%,#77b5e8 53% 86%,#6bc59b 86% 100%);
}
.visual-donut::after{
  content:"";
  position:absolute;
  inset:24px;
  border-radius:50%;
  background:#fff;
}
.visual-donut>div{
  position:absolute;
  z-index:2;
  inset:0;
  display:grid;
  place-content:center;
  text-align:center;
}
.visual-donut strong{font-size:22px}
.visual-donut span{font-size:10px}
.visual-donut-legend{
  display:grid;
  gap:9px;
  flex:1;
}
.visual-donut-legend span{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:6px;
  align-items:center;
  font-size:10px;
}
.visual-donut-legend i{
  width:8px;height:8px;border-radius:50%;
}
.legend-open{background:#3e7ef0}
.legend-progress{background:#77b5e8}
.legend-done{background:#6bc59b}
.visual-card-link{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:7px;
  padding:7px 0 0;
  border:0;
  border-top:1px solid var(--line);
  background:transparent;
  font-size:10px;
  font-weight:800;
}
.visual-bars{
  height:143px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
  align-items:end;
  padding:12px 6px 20px;
  border-left:1px solid #eef1f5;
  border-bottom:1px solid #dfe5ec;
  background:
    linear-gradient(#eef2f6 1px,transparent 1px);
  background-size:100% 33.3%;
}
.visual-bars div{
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
}
.visual-bars i{
  width:70%;
  max-width:26px;
  border-radius:4px 4px 0 0;
  background:linear-gradient(180deg,#4c94ff,#6e75dc);
}
.visual-bars span{
  position:absolute;
  transform:translateY(18px);
  font-size:8px;
  white-space:nowrap;
}
.visual-axis{
  display:flex;
  justify-content:space-between;
  color:#8a95a2;
  font-size:8px;
}
.visual-kpi-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.visual-kpi-grid article{
  padding:11px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#fff;
}
.visual-kpi-icon{
  display:block;
  color:#3478e5;
  font-size:19px;
  line-height:1;
}
.visual-kpi-grid small,
.visual-kpi-grid strong,
.visual-kpi-grid em{display:block}
.visual-kpi-grid small{
  margin-top:8px;
  color:#657383;
  font-size:9px;
  font-style:normal;
}
.visual-kpi-grid strong{
  margin-top:4px;
  font-size:21px;
}
.visual-kpi-grid em{
  margin-top:4px;
  color:#3b9b68;
  font-size:8px;
  font-style:normal;
  font-weight:800;
}
.visual-activity-list{
  display:grid;
}
.visual-activity-list>div{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:7px;
  align-items:center;
  padding:7px 0;
  border-top:1px solid #edf1f5;
}
.visual-activity-list>div:first-child{border-top:0}
.visual-activity-list>div>span{
  display:grid;
  place-items:center;
  width:24px;height:24px;
  border-radius:7px;
  background:#eef5ff;
  color:#3f7ee8;
  font-size:11px;
}
.visual-activity-list p{margin:0}
.visual-activity-list strong,
.visual-activity-list small{display:block}
.visual-activity-list strong{font-size:9px}
.visual-activity-list small{
  margin-top:2px;
  color:#7c8896;
  font-size:8px;
}
.visual-activity-list time{
  color:#7d8997;
  font-size:8px;
}
.visual-network-card{
  padding:0;
  overflow:hidden;
}
.visual-network-card .visual-card-title{
  padding:11px 12px 0;
}
.visual-network-map{
  position:relative;
  min-height:149px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 48%,rgba(70,143,237,.38),transparent 8%),
    radial-gradient(circle at 34% 58%,rgba(70,143,237,.22),transparent 6%),
    radial-gradient(circle at 64% 38%,rgba(70,143,237,.2),transparent 7%),
    linear-gradient(145deg,#071321,#0f2237 55%,#081522);
}
.visual-network-map::before{
  content:"";
  position:absolute;
  inset:15px 18px 20px;
  border:1px solid rgba(132,185,255,.15);
  border-radius:45% 55% 52% 48% / 48% 42% 58% 52%;
  transform:rotate(-8deg);
  box-shadow:
    28px 3px 0 -25px rgba(115,171,242,.22),
    -23px 10px 0 -20px rgba(115,171,242,.18);
}
.visual-network-map>strong,
.visual-network-map>small{
  position:absolute;
  z-index:3;
  left:12px;
  bottom:24px;
  color:#fff;
}
.visual-network-map>strong{font-size:16px}
.visual-network-map>small{
  bottom:12px;
  color:#9cb0c7;
  font-size:8px;
}
.network-dot{
  position:absolute;
  z-index:2;
  width:6px;height:6px;
  border-radius:50%;
  background:#79baff;
  box-shadow:0 0 12px #66aaf5;
}
.d1{left:32%;top:45%}.d2{left:46%;top:31%}.d3{left:57%;top:42%}.d4{left:66%;top:30%}.d5{left:54%;top:61%}.d6{left:72%;top:54%}
.network-ring{
  position:absolute;
  border:1px solid rgba(106,176,255,.25);
  border-radius:50%;
}
.ring-one{width:80px;height:80px;left:36%;top:25%}
.ring-two{width:112px;height:112px;left:48%;top:13%}
.network-line{
  position:absolute;
  height:1px;
  background:linear-gradient(90deg,rgba(116,183,255,.08),#76b9ff,rgba(116,183,255,.08));
  transform-origin:left center;
}
.l1{width:95px;left:32%;top:46%;transform:rotate(-12deg)}
.l2{width:105px;left:46%;top:32%;transform:rotate(9deg)}
.l3{width:85px;left:54%;top:61%;transform:rotate(-25deg)}
.visual-network-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  background:#081522;
  color:#fff;
}
.visual-network-stats div{
  padding:9px 11px;
}
.visual-network-stats div+div{
  border-left:1px solid rgba(255,255,255,.12);
}
.visual-network-stats span,
.visual-network-stats strong{display:block}
.visual-network-stats span{
  color:#aab7c7;
  font-size:8px;
}
.visual-network-stats strong{
  margin-top:3px;
  font-size:17px;
}
.visual-network-card .visual-card-link{
  padding:8px 11px;
  margin:0;
}
.visual-trust-strip{
  max-width:1500px;
  margin:10px auto 0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  border:1px solid var(--line);
  border-radius:11px;
  background:#fff;
}
.visual-trust-strip article{
  display:flex;
  gap:9px;
  align-items:center;
  padding:10px 14px;
}
.visual-trust-strip article+article{
  border-left:1px solid var(--line);
}
.visual-trust-strip>article>span{
  font-size:21px;
}
.visual-trust-strip strong,
.visual-trust-strip small{display:block}
.visual-trust-strip strong{font-size:11px}
.visual-trust-strip small{
  margin-top:2px;
  color:#6e7b89;
  font-size:9px;
}

.capacity-exchange-section{
  padding-top:34px !important;
}
.capacity-exchange-section>.global-hub-heading{
  max-width:1500px;
  margin-left:auto;
  margin-right:auto;
}
.capacity-exchange-section>.global-hub-heading h2{
  margin-top:5px;
  font-size:30px;
}

/* Keep previously enlarged navigation readable. */
@media(min-width:1751px){
  .top-nav a,.top-nav .nav-link-btn{font-size:15px !important}
}

@media(max-width:1180px){
  .visual-hero-inner{grid-template-columns:1fr .8fr}
  .visual-dashboard-grid{grid-template-columns:1fr 1fr}
  .visual-network-card{grid-column:span 1}
}
@media(max-width:820px){
  .visual-hero-inner{grid-template-columns:1fr}
  .visual-hero-copy h1{font-size:38px}
  .visual-dashboard-head{align-items:flex-start;flex-direction:column}
  .visual-dashboard-grid{grid-template-columns:1fr}
  .visual-trust-strip{grid-template-columns:1fr 1fr}
  .visual-trust-strip article:nth-child(3){border-left:0;border-top:1px solid var(--line)}
  .visual-trust-strip article:nth-child(4){border-top:1px solid var(--line)}
}
@media(max-width:520px){
  .visual-hero-copy h1{font-size:32px}
  .visual-hero-actions{flex-direction:column}
  .visual-gold-btn,.visual-outline-btn{width:100%}
  .visual-donut-wrap{align-items:flex-start;flex-direction:column}
  .visual-kpi-grid{grid-template-columns:1fr}
  .visual-trust-strip{grid-template-columns:1fr}
  .visual-trust-strip article+article{border-left:0;border-top:1px solid var(--line)}
}

/* V3.49 hero image enhancement */
.visual-hero-inner{padding:56px 0;}
.visual-hero-copy{max-width:900px;}
.visual-hero-copy h1{max-width:960px;text-shadow:0 8px 28px rgba(0,0,0,.38);}
.visual-hero-copy p{text-shadow:0 4px 20px rgba(0,0,0,.34);max-width:870px;}
.visual-trust-panel{background:rgba(5,12,24,.72);}
@media(max-width:820px){
  .visual-hero{background-position:63% center;min-height:500px;}
  .visual-hero-inner{padding:40px 0;}
}


/* ===== V3.50 — Final selected industrial hero ===== */
.visual-hero{
  background-position:center 52% !important;
}
@media(max-width:1100px){
  .visual-hero{background-position:58% 52% !important;}
}
@media(max-width:820px){
  .visual-hero{background-position:61% 52% !important;}
}


/* ===== V3.52 — Approved MLSR welder/refinery hero ===== */
.visual-hero{
  min-height:440px !important;
  background-image:
    linear-gradient(90deg,rgba(3,8,18,.90) 0%,rgba(3,8,18,.78) 31%,rgba(3,8,18,.44) 58%,rgba(3,8,18,.52) 100%),
    url("hero_pipeline_welder_final.png") !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:center 48% !important;
}
.visual-trust-panel{
  background:rgba(5,12,24,.74) !important;
  backdrop-filter:blur(8px);
}
@media(max-width:1100px){
  .visual-hero{background-position:58% 48% !important;}
}
@media(max-width:820px){
  .visual-hero{
    min-height:510px !important;
    background-position:61% center !important;
  }
}


/* ===== V3.53 — Larger dashboard + clear welder hero ===== */

/* The hero now keeps only the headline/CTAs so the MLSR welder remains visible. */
.visual-hero-inner{
  grid-template-columns:minmax(0,1fr) !important;
  min-height:440px;
}
.visual-hero-copy{
  max-width:880px !important;
}
.visual-hero{
  background-position:center 46% !important;
}

/* Relocated trust panel: no longer overlays the welder. */
.visual-trust-relocated{
  padding:14px clamp(20px,4vw,68px);
  background:#0a1423;
  border-top:1px solid rgba(210,165,59,.24);
  border-bottom:1px solid rgba(210,165,59,.24);
}
.visual-trust-relocated-inner{
  max-width:1500px;
  margin:0 auto;
}
.visual-trust-panel.relocated{
  display:grid !important;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  padding:0 !important;
  border:1px solid rgba(205,163,64,.38) !important;
  background:rgba(9,19,34,.92) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
.visual-trust-panel.relocated article{
  min-height:88px;
  padding:16px 18px !important;
}
.visual-trust-panel.relocated article+article{
  border-top:0 !important;
  border-left:1px solid rgba(255,255,255,.09);
}
.visual-trust-panel.relocated .visual-trust-icon{
  font-size:28px;
}
.visual-trust-panel.relocated strong{
  font-size:15px;
}
.visual-trust-panel.relocated small{
  margin-top:5px;
  font-size:12px;
  line-height:1.5;
}

/* Dashboard now prioritizes readability over density. */
.visual-dashboard{
  padding-top:30px !important;
  padding-bottom:26px !important;
}
.visual-dashboard-head{
  max-width:1580px !important;
  margin-bottom:18px !important;
}
.visual-dashboard-head h2{
  font-size:32px !important;
}
.visual-dashboard-head p{
  font-size:13px !important;
  line-height:1.5;
}
.visual-dashboard-head select{
  font-size:13px !important;
  padding:11px 14px !important;
}

.visual-dashboard-grid{
  max-width:1580px !important;
  grid-template-columns:1.05fr 1.22fr .9fr !important;
  gap:14px !important;
  align-items:stretch;
}
.visual-analytics-card,
.visual-network-card{
  padding:18px !important;
  border-radius:15px !important;
}
.visual-card-title{
  margin-bottom:15px !important;
}
.visual-card-title strong{
  font-size:16px !important;
}
.visual-card-title span{
  font-size:10px !important;
  padding:4px 7px !important;
}

/* Pie / donut chart significantly larger. */
.visual-donut-wrap{
  min-height:235px !important;
  gap:25px !important;
  justify-content:center;
}
.visual-donut{
  flex:0 0 205px !important;
  width:205px !important;
  height:205px !important;
}
.visual-donut::after{
  inset:39px !important;
}
.visual-donut strong{
  font-size:34px !important;
}
.visual-donut span{
  font-size:13px !important;
}
.visual-donut-legend{
  gap:15px !important;
  min-width:145px;
}
.visual-donut-legend span{
  gap:9px !important;
  font-size:13px !important;
}
.visual-donut-legend i{
  width:11px !important;
  height:11px !important;
}

/* Sector bars significantly larger and labels readable. */
.visual-bars{
  height:235px !important;
  gap:15px !important;
  padding:18px 12px 32px !important;
}
.visual-bars i{
  max-width:42px !important;
  width:76% !important;
}
.visual-bars span{
  transform:translateY(27px) !important;
  font-size:11px !important;
}
.visual-axis{
  margin-top:5px;
  font-size:11px !important;
}

/* Larger KPI cards. */
.visual-kpi-grid{
  gap:14px !important;
}
.visual-kpi-grid article{
  min-height:135px;
  padding:17px !important;
  border-radius:14px !important;
}
.visual-kpi-icon{
  font-size:26px !important;
}
.visual-kpi-grid small{
  margin-top:11px !important;
  font-size:11px !important;
}
.visual-kpi-grid strong{
  margin-top:6px !important;
  font-size:29px !important;
}
.visual-kpi-grid em{
  margin-top:7px !important;
  font-size:10px !important;
}

/* Second dashboard row: activity and network become much wider. */
.dashboard-wide-card{
  grid-column:1 / span 2;
  min-height:245px;
}
.dashboard-network-large{
  grid-column:3;
  min-height:245px;
  padding:0 !important;
}
.visual-activity-list>div{
  padding:12px 0 !important;
  gap:10px !important;
}
.visual-activity-list>div>span{
  width:34px !important;
  height:34px !important;
  font-size:14px !important;
}
.visual-activity-list strong{
  font-size:12px !important;
}
.visual-activity-list small{
  margin-top:3px !important;
  font-size:10px !important;
}
.visual-activity-list time{
  font-size:10px !important;
}
.visual-network-card .visual-card-title{
  padding:16px 17px 0 !important;
}
.visual-network-map{
  min-height:205px !important;
}
.visual-network-map>strong{
  font-size:22px !important;
}
.visual-network-map>small{
  font-size:10px !important;
}
.visual-network-stats span{
  font-size:10px !important;
}
.visual-network-stats strong{
  font-size:24px !important;
}
.visual-network-stats div{
  padding:12px 15px !important;
}
.visual-network-card .visual-card-link,
.visual-card-link{
  font-size:12px !important;
  padding-top:11px !important;
}

/* Bottom trust strip also more legible. */
.visual-trust-strip{
  max-width:1580px !important;
  margin-top:14px !important;
}
.visual-trust-strip article{
  padding:14px 18px !important;
}
.visual-trust-strip>article>span{
  font-size:26px !important;
}
.visual-trust-strip strong{
  font-size:13px !important;
}
.visual-trust-strip small{
  margin-top:3px !important;
  font-size:11px !important;
}

/* Responsive behavior. */
@media(max-width:1180px){
  .visual-dashboard-grid{
    grid-template-columns:1fr 1fr !important;
  }
  .dashboard-kpis-large{
    grid-column:1 / -1;
    grid-template-columns:repeat(4,1fr) !important;
  }
  .dashboard-wide-card{
    grid-column:1;
  }
  .dashboard-network-large{
    grid-column:2;
  }
}
@media(max-width:820px){
  .visual-trust-panel.relocated{
    grid-template-columns:1fr !important;
  }
  .visual-trust-panel.relocated article+article{
    border-left:0 !important;
    border-top:1px solid rgba(255,255,255,.09) !important;
  }
  .visual-dashboard-grid{
    grid-template-columns:1fr !important;
  }
  .dashboard-kpis-large{
    grid-column:auto;
    grid-template-columns:1fr 1fr !important;
  }
  .dashboard-wide-card,
  .dashboard-network-large{
    grid-column:auto;
  }
}
@media(max-width:560px){
  .visual-donut{
    flex-basis:170px !important;
    width:170px !important;
    height:170px !important;
  }
  .visual-donut::after{
    inset:33px !important;
  }
  .dashboard-kpis-large{
    grid-template-columns:1fr !important;
  }
}


/* V3.54 CTA readability improvement */
@media(max-width:820px){
  .visual-gold-btn, .visual-outline-btn{min-width:100%; font-size:17px; min-height:56px; padding:15px 20px;}
}


/* ===== V3.55 — header readability + CTA consistency ===== */
.top-nav .nav-link-btn{
  font-size:17px !important;
  font-weight:800 !important;
  line-height:1.15;
  letter-spacing:.01em;
}
.header-actions{
  gap:12px !important;
  align-items:center;
}
.header-actions .ghost,
.header-actions .primary{
  font-size:16px !important;
  font-weight:800 !important;
  min-height:54px;
  padding:15px 20px !important;
  border-radius:14px !important;
}
.header-actions .lang-select{
  font-size:16px !important;
  font-weight:800 !important;
  min-height:54px;
  padding:14px 16px !important;
  border-radius:14px !important;
}

.primary,
.secondary{
  font-size:16px;
  min-height:54px;
  padding:15px 22px;
  border-radius:14px;
}

.visual-gold-btn,
.visual-outline-btn,
.compact-action,
#costSavingBtn,
#openCapacityRequest,
#openCapacityOffer,
#shippingBuyerBtn,
#shippingSupplierBtn,
#bundleRequestBtn,
#openProjectBundleBtn,
#registerCompanyBtn,
#loginCompanyBtn,
#publicTeaserRegisterBtn,
.cta-section .secondary,
.cta-section .primary{
  font-size:18px !important;
  font-weight:800 !important;
  min-height:58px;
  padding:16px 24px !important;
  border-radius:14px !important;
}

.compact-action strong{
  font-size:21px;
  line-height:1.15;
}
.compact-action small{
  font-size:15px;
  line-height:1.4;
}
#costSavingBtn{
  min-width:300px;
}

@media(max-width:1320px){
  .top-nav .nav-link-btn{font-size:16px !important;}
  .header-actions .ghost,
  .header-actions .primary,
  .header-actions .lang-select{font-size:15px !important;}
}
@media(max-width:1160px){
  .top-nav .nav-link-btn{font-size:15px !important;}
  .header-actions .ghost,
  .header-actions .primary,
  .header-actions .lang-select{font-size:14px !important;}
}
@media(max-width:860px){
  .top-nav .nav-link-btn{font-size:14px !important;}
  .primary,
  .secondary,
  .visual-gold-btn,
  .visual-outline-btn,
  .compact-action,
  #costSavingBtn,
  #openCapacityRequest,
  #openCapacityOffer,
  #shippingBuyerBtn,
  #shippingSupplierBtn,
  #bundleRequestBtn,
  #openProjectBundleBtn,
  #registerCompanyBtn,
  #loginCompanyBtn,
  #publicTeaserRegisterBtn{
    font-size:16px !important;
    min-height:54px;
  }
  .compact-action strong{font-size:18px;}
  .compact-action small{font-size:14px;}
}


/* ===== V3.56 — header overlap fix ===== */
.site-header{
  display:grid !important;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  column-gap:16px !important;
  row-gap:10px !important;
  height:auto !important;
  min-height:88px;
}
#brandHomeLink,
.site-header .brand{
  grid-column:1;
  flex:0 0 auto;
  min-width:0;
}
.top-nav{
  grid-column:2;
  margin-left:0 !important;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:nowrap;
  gap:12px !important;
}
.header-actions{
  grid-column:3;
  margin-left:0 !important;
  justify-self:end;
  display:flex;
  align-items:center;
  gap:8px !important;
}
.brand-logo-frame{width:58px !important;height:46px !important;}
.brand-selected-logo .brand-copy strong{font-size:15px !important;letter-spacing:.08em !important;}
.brand-selected-logo .brand-copy small{font-size:10px !important;letter-spacing:.09em !important;}
.top-nav a,
.top-nav .nav-link-btn{
  font-size:14px !important;
  font-weight:800 !important;
  white-space:nowrap;
}
.header-actions .ghost,
.header-actions .primary,
.header-actions .lang-select{
  font-size:14px !important;
  font-weight:800 !important;
  min-height:50px;
  padding:12px 14px !important;
}
.header-actions .primary{min-width:unset !important;}

@media(max-width:1680px){
  .site-header{
    grid-template-columns:auto auto;
    grid-template-areas:
      "brand actions"
      "nav nav";
    padding-top:10px !important;
    padding-bottom:10px !important;
  }
  #brandHomeLink,
  .site-header .brand{grid-area:brand;}
  .header-actions{grid-area:actions;}
  .top-nav{
    grid-area:nav;
    grid-column:auto;
    justify-content:flex-start;
    flex-wrap:wrap;
    row-gap:8px !important;
  }
}

@media(max-width:1200px){
  .brand-selected-logo .brand-copy small{display:none;}
  .top-nav a,
  .top-nav .nav-link-btn{font-size:13px !important;}
  .header-actions .ghost,
  .header-actions .primary,
  .header-actions .lang-select{font-size:13px !important;}
}

@media(max-width:920px){
  .site-header{
    grid-template-columns:1fr;
    grid-template-areas:
      "brand"
      "actions"
      "nav";
  }
  #brandHomeLink,
  .site-header .brand,
  .header-actions,
  .top-nav{justify-self:start;}
  .header-actions{flex-wrap:wrap;}
}


/* ===== V3.57 — Beta readiness: feedback, errors, empty states ===== */
.mlsr-toast-host{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:9999;
  display:grid;
  gap:8px;
  width:min(380px,calc(100vw - 32px));
  pointer-events:none;
}
.mlsr-toast{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:10px;
  align-items:flex-start;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(255,255,255,.97);
  color:var(--ink);
  box-shadow:0 16px 45px rgba(11,18,32,.15);
  animation:mlsrToastIn .18s ease-out;
}
.mlsr-toast.success{border-left:4px solid #178457}
.mlsr-toast.warning{border-left:4px solid #c28a1b}
.mlsr-toast.error{border-left:4px solid #ad3f3f}
.mlsr-toast>span{font-size:16px;line-height:1}
.mlsr-toast strong{display:block;font-size:12px}
.mlsr-toast small{display:block;margin-top:3px;color:#6d7987;font-size:11px;line-height:1.4}
@keyframes mlsrToastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.form-field-error{
  margin-top:5px;
  color:#9d3131;
  font-size:11px;
  font-weight:700;
}
input.input-error,
select.input-error,
textarea.input-error{
  border-color:#b64b4b !important;
  box-shadow:0 0 0 3px rgba(182,75,75,.09);
}
button.is-loading{
  position:relative;
  color:transparent !important;
  pointer-events:none;
}
button.is-loading::after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:18px;height:18px;
  margin:-9px 0 0 -9px;
  border:2px solid rgba(255,255,255,.4);
  border-top-color:#fff;
  border-radius:50%;
  animation:mlsrSpin .7s linear infinite;
}
.secondary.is-loading::after,.ghost.is-loading::after{border-color:rgba(11,18,32,.22);border-top-color:#0b1220}
@keyframes mlsrSpin{to{transform:rotate(360deg)}}
.capacity-market-empty{
  margin-top:12px;
  padding:16px;
  border:1px dashed #bdc6d1;
  border-radius:12px;
  background:#fff;
  text-align:center;
}
.capacity-market-empty strong,.capacity-market-empty span{display:block}
.capacity-market-empty strong{font-size:13px}
.capacity-market-empty span{margin-top:5px;color:#6d7987;font-size:11px;line-height:1.45}
.upload-item.file-rejected{border-color:#d7a1a1;background:#fff8f8}
.upload-item.file-rejected span{color:#9d3131;font-weight:700}


/* ===== V3.58 — Supplier response / quote flow ===== */
.supplier-response-flow{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  margin:12px 0;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
}
.supplier-response-flow strong,
.supplier-response-flow small{display:block}
.supplier-response-flow strong{
  margin-top:3px;
  font-size:13px;
}
.supplier-response-flow small{
  margin-top:3px;
  color:#6e7b89;
  font-size:11px;
}
.supplier-response-steps{
  display:flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
}
.supplier-response-steps span{
  padding:6px 8px;
  border-radius:8px;
  background:#0b1220;
  color:#fff;
  font-size:10px;
  font-weight:800;
}
.supplier-response-steps b{
  color:#8995a3;
  font-size:11px;
}
.demand-alert-state{
  display:block;
  margin-top:7px;
  color:#778493;
  font-size:10px;
  line-height:1.35;
}
.demand-alert-state.sent{
  color:#0f7f58;
  font-weight:800;
}
.demand-alert-state.declined{
  color:#8b5a32;
  font-weight:800;
}
.supplier-demand-actions{
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:8px;
  margin-top:11px;
}
.danger-ghost{
  border:1px solid #e4d7ce !important;
  color:#7e4b2c !important;
}
.supplier-question-box{
  display:none;
  margin-top:10px;
  padding:11px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#f8fafc;
}
.supplier-question-box.open{display:block}
.supplier-question-box label>span{
  display:block;
  margin-bottom:5px;
  font-size:11px;
  font-weight:800;
}
.supplier-question-box textarea{
  width:100%;
  min-height:92px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:9px;
  resize:vertical;
  background:#fff;
  font-size:12px;
}
.supplier-question-actions{
  display:flex;
  justify-content:flex-end;
  gap:7px;
  margin-top:7px;
}
.supplier-quote-modal{
  width:min(780px,95vw) !important;
}
.supplier-quote-summary{
  display:grid;
  grid-template-columns:1.5fr 1fr .55fr;
  gap:8px;
  margin-bottom:10px;
}
.supplier-quote-summary>div{
  padding:10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#f8fafc;
}
.supplier-quote-summary span,
.supplier-quote-summary strong{display:block}
.supplier-quote-summary span{
  color:#7b8795;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}
.supplier-quote-summary strong{
  margin-top:4px;
  font-size:12px;
}
.supplier-quote-checks{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:7px;
  margin-bottom:10px;
}
.supplier-quote-checks label{
  display:flex;
  gap:7px;
  align-items:flex-start;
  padding:9px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#fff;
  font-size:10px;
  font-weight:700;
  line-height:1.4;
}
.supplier-quote-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.supplier-quote-grid label{
  display:flex;
  flex-direction:column;
  gap:5px;
}
.supplier-quote-grid label>span{
  font-size:10px;
  font-weight:800;
}
.supplier-quote-grid input,
.supplier-quote-grid select,
.supplier-quote-grid textarea{
  width:100%;
  padding:10px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#fff;
  font-size:12px;
}
.supplier-quote-grid textarea{
  min-height:88px;
  resize:vertical;
}
.supplier-quote-grid .full-width{
  grid-column:1 / -1;
}
.quote-data-rule{
  margin:10px 0;
  padding:10px;
  border-left:3px solid #0b1220;
  background:#f8fafc;
}
.quote-data-rule strong,
.quote-data-rule span{display:block}
.quote-data-rule strong{font-size:11px}
.quote-data-rule span{
  margin-top:3px;
  color:#6e7b89;
  font-size:10px;
  line-height:1.45;
}
@media(max-width:720px){
  .supplier-response-flow{
    flex-direction:column;
    align-items:flex-start;
  }
  .supplier-response-steps{
    white-space:normal;
    flex-wrap:wrap;
  }
  .supplier-demand-actions{
    grid-template-columns:1fr;
  }
  .supplier-quote-summary,
  .supplier-quote-checks,
  .supplier-quote-grid{
    grid-template-columns:1fr;
  }
  .supplier-quote-grid .full-width{
    grid-column:auto;
  }
}


/* ===== V3.59 — Operational readability pass ===== */

/* Main client workspace */
.client-area-modal,
.project-workspace-modal,
.project-intro-modal,
.project-quote-modal,
.clarification-modal,
.document-center-modal,
.demand-detail-modal,
.supplier-quote-modal,
.admin-console-modal,
.verification-center-modal{
  font-size:14px !important;
}

.workspace-tabs{
  gap:9px !important;
}
.workspace-tab{
  min-height:42px !important;
  padding:9px 13px !important;
  font-size:13px !important;
  font-weight:800 !important;
}
.workspace-alert-count{
  min-width:20px !important;
  height:20px !important;
  padding:0 6px !important;
  font-size:10px !important;
}

.simple-mode-bar strong{
  font-size:15px !important;
}
.simple-mode-bar .kicker,
.simple-start .kicker,
.workspace-panel .kicker{
  font-size:11px !important;
}
.simple-start-head strong{
  font-size:19px !important;
}
.simple-start-card{
  min-height:92px;
  padding:15px !important;
}
.simple-start-card strong{
  font-size:16px !important;
}
.simple-start-card small{
  font-size:13px !important;
  line-height:1.45 !important;
}
.simple-details-toggle{
  font-size:12px !important;
}

/* Action center */
.client-action-card{
  min-height:104px;
  padding:14px !important;
}
.client-action-card strong{
  font-size:14px !important;
}
.client-action-card small,
.client-action-card p{
  font-size:12px !important;
  line-height:1.45 !important;
}
.client-action-card .workspace-alert-count{
  font-size:10px !important;
}

/* Project workspace */
.project-workspace-modal h2,
.project-intro-modal h2,
.project-quote-modal h2,
.clarification-modal h2,
.document-center-modal h2,
.demand-detail-modal h2,
.supplier-quote-modal h2{
  font-size:24px !important;
}
.project-workspace-summary span,
.project-workspace-summary small,
.project-step-main small,
.project-step-commercial span{
  font-size:11px !important;
  line-height:1.4 !important;
}
.project-workspace-summary strong,
.project-step-main strong{
  font-size:13px !important;
}
.project-step{
  padding:11px !important;
}
.project-step-actions button{
  min-height:34px !important;
  padding:7px 9px !important;
  font-size:11px !important;
}
.document-mini-status,
.quote-mini-status,
.clarification-mini-status{
  font-size:10px !important;
  padding:4px 7px !important;
}

/* Capacity Desk / Demand Alerts */
.capacity-desk-card,
.demand-alert-card{
  padding:14px !important;
}
.capacity-desk-card strong,
.demand-alert-card strong{
  font-size:14px !important;
}
.capacity-desk-card small,
.demand-alert-card small,
.capacity-desk-card p,
.demand-alert-card p{
  font-size:12px !important;
  line-height:1.45 !important;
}
.demand-alert-open,
#workspacePublishCapacity,
#refreshCapacityBtn{
  font-size:13px !important;
  min-height:42px !important;
}
.supplier-response-flow strong{
  font-size:14px !important;
}
.supplier-response-flow small{
  font-size:12px !important;
}
.supplier-response-steps span{
  font-size:11px !important;
  padding:7px 9px !important;
}
.demand-alert-state{
  font-size:11px !important;
}

/* Supplier response modal */
.demand-detail-score span,
.supplier-quote-summary span{
  font-size:11px !important;
}
.demand-detail-score strong,
.supplier-quote-summary strong{
  font-size:14px !important;
}
.demand-detail-block h3{
  font-size:18px !important;
}
.demand-detail-block p,
.fit-reasons div{
  font-size:12px !important;
  line-height:1.5 !important;
}
.supplier-demand-actions button,
.supplier-question-actions button{
  min-height:44px !important;
  font-size:13px !important;
}
.supplier-question-box label>span,
.supplier-quote-grid label>span{
  font-size:12px !important;
}
.supplier-question-box textarea,
.supplier-quote-grid input,
.supplier-quote-grid select,
.supplier-quote-grid textarea{
  font-size:13px !important;
}
.supplier-quote-checks label{
  font-size:11px !important;
}
.quote-data-rule strong{
  font-size:12px !important;
}
.quote-data-rule span,
.modal-footnote{
  font-size:11px !important;
  line-height:1.45 !important;
}

/* Notification Center */
.notification-center-head h3{
  font-size:21px !important;
}
.notification-center-head p{
  font-size:13px !important;
}
.notification-kpis span{
  font-size:11px !important;
}
.notification-kpis strong{
  font-size:17px !important;
}
.notification-filters button{
  font-size:11px !important;
  padding:7px 10px !important;
}
.notification-main strong{
  font-size:14px !important;
}
.notification-main p{
  font-size:12px !important;
}
.notification-meta span{
  font-size:10px !important;
}
.notification-actions button{
  font-size:11px !important;
  min-height:34px !important;
}
.notification-pref-grid label{
  font-size:11px !important;
}

/* Documents / clarification */
.document-file-main strong{
  font-size:13px !important;
}
.document-file-main span,
.document-file-main small,
.document-file-meta small{
  font-size:11px !important;
}
.document-upload-grid label>span,
.document-description>span{
  font-size:11px !important;
}
.document-upload-grid input,
.document-upload-grid select,
.document-description input{
  font-size:12px !important;
}
.document-demo-note{
  font-size:11px !important;
}
.clarification-thread,
.clarification-thread p,
.clarification-message{
  font-size:12px !important;
  line-height:1.5 !important;
}

/* Team and account */
.team-center-head h3,
.simple-account-head h3{
  font-size:21px !important;
}
.team-center-head p,
.simple-account-head p{
  font-size:13px !important;
}
.team-table article strong{
  font-size:13px !important;
}
.team-table article small,
.team-access-summary,
.team-role-select,
.team-member-action{
  font-size:11px !important;
}
.role-matrix-grid strong{
  font-size:11px !important;
}
.role-matrix-grid span{
  font-size:11px !important;
}
.simple-account-grid strong{
  font-size:14px !important;
}
.simple-account-grid small{
  font-size:12px !important;
}

/* Admin console */
.admin-warning strong{
  font-size:13px !important;
}
.admin-warning span{
  font-size:12px !important;
}
.admin-kpis span{
  font-size:11px !important;
}
.admin-kpis strong{
  font-size:20px !important;
}
.admin-kpis small{
  font-size:11px !important;
}
.admin-tab{
  font-size:12px !important;
  padding:8px 11px !important;
}
.admin-queue strong{
  font-size:13px !important;
}
.admin-queue p{
  font-size:12px !important;
}
.admin-queue small,
.admin-table>div,
.admin-audit-log p{
  font-size:11px !important;
}
.admin-table-head{
  font-size:10px !important;
}

/* Generic operational buttons and forms */
.workspace-panel button,
.flow-modal button{
  font-weight:800;
}
.workspace-panel input,
.workspace-panel select,
.workspace-panel textarea,
.flow-modal input,
.flow-modal select,
.flow-modal textarea{
  line-height:1.35;
}

/* Give text room instead of shrinking it. */
@media(max-width:900px){
  .workspace-tabs{
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
    padding-bottom:5px;
  }
  .workspace-tab{
    flex:0 0 auto;
    white-space:nowrap;
  }
}


/* ===== V3.60 — Guided Tour ===== */
.mlsr-guide-launcher{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:950;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:8px 12px 8px 8px;
  border:1px solid #243449;
  border-radius:999px;
  background:#0b1220;
  color:#fff;
  box-shadow:0 14px 36px rgba(11,18,32,.22);
  font-size:12px;
  font-weight:800;
}
.mlsr-guide-launcher>span{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:#d1a33b;
  color:#111827;
  font-size:15px;
}
.mlsr-guide-launcher:hover{
  transform:translateY(-1px);
}
.mlsr-tour-panel{
  position:fixed;
  right:20px;
  bottom:78px;
  z-index:1000;
  width:min(390px,calc(100vw - 28px));
  padding:14px;
  border:1px solid #243449;
  border-radius:16px;
  background:#fff;
  color:#0b1220;
  box-shadow:0 24px 70px rgba(11,18,32,.26);
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:.18s ease;
}
.mlsr-tour-panel.open{
  opacity:1;
  visibility:visible;
  transform:none;
}
.mlsr-tour-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.mlsr-tour-head>div{
  display:flex;
  align-items:center;
  gap:8px;
}
.mlsr-tour-head .kicker{
  font-size:10px !important;
}
#mlsrTourStepLabel{
  padding:4px 7px;
  border-radius:999px;
  background:#eef2f6;
  font-size:10px;
}
.mlsr-tour-close{
  width:32px;
  height:32px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#fff;
  font-size:19px;
  line-height:1;
}
.mlsr-tour-progress{
  height:5px;
  margin:10px 0 13px;
  overflow:hidden;
  border-radius:999px;
  background:#e9edf2;
}
.mlsr-tour-progress i{
  display:block;
  width:12.5%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#d7af4d,#c58e24);
  transition:width .2s ease;
}
.mlsr-tour-section{
  display:block;
  color:#98701e;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
}
.mlsr-tour-content h3{
  margin:4px 0 7px;
  font-size:20px;
  line-height:1.15;
}
.mlsr-tour-content p{
  margin:0;
  color:#657382;
  font-size:13px;
  line-height:1.55;
}
.mlsr-tour-show{
  width:100%;
  margin-top:12px;
  padding:10px 12px;
  border:1px solid #d7b45e;
  border-radius:10px;
  background:#fffaf0;
  color:#644b18;
  font-size:12px;
  font-weight:800;
}
.mlsr-tour-nav{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:10px;
}
.mlsr-tour-nav button{
  min-height:40px;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#fff;
  font-size:12px;
  font-weight:800;
}
.mlsr-tour-nav .primary{
  background:#0b1220;
  color:#fff;
  border-color:#0b1220;
}
.mlsr-tour-nav button:disabled{
  opacity:.4;
  cursor:not-allowed;
}
.mlsr-tour-note{
  display:block;
  margin-top:8px;
  color:#8792a0;
  font-size:10px;
  line-height:1.4;
}
.mlsr-tour-highlight{
  position:relative;
  z-index:1002 !important;
  outline:3px solid #d3a33a !important;
  outline-offset:4px !important;
  box-shadow:0 0 0 8px rgba(211,163,58,.18) !important;
  border-radius:12px;
}
@media(max-width:560px){
  .mlsr-guide-launcher{
    right:12px;
    bottom:12px;
  }
  .mlsr-guide-launcher strong{
    display:none;
  }
  .mlsr-tour-panel{
    right:12px;
    bottom:66px;
  }
}


/* ===== V3.62 — Clean typography refinement ===== */
html,
body{
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: geometricPrecision !important;
  font-kerning: normal !important;
}

body,
button,
input,
select,
textarea{
  font-family: "Segoe UI","Helvetica Neue",Arial,sans-serif !important;
  font-synthesis: none !important;
}

h1,h2,h3,h4,h5,h6,
p,span,strong,small,label,
a,button,li,td,th,
input,select,textarea{
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: geometricPrecision !important;
  font-kerning: normal !important;
}

.brand-copy strong,
.brand-copy small,
.top-nav .nav-link-btn,
.hero h1,
.hero p,
.visual-hero-copy h1,
.visual-hero-copy p,
.section-heading h2,
.section-heading p,
.compact-heading h2,
.visual-card h3,
.workspace-tab,
.workspace-card-title,
.workspace-card p,
.workspace-card strong,
.workspace-card span,
.client-area-nav button,
.client-area-body h3,
.client-area-body h4,
.client-area-body p,
.client-area-body span,
.client-area-body strong{
  text-shadow: none !important;
  filter: none !important;
}

.brand-copy strong{font-size:20px !important;font-weight:800 !important;letter-spacing:.08em !important;}
.brand-copy small{font-size:12px !important;font-weight:700 !important;letter-spacing:.08em !important;}
.top-nav .nav-link-btn{font-size:15px !important;font-weight:800 !important;}
.hero p,
.visual-hero-copy p,
.section-heading p{font-size:18px !important;line-height:1.6 !important;}
.kicker,
.status-pill,
.demo-badge,
.relation-badge,
.capacity,
.quote-mini-status,
.clarification-mini-status,
.workspace-alert-count,
.fit-badge,
.plan-badge{
  font-size:11px !important;
  line-height:1.3 !important;
  font-weight:800 !important;
}

.flow-modal,
.match-drawer,
.client-area-modal,
.guide-panel,
.workspace-panel{
  -webkit-font-smoothing: antialiased !important;
  text-rendering: geometricPrecision !important;
}

*{
  box-sizing:border-box;
}


/* ===== V3.63 — Beta freeze / interaction polish ===== */
button:focus-visible,
a:focus-visible,
select:focus-visible,
input:focus-visible,
textarea:focus-visible{
  outline:3px solid rgba(201,146,35,.55) !important;
  outline-offset:3px !important;
}

button,
a,
select{
  -webkit-tap-highlight-color:transparent;
}

.top-nav .nav-link-btn#openClientArea{
  border:0;
  background:transparent;
  color:#4e5969;
  padding:0;
  min-height:auto;
}
.top-nav .nav-link-btn#openClientArea:hover{
  color:#111;
}


/* ===== V3.64 — Professional feedback / no native alerts ===== */
.mlsr-toast{
  min-width:300px;
  max-width:min(430px,calc(100vw - 28px));
  padding:13px 14px !important;
  border-radius:13px !important;
}
.mlsr-toast>span{
  flex:0 0 30px;
  width:30px;
  height:30px;
  font-size:14px !important;
}
.mlsr-toast strong{
  font-size:13px !important;
  line-height:1.25 !important;
}
.mlsr-toast small{
  margin-top:3px;
  font-size:12px !important;
  line-height:1.45 !important;
  white-space:normal;
}
@media(max-width:520px){
  .mlsr-toast{
    min-width:0;
    width:calc(100vw - 24px);
  }
}


/* ===== V3.65 — Commercial clarity / public beta polish ===== */
.compact-plan-grid article p{
  line-height:1.5;
}
footer p{
  font-size:12px !important;
  line-height:1.45 !important;
  color:#7d8998;
}
.rotation-business-note strong{
  line-height:1.3;
}
.rotation-business-note p{
  line-height:1.55;
}

.compact-vat-note{
  display:block;
  margin:10px 0 6px;
  color:#7d8998;
  font-size:11px !important;
  line-height:1.45;
}


/* ===== V3.66 — Demo session persistence ===== */
.demo-session-tools{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin-top:12px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#f8fafc;
}
.demo-session-tools strong,
.demo-session-tools small{
  display:block;
}
.demo-session-tools strong{
  margin-top:3px;
  font-size:13px !important;
}
.demo-session-tools small{
  margin-top:4px;
  color:#75818f;
  font-size:11px !important;
  line-height:1.45;
}
.demo-session-tools button{
  flex:0 0 auto;
  min-height:40px !important;
  padding:9px 12px !important;
  border:1px solid #d9dee5 !important;
  border-radius:9px !important;
  font-size:11px !important;
}
@media(max-width:680px){
  .demo-session-tools{
    flex-direction:column;
    align-items:flex-start;
  }
}


/* ===== V3.67 — Complete project-state persistence ===== */
.demo-session-tools .kicker{
  color:#0f7f58 !important;
}


/* ===== V3.68 — Responsive hardening / release-candidate UI pass ===== */

/* Prevent long industrial labels, IDs and commercial values from breaking layouts. */
body{
  overflow-wrap:anywhere;
}
button,
a,
select,
input{
  overflow-wrap:normal;
}
.visual-card-title,
.workspace-card-head,
.capacity-desk-head,
.projects-workspace-head,
.modal-head{
  min-width:0;
}
.visual-card-title>div,
.workspace-card-head>div,
.capacity-desk-head>div,
.projects-workspace-head>div,
.modal-head>div{
  min-width:0;
}

/* Wide data areas should scroll instead of squeezing text into unreadable columns. */
.admin-table,
.team-table,
.supplier-compare-table,
.cost-table,
.compare-table-wrap,
.role-matrix-grid{
  max-width:100%;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
}
.admin-table-head,
.admin-table>div,
.team-table-head,
.team-table>article{
  min-width:720px;
}

/* Modals: keep readable margins and safe scrolling on smaller displays. */
.flow-modal,
.match-drawer{
  max-width:100vw;
  overscroll-behavior:contain;
}
@media(max-width:760px){
  .flow-modal,
  .match-drawer{
    width:100vw !important;
    padding:20px 16px 96px !important;
    border-radius:0 !important;
  }
  .modal-head{
    position:sticky;
    top:-20px;
    z-index:8;
    margin:-20px -16px 14px;
    padding:17px 16px 12px;
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(12px);
    border-bottom:1px solid var(--line);
  }
  .modal-head h2{
    font-size:22px !important;
  }
}

/* Homepage dashboard: preserve the large readable cards introduced earlier. */
@media(max-width:1180px){
  .visual-dashboard-grid{
    grid-template-columns:1fr 1fr !important;
  }
  .dashboard-large-card{
    min-height:320px;
  }
  .dashboard-kpis-large{
    grid-column:1 / -1 !important;
  }
}
@media(max-width:820px){
  .visual-dashboard{
    padding-left:16px !important;
    padding-right:16px !important;
  }
  .visual-dashboard-head{
    align-items:flex-start !important;
    flex-direction:column;
  }
  .visual-dashboard-grid{
    grid-template-columns:1fr !important;
  }
  .dashboard-large-card,
  .dashboard-wide-card,
  .dashboard-network-large,
  .dashboard-kpis-large{
    grid-column:auto !important;
  }
  .visual-donut-wrap{
    flex-direction:column;
    align-items:center;
  }
  .visual-donut-legend{
    width:100%;
    grid-template-columns:1fr 1fr;
    display:grid;
  }
}

/* Capacity selector: large touch targets and no crushed process names. */
@media(max-width:900px){
  .capacity-selector-grid,
  .capacity-exchange-grid,
  .capacity-desk-columns,
  .public-capacity-grid,
  .shipping-europe-grid{
    grid-template-columns:1fr !important;
  }
  .capacity-scroll-list{
    max-height:none !important;
  }
  .capacity-process{
    min-height:48px;
    padding:12px 14px !important;
    transform:none !important;
  }
}

/* Pricing and public cards. */
@media(max-width:760px){
  .compact-plan-grid,
  .pricing-grid,
  .pricing-modal-grid,
  .gate-plans{
    grid-template-columns:1fr !important;
  }
  .compact-plan-grid article,
  .pricing-modal-card{
    min-width:0;
  }
}

/* Area Cliente: usable without tiny columns. */
@media(max-width:980px){
  .workspace-grid,
  .simple-start-grid,
  .client-action-grid,
  .simple-account-grid,
  .capacity-desk-kpis,
  .notification-kpis,
  .team-kpis{
    grid-template-columns:1fr 1fr !important;
  }
}
@media(max-width:640px){
  .workspace-grid,
  .simple-start-grid,
  .client-action-grid,
  .simple-account-grid,
  .capacity-desk-kpis,
  .notification-kpis,
  .team-kpis{
    grid-template-columns:1fr !important;
  }
  .workspace-footer{
    align-items:flex-start;
    flex-direction:column;
  }
  .workspace-footer-actions{
    width:100%;
  }
  .workspace-footer-actions button{
    width:100%;
  }
}

/* Project / quote forms. */
@media(max-width:700px){
  .project-workspace-summary,
  .quote-summary-grid,
  .quote-flow-grid,
  .quote-commercial-grid,
  .supplier-quote-summary,
  .supplier-quote-checks,
  .supplier-quote-grid,
  .document-upload-grid,
  .company-contact-grid{
    grid-template-columns:1fr !important;
  }
  .supplier-quote-grid .full-width{
    grid-column:auto !important;
  }
}

/* Header: avoid accidental overlap on intermediate laptop widths. */
@media(min-width:921px) and (max-width:1680px){
  .site-header{
    min-height:128px !important;
  }
}
@media(max-width:920px){
  .site-header{
    position:relative !important;
    min-height:0 !important;
  }
  .header-actions{
    width:100%;
  }
  .header-actions .primary,
  .header-actions .ghost,
  .header-actions .lang-select{
    min-height:44px !important;
  }
  .top-nav{
    width:100%;
    overflow-x:auto;
    flex-wrap:nowrap !important;
    justify-content:flex-start !important;
    padding-bottom:5px;
    scrollbar-width:thin;
  }
  .top-nav a,
  .top-nav .nav-link-btn{
    flex:0 0 auto;
  }
}

/* Hero: text remains legible without swallowing the image. */
@media(max-width:760px){
  .visual-hero{
    min-height:560px !important;
    background-position:62% center !important;
  }
  .visual-hero-inner{
    width:min(92vw,720px) !important;
    min-height:560px;
    align-items:flex-end !important;
    padding:54px 0 40px !important;
  }
  .visual-hero-copy{
    max-width:100% !important;
  }
  .visual-hero-copy h1{
    font-size:clamp(35px,10vw,48px) !important;
    line-height:1.04 !important;
  }
  .visual-hero-copy p{
    font-size:16px !important;
    line-height:1.55 !important;
  }
  .visual-hero-actions{
    width:100%;
  }
  .visual-hero-actions button{
    width:100%;
  }
}

/* Floating guide must never cover critical controls. */
@media(max-width:760px){
  .mlsr-guide-launcher{
    z-index:60 !important;
  }
  body:has(.flow-modal.open) .mlsr-guide-launcher,
  body:has(.match-drawer.open) .mlsr-guide-launcher{
    opacity:0;
    pointer-events:none;
  }
}

/* Respect reduced-motion preferences. */
@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    scroll-behavior:auto !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}


/* ===== V3.69 — Supplier Desk state / capacity reconfirmation ===== */
#staleCapacityWindow.capacity-reconfirmed{
  border-color:rgba(15,127,88,.28) !important;
  background:linear-gradient(180deg,#fff,#f7fcfa) !important;
}
#refreshCapacityBtn:disabled{
  opacity:1 !important;
  cursor:default !important;
  border-color:rgba(15,127,88,.25) !important;
  background:#eef9f4 !important;
  color:#0f7f58 !important;
}


/* ===== V3.70 — Company verification persistence ===== */
#supplierProfileMsg.profile-saved{
  display:block;
  margin-top:9px;
  padding:9px 10px;
  border:1px solid rgba(15,127,88,.20);
  border-radius:9px;
  background:#eef9f4;
  color:#0f7f58;
  font-weight:800;
}
.upload-placeholder:disabled{
  opacity:1 !important;
  cursor:default !important;
  border-color:rgba(15,127,88,.22) !important;
  background:#eef9f4 !important;
  color:#0f7f58 !important;
}
.verification-levels article.verified{
  border-color:rgba(15,127,88,.20) !important;
  background:linear-gradient(180deg,#fff,#f7fcfa);
}


/* ===== V3.71 — Buyer / Supplier draft autosave ===== */
.draft-save-status{
  display:flex;
  align-items:center;
  gap:7px;
  width:max-content;
  max-width:100%;
  margin:-2px 0 12px auto;
  padding:6px 9px;
  border:1px solid #dde4eb;
  border-radius:999px;
  background:#f8fafc;
  color:#687584;
  font-size:10px;
  transition:.18s ease;
}
.draft-save-status>span{
  color:#0f7f58;
  font-size:10px;
}
.draft-save-status strong{
  font-size:10px !important;
  font-weight:800;
}
.draft-save-status.saved-now{
  border-color:rgba(15,127,88,.24);
  background:#eef9f4;
  color:#0f7f58;
}
@media(max-width:620px){
  .draft-save-status{
    width:100%;
    justify-content:center;
    margin:0 0 12px;
  }
}


/* ===== V3.72 — Autosave hardening / clear draft ===== */
.draft-save-status{
  flex-wrap:wrap;
}
.draft-clear-btn{
  margin-left:4px;
  padding:3px 7px !important;
  min-height:0 !important;
  border:0 !important;
  border-left:1px solid #d9e0e7 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#7b8795 !important;
  font-size:10px !important;
  font-weight:800 !important;
  line-height:1.2;
}
.draft-clear-btn:hover{
  color:#111827 !important;
}
@media(max-width:620px){
  .draft-clear-btn{
    margin-left:0;
  }
}


/* ===== V3.73 — Demo data transparency ===== */
.demo-data-note{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:10px;
  padding:8px 10px;
  border:1px solid rgba(180,128,25,.22);
  border-radius:10px;
  background:#fffaf0;
  color:#6d521b;
}
.demo-data-note strong{
  flex:0 0 auto;
  font-size:10px !important;
  letter-spacing:.06em;
}
.demo-data-note span{
  font-size:11px !important;
  line-height:1.4;
}
.demo-modal-note{
  margin:10px 0;
  padding:10px 11px;
  border:1px solid rgba(180,128,25,.20);
  border-radius:10px;
  background:#fffaf0;
}
.demo-modal-note strong,
.demo-modal-note span{
  display:block;
}
.demo-modal-note strong{
  font-size:11px !important;
}
.demo-modal-note span{
  margin-top:3px;
  color:#78622f;
  font-size:11px !important;
  line-height:1.45;
}
@media(max-width:700px){
  .demo-data-note{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* ===== V3.74 — ULTRA SIMPLE MODE ===== */

body.ultra-simple > section:not(.visual-hero):not(.simple-gateway){
  display:none !important;
}
body.ultra-simple .legacy-nav-hidden{
  display:none !important;
}

body.ultra-simple .site-header{
  min-height:86px !important;
  height:auto !important;
  grid-template-columns:auto 1fr auto !important;
  grid-template-areas:none !important;
}
body.ultra-simple .top-nav{
  grid-column:2 !important;
  grid-area:auto !important;
  justify-content:center !important;
  flex-wrap:nowrap !important;
}
body.ultra-simple .header-actions{
  grid-column:3 !important;
  grid-area:auto !important;
  width:auto !important;
}
body.ultra-simple .top-nav .nav-link-btn{
  font-size:15px !important;
}

body.ultra-simple .visual-hero{
  min-height:500px !important;
}
body.ultra-simple .visual-hero-copy p{
  max-width:720px !important;
}
body.ultra-simple .visual-hero-actions button{
  min-width:260px;
}

.simple-gateway{
  display:block !important;
  padding:46px clamp(20px,5vw,78px) 62px;
  background:#f6f8fb;
}
.simple-gateway-inner{
  max-width:1380px;
  margin:0 auto;
}
.simple-gateway-head{
  max-width:760px;
  margin-bottom:22px;
}
.simple-gateway-head h2{
  margin:5px 0 7px;
  font-size:38px;
  letter-spacing:-.035em;
}
.simple-gateway-head p{
  margin:0;
  color:#687584;
  font-size:16px;
  line-height:1.55;
}
.simple-gateway-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.simple-choice-card{
  display:flex;
  flex-direction:column;
  min-height:290px;
  padding:22px;
  border:1px solid #dfe5ec;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 34px rgba(11,18,32,.055);
}
.simple-choice-num{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#0b1220;
  color:#fff;
  font-size:12px;
  font-weight:900;
}
.simple-choice-copy{
  margin-top:22px;
}
.simple-choice-copy strong,
.simple-choice-copy small{
  display:block;
}
.simple-choice-copy strong{
  font-size:22px;
  letter-spacing:-.02em;
}
.simple-choice-copy small{
  margin-top:7px;
  color:#6e7b89;
  font-size:14px;
  line-height:1.5;
}
.simple-choice-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  margin-top:auto;
  padding-top:22px;
}
.simple-choice-actions button{
  width:100%;
  min-height:50px !important;
  font-size:14px !important;
}
.simple-availability-state{
  display:inline-flex !important;
  width:max-content;
  margin-top:12px;
  padding:6px 8px;
  border-radius:999px;
  background:#eef2f6;
  color:#6d7886;
  font-size:11px !important;
  font-weight:800;
}
.simple-availability-state.available{
  background:#eaf8f2;
  color:#0f7f58;
}
.simple-availability-state.unavailable{
  background:#fff2ea;
  color:#9a4f24;
}
.simple-gateway-foot{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-top:14px;
  padding:15px 17px;
  border-radius:12px;
  background:#0b1220;
  color:#fff;
}
.simple-gateway-foot strong{
  flex:0 0 auto;
  font-size:13px;
}
.simple-gateway-foot span{
  color:#c0c9d4;
  font-size:12px;
  line-height:1.45;
}

body.ultra-simple .workspace-tab:not([data-workspace-tab="overview"]):not([data-workspace-tab="notifications"]):not([data-workspace-tab="simple-account"]){
  display:none !important;
}
body.ultra-simple #toggleAdvancedWorkspace,
body.ultra-simple .ultra-simple-hidden-control,
body.ultra-simple #operationalDetails{
  display:none !important;
}
body.ultra-simple .simple-start{
  margin-bottom:0 !important;
}
.simple-client-groups{
  display:grid;
  grid-template-columns:1fr;
  gap:9px;
  margin-top:12px;
}
.simple-client-groups article{
  display:grid;
  grid-template-columns:44px 1fr auto;
  align-items:center;
  gap:12px;
  padding:13px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
}
.simple-client-groups article>span{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:9px;
  background:#0b1220;
  color:#fff;
  font-size:11px;
  font-weight:900;
}
.simple-client-groups article>div>strong,
.simple-client-groups article>div>small{
  display:block;
}
.simple-client-groups article>div>strong{
  font-size:14px !important;
}
.simple-client-groups article>div>small{
  margin-top:3px;
  color:#768291;
  font-size:11px !important;
}
.simple-client-actions{
  display:flex;
  gap:6px;
}
.simple-client-actions button{
  min-height:38px !important;
  padding:8px 11px !important;
  font-size:11px !important;
}

.simple-action-modal{
  width:min(620px,96vw) !important;
}
.simple-action-intro{
  margin-bottom:12px;
  padding:10px 11px;
  border-radius:10px;
  background:#f6f8fb;
  color:#627080;
  font-size:12px;
  line-height:1.45;
}
.simple-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.simple-form-grid label{
  display:flex;
  flex-direction:column;
  gap:5px;
}
.simple-form-grid label.full{
  grid-column:1 / -1;
}
.simple-form-grid label>span{
  font-size:11px;
  font-weight:800;
}
.simple-form-grid input,
.simple-form-grid select,
.simple-form-grid textarea{
  width:100%;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  font-size:13px;
}
.simple-form-grid textarea{
  min-height:90px;
  resize:vertical;
}
.simple-action-form>.primary{
  margin-top:12px;
}

/* The interface itself should be self-explanatory. */
body.ultra-simple .mlsr-guide-launcher{
  display:none !important;
}

@media(max-width:980px){
  .simple-gateway-grid{
    grid-template-columns:1fr;
  }
  .simple-choice-card{
    min-height:0;
  }
  body.ultra-simple .site-header{
    grid-template-columns:1fr auto !important;
  }
  body.ultra-simple .top-nav{
    grid-column:1 / -1 !important;
    justify-content:flex-start !important;
    overflow-x:auto;
  }
}
@media(max-width:680px){
  .simple-gateway{
    padding:30px 16px 44px;
  }
  .simple-gateway-head h2{
    font-size:32px;
  }
  .simple-gateway-foot{
    flex-direction:column;
  }
  .simple-client-groups article{
    grid-template-columns:40px 1fr;
  }
  .simple-client-actions{
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .simple-form-grid{
    grid-template-columns:1fr;
  }
  .simple-form-grid label.full{
    grid-column:auto;
  }
}


/* ===== V3.75 — Simple home refinement ===== */

/* Brand must remain the first visual element in the top-left corner. */
body.ultra-simple .site-header{
  display:grid !important;
  grid-template-columns:auto 1fr auto !important;
  align-items:center !important;
  padding-left:clamp(18px,3vw,48px) !important;
  padding-right:clamp(18px,3vw,48px) !important;
  column-gap:26px !important;
}
body.ultra-simple #brandHomeLink{
  grid-column:1 !important;
  justify-self:start !important;
  margin:0 !important;
}
body.ultra-simple .top-nav{
  grid-column:2 !important;
  justify-self:end !important;
  justify-content:flex-end !important;
  margin-left:auto !important;
  width:auto !important;
}
body.ultra-simple .header-actions{
  grid-column:3 !important;
  justify-self:end !important;
}
body.ultra-simple .brand-logo-frame{
  width:62px !important;
  height:50px !important;
}
body.ultra-simple .brand-selected-logo .brand-copy strong{
  font-size:16px !important;
}
body.ultra-simple .brand-selected-logo .brand-copy small{
  display:block !important;
  font-size:10px !important;
}

/* Four areas: separated and easy to scan. */
.simple-gateway-grid.four-areas{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
}
.simple-gateway-grid.four-areas .simple-choice-card{
  min-height:270px;
}
.simple-gateway-grid.four-areas .simple-choice-copy strong{
  font-size:23px !important;
}

/* Tutorial is always available bottom-right in simple mode. */
body.ultra-simple .mlsr-guide-launcher{
  display:flex !important;
  position:fixed !important;
  right:20px !important;
  bottom:20px !important;
  z-index:950 !important;
  min-height:48px !important;
  padding:9px 14px 9px 9px !important;
}
body.ultra-simple .mlsr-guide-launcher strong{
  display:block !important;
  font-size:12px !important;
}

/* Keep the simple main screen visually calm. */
body.ultra-simple .simple-gateway-head{
  max-width:690px;
}
body.ultra-simple .simple-gateway-foot{
  max-width:100%;
}
body.ultra-simple .simple-choice-card:hover{
  border-color:#c8d0da;
  box-shadow:0 14px 36px rgba(11,18,32,.075);
}

/* Shipping uses the same simple modal, no extra navigation layer. */
.simple-action-modal .simple-form-grid input,
.simple-action-modal .simple-form-grid select,
.simple-action-modal .simple-form-grid textarea{
  min-height:44px;
}

/* On smaller screens the brand stays before navigation. */
@media(max-width:1100px){
  body.ultra-simple .site-header{
    grid-template-columns:1fr auto !important;
    grid-template-areas:
      "brand actions"
      "nav nav" !important;
    row-gap:8px !important;
  }
  body.ultra-simple #brandHomeLink{
    grid-area:brand !important;
  }
  body.ultra-simple .header-actions{
    grid-area:actions !important;
  }
  body.ultra-simple .top-nav{
    grid-area:nav !important;
    justify-self:start !important;
    justify-content:flex-start !important;
    margin-left:0 !important;
  }
}

@media(max-width:760px){
  .simple-gateway-grid.four-areas{
    grid-template-columns:1fr !important;
  }
  body.ultra-simple .brand-selected-logo .brand-copy strong{
    font-size:14px !important;
  }
  body.ultra-simple .brand-selected-logo .brand-copy small{
    font-size:9px !important;
  }
  body.ultra-simple .mlsr-guide-launcher{
    right:12px !important;
    bottom:12px !important;
  }
}


/* ===== V3.76 — Dark centered brand header ===== */
body.ultra-simple .site-header.hero-header-centered{
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  align-items:center !important;
  min-height:112px !important;
  padding:18px clamp(18px,3vw,42px) !important;
  column-gap:18px !important;
  background:
    linear-gradient(180deg, rgba(5,9,16,.98), rgba(10,15,24,.96)) !important;
  border-bottom:1px solid rgba(216,180,88,.18) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.16) !important;
  backdrop-filter:blur(18px) !important;
}

body.ultra-simple .site-header.hero-header-centered .header-left-spacer{
  min-width:42px;
}

body.ultra-simple .site-header.hero-header-centered .header-center-brand-wrap{
  grid-column:2;
  justify-self:center;
}

body.ultra-simple .site-header.hero-header-centered .header-right-zone{
  grid-column:3;
  justify-self:end;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:18px;
  min-width:0;
}

body.ultra-simple .site-header.hero-header-centered #brandHomeLink.brand-centered-stack{
  margin:0 !important;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  text-decoration:none;
  text-align:left;
}

body.ultra-simple .site-header.hero-header-centered .brand-centered-stack .brand-logo-frame{
  width:74px !important;
  height:60px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.03) !important;
  border:1px solid rgba(216,180,88,.18) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.2) !important;
}

body.ultra-simple .site-header.hero-header-centered .brand-centered-stack .brand-copy{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start;
  gap:2px;
  line-height:1 !important;
}

body.ultra-simple .site-header.hero-header-centered .brand-centered-stack .brand-copy em{
  display:block;
  font-style:normal;
  font-weight:900;
  font-size:14px;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:#ffffff;
  opacity:.95;
}

body.ultra-simple .site-header.hero-header-centered .brand-centered-stack .brand-copy strong{
  display:block !important;
  font-size:28px !important;
  font-weight:900 !important;
  letter-spacing:.09em !important;
  text-transform:uppercase !important;
  color:#f4f7fb !important;
  margin:0 !important;
}

body.ultra-simple .site-header.hero-header-centered .brand-centered-stack .brand-copy small{
  display:block !important;
  margin-top:4px !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.2em !important;
  text-transform:uppercase !important;
  color:#d8b458 !important;
}

body.ultra-simple .site-header.hero-header-centered .top-nav{
  margin:0 !important;
  width:auto !important;
  display:flex !important;
  align-items:center;
  gap:16px;
}

body.ultra-simple .site-header.hero-header-centered .top-nav .nav-link-btn{
  color:#edf2f8 !important;
  font-size:15px !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
  opacity:.92;
}

body.ultra-simple .site-header.hero-header-centered .top-nav .nav-link-btn:hover{
  opacity:1;
  color:#ffffff !important;
}

body.ultra-simple .site-header.hero-header-centered .header-actions{
  margin:0 !important;
  display:flex !important;
  align-items:center;
  gap:14px;
}

body.ultra-simple .site-header.hero-header-centered .lang-select{
  min-width:86px;
  min-height:60px;
  border-radius:18px;
  background:rgba(255,255,255,.04);
  color:#ffffff;
  border:1px solid rgba(255,255,255,.09);
  font-weight:800;
}

body.ultra-simple .site-header.hero-header-centered .ghost{
  color:#ffffff !important;
  font-size:15px !important;
  font-weight:900 !important;
}

body.ultra-simple .site-header.hero-header-centered .primary{
  min-height:56px !important;
  padding:0 22px !important;
  border-radius:18px !important;
  box-shadow:0 0 0 3px rgba(216,180,88,.24) !important;
}

body.ultra-simple .site-header.hero-header-centered + .global-industries-strip{
  border-top:none !important;
}

body.ultra-simple .visual-hero-copy p{
  max-width:860px;
}

/* Tablet */
@media(max-width:1280px){
  body.ultra-simple .site-header.hero-header-centered{
    grid-template-columns:auto 1fr !important;
    grid-template-areas:
      "brand right"
      "center center" !important;
    row-gap:12px !important;
  }
  body.ultra-simple .site-header.hero-header-centered .header-left-spacer{
    display:none;
  }
  body.ultra-simple .site-header.hero-header-centered .header-center-brand-wrap{
    grid-area:brand;
    justify-self:start;
  }
  body.ultra-simple .site-header.hero-header-centered .header-right-zone{
    grid-area:right;
  }
  body.ultra-simple .site-header.hero-header-centered #brandHomeLink.brand-centered-stack{
    justify-content:flex-start;
  }
}

/* Mobile */
@media(max-width:900px){
  body.ultra-simple .site-header.hero-header-centered{
    grid-template-columns:1fr !important;
    row-gap:12px !important;
    justify-items:start !important;
  }
  body.ultra-simple .site-header.hero-header-centered .header-center-brand-wrap,
  body.ultra-simple .site-header.hero-header-centered .header-right-zone{
    grid-column:auto !important;
    justify-self:start !important;
    width:100%;
  }
  body.ultra-simple .site-header.hero-header-centered .header-right-zone{
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
  }
  body.ultra-simple .site-header.hero-header-centered .top-nav{
    flex-wrap:wrap;
    gap:12px;
  }
  body.ultra-simple .site-header.hero-header-centered .brand-centered-stack .brand-copy strong{
    font-size:22px !important;
  }
}

@media(max-width:640px){
  body.ultra-simple .site-header.hero-header-centered .brand-centered-stack{
    gap:12px !important;
  }
  body.ultra-simple .site-header.hero-header-centered .brand-centered-stack .brand-logo-frame{
    width:64px !important;
    height:52px !important;
  }
  body.ultra-simple .site-header.hero-header-centered .brand-centered-stack .brand-copy em{
    font-size:12px;
  }
  body.ultra-simple .site-header.hero-header-centered .brand-centered-stack .brand-copy strong{
    font-size:18px !important;
    letter-spacing:.07em !important;
  }
  body.ultra-simple .site-header.hero-header-centered .brand-centered-stack .brand-copy small{
    font-size:10px !important;
    letter-spacing:.16em !important;
  }
}


/* ===== V3.77 — Industrial opportunity / "finally" positioning ===== */

/* V3.74 hid all public sections except hero and gateway. Keep this one visible too. */
body.ultra-simple > section.opportunity-engine{
  display:block !important;
}

.hero-value-line{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  width:max-content;
  max-width:100%;
  margin:22px 0 0;
  padding:10px 13px;
  border:1px solid rgba(216,180,88,.28);
  border-radius:12px;
  background:rgba(4,8,14,.56);
  backdrop-filter:blur(8px);
}
.hero-value-line span{
  font-size:11px;
  font-weight:900;
  letter-spacing:.10em;
  color:#f3f6fa;
}
.hero-value-line b{
  color:#d8b458;
  font-size:16px;
}

/* Compact industrial "money movement" idea, expressed as workflow rather than fake figures. */
.opportunity-engine{
  background:#090e17;
  border-top:1px solid rgba(216,180,88,.16);
  border-bottom:1px solid rgba(216,180,88,.16);
  color:#fff;
  padding:28px clamp(20px,5vw,78px);
}
.opportunity-engine-inner{
  max-width:1380px;
  margin:0 auto;
}
.opportunity-engine-title{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}
.opportunity-engine-title span{
  color:#d8b458;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
}
.opportunity-engine-title strong{
  max-width:680px;
  text-align:right;
  font-size:18px;
  line-height:1.35;
  letter-spacing:-.01em;
}
.opportunity-engine-flow{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr;
  align-items:stretch;
  gap:12px;
}
.opportunity-engine-flow article{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:12px;
  padding:16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(255,255,255,.035);
}
.opportunity-engine-flow article>b{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:10px;
  background:#d8b458;
  color:#0a0f18;
  font-size:11px;
  font-weight:900;
}
.opportunity-engine-flow article strong,
.opportunity-engine-flow article small{
  display:block;
}
.opportunity-engine-flow article strong{
  font-size:14px;
}
.opportunity-engine-flow article small{
  margin-top:5px;
  color:#aeb8c5;
  font-size:11px;
  line-height:1.45;
}
.flow-arrow{
  align-self:center;
  color:#d8b458;
  font-size:24px;
  font-weight:900;
}
.opportunity-engine-note{
  display:flex;
  gap:8px;
  margin-top:13px;
  color:#aeb8c5;
  font-size:10px;
  line-height:1.4;
}
.opportunity-engine-note strong{
  flex:0 0 auto;
  color:#d8b458;
}

body.ultra-simple .visual-hero-copy h1{
  max-width:930px;
  font-size:clamp(48px,5vw,78px) !important;
  line-height:.98 !important;
  letter-spacing:-.045em !important;
}
body.ultra-simple .visual-hero-copy p{
  max-width:900px !important;
  font-size:18px !important;
  line-height:1.55 !important;
}
body.ultra-simple .visual-hero-actions{
  margin-top:22px !important;
}
body.ultra-simple .visual-hero-actions .visual-gold-btn{
  min-width:300px !important;
  min-height:56px !important;
  font-size:14px !important;
  font-weight:900 !important;
}

/* Give the 4 choice cards a stronger opportunity feel without clutter. */
.simple-gateway-grid.four-areas .simple-choice-card{
  position:relative;
  overflow:hidden;
}
.simple-gateway-grid.four-areas .simple-choice-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:3px;
  background:linear-gradient(90deg,#d8b458,rgba(216,180,88,.08));
}
.simple-gateway-grid.four-areas .simple-choice-num{
  background:#101722;
  box-shadow:0 0 0 1px rgba(216,180,88,.18) inset;
}

/* Responsive */
@media(max-width:980px){
  .opportunity-engine-title{
    align-items:flex-start;
    flex-direction:column;
  }
  .opportunity-engine-title strong{
    text-align:left;
  }
  .opportunity-engine-flow{
    grid-template-columns:1fr;
  }
  .flow-arrow{
    transform:rotate(90deg);
    justify-self:center;
  }
}
@media(max-width:700px){
  body.ultra-simple .visual-hero-copy h1{
    font-size:clamp(40px,12vw,58px) !important;
  }
  body.ultra-simple .visual-hero-copy p{
    font-size:16px !important;
  }
  .hero-value-line{
    width:100%;
    align-items:flex-start;
    flex-direction:column;
  }
  .hero-value-line b{
    transform:rotate(90deg);
  }
  .opportunity-engine{
    padding:24px 16px;
  }
  .opportunity-engine-note{
    flex-direction:column;
  }
}


/* ===== V3.78 — Cooler premium palette / remove NETWORK ===== */
body.ultra-simple{
  --mlsr-bg:#e9eef5;
  --mlsr-surface:#f2f6fb;
  --mlsr-panel:#fbfdff;
  --mlsr-ink:#0f1a2b;
  --mlsr-deep:#101a2a;
  --mlsr-deep-2:#16243a;
  --mlsr-line:#d7e0ec;
  --mlsr-muted:#708198;
  --mlsr-accent:#6ea7ff;
  --mlsr-accent-strong:#4d8df2;
  --mlsr-accent-soft:rgba(110,167,255,.16);
  background:var(--mlsr-bg) !important;
  color:var(--mlsr-ink) !important;
}

body.ultra-simple .beta-topbar{
  background:linear-gradient(180deg,#0e1726,#152237) !important;
  color:#f4f8ff !important;
}
body.ultra-simple .beta-topbar span{
  color:#bcc8d8 !important;
}

body.ultra-simple .site-header.hero-header-centered{
  background:linear-gradient(180deg,#0f1827 0%, #18263d 100%) !important;
  border-bottom:1px solid rgba(110,167,255,.18) !important;
  box-shadow:0 14px 32px rgba(8,14,24,.22) !important;
}
body.ultra-simple .site-header.hero-header-centered .brand-centered-stack .brand-logo-frame{
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(110,167,255,.18) !important;
}
body.ultra-simple .site-header.hero-header-centered .brand-centered-stack .brand-copy strong{
  color:#f5f8fc !important;
}
body.ultra-simple .site-header.hero-header-centered .brand-centered-stack .brand-copy small{
  color:#a9c8ff !important;
}
body.ultra-simple .site-header.hero-header-centered .top-nav .nav-link-btn,
body.ultra-simple .site-header.hero-header-centered .ghost{
  color:#e8eef7 !important;
}
body.ultra-simple .site-header.hero-header-centered .top-nav .nav-link-btn:hover{
  color:#ffffff !important;
}
body.ultra-simple .site-header.hero-header-centered .lang-select{
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.11) !important;
}
body.ultra-simple .site-header.hero-header-centered .primary{
  background:linear-gradient(135deg,#5d95f3,#79b4ff) !important;
  border:1px solid #6ea7ff !important;
  color:#08111f !important;
  box-shadow:0 0 0 3px rgba(110,167,255,.18) !important;
}

body.ultra-simple .global-industries-strip.visual-global-strip{
  background:linear-gradient(180deg,#152337 0%, #1a2b43 100%) !important;
  border-bottom:1px solid rgba(110,167,255,.14) !important;
}
body.ultra-simple .global-industries-strip .kicker{
  color:#b4cfff !important;
}
body.ultra-simple .global-industries-strip strong{
  color:#f5f8fc !important;
}
body.ultra-simple .global-industries-points span{
  border:1px solid rgba(110,167,255,.2) !important;
  background:rgba(255,255,255,.04) !important;
  color:#e9f1fb !important;
}

body.ultra-simple .visual-hero{
  background-color:#101826 !important;
}
body.ultra-simple .visual-hero-overlay{
  background:linear-gradient(90deg, rgba(7,12,20,.70) 0%, rgba(10,16,27,.58) 38%, rgba(13,22,35,.34) 100%) !important;
}
body.ultra-simple .visual-eyebrow{
  background:rgba(16,26,42,.50) !important;
  border:1px solid rgba(110,167,255,.42) !important;
  color:#b8d2ff !important;
  box-shadow:0 10px 24px rgba(9,16,27,.14);
}
body.ultra-simple .visual-hero-copy h1{
  color:#f6f8fc !important;
}
body.ultra-simple .visual-hero-copy h1 span{
  color:#7fb3ff !important;
}
body.ultra-simple .visual-hero-copy p{
  color:#d5deea !important;
}
body.ultra-simple .hero-value-line{
  border:1px solid rgba(110,167,255,.25) !important;
  background:rgba(8,13,21,.42) !important;
}
body.ultra-simple .hero-value-line b{
  color:#7fb3ff !important;
}
body.ultra-simple .visual-gold-btn{
  background:linear-gradient(135deg,#5d95f3,#79b4ff) !important;
  border:1px solid #6ea7ff !important;
  color:#091220 !important;
}
body.ultra-simple .visual-outline-btn{
  border:1px solid rgba(110,167,255,.42) !important;
  background:rgba(10,18,31,.52) !important;
}

body.ultra-simple > section.opportunity-engine{
  background:#121c2d !important;
  border-top:1px solid rgba(110,167,255,.14) !important;
  border-bottom:1px solid rgba(110,167,255,.14) !important;
}
body.ultra-simple .opportunity-engine-title span,
body.ultra-simple .opportunity-engine-note strong,
body.ultra-simple .flow-arrow{
  color:#8bb9ff !important;
}
body.ultra-simple .opportunity-engine-flow article{
  background:rgba(255,255,255,.038) !important;
  border:1px solid rgba(255,255,255,.07) !important;
}
body.ultra-simple .opportunity-engine-flow article>b{
  background:#6ea7ff !important;
  color:#091321 !important;
}

body.ultra-simple .simple-gateway{
  background:linear-gradient(180deg,#edf2f8 0%, #e6edf6 100%) !important;
}
body.ultra-simple .simple-gateway-head .kicker{
  color:#5678a6 !important;
}
body.ultra-simple .simple-gateway-head h2{
  color:#0f1a2b !important;
}
body.ultra-simple .simple-gateway-head p{
  color:#677991 !important;
}
body.ultra-simple .simple-gateway-grid.four-areas .simple-choice-card{
  background:#fbfdff !important;
  border:1px solid #d8e1ed !important;
  box-shadow:0 14px 36px rgba(10,18,30,.06) !important;
}
body.ultra-simple .simple-gateway-grid.four-areas .simple-choice-card::before{
  background:linear-gradient(90deg,#6ea7ff, rgba(110,167,255,.04)) !important;
}
body.ultra-simple .simple-gateway-grid.four-areas .simple-choice-num{
  background:#142239 !important;
  box-shadow:0 0 0 1px rgba(110,167,255,.16) inset !important;
}
body.ultra-simple .simple-choice-copy small{
  color:#6e7f95 !important;
}
body.ultra-simple .simple-gateway-foot{
  background:#132034 !important;
}
body.ultra-simple .simple-gateway-foot span{
  color:#ccd6e3 !important;
}

body.ultra-simple .visual-trust-panel,
body.ultra-simple .visual-trust-panel.relocated{
  background:linear-gradient(180deg,#152337 0%,#18273d 100%) !important;
  border:1px solid rgba(110,167,255,.16) !important;
}
body.ultra-simple .visual-trust-icon{
  color:#88b7ff !important;
}

body.ultra-simple .mlsr-guide-launcher{
  background:#132034 !important;
  border:1px solid rgba(110,167,255,.18) !important;
  box-shadow:0 16px 36px rgba(8,14,24,.22) !important;
}
body.ultra-simple .mlsr-guide-launcher .guide-badge{
  background:linear-gradient(135deg,#5d95f3,#79b4ff) !important;
  color:#0b1220 !important;
}

/* Reduce the remaining warm accent pressure from legacy pieces */
body.ultra-simple .visual-trust-panel article+article,
body.ultra-simple .opportunity-engine-flow article,
body.ultra-simple .simple-choice-card,
body.ultra-simple .global-industries-points span{
  backdrop-filter:blur(0px);
}

@media(max-width:760px){
  body.ultra-simple .visual-eyebrow{font-size:10px !important; letter-spacing:.10em !important;}
}


/* ===== V3.79 — central brand hierarchy refinement ===== */
body.ultra-simple .site-header.hero-header-centered .brand-centered-stack .brand-copy em{
  font-size:24px !important;
  font-weight:950 !important;
  letter-spacing:.22em !important;
  color:#ffffff !important;
  line-height:.95 !important;
}

body.ultra-simple .site-header.hero-header-centered .brand-centered-stack .brand-copy strong{
  font-size:21px !important;
  font-weight:850 !important;
  letter-spacing:.07em !important;
  color:#dfe8f5 !important;
  line-height:1 !important;
}

body.ultra-simple .site-header.hero-header-centered .brand-centered-stack .brand-copy small{
  margin-top:5px !important;
  font-size:10.5px !important;
  letter-spacing:.18em !important;
}

@media(max-width:760px){
  body.ultra-simple .site-header.hero-header-centered .brand-centered-stack .brand-copy em{
    font-size:20px !important;
  }
  body.ultra-simple .site-header.hero-header-centered .brand-centered-stack .brand-copy strong{
    font-size:18px !important;
  }
}

@media(max-width:640px){
  body.ultra-simple .site-header.hero-header-centered .brand-centered-stack .brand-copy em{
    font-size:17px !important;
    letter-spacing:.18em !important;
  }
  body.ultra-simple .site-header.hero-header-centered .brand-centered-stack .brand-copy strong{
    font-size:15px !important;
    letter-spacing:.05em !important;
  }
}


/* ===== V3.80 — Real logo + futuristic Europe overlay ===== */

/* The chosen MLSR corporate mark is now the actual header brand. */
body.ultra-simple .site-header.hero-header-centered #brandHomeLink.brand-centered-stack{
  display:block !important;
  width:min(470px,34vw) !important;
  min-width:330px;
  line-height:0;
}

body.ultra-simple .site-header.hero-header-centered .brand-corporate-image{
  display:block;
  width:100%;
  height:auto;
  max-height:92px;
  object-fit:contain;
  object-position:center;
  mix-blend-mode:screen;
  filter:brightness(1.06) contrast(1.06);
}

/* Slightly more room for the real three-line corporate logo. */
body.ultra-simple .site-header.hero-header-centered{
  min-height:126px !important;
}

/* Futuristic European coverage map layered over the approved welder/refinery hero.
   Screen blend leaves the dark pixels unobtrusive and makes blue nodes/links glow. */
body.ultra-simple .hero-europe-map-overlay{
  position:absolute;
  z-index:1;
  left:-1%;
  top:0;
  width:59%;
  height:100%;
  object-fit:cover;
  object-position:center 40%;
  opacity:.54;
  mix-blend-mode:screen;
  filter:saturate(1.18) contrast(1.08) brightness(.88);
  pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.9) 68%,rgba(0,0,0,.18) 92%,transparent 100%);
  mask-image:linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.9) 68%,rgba(0,0,0,.18) 92%,transparent 100%);
}

/* Preserve readability over the blue map without hiding it. */
body.ultra-simple .visual-hero::before{
  z-index:1;
  background:
    radial-gradient(circle at 22% 44%,rgba(110,167,255,.08),transparent 24%),
    linear-gradient(90deg,rgba(5,10,18,.55) 0%,rgba(5,10,18,.45) 29%,rgba(5,10,18,.18) 48%,transparent 67%,rgba(0,0,0,.10) 100%) !important;
}
body.ultra-simple .visual-hero::after{
  z-index:1;
}
body.ultra-simple .visual-hero-overlay{
  z-index:1;
}
body.ultra-simple .visual-hero-inner{
  z-index:3 !important;
}

/* Bring the headline slightly inward so map + welder both remain visually clear. */
body.ultra-simple .visual-hero-copy{
  max-width:830px !important;
}
body.ultra-simple .visual-hero-copy h1{
  max-width:820px !important;
}

/* Maintain the cooler steel-blue visual direction. */
body.ultra-simple .visual-eyebrow{
  box-shadow:0 0 0 1px rgba(110,167,255,.04),0 12px 30px rgba(0,0,0,.15) !important;
}

/* Responsive behavior */
@media(max-width:1280px){
  body.ultra-simple .site-header.hero-header-centered #brandHomeLink.brand-centered-stack{
    width:min(410px,38vw) !important;
    min-width:290px;
  }
  body.ultra-simple .hero-europe-map-overlay{
    width:62%;
    opacity:.48;
  }
}

@media(max-width:900px){
  body.ultra-simple .site-header.hero-header-centered #brandHomeLink.brand-centered-stack{
    width:min(390px,76vw) !important;
    min-width:0;
  }
  body.ultra-simple .site-header.hero-header-centered .brand-corporate-image{
    max-height:84px;
  }
  body.ultra-simple .hero-europe-map-overlay{
    width:76%;
    opacity:.42;
  }
}

@media(max-width:640px){
  body.ultra-simple .site-header.hero-header-centered{
    min-height:112px !important;
  }
  body.ultra-simple .site-header.hero-header-centered #brandHomeLink.brand-centered-stack{
    width:min(320px,88vw) !important;
  }
  body.ultra-simple .hero-europe-map-overlay{
    width:100%;
    left:-20%;
    opacity:.34;
  }
}


/* ===== V3.81 — Clean header logo, no visible rectangle ===== */

/* Use the approved white-logo design, recolored for perfect contrast
   and stripped of its white/transparent-looking image box. */
body.ultra-simple .site-header.hero-header-centered #brandHomeLink.brand-centered-stack{
  width:min(560px,40vw) !important;
  min-width:360px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  overflow:visible !important;
}

body.ultra-simple .site-header.hero-header-centered .brand-corporate-image{
  content:url("mlsr_logo_header_clean.png");
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:108px !important;
  object-fit:contain !important;
  object-position:center !important;
  mix-blend-mode:normal !important;
  filter:none !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

/* Explicitly kill any legacy logo frame/background that could read as a box. */
body.ultra-simple .site-header.hero-header-centered .brand-logo-frame,
body.ultra-simple .site-header.hero-header-centered .header-center-brand-wrap{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Give the logo more breathing room against the dark steel header. */
body.ultra-simple .site-header.hero-header-centered{
  min-height:132px !important;
  background:
    linear-gradient(180deg,#0d1726 0%,#16253a 100%) !important;
}

@media(max-width:1280px){
  body.ultra-simple .site-header.hero-header-centered #brandHomeLink.brand-centered-stack{
    width:min(490px,43vw) !important;
    min-width:320px !important;
  }
}

@media(max-width:900px){
  body.ultra-simple .site-header.hero-header-centered #brandHomeLink.brand-centered-stack{
    width:min(430px,82vw) !important;
    min-width:0 !important;
  }
  body.ultra-simple .site-header.hero-header-centered .brand-corporate-image{
    max-height:96px !important;
  }
}

@media(max-width:640px){
  body.ultra-simple .site-header.hero-header-centered #brandHomeLink.brand-centered-stack{
    width:min(350px,92vw) !important;
  }
  body.ultra-simple .site-header.hero-header-centered .brand-corporate-image{
    max-height:84px !important;
  }
}


/* ===== V3.82 — Latest approved welder integrated into website ===== */

/* Latest pipeline-stick-welding visual becomes the hero base.
   Keep the welder on the right, leave the left side available for copy + Europe map. */
body.ultra-simple .visual-hero{
  background-color:#0d1726 !important;
  background-image:url("hero_pipeline_welder_final.png") !important;
  background-repeat:no-repeat !important;
  background-size:auto 116% !important;
  background-position:right 42% !important;
  min-height:590px !important;
}

/* The Europe hologram remains on the left as a secondary visual layer. */
body.ultra-simple .hero-europe-map-overlay{
  left:-3% !important;
  top:2% !important;
  width:54% !important;
  height:96% !important;
  opacity:.44 !important;
  object-fit:contain !important;
  object-position:left center !important;
  mix-blend-mode:screen !important;
  filter:saturate(1.18) contrast(1.05) brightness(.78) !important;
}

/* Stronger separation between copy, map and welder without crushing the image. */
body.ultra-simple .visual-hero-overlay{
  background:
    linear-gradient(90deg,
      rgba(7,13,22,.88) 0%,
      rgba(8,15,25,.80) 28%,
      rgba(8,15,25,.48) 48%,
      rgba(8,15,25,.12) 67%,
      rgba(8,15,25,.02) 100%
    ) !important;
}

/* Remove competing legacy glow that can make the new photo muddy. */
body.ultra-simple .visual-hero::before{
  background:
    radial-gradient(circle at 22% 45%,rgba(92,148,235,.10),transparent 28%),
    linear-gradient(90deg,rgba(6,12,20,.52),rgba(6,12,20,.18) 58%,transparent 76%) !important;
}
body.ultra-simple .visual-hero::after{
  background:
    linear-gradient(180deg,rgba(7,12,20,.03),rgba(7,12,20,.08) 66%,rgba(7,12,20,.28) 100%) !important;
}

/* Keep the text block narrower so it doesn't sit over the welder. */
body.ultra-simple .visual-hero-inner{
  width:min(1480px,92vw) !important;
}
body.ultra-simple .visual-hero-copy{
  max-width:760px !important;
}
body.ultra-simple .visual-hero-copy h1{
  max-width:760px !important;
}
body.ultra-simple .visual-hero-copy p{
  max-width:720px !important;
}

/* Header logo remains crisp and dominant. */
body.ultra-simple .site-header.hero-header-centered .brand-corporate-image{
  opacity:1 !important;
  filter:drop-shadow(0 4px 12px rgba(0,0,0,.18)) !important;
}

/* On laptop widths show more of the welder instead of cropping the electrode holder. */
@media(max-width:1280px){
  body.ultra-simple .visual-hero{
    background-size:auto 108% !important;
    background-position:right 38% !important;
  }
  body.ultra-simple .hero-europe-map-overlay{
    width:58% !important;
    opacity:.38 !important;
  }
}

/* Tablet / mobile: preserve the worker and weld joint. */
@media(max-width:900px){
  body.ultra-simple .visual-hero{
    min-height:680px !important;
    background-size:auto 94% !important;
    background-position:72% 92% !important;
  }
  body.ultra-simple .hero-europe-map-overlay{
    width:82% !important;
    height:62% !important;
    top:0 !important;
    left:-14% !important;
    opacity:.30 !important;
  }
  body.ultra-simple .visual-hero-overlay{
    background:
      linear-gradient(180deg,
        rgba(7,13,22,.88) 0%,
        rgba(7,13,22,.72) 45%,
        rgba(7,13,22,.32) 68%,
        rgba(7,13,22,.10) 100%
      ) !important;
  }
}

@media(max-width:640px){
  body.ultra-simple .visual-hero{
    min-height:720px !important;
    background-size:auto 82% !important;
    background-position:68% 100% !important;
  }
  body.ultra-simple .hero-value-line{
    max-width:94vw !important;
  }
}


/* ===== V3.83 — Seamless hero composite + sharper welder ===== */

/* One single image: Europe map and welder are already blended together.
   This completely removes the vertical cut between the two visuals. */
body.ultra-simple .visual-hero{
  background-image:url("hero_europe_welder_blended.jpg") !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:center center !important;
  min-height:590px !important;
}

/* Disable the old separate map layer. */
body.ultra-simple .hero-europe-map-overlay{
  display:none !important;
}

/* Softer global overlay: preserve detail in welder while keeping copy readable. */
body.ultra-simple .visual-hero-overlay{
  background:
    linear-gradient(90deg,
      rgba(7,13,22,.50) 0%,
      rgba(7,13,22,.34) 31%,
      rgba(7,13,22,.16) 55%,
      rgba(7,13,22,.04) 76%,
      rgba(7,13,22,.00) 100%
    ) !important;
}

/* Remove legacy effects that softened the photo. */
body.ultra-simple .visual-hero::before{
  background:
    radial-gradient(circle at 24% 46%,rgba(93,149,243,.06),transparent 27%),
    linear-gradient(90deg,rgba(6,12,20,.28),rgba(6,12,20,.05) 56%,transparent 76%) !important;
  filter:none !important;
}
body.ultra-simple .visual-hero::after{
  background:
    linear-gradient(180deg,rgba(7,12,20,.015),rgba(7,12,20,.02) 68%,rgba(7,12,20,.10) 100%) !important;
}

/* No blur/filter on hero surface. */
body.ultra-simple .visual-hero,
body.ultra-simple .visual-hero::before,
body.ultra-simple .visual-hero::after,
body.ultra-simple .visual-hero-overlay{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Keep copy safely inside the map zone without covering the welder. */
body.ultra-simple .visual-hero-copy{
  max-width:760px !important;
}
body.ultra-simple .visual-hero-copy h1{
  max-width:760px !important;
}

/* Laptop / tablet: preserve full blended composition. */
@media(max-width:1280px){
  body.ultra-simple .visual-hero{
    background-size:cover !important;
    background-position:55% center !important;
  }
}

@media(max-width:900px){
  body.ultra-simple .visual-hero{
    min-height:680px !important;
    background-size:auto 100% !important;
    background-position:61% center !important;
  }
}

@media(max-width:640px){
  body.ultra-simple .visual-hero{
    min-height:720px !important;
    background-size:auto 94% !important;
    background-position:61% bottom !important;
  }
}


/* ===== V3.84 — Clearer visual separation between Europe and welder ===== */

/* The source image itself now keeps Europe clearly on the left and the welder on the right.
   Keep overlays lighter so the two subjects stay recognizable. */
body.ultra-simple .visual-hero-overlay{
  background:
    linear-gradient(90deg,
      rgba(7,13,22,.42) 0%,
      rgba(7,13,22,.30) 30%,
      rgba(7,13,22,.13) 47%,
      rgba(7,13,22,.05) 58%,
      rgba(7,13,22,.00) 100%
    ) !important;
}

body.ultra-simple .visual-hero::before{
  background:
    linear-gradient(90deg,
      rgba(6,12,20,.20) 0%,
      rgba(6,12,20,.10) 34%,
      transparent 54%,
      transparent 100%
    ) !important;
}

body.ultra-simple .visual-hero::after{
  background:
    linear-gradient(180deg,
      rgba(7,12,20,.01),
      rgba(7,12,20,.015) 70%,
      rgba(7,12,20,.08) 100%
    ) !important;
}

/* Keep the title mostly over the Europe side. */
body.ultra-simple .visual-hero-copy{
  max-width:720px !important;
}
body.ultra-simple .visual-hero-copy h1{
  max-width:720px !important;
}

/* Favor the whole composition rather than zooming into the center. */
body.ultra-simple .visual-hero{
  background-position:center center !important;
  background-size:cover !important;
}

@media(max-width:1280px){
  body.ultra-simple .visual-hero{
    background-position:52% center !important;
  }
}

@media(max-width:900px){
  body.ultra-simple .visual-hero{
    background-position:58% center !important;
  }
}


/* ===== V3.85 — Welder shifted clearly to the right ===== */
body.ultra-simple .visual-hero{
  background-image:url("hero_europe_welder_blended.jpg") !important;
  background-size:cover !important;
  background-position:center center !important;
}

/* Lighter overlays so helmet and body remain clearly visible. */
body.ultra-simple .visual-hero-overlay{
  background:
    linear-gradient(90deg,
      rgba(7,13,22,.40) 0%,
      rgba(7,13,22,.28) 31%,
      rgba(7,13,22,.10) 48%,
      rgba(7,13,22,.02) 61%,
      transparent 100%
    ) !important;
}
body.ultra-simple .visual-hero::before{
  background:
    linear-gradient(90deg,
      rgba(6,12,20,.16) 0%,
      rgba(6,12,20,.08) 34%,
      transparent 52%,
      transparent 100%
    ) !important;
}
body.ultra-simple .visual-hero::after{
  background:linear-gradient(180deg,transparent 0%,transparent 76%,rgba(7,12,20,.07) 100%) !important;
}

/* Keep the text firmly on the Europe side. */
body.ultra-simple .visual-hero-copy{
  max-width:690px !important;
}
body.ultra-simple .visual-hero-copy h1{
  max-width:690px !important;
}

@media(max-width:1280px){
  body.ultra-simple .visual-hero{
    background-position:53% center !important;
  }
}

@media(max-width:900px){
  body.ultra-simple .visual-hero{
    background-position:60% center !important;
  }
}


/* ===== V3.86 — Home simplification / premium action cards ===== */

/* Compact the value explanation so the user reaches the four actions faster. */
body.ultra-simple .opportunity-engine.opportunity-engine-compact{
  padding:16px clamp(20px,5vw,78px) !important;
  background:#111d2f !important;
}
body.ultra-simple .opportunity-engine-compact .opportunity-engine-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;
}
.compact-flow-label span,
.compact-flow-label strong{
  display:block;
}
.compact-flow-label span{
  color:#8bb9ff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
}
.compact-flow-label strong{
  margin-top:3px;
  color:#f6f8fc;
  font-size:15px;
}
.compact-flow-steps{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.compact-flow-steps span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:#cbd6e4;
  font-size:10px;
  font-weight:850;
  letter-spacing:.03em;
}
.compact-flow-steps b{
  color:#79b4ff;
  font-size:14px;
}

/* Gateway: more breathing room, but less text. */
body.ultra-simple .simple-gateway{
  padding-top:38px !important;
}
body.ultra-simple .simple-gateway-head{
  max-width:650px !important;
  margin-bottom:18px !important;
}
body.ultra-simple .simple-gateway-head h2{
  font-size:42px !important;
  letter-spacing:-.04em !important;
}
body.ultra-simple .simple-gateway-head p{
  font-size:15px !important;
  max-width:600px;
}

/* Cards should feel like four large operational doors, not information panels. */
body.ultra-simple .simple-gateway-grid.four-areas{
  gap:18px !important;
}
body.ultra-simple .simple-gateway-grid.four-areas .simple-choice-card{
  min-height:248px !important;
  padding:24px !important;
  border-radius:20px !important;
  background:
    linear-gradient(180deg,#fbfdff 0%,#f6f9fd 100%) !important;
  border:1px solid #d5e0ed !important;
  box-shadow:0 16px 38px rgba(10,18,30,.065) !important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
body.ultra-simple .simple-gateway-grid.four-areas .simple-choice-card:hover{
  transform:translateY(-2px);
  border-color:#b9cce4 !important;
  box-shadow:0 22px 46px rgba(10,18,30,.09) !important;
}
body.ultra-simple .simple-choice-num{
  width:42px !important;
  height:42px !important;
  border-radius:12px !important;
  background:#14243a !important;
  color:#dce9fa !important;
}
body.ultra-simple .simple-choice-copy{
  margin-top:18px !important;
}
body.ultra-simple .simple-choice-copy strong{
  font-size:24px !important;
  color:#0f1a2b !important;
}
body.ultra-simple .simple-choice-copy small{
  margin-top:6px !important;
  max-width:460px;
  color:#697b92 !important;
  font-size:13px !important;
  line-height:1.45 !important;
}

/* Buttons are now the dominant action. */
body.ultra-simple .simple-choice-actions{
  gap:9px !important;
  padding-top:18px !important;
}
body.ultra-simple .simple-choice-actions .primary{
  background:#17304f !important;
  border-color:#17304f !important;
  color:#ffffff !important;
  min-height:48px !important;
  border-radius:12px !important;
}
body.ultra-simple .simple-choice-actions .primary:hover{
  background:#1e4169 !important;
  border-color:#1e4169 !important;
}
body.ultra-simple .simple-choice-actions .secondary{
  background:#edf4fd !important;
  border-color:#c9d9ec !important;
  color:#17304f !important;
  min-height:46px !important;
  border-radius:12px !important;
}
body.ultra-simple .simple-choice-actions .secondary:hover{
  background:#e1ecfa !important;
}

/* Availability state remains useful, but quieter. */
body.ultra-simple .simple-availability-state{
  margin-top:9px !important;
  padding:5px 8px !important;
  font-size:10px !important;
}

/* Footer below the 4 actions becomes a concise reassurance. */
body.ultra-simple .simple-gateway-foot{
  margin-top:16px !important;
  background:#142238 !important;
  border:1px solid rgba(110,167,255,.10);
  padding:14px 16px !important;
}
body.ultra-simple .simple-gateway-foot strong{
  font-size:12px !important;
}
body.ultra-simple .simple-gateway-foot span{
  font-size:11px !important;
}

/* Preserve clean hierarchy on mobile. */
@media(max-width:900px){
  body.ultra-simple .opportunity-engine-compact .opportunity-engine-inner{
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
  }
  body.ultra-simple .simple-gateway-head h2{
    font-size:36px !important;
  }
}

@media(max-width:640px){
  body.ultra-simple .simple-gateway{
    padding-top:28px !important;
  }
  body.ultra-simple .simple-choice-copy strong{
    font-size:21px !important;
  }
}


/* ===== V3.87 — 30-second forms / low-friction input ===== */

.simple-action-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:-2px 0 9px;
}
.simple-action-meta span{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:5px 8px;
  border:1px solid #d8e2ee;
  border-radius:999px;
  background:#f7fafe;
  color:#60748e;
  font-size:9.5px;
  font-weight:850;
}
#simpleActionDraftStatus{
  color:#317158;
  background:#f1faf6;
  border-color:#d2eadf;
}
.simple-action-help{
  margin:0 0 13px;
  padding:9px 10px;
  border-left:3px solid #6ea7ff;
  border-radius:7px;
  background:#f4f8fd;
  color:#65778e;
  font-size:11px;
  line-height:1.45;
}
.simple-action-help strong{
  color:#254b79;
}
.simple-form-grid label>span small{
  margin-left:4px;
  color:#8b98a8;
  font-size:9px !important;
  font-weight:750 !important;
  text-transform:none;
  letter-spacing:0;
}
.simple-form-grid input::placeholder,
.simple-form-grid textarea::placeholder{
  color:#9ba8b7;
}

/* The form must look like one quick action, not an enterprise configuration screen. */
body.ultra-simple .simple-action-modal{
  width:min(600px,96vw) !important;
}
body.ultra-simple .simple-action-modal .modal-head h2{
  font-size:27px !important;
}
body.ultra-simple .simple-action-intro{
  margin-top:2px;
  margin-bottom:10px;
  background:#edf4fd;
  color:#4f6785;
  border:1px solid #dce8f5;
}
body.ultra-simple .simple-action-form>.primary{
  min-height:51px !important;
  border-radius:12px !important;
  background:#17304f !important;
  border-color:#17304f !important;
}
body.ultra-simple .modal-footnote{
  display:block;
  margin-top:9px;
  text-align:center;
  color:#94a0af;
}

@media(max-width:640px){
  .simple-action-meta{
    display:grid;
    grid-template-columns:1fr;
  }
  .simple-action-meta span{
    justify-content:center;
  }
}


/* ===== V3.88 — Simple matching receipt ===== */
body.ultra-simple .simple-receipt-modal{
  width:min(610px,96vw) !important;
}
.simple-receipt-body{
  padding-top:20px;
}
.simple-receipt-check{
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:#e9f8f1;
  color:#177653;
  font-size:28px;
  font-weight:900;
  box-shadow:0 0 0 1px #d4eddf inset;
}
.simple-receipt-copy{
  margin-top:14px;
}
.simple-receipt-copy strong,
.simple-receipt-copy span{
  display:block;
}
.simple-receipt-copy strong{
  color:#12233a;
  font-size:18px;
}
.simple-receipt-copy span{
  margin-top:4px;
  color:#6d7d91;
  font-size:12px;
}

.simple-receipt-summary{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:16px;
}
.simple-receipt-summary>div{
  padding:11px 12px;
  border:1px solid #dce5ef;
  border-radius:11px;
  background:#f8fbfe;
}
.simple-receipt-summary span,
.simple-receipt-summary strong{
  display:block;
}
.simple-receipt-summary span{
  color:#8290a1;
  font-size:9.5px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.simple-receipt-summary strong{
  margin-top:4px;
  color:#203550;
  font-size:12px;
  line-height:1.35;
}

.simple-receipt-next{
  margin-top:18px;
}
.simple-receipt-next>.kicker{
  color:#617896;
}
.simple-receipt-steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:8px;
}
.simple-receipt-steps article{
  padding:11px;
  border:1px solid #dce5ef;
  border-radius:11px;
  background:#fff;
}
.simple-receipt-steps article>b{
  display:grid;
  place-items:center;
  width:29px;
  height:29px;
  border-radius:8px;
  background:#17304f;
  color:#fff;
  font-size:9px;
}
.simple-receipt-steps article strong,
.simple-receipt-steps article small{
  display:block;
}
.simple-receipt-steps article strong{
  margin-top:8px;
  color:#18304d;
  font-size:11px;
}
.simple-receipt-steps article small{
  margin-top:3px;
  color:#7e8c9d;
  font-size:9.5px;
  line-height:1.4;
}

.simple-receipt-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:17px;
}
.simple-receipt-actions button{
  min-height:47px !important;
  border-radius:11px !important;
}
.simple-receipt-actions .primary{
  background:#17304f !important;
  border-color:#17304f !important;
}
.simple-receipt-actions .secondary{
  background:#edf4fd !important;
  border-color:#c9d9ec !important;
  color:#17304f !important;
}

@media(max-width:640px){
  .simple-receipt-summary,
  .simple-receipt-steps,
  .simple-receipt-actions{
    grid-template-columns:1fr;
  }
}


/* ===== V3.89 — Form typography / readability pass ===== */

/* Crisp system typography across simple modal forms. */
body.ultra-simple .simple-action-modal,
body.ultra-simple .simple-receipt-modal{
  font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif !important;
  -webkit-font-smoothing:antialiased !important;
  -moz-osx-font-smoothing:grayscale !important;
  text-rendering:geometricPrecision !important;
  font-synthesis:none !important;
}

/* Give the form more horizontal room so larger text never feels cramped. */
body.ultra-simple .simple-action-modal{
  width:min(690px,96vw) !important;
}

/* Modal heading */
body.ultra-simple .simple-action-modal .modal-head{
  padding-bottom:15px !important;
}
body.ultra-simple .simple-action-modal .modal-head .kicker{
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
  color:#62748d !important;
}
body.ultra-simple .simple-action-modal .modal-head h2{
  margin-top:7px !important;
  font-size:35px !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
  font-weight:850 !important;
  color:#12233a !important;
}

/* Intro block */
body.ultra-simple .simple-action-intro{
  padding:14px 15px !important;
  margin-bottom:14px !important;
  border-radius:12px !important;
  font-size:14px !important;
  line-height:1.5 !important;
  font-weight:500 !important;
  color:#536a86 !important;
}

/* Meta chips */
body.ultra-simple .simple-action-meta{
  gap:9px !important;
  margin-bottom:13px !important;
}
body.ultra-simple .simple-action-meta span{
  min-height:34px !important;
  padding:7px 11px !important;
  border-radius:999px !important;
  font-size:11px !important;
  font-weight:850 !important;
  letter-spacing:.015em !important;
}

/* "Compila quello che sai" helper */
body.ultra-simple .simple-action-help{
  margin-bottom:17px !important;
  padding:12px 14px !important;
  border-left-width:4px !important;
  border-radius:9px !important;
  font-size:13px !important;
  line-height:1.5 !important;
  color:#536b88 !important;
}
body.ultra-simple .simple-action-help strong{
  font-weight:900 !important;
  color:#183a66 !important;
}

/* Larger form grid */
body.ultra-simple .simple-form-grid{
  gap:14px !important;
}

/* Labels */
body.ultra-simple .simple-form-grid label{
  gap:7px !important;
}
body.ultra-simple .simple-form-grid label>span{
  font-size:14px !important;
  line-height:1.25 !important;
  font-weight:850 !important;
  letter-spacing:-.01em !important;
  color:#14243a !important;
}
body.ultra-simple .simple-form-grid label>span small{
  margin-left:5px !important;
  font-size:11px !important;
  font-weight:750 !important;
  color:#8796a9 !important;
}

/* Main controls */
body.ultra-simple .simple-form-grid input,
body.ultra-simple .simple-form-grid select,
body.ultra-simple .simple-form-grid textarea{
  min-height:56px !important;
  padding:14px 15px !important;
  border:1px solid #cfd9e6 !important;
  border-radius:13px !important;
  background:#ffffff !important;
  color:#15263c !important;
  font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif !important;
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  box-shadow:0 1px 0 rgba(11,18,32,.02) !important;
}

/* Native dropdown options inherit larger typography where supported. */
body.ultra-simple .simple-form-grid select option{
  font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif !important;
  font-size:15px !important;
  font-weight:500 !important;
  color:#14243a !important;
  background:#ffffff !important;
  padding:8px !important;
}

/* Better focus state without excessive orange/gold. */
body.ultra-simple .simple-form-grid input:focus,
body.ultra-simple .simple-form-grid select:focus,
body.ultra-simple .simple-form-grid textarea:focus{
  outline:none !important;
  border-color:#6ea7ff !important;
  box-shadow:0 0 0 3px rgba(110,167,255,.17) !important;
}

/* Placeholders must remain easy to read. */
body.ultra-simple .simple-form-grid input::placeholder,
body.ultra-simple .simple-form-grid textarea::placeholder{
  color:#91a0b2 !important;
  opacity:1 !important;
  font-size:14px !important;
  font-weight:450 !important;
}

/* Text areas */
body.ultra-simple .simple-form-grid textarea{
  min-height:108px !important;
  resize:vertical !important;
}

/* Submit button */
body.ultra-simple .simple-action-form>.primary{
  min-height:57px !important;
  margin-top:16px !important;
  border-radius:13px !important;
  font-size:15px !important;
  font-weight:900 !important;
  letter-spacing:.005em !important;
}

/* Fine print: still secondary, but not microscopic. */
body.ultra-simple .simple-action-modal .modal-footnote{
  margin-top:11px !important;
  font-size:11px !important;
  line-height:1.4 !important;
  color:#8493a6 !important;
}

/* Receipt uses the same readable scale. */
body.ultra-simple .simple-receipt-modal .modal-head .kicker{
  font-size:11px !important;
  font-weight:900 !important;
}
body.ultra-simple .simple-receipt-modal .modal-head h2{
  font-size:31px !important;
  line-height:1.1 !important;
  letter-spacing:-.03em !important;
}
body.ultra-simple .simple-receipt-copy strong{
  font-size:19px !important;
}
body.ultra-simple .simple-receipt-copy span{
  font-size:13px !important;
}
body.ultra-simple .simple-receipt-summary span{
  font-size:10.5px !important;
}
body.ultra-simple .simple-receipt-summary strong{
  font-size:13px !important;
}
body.ultra-simple .simple-receipt-steps article strong{
  font-size:12px !important;
}
body.ultra-simple .simple-receipt-steps article small{
  font-size:10.5px !important;
}

/* Mobile: preserve readability rather than shrinking everything. */
@media(max-width:640px){
  body.ultra-simple .simple-action-modal .modal-head h2{
    font-size:30px !important;
  }
  body.ultra-simple .simple-form-grid label>span{
    font-size:13.5px !important;
  }
  body.ultra-simple .simple-form-grid input,
  body.ultra-simple .simple-form-grid select,
  body.ultra-simple .simple-form-grid textarea{
    font-size:15px !important;
    min-height:54px !important;
  }
  body.ultra-simple .simple-action-meta span{
    font-size:10.5px !important;
  }
}


/* ===== V3.90 — Global readability / no microtext ===== */

/* Base rendering */
body.ultra-simple{
  font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif !important;
  -webkit-font-smoothing:antialiased !important;
  -moz-osx-font-smoothing:grayscale !important;
  text-rendering:geometricPrecision !important;
  font-synthesis:none !important;
}

/* Header */
body.ultra-simple .site-header.hero-header-centered .top-nav .nav-link-btn{
  font-size:16px !important;
  font-weight:850 !important;
}
body.ultra-simple .site-header.hero-header-centered .ghost{
  font-size:16px !important;
  font-weight:850 !important;
}
body.ultra-simple .site-header.hero-header-centered .lang-select{
  font-size:15px !important;
  font-weight:800 !important;
}
body.ultra-simple .site-header.hero-header-centered .primary{
  font-size:15px !important;
  font-weight:900 !important;
}

/* Hero */
body.ultra-simple .visual-eyebrow{
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
}
body.ultra-simple .visual-hero-copy p{
  font-size:18px !important;
  line-height:1.55 !important;
  font-weight:500 !important;
}
body.ultra-simple .hero-value-line span{
  font-size:12px !important;
  font-weight:900 !important;
}
body.ultra-simple .visual-hero-actions .visual-gold-btn{
  font-size:15px !important;
  font-weight:900 !important;
}

/* Compact how-it-works strip */
body.ultra-simple .compact-flow-label span{
  font-size:11px !important;
  font-weight:900 !important;
}
body.ultra-simple .compact-flow-label strong{
  font-size:16px !important;
  font-weight:850 !important;
}
body.ultra-simple .compact-flow-steps span{
  font-size:11px !important;
  font-weight:850 !important;
}

/* Main gateway */
body.ultra-simple .simple-gateway-head .kicker{
  font-size:12px !important;
  font-weight:900 !important;
}
body.ultra-simple .simple-gateway-head p{
  font-size:16px !important;
  line-height:1.5 !important;
}
body.ultra-simple .simple-choice-num{
  font-size:12px !important;
  font-weight:900 !important;
}
body.ultra-simple .simple-choice-copy strong{
  font-size:25px !important;
  font-weight:850 !important;
}
body.ultra-simple .simple-choice-copy small{
  font-size:14px !important;
  line-height:1.5 !important;
  font-weight:500 !important;
}
body.ultra-simple .simple-choice-actions button{
  font-size:14px !important;
  font-weight:850 !important;
}
body.ultra-simple .simple-availability-state{
  font-size:11px !important;
  font-weight:850 !important;
}
body.ultra-simple .simple-gateway-foot strong{
  font-size:13px !important;
  font-weight:850 !important;
}
body.ultra-simple .simple-gateway-foot span{
  font-size:12px !important;
  line-height:1.45 !important;
}

/* Area Cliente tabs: keep readable without crowding. */
body.ultra-simple .workspace-tabs,
body.ultra-simple .simple-workspace-tabs{
  scrollbar-width:thin;
}
body.ultra-simple .workspace-tab{
  font-size:13px !important;
  font-weight:850 !important;
  min-height:42px !important;
  padding:10px 13px !important;
}

/* Area Cliente home */
body.ultra-simple .simple-start-head .kicker{
  font-size:11px !important;
  font-weight:900 !important;
}
body.ultra-simple .simple-start-head strong{
  font-size:20px !important;
  line-height:1.25 !important;
}
body.ultra-simple .simple-client-groups article>span{
  font-size:12px !important;
}
body.ultra-simple .simple-client-groups article>div>strong{
  font-size:16px !important;
  font-weight:850 !important;
}
body.ultra-simple .simple-client-groups article>div>small{
  font-size:12px !important;
  line-height:1.45 !important;
}
body.ultra-simple .simple-client-actions button{
  font-size:12px !important;
  font-weight:850 !important;
  min-height:42px !important;
}

/* Notification center */
body.ultra-simple .notification-kpis strong,
body.ultra-simple .capacity-desk-kpis strong,
body.ultra-simple .team-kpis strong{
  font-size:22px !important;
}
body.ultra-simple .notification-kpis span,
body.ultra-simple .capacity-desk-kpis span,
body.ultra-simple .team-kpis span{
  font-size:11px !important;
}
body.ultra-simple .notification-card strong,
body.ultra-simple .notification-card b{
  font-size:14px !important;
}
body.ultra-simple .notification-card p,
body.ultra-simple .notification-card small{
  font-size:12px !important;
  line-height:1.45 !important;
}

/* Account / verification */
body.ultra-simple .simple-account-grid strong,
body.ultra-simple .workspace-card-head strong{
  font-size:15px !important;
}
body.ultra-simple .simple-account-grid small,
body.ultra-simple .workspace-card p,
body.ultra-simple .workspace-card small{
  font-size:12px !important;
  line-height:1.45 !important;
}
body.ultra-simple .demo-session-tools strong{
  font-size:14px !important;
}
body.ultra-simple .demo-session-tools small{
  font-size:12px !important;
}
body.ultra-simple .demo-session-tools button{
  font-size:12px !important;
  font-weight:850 !important;
}

/* Guide / tutorial */
body.ultra-simple .mlsr-guide-launcher{
  min-height:52px !important;
  padding:10px 15px 10px 10px !important;
}
body.ultra-simple .mlsr-guide-launcher strong{
  font-size:13px !important;
  font-weight:900 !important;
}
body.ultra-simple .mlsr-tour-card .kicker,
body.ultra-simple .mlsr-tour-card small{
  font-size:11px !important;
}
body.ultra-simple .mlsr-tour-card h3{
  font-size:22px !important;
  line-height:1.2 !important;
}
body.ultra-simple .mlsr-tour-card p{
  font-size:13px !important;
  line-height:1.5 !important;
}
body.ultra-simple .mlsr-tour-card button{
  font-size:12px !important;
  font-weight:850 !important;
}

/* Generic status badges / microcopy */
body.ultra-simple .status-badge,
body.ultra-simple .badge,
body.ultra-simple .status-pill,
body.ultra-simple .project-status,
body.ultra-simple .demand-alert-state{
  font-size:10.5px !important;
  font-weight:850 !important;
}

/* Generic table / operational text where advanced sections may still open. */
body.ultra-simple table,
body.ultra-simple .admin-table,
body.ultra-simple .team-table{
  font-size:12px !important;
}
body.ultra-simple th{
  font-size:11px !important;
  font-weight:900 !important;
}
body.ultra-simple td{
  font-size:12px !important;
  line-height:1.4 !important;
}

/* Buttons across the simple experience should never look microscopic. */
body.ultra-simple button{
  font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif !important;
  -webkit-font-smoothing:antialiased !important;
}
body.ultra-simple .primary,
body.ultra-simple .secondary,
body.ultra-simple .ghost{
  font-weight:850 !important;
}

/* Mobile: keep readable instead of shrinking to tiny text. */
@media(max-width:640px){
  body.ultra-simple .site-header.hero-header-centered .top-nav .nav-link-btn{
    font-size:14px !important;
  }
  body.ultra-simple .visual-hero-copy p{
    font-size:16px !important;
  }
  body.ultra-simple .simple-choice-copy strong{
    font-size:22px !important;
  }
  body.ultra-simple .simple-choice-copy small{
    font-size:13px !important;
  }
  body.ultra-simple .workspace-tab{
    font-size:12px !important;
  }
}


/* ===== V3.91 — Beta QA pass 1 / responsive hardening ===== */

/* Never allow accidental horizontal page overflow. */
html,
body.ultra-simple{
  max-width:100%;
  overflow-x:hidden;
}
body.ultra-simple.modal-open{
  overflow:hidden !important;
}

/* Every interactive control must remain easy to hit. */
body.ultra-simple button,
body.ultra-simple select,
body.ultra-simple input{
  min-height:44px;
}

/* Modal safety: no content can disappear below the viewport. */
body.ultra-simple .flow-modal,
body.ultra-simple .match-drawer{
  max-height:calc(100dvh - 24px) !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  scrollbar-gutter:stable;
}

/* Keep close control visible while long forms scroll. */
body.ultra-simple .flow-modal .modal-head{
  position:sticky;
  top:0;
  z-index:12;
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

/* Tutorial never fights with an open workflow. */
body.ultra-simple.modal-open .mlsr-guide-launcher{
  opacity:0 !important;
  pointer-events:none !important;
  transform:translateY(8px);
}

/* Mid-size desktop / laptop header: prevent squeeze before switching layout. */
@media(min-width:1101px) and (max-width:1480px){
  body.ultra-simple .site-header.hero-header-centered{
    grid-template-columns:minmax(300px,1fr) auto minmax(430px,1fr) !important;
    column-gap:14px !important;
    padding-left:24px !important;
    padding-right:24px !important;
  }
  body.ultra-simple .site-header.hero-header-centered #brandHomeLink.brand-centered-stack{
    width:min(430px,34vw) !important;
    min-width:300px !important;
  }
  body.ultra-simple .site-header.hero-header-centered .header-right-zone{
    gap:10px !important;
  }
  body.ultra-simple .site-header.hero-header-centered .top-nav{
    gap:11px !important;
  }
  body.ultra-simple .site-header.hero-header-centered .header-actions{
    gap:9px !important;
  }
}

/* Tablet / small laptop: intentionally use two header rows. */
@media(max-width:1100px){
  body.ultra-simple .site-header.hero-header-centered{
    grid-template-columns:1fr auto !important;
    grid-template-areas:
      "brand actions"
      "nav nav" !important;
    row-gap:12px !important;
    min-height:0 !important;
    padding:16px 20px !important;
  }
  body.ultra-simple .site-header.hero-header-centered .header-center-brand-wrap{
    grid-area:brand !important;
    justify-self:start !important;
    min-width:0;
  }
  body.ultra-simple .site-header.hero-header-centered .header-right-zone{
    grid-area:actions !important;
    width:auto !important;
    justify-self:end !important;
  }
  body.ultra-simple .site-header.hero-header-centered .header-right-zone .top-nav{
    position:absolute !important;
    left:20px;
    right:20px;
    margin-top:88px !important;
    width:calc(100% - 40px) !important;
    justify-content:flex-start !important;
    overflow-x:auto !important;
    white-space:nowrap;
    padding-bottom:5px;
  }
  body.ultra-simple .site-header.hero-header-centered #brandHomeLink.brand-centered-stack{
    width:min(390px,52vw) !important;
    min-width:260px !important;
  }
  body.ultra-simple .site-header.hero-header-centered{
    padding-bottom:64px !important;
  }
}

/* Hero QA at common laptop/tablet widths. */
@media(max-width:1100px){
  body.ultra-simple .visual-hero{
    min-height:610px !important;
    background-position:57% center !important;
  }
  body.ultra-simple .visual-hero-inner{
    width:min(94vw,980px) !important;
  }
  body.ultra-simple .visual-hero-copy{
    max-width:58vw !important;
  }
  body.ultra-simple .visual-hero-copy h1{
    max-width:58vw !important;
    font-size:clamp(48px,6vw,66px) !important;
  }
}

/* At tablet width, one card per row is deliberately easier to scan. */
@media(max-width:860px){
  body.ultra-simple .simple-gateway-grid.four-areas{
    grid-template-columns:1fr !important;
  }
  body.ultra-simple .simple-choice-card{
    min-height:0 !important;
  }
  body.ultra-simple .visual-hero-copy{
    max-width:72vw !important;
  }
  body.ultra-simple .visual-hero-copy h1{
    max-width:72vw !important;
  }
}

/* Mobile header: no overlapping nav/actions. */
@media(max-width:680px){
  body.ultra-simple .site-header.hero-header-centered{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:12px !important;
    padding:14px 15px !important;
  }
  body.ultra-simple .site-header.hero-header-centered .header-center-brand-wrap{
    width:100%;
  }
  body.ultra-simple .site-header.hero-header-centered #brandHomeLink.brand-centered-stack{
    width:min(330px,88vw) !important;
    min-width:0 !important;
    margin:0 auto !important;
  }
  body.ultra-simple .site-header.hero-header-centered .header-right-zone{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:9px !important;
  }
  body.ultra-simple .site-header.hero-header-centered .header-right-zone .top-nav{
    position:static !important;
    width:100% !important;
    margin:0 !important;
    padding:0 0 4px !important;
    justify-content:center !important;
  }
  body.ultra-simple .site-header.hero-header-centered .header-actions{
    width:100% !important;
    justify-content:center !important;
    flex-wrap:wrap;
  }
  body.ultra-simple .site-header.hero-header-centered .lang-select{
    min-height:48px !important;
  }
  body.ultra-simple .site-header.hero-header-centered .primary,
  body.ultra-simple .site-header.hero-header-centered .ghost{
    min-height:48px !important;
  }
}

/* Mobile hero: text and CTA stay within viewport, visual remains secondary. */
@media(max-width:680px){
  body.ultra-simple .visual-hero{
    min-height:690px !important;
    background-position:62% bottom !important;
  }
  body.ultra-simple .visual-hero-inner{
    width:calc(100% - 30px) !important;
    padding-top:38px !important;
    padding-bottom:36px !important;
    align-items:flex-start !important;
  }
  body.ultra-simple .visual-hero-copy{
    max-width:100% !important;
  }
  body.ultra-simple .visual-hero-copy h1{
    max-width:100% !important;
    font-size:clamp(40px,11.8vw,54px) !important;
    line-height:1.01 !important;
  }
  body.ultra-simple .hero-value-line{
    width:100% !important;
  }
  body.ultra-simple .visual-hero-actions,
  body.ultra-simple .visual-hero-actions .visual-gold-btn{
    width:100% !important;
  }
}

/* Full-width modal behavior on phones, with safe-area padding. */
@media(max-width:680px){
  body.ultra-simple .flow-modal,
  body.ultra-simple .match-drawer{
    width:100vw !important;
    max-width:100vw !important;
    max-height:100dvh !important;
    min-height:100dvh;
    border-radius:0 !important;
    padding:
      max(16px,env(safe-area-inset-top))
      15px
      max(24px,env(safe-area-inset-bottom)) !important;
  }
  body.ultra-simple .flow-modal .modal-head{
    top:calc(-1 * max(16px,env(safe-area-inset-top)));
    margin:
      calc(-1 * max(16px,env(safe-area-inset-top)))
      -15px
      15px !important;
    padding:
      max(16px,env(safe-area-inset-top))
      15px
      13px !important;
  }
}

/* Visible keyboard focus for QA/accessibility. */
body.ultra-simple button:focus-visible,
body.ultra-simple a:focus-visible,
body.ultra-simple input:focus-visible,
body.ultra-simple select:focus-visible,
body.ultra-simple textarea:focus-visible{
  outline:3px solid rgba(110,167,255,.55) !important;
  outline-offset:2px !important;
}


/* ===== V3.92 — Four core flows consistency ===== */

/* Recent simple activity: one compact list, not another dashboard. */
.simple-recent-activity{
  margin-top:14px;
  padding:14px;
  border:1px solid #dbe4ee;
  border-radius:14px;
  background:#f8fbfe;
}
.simple-recent-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:10px;
}
.simple-recent-head .kicker{
  font-size:10px !important;
  color:#647b98 !important;
}
.simple-recent-head strong{
  display:block;
  margin-top:2px;
  color:#18304d;
  font-size:14px !important;
}
.simple-recent-count{
  display:grid;
  place-items:center;
  min-width:34px;
  height:34px;
  padding:0 9px;
  border-radius:999px;
  background:#17304f;
  color:#fff;
  font-size:11px;
  font-weight:900;
}
.simple-recent-list{
  display:grid;
  gap:7px;
}
.simple-recent-empty{
  padding:11px;
  border:1px dashed #d4dee9;
  border-radius:10px;
  color:#8391a2;
  font-size:12px;
  text-align:center;
}
.simple-recent-item{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:10px;
  align-items:center;
  padding:10px;
  border:1px solid #dce5ef;
  border-radius:11px;
  background:#fff;
}
.simple-recent-icon{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:9px;
  background:#17304f;
  color:#fff;
  font-size:10px;
  font-weight:900;
}
.simple-recent-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.simple-recent-title-row strong{
  color:#172c46;
  font-size:13px !important;
}
.simple-recent-status{
  flex:0 0 auto;
  padding:5px 7px;
  border-radius:999px;
  background:#eef3f8;
  color:#607086;
  font-size:9px !important;
  font-weight:900;
}
.simple-recent-status.matching{
  background:#edf4ff;
  color:#3569a8;
}
.simple-recent-status.published{
  background:#edf8f3;
  color:#287255;
}
.simple-recent-status.available{
  background:#eaf8f1;
  color:#177653;
}
.simple-recent-status.unavailable{
  background:#fff1ec;
  color:#985233;
}
.simple-recent-copy>small,
.simple-recent-copy>em{
  display:block;
}
.simple-recent-copy>small{
  margin-top:3px;
  color:#6f8095;
  font-size:11px !important;
  line-height:1.4;
}
.simple-recent-copy>em{
  margin-top:3px;
  color:#9aa6b4;
  font-size:9.5px !important;
  font-style:normal;
}

/* Consistent receipt status language. */
.simple-receipt-copy span{
  line-height:1.45;
}

@media(max-width:640px){
  .simple-recent-title-row{
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
  }
  .simple-recent-status{
    align-self:flex-start;
  }
}


/* ===== V3.93 — Area Cliente final cleanup ===== */

/* Hide dashboard-like information in the normal simple view.
   It remains available when advanced workspace is enabled. */
body.ultra-simple:not(.workspace-advanced) .client-area-modal>.workspace-verification-banner,
body.ultra-simple:not(.workspace-advanced) .client-area-modal>.client-project-preview,
body.ultra-simple:not(.workspace-advanced) .client-area-modal>.client-summary{
  display:none !important;
}

/* Compact simple mode bar */
body.ultra-simple .simple-mode-bar{
  padding:11px 13px !important;
  margin-bottom:11px !important;
  border-radius:12px !important;
  background:#f4f7fb !important;
  border:1px solid #dce4ee !important;
}
body.ultra-simple .simple-mode-bar .kicker{
  font-size:10px !important;
  color:#687d97 !important;
}
body.ultra-simple .simple-mode-bar strong{
  font-size:13px !important;
  color:#203650 !important;
}
body.ultra-simple .simple-mode-bar .ghost{
  min-height:36px !important;
  padding:7px 10px !important;
  font-size:11px !important;
}

/* Four visible tabs only in normal mode */
body.ultra-simple .simple-workspace-tabs{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:7px !important;
  overflow:visible !important;
}
body.ultra-simple .simple-workspace-tabs .workspace-tab{
  justify-content:center !important;
  min-width:0 !important;
}
body.ultra-simple .simple-workspace-tabs .workspace-advanced-tab{
  display:none !important;
}
body.ultra-simple.workspace-advanced .simple-workspace-tabs{
  display:flex !important;
  overflow-x:auto !important;
}
body.ultra-simple.workspace-advanced .simple-workspace-tabs .workspace-advanced-tab{
  display:inline-flex !important;
}

/* Activity tab count stays subtle when empty. */
#activityTabBadge.is-empty{
  opacity:.38;
}

/* Home should now be just the four primary actions. */
body.ultra-simple .ultra-simple-client-start{
  padding-bottom:4px !important;
}
body.ultra-simple .ultra-simple-client-start .simple-client-groups{
  margin-bottom:2px !important;
}

/* New Activity panel */
.simple-activity-panel{
  padding-top:4px;
}
.simple-activity-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
}
.simple-activity-head .kicker{
  color:#6c82a0;
  font-size:11px !important;
}
.simple-activity-head h3{
  margin:4px 0 0;
  color:#132740;
  font-size:28px !important;
  line-height:1.12;
  letter-spacing:-.03em;
}
.simple-activity-head p{
  margin:6px 0 0;
  max-width:640px;
  color:#708198;
  font-size:13px !important;
  line-height:1.5;
}
.simple-activity-head .primary{
  flex:0 0 auto;
  min-height:46px !important;
  border-radius:11px !important;
  padding:10px 15px !important;
  font-size:13px !important;
}

.simple-activity-status-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-bottom:12px;
}
.simple-activity-status-card{
  padding:14px;
  border:1px solid #dbe4ee;
  border-radius:13px;
  background:#fff;
}
.simple-activity-status-card>span{
  color:#73859b;
  font-size:10px !important;
  font-weight:900;
  letter-spacing:.08em;
}
.simple-activity-status-card>strong{
  display:block;
  margin-top:5px;
  color:#17304d;
  font-size:16px !important;
}
.simple-activity-status-card>small{
  display:block;
  margin-top:7px;
  color:#7c8c9e;
  font-size:11px !important;
  line-height:1.4;
}
.simple-activity-status-card .simple-availability-state{
  display:inline-flex;
  margin-top:9px;
}
.simple-activity-inline{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:9px;
}
.simple-activity-inline b,
.simple-activity-inline i{
  display:inline-flex;
  min-height:29px;
  align-items:center;
  padding:5px 8px;
  border-radius:999px;
  font-size:10px;
  font-style:normal;
  font-weight:850;
}
.simple-activity-inline b{
  background:#edf4fd;
  color:#2d5e97;
}
.simple-activity-inline i{
  background:#edf8f3;
  color:#287255;
}
.simple-activity-detail-btn{
  width:100%;
  margin-top:10px;
  min-height:40px !important;
  font-size:11px !important;
}

.simple-recent-activity-main{
  margin-top:0 !important;
}
.simple-activity-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:10px;
  padding:11px 12px;
  border-radius:11px;
  background:#f4f7fb;
  color:#73849a;
  font-size:11px;
}
.simple-activity-foot .ghost{
  flex:0 0 auto;
  min-height:36px !important;
  font-size:10.5px !important;
}

/* Advanced mode makes legacy operational panels available, but no longer
   forces those concepts into the everyday navigation. */
body.ultra-simple.workspace-advanced .client-area-modal>.workspace-verification-banner,
body.ultra-simple.workspace-advanced .client-area-modal>.client-project-preview,
body.ultra-simple.workspace-advanced .client-area-modal>.client-summary{
  display:grid;
}

/* Mobile */
@media(max-width:720px){
  body.ultra-simple .simple-workspace-tabs{
    grid-template-columns:1fr 1fr !important;
  }
  .simple-activity-head{
    align-items:stretch;
    flex-direction:column;
  }
  .simple-activity-head .primary{
    width:100%;
  }
  .simple-activity-status-grid{
    grid-template-columns:1fr;
  }
  .simple-activity-foot{
    align-items:stretch;
    flex-direction:column;
  }
  .simple-activity-foot .ghost{
    width:100%;
  }
}


/* ===== V3.94 — Commercial clarity & trust ===== */

body.ultra-simple .pricing-modal{
  width:min(880px,96vw) !important;
}
body.ultra-simple .pricing-modal .modal-head h2{
  font-size:34px !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
}
body.ultra-simple .pricing-modal .modal-head p{
  max-width:720px;
  font-size:14px !important;
  line-height:1.5 !important;
}

.pricing-tax-note{
  display:block;
  margin-top:-3px;
  color:#8795a6;
  font-size:10.5px;
  font-weight:750;
}

.pricing-modal-note-primary{
  margin-top:14px !important;
}

.pricing-rules{
  margin-top:13px;
  padding:15px;
  border:1px solid #d9e3ee;
  border-radius:14px;
  background:#f8fbfe;
}
.pricing-rules-head .kicker{
  color:#657d9a !important;
  font-size:10px !important;
}
.pricing-rules-head strong{
  display:block;
  margin-top:3px;
  color:#172d48;
  font-size:17px;
}
.pricing-rules-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:11px;
}
.pricing-rules-grid article{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:9px;
  padding:11px;
  border:1px solid #dde6ef;
  border-radius:11px;
  background:#fff;
}
.pricing-rules-grid article>b{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:9px;
  background:#17304f;
  color:#fff;
  font-size:9px;
}
.pricing-rules-grid article strong,
.pricing-rules-grid article small{
  display:block;
}
.pricing-rules-grid article strong{
  color:#1c334f;
  font-size:12.5px;
}
.pricing-rules-grid article small{
  margin-top:3px;
  color:#74859a;
  font-size:10.5px;
  line-height:1.4;
}

.pricing-trust-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:12px;
}
.pricing-trust-row article{
  padding:12px;
  border:1px solid #dbe4ee;
  border-radius:11px;
  background:#fff;
}
.pricing-trust-row span,
.pricing-trust-row strong,
.pricing-trust-row small{
  display:block;
}
.pricing-trust-row span{
  color:#6481a3;
  font-size:9px;
  font-weight:900;
  letter-spacing:.09em;
}
.pricing-trust-row strong{
  margin-top:5px;
  color:#17304d;
  font-size:12px;
}
.pricing-trust-row small{
  margin-top:4px;
  color:#7b8a9b;
  font-size:10px;
  line-height:1.4;
}

.pricing-beta-disclaimer{
  margin-top:12px;
  padding:11px 12px;
  border-left:4px solid #6ea7ff;
  border-radius:9px;
  background:#f2f7fd;
}
.pricing-beta-disclaimer strong,
.pricing-beta-disclaimer span{
  display:block;
}
.pricing-beta-disclaimer strong{
  color:#234d7d;
  font-size:11px;
}
.pricing-beta-disclaimer span{
  margin-top:3px;
  color:#6e8095;
  font-size:10.5px;
  line-height:1.45;
}

@media(max-width:760px){
  .pricing-rules-grid,
  .pricing-trust-row{
    grid-template-columns:1fr;
  }
}


/* ===== V3.95 — Beta Freeze Candidate robustness ===== */

body.ultra-simple .simple-action-form>.primary:disabled{
  opacity:.68 !important;
  cursor:wait !important;
  transform:none !important;
}
body.ultra-simple [data-simple-action][data-simple-busy="1"]{
  pointer-events:none;
}
body.ultra-simple .flow-modal .close-btn{
  position:relative;
  z-index:15;
}
body.ultra-simple .flow-modal,
body.ultra-simple .workspace-panel,
body.ultra-simple .simple-recent-copy,
body.ultra-simple .simple-receipt-summary{
  overflow-wrap:anywhere;
}
@media(prefers-reduced-motion:reduce){
  body.ultra-simple *,
  body.ultra-simple *::before,
  body.ultra-simple *::after{
    scroll-behavior:auto !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}


/* ===== V3.96 — Test Fix 1 ===== */

/* V3.74 legacy selector was still hiding the Activity tab added later.
   Keep the final simple navigation: Home / Attività / Notifiche / Account. */
body.ultra-simple .simple-workspace-tabs
.workspace-tab.workspace-tab-activity[data-workspace-tab="activity"]{
  display:block !important;
}

/* V3.93 intentionally keeps advanced tools available on demand.
   Older ultra-simple rules were still forcing this control to display:none. */
body.ultra-simple .simple-mode-bar #toggleAdvancedWorkspace{
  display:inline-flex !important;
}

/* When advanced mode is explicitly enabled, show the legacy operational tabs.
   They remain hidden during normal simple-mode use. */
body.ultra-simple.workspace-advanced .simple-workspace-tabs
.workspace-tab.workspace-advanced-tab{
  display:inline-flex !important;
}


/* ===== V3.97 — Availability clarity ===== */
body.ultra-simple .simple-availability-explainer{
  display:block;
  margin-top:8px;
  color:#74869d;
  font-size:11px !important;
  line-height:1.45;
  font-style:normal;
  font-weight:600;
}
body.ultra-simple #simpleAvailabilityCard .simple-choice-actions button{
  line-height:1.25 !important;
  white-space:normal !important;
}
body.ultra-simple .simple-availability-state{
  max-width:100%;
  white-space:normal !important;
  line-height:1.35 !important;
}


/* ===== V3.98 — Notifications / Documents / Reset hardening ===== */

body.ultra-simple #resetDemoState.reset-armed{
  background:#fff1ec !important;
  border-color:#e8b39f !important;
  color:#8d452b !important;
  font-weight:900 !important;
}

body.ultra-simple .notification-pref-grid select{
  min-height:44px !important;
  font-size:12px !important;
  font-weight:700 !important;
}

body.ultra-simple .document-file-main strong,
body.ultra-simple .notification-main strong{
  overflow-wrap:anywhere;
}


/* ===== V3.99 — Beginner/edge-case navigation ===== */

body.ultra-simple .simple-action-draft-tools{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:-2px 0 12px;
  padding:9px 10px;
  border:1px solid #dbe5ef;
  border-radius:10px;
  background:#fbfdff;
}
body.ultra-simple .simple-action-draft-tools>span{
  color:#72849a;
  font-size:11px !important;
  line-height:1.4;
}
body.ultra-simple .simple-action-draft-tools .ghost{
  flex:0 0 auto;
  min-height:34px !important;
  padding:6px 9px !important;
  font-size:10.5px !important;
}
body.ultra-simple .simple-action-draft-tools .ghost[hidden]{
  display:none !important;
}

@media(max-width:640px){
  body.ultra-simple .simple-action-draft-tools{
    align-items:stretch;
    flex-direction:column;
  }
  body.ultra-simple .simple-action-draft-tools .ghost{
    width:100%;
  }
}


/* ===== V4.00 — Fast-click responsiveness ===== */

/* IMPORTANT:
   The card used to physically move upward on hover (translateY(-2px)).
   A very fast click immediately after entering the card could happen while
   the hit target was still moving. Keep the visual hover feedback without
   moving the button/card under the pointer. */
body.ultra-simple .simple-gateway-grid.four-areas .simple-choice-card{
  transform:none !important;
  transition:
    box-shadow .14s ease,
    border-color .14s ease,
    background-color .14s ease !important;
}
body.ultra-simple .simple-gateway-grid.four-areas .simple-choice-card:hover{
  transform:none !important;
}

/* Make primary operational buttons behave like direct controls. */
body.ultra-simple [data-simple-action]{
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  cursor:pointer;
  user-select:none;
  -webkit-user-select:none;
}

/* Avoid any inherited active-state movement on the action buttons. */
body.ultra-simple [data-simple-action]:active{
  transform:none !important;
}

/* Keep focus feedback clear without changing geometry. */
body.ultra-simple [data-simple-action]:focus-visible{
  position:relative;
  z-index:2;
}


/* ===== V4.01 — RFQ / STEP drag & drop ===== */

body.ultra-simple #rfqDropzone{
  cursor:pointer;
  transition:
    border-color .14s ease,
    background-color .14s ease,
    box-shadow .14s ease !important;
}
body.ultra-simple #rfqDropzone.drag-active{
  border-color:#6ea7ff !important;
  background:#eef6ff !important;
  box-shadow:0 0 0 4px rgba(110,167,255,.13) !important;
}
body.ultra-simple #rfqDropzone.drag-active .drop-icon{
  transform:translateY(-2px);
}
body.ultra-simple #rfqDropzone .drop-icon{
  transition:transform .14s ease;
}


/* ===== V4.02 — Supplier ranking feedback ===== */

body.ultra-simple .match-mode.active,
body.ultra-simple .ranking-btn.active{
  box-shadow:0 0 0 3px rgba(110,167,255,.14) !important;
}

body.ultra-simple .capacity-match-card.best-match,
body.ultra-simple .match-option.recommended{
  scroll-margin-top:18px;
}


/* ===== V4.03 — Buyer continuation after introduction ===== */

body.ultra-simple .followup-summary-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:14px 0;
}
body.ultra-simple .followup-summary-grid>div{
  padding:12px;
  border:1px solid #dce6ef;
  border-radius:12px;
  background:#fbfdff;
}
body.ultra-simple .followup-summary-grid span,
body.ultra-simple .followup-status-box>span{
  display:block;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.08em;
  color:#71849a;
}
body.ultra-simple .followup-summary-grid strong{
  display:block;
  margin-top:4px;
  overflow-wrap:anywhere;
}
body.ultra-simple .followup-flow{
  display:grid;
  gap:8px;
  margin:14px 0;
}
body.ultra-simple .followup-flow article{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:11px;
  border:1px solid #dce6ef;
  border-radius:12px;
  background:#fff;
}
body.ultra-simple .followup-flow article>span{
  display:grid;
  place-items:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  border-radius:50%;
  background:#edf2f7;
  font-weight:900;
}
body.ultra-simple .followup-flow article.done{
  border-color:#b9d8c4;
  background:#f7fcf8;
}
body.ultra-simple .followup-flow article.done>span{
  background:#dff2e5;
}
body.ultra-simple .followup-flow strong,
body.ultra-simple .followup-flow small{
  display:block;
}
body.ultra-simple .followup-flow small{
  margin-top:3px;
  color:#74869d;
}
body.ultra-simple .followup-status-box{
  margin:14px 0;
  padding:13px;
  border:1px solid #dce6ef;
  border-radius:12px;
  background:#f7faff;
}
body.ultra-simple .followup-status-box strong,
body.ultra-simple .followup-status-box small{
  display:block;
}
body.ultra-simple .followup-status-box strong{
  margin:4px 0;
}
body.ultra-simple .followup-status-box small{
  color:#6f8197;
}

@media(max-width:640px){
  body.ultra-simple .followup-summary-grid{
    grid-template-columns:1fr;
  }
}


/* ===== V4.05 — Visual responsive closeout / guide safe area ===== */

body.ultra-simple .mlsr-guide-launcher{
  right:max(16px,env(safe-area-inset-right)) !important;
  bottom:max(16px,env(safe-area-inset-bottom)) !important;
  max-width:calc(100vw - 32px) !important;
  box-sizing:border-box !important;
  white-space:nowrap !important;
}
body.ultra-simple .mlsr-guide-launcher strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.ultra-simple .mlsr-tour-panel{
  right:max(16px,env(safe-area-inset-right)) !important;
  bottom:max(84px,calc(env(safe-area-inset-bottom) + 68px)) !important;
  max-width:calc(100vw - 32px) !important;
  box-sizing:border-box !important;
}

@media(max-width:640px){
  body.ultra-simple .mlsr-guide-launcher{
    right:max(12px,env(safe-area-inset-right)) !important;
    bottom:max(12px,env(safe-area-inset-bottom)) !important;
    width:52px !important;
    max-width:52px !important;
    padding:10px !important;
    justify-content:center !important;
  }
  body.ultra-simple .mlsr-guide-launcher strong{
    display:none !important;
  }
  body.ultra-simple .mlsr-guide-launcher>span{
    flex:0 0 30px;
    width:30px;
    height:30px;
  }
  body.ultra-simple .mlsr-tour-panel{
    right:max(12px,env(safe-area-inset-right)) !important;
    bottom:max(76px,calc(env(safe-area-inset-bottom) + 64px)) !important;
    width:calc(100vw - 24px) !important;
    max-width:calc(100vw - 24px) !important;
  }
}


/* ===== V4.06 — Hero asset recovery + immediate pricing control ===== */

/* The former JPEG was incomplete and some browsers rejected it entirely.
   Render the repaired composite as a real, eagerly loaded image layer. */
body.ultra-simple .visual-hero{
  background-color:#0d1726 !important;
  background-image:none !important;
}
body.ultra-simple .visual-hero-photo{
  display:block;
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:80% center;
  filter:brightness(1.08) saturate(1.04);
  pointer-events:none;
  user-select:none;
}
body.ultra-simple .visual-hero::before,
body.ultra-simple .visual-hero::after,
body.ultra-simple .visual-hero-overlay{
  z-index:1 !important;
}
body.ultra-simple .visual-hero-inner{
  z-index:3 !important;
}

/* Stable hit target and immediate pointer response for the pricing modal. */
body.ultra-simple #navPricingBtn{
  position:relative;
  z-index:5;
  min-width:74px;
  min-height:44px;
  padding:10px 8px !important;
  pointer-events:auto !important;
  touch-action:manipulation;
}

@media(max-width:1280px){
  body.ultra-simple .visual-hero-photo{
    object-position:92% center;
  }
}
@media(max-width:900px){
  body.ultra-simple .visual-hero-photo{
    object-position:96% center;
  }
}
@media(max-width:640px){
  body.ultra-simple .visual-hero-photo{
    object-position:92% center;
  }
}