/* NEMI CLARITY UI V7 — visual/communication layer only.
   Preserves pricing, APIs, product state, proposal ids and handlers. */
:root{
  --v7-ink:#0b0e13;--v7-text:#142033;--v7-muted:#657286;--v7-line:#e2e7ed;
  --v7-surface:#ffffff;--v7-page:#f6f8fb;--v7-soft:#f1f4f7;
  --v7-cyan:#09bde9;--v7-magenta:#ec0a75;--v7-yellow:#ffd21a;--v7-green:#22a75a;
  --v7-radius:18px;--v7-shadow:0 12px 36px rgba(20,38,60,.07)
}

/* Technology should feel like precision, not visual noise. */
html{background:var(--v7-page)!important}
body{background:var(--v7-page)!important;color:var(--v7-text)!important}
body.work-mode{background:var(--v7-page)!important}
body.work-mode .trustbar{display:none!important}
body.work-mode .top{height:68px!important;background:rgba(10,12,16,.97)!important;border:0!important;box-shadow:0 1px 0 rgba(255,255,255,.08)!important;color:#fff!important;padding-inline:max(22px,calc((100vw - 1480px)/2))!important}
body.work-mode .top nav a{color:#d6dbe2!important;font-size:11px!important;font-weight:700!important;padding:9px 10px!important;border-radius:9px!important}
body.work-mode .top nav a:hover{background:#ffffff12!important;color:#fff!important}
body.work-mode .brandcopy b,body.work-mode .brandcopy span{color:#fff!important}
body.work-mode .top .right .ghost{background:transparent!important;border:1px solid #ffffff2a!important;color:#fff!important}
body.work-mode .top .right .primary{background:#fff!important;color:#0b0e13!important;border-radius:10px!important}

/* In quote mode, remove every home-only block. The user should have one task. */
body.work-mode #homeHero,body.work-mode #nemiHomeFlow,body.work-mode #nemiFinalReal,
body.work-mode #realSection,body.work-mode #productos-populares,body.work-mode #homeGraph,
body.work-mode #inspiracion,body.work-mode #suministros{display:none!important}

body.work-mode .shell{max-width:1500px!important;padding:24px 28px 56px!important;margin:0 auto!important}
body.work-mode .layout{grid-template-columns:minmax(0,1fr) 360px!important;gap:22px!important;align-items:start!important}
body.work-mode .main{min-width:0!important}

/* Workspace header: one clear title + one secondary action. */
body.work-mode #workspace{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body.work-mode .workspace-toolbar{background:var(--v7-surface)!important;border:1px solid var(--v7-line)!important;border-radius:16px!important;box-shadow:none!important;padding:18px 20px!important;margin:0 0 12px!important;display:flex!important;align-items:center!important;gap:18px!important;min-height:84px!important}
body.work-mode .workspace-toolbar:before{display:none!important;content:none!important}
body.work-mode .workspace-toolbar .eyebrow{color:#7b8795!important;font-size:9px!important;letter-spacing:.11em!important;margin:0 0 4px!important}
body.work-mode .workspace-toolbar h1{font-size:22px!important;line-height:1.05!important;letter-spacing:-.03em!important;color:var(--v7-text)!important;margin:0!important}
body.work-mode .workspace-toolbar p{font-size:11px!important;line-height:1.45!important;color:var(--v7-muted)!important;margin:6px 0 0!important;max-width:680px!important}
body.work-mode .workspace-toolbar .workspace-add-btn{margin-left:auto!important;background:#fff!important;color:var(--v7-text)!important;border:1px solid #d6dde5!important;border-radius:10px!important;padding:10px 14px!important;font-size:10px!important;white-space:nowrap!important}

/* Product lines as a clear compact navigator, not a second dashboard. */
body.work-mode .nemi-line-tabs,body.work-mode .workspace-lines{background:transparent!important;margin:0 0 12px!important;padding:0!important;gap:8px!important}
body.work-mode .nemi-line-tab{min-height:64px!important;background:#fff!important;border:1px solid var(--v7-line)!important;border-radius:13px!important;box-shadow:none!important;padding:11px 13px!important;color:var(--v7-text)!important}
body.work-mode .nemi-line-tab.active,body.work-mode .nemi-line-tab[aria-selected="true"]{border-color:var(--v7-cyan)!important;box-shadow:inset 0 0 0 1px var(--v7-cyan)!important;background:#fbfeff!important}
body.work-mode .nemi-line-tab:before{display:none!important}

/* Main product configuration: large white canvas, no dark box-in-box UI. */
body.work-mode .focus-card{display:grid!important;grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr)!important;grid-template-areas:"decision identity" "actions identity" "edit identity"!important;gap:14px!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
body.work-mode .decision-card{grid-area:decision!important;background:#fff!important;border:1px solid var(--v7-line)!important;border-radius:16px!important;box-shadow:var(--v7-shadow)!important;padding:20px!important;overflow:visible!important;color:var(--v7-text)!important}
body.work-mode .decision-kicker{background:transparent!important;color:#7c8796!important;padding:0!important;font-size:9px!important;letter-spacing:.12em!important;margin-bottom:5px!important}
body.work-mode .decision-card h3{font-size:24px!important;line-height:1.05!important;letter-spacing:-.035em!important;color:var(--v7-text)!important;margin:0 0 7px!important}
body.work-mode .decision-card>p{font-size:11px!important;line-height:1.5!important;color:var(--v7-muted)!important;margin:0 0 18px!important}
body.work-mode .inline-answer{padding:0!important}
body.work-mode .configurator-form{display:grid!important;gap:18px!important}
body.work-mode .cfg-group{background:transparent!important;border:0!important;border-top:1px solid #edf0f3!important;padding:17px 0 0!important;color:var(--v7-text)!important}
body.work-mode .cfg-group:first-child{border-top:0!important;padding-top:0!important}
body.work-mode .cfg-label{font-size:12px!important;font-weight:850!important;color:#25354a!important;margin:0 0 9px!important;letter-spacing:0!important;text-transform:none!important}
body.work-mode .cfg-helper{background:#f5f9fd!important;border:1px solid #e3edf7!important;color:#526a82!important;border-radius:10px!important;padding:9px 11px!important;font-size:9px!important;line-height:1.45!important}
body.work-mode .cfg-current{color:#7c8998!important;font-size:9px!important;margin-bottom:9px!important}
body.work-mode .cfg-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
body.work-mode .cfg-option{min-height:58px!important;background:#fff!important;color:#243247!important;border:1px solid #dce3ea!important;border-radius:11px!important;padding:12px 34px 12px 12px!important;font-size:10px!important;font-weight:800!important;line-height:1.25!important;box-shadow:none!important;transform:none!important}
body.work-mode .cfg-option:hover{border-color:#aab9c8!important;background:#fbfcfd!important;transform:none!important}
body.work-mode .cfg-option.selected,body.work-mode .cfg-option[aria-pressed="true"]{background:#f2fbfe!important;color:#163b48!important;border-color:var(--v7-cyan)!important;box-shadow:inset 0 0 0 1px var(--v7-cyan)!important}
body.work-mode .cfg-option.selected:after{background:var(--v7-cyan)!important}
body.work-mode .cfg-input,body.work-mode .answer-field input,body.work-mode .answer-field select{background:#fff!important;color:var(--v7-text)!important;border:1px solid #d9e0e8!important;border-radius:10px!important;min-height:44px!important;padding:10px 12px!important}
body.work-mode .cfg-input:focus,body.work-mode .answer-field input:focus,body.work-mode .answer-field select:focus{border-color:var(--v7-cyan)!important;box-shadow:0 0 0 3px rgba(9,189,233,.12)!important;outline:0!important}
body.work-mode .cfg-submit,body.work-mode .answer-submit{background:var(--v7-ink)!important;color:#fff!important;border:0!important;border-radius:10px!important;min-height:46px!important;font-size:10px!important;font-weight:850!important}
body.work-mode .cfg-live{background:#f4fbf6!important;border-color:#d9eee0!important;color:#33654a!important}
body.work-mode .cfg-live.pending{background:#fffaf0!important;border-color:#f0e1b2!important;color:#735d20!important}

/* Product reference: supporting context only, never competing with the form. */
body.work-mode .focus-identity{grid-area:identity!important;background:#fff!important;border:1px solid var(--v7-line)!important;border-radius:16px!important;box-shadow:var(--v7-shadow)!important;overflow:hidden!important;min-height:0!important;height:max-content!important;display:block!important;color:var(--v7-text)!important}
body.work-mode .focus-visual{height:250px!important;min-height:0!important;background:#f2f4f6!important;border-bottom:1px solid var(--v7-line)!important}
body.work-mode .focus-visual img{width:100%!important;height:100%!important;object-fit:contain!important;padding:18px!important;background:#f5f6f8!important}
body.work-mode .focus-copy{padding:18px!important;background:#fff!important;color:var(--v7-text)!important}
body.work-mode .focus-copy h2{font-size:23px!important;line-height:1.08!important;color:var(--v7-text)!important;margin:0 0 8px!important;letter-spacing:-.03em!important}
body.work-mode .focus-copy p,body.work-mode .focus-copy span{color:var(--v7-muted)!important}
body.work-mode .focus-status{display:inline-flex!important;background:#fff8db!important;color:#705c16!important;border-radius:999px!important;padding:5px 8px!important;font-size:8px!important;font-weight:850!important}
body.work-mode .focus-price{border-top:1px solid #edf0f3!important;margin-top:14px!important;padding-top:14px!important}
body.work-mode .focus-price strong{font-size:31px!important;color:var(--v7-text)!important}
body.work-mode .spec-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
body.work-mode .spec-chip{background:#f7f9fb!important;border:1px solid #edf0f3!important;border-radius:9px!important;padding:8px!important}
body.work-mode .spec-chip b{color:#788493!important}.spec-chip span{color:#243247!important}

body.work-mode .focus-actions{grid-area:actions!important;display:flex!important;gap:8px!important;padding:0!important}
body.work-mode .focus-actions button{background:#fff!important;color:#243247!important;border:1px solid #dbe2e9!important;border-radius:10px!important;min-height:40px!important;font-size:9px!important;padding:8px 11px!important}
body.work-mode .focus-actions .danger{margin-left:auto!important;color:#b54444!important;background:#fff8f8!important;border-color:#f1dada!important}
body.work-mode .focus-edit{grid-area:edit!important;background:#fff!important;border:1px solid var(--v7-line)!important;border-radius:12px!important;padding:12px!important}

/* Proposal: one clean persistent summary, no inner dashboard-on-dashboard. */
body.work-mode #propuesta.side{position:sticky!important;top:88px!important;background:#fff!important;color:var(--v7-text)!important;border:1px solid var(--v7-line)!important;border-radius:16px!important;box-shadow:var(--v7-shadow)!important;padding:18px!important;max-height:calc(100vh - 108px)!important;overflow:auto!important;display:block!important}
body.work-mode #propuesta.side .eyebrow{color:#7c8998!important;font-size:9px!important}
body.work-mode #propuesta.side h2{font-size:21px!important;letter-spacing:-.03em!important;color:var(--v7-text)!important;margin:4px 0 5px!important}
body.work-mode #propuesta.side .metric{color:#768497!important;font-size:9px!important;margin-bottom:12px!important}
body.work-mode #propuesta .total{background:#f7f9fb!important;color:var(--v7-text)!important;border:1px solid #e5e9ee!important;border-radius:13px!important;padding:15px!important;margin:0 0 9px!important}
body.work-mode #propuesta .total b{color:var(--v7-text)!important;font-size:29px!important;letter-spacing:-.04em!important}
body.work-mode #propuesta .quote-actions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin:0 0 12px!important}
body.work-mode #propuesta .quote-actions .primary{background:var(--v7-ink)!important;color:#fff!important;border-radius:10px!important;min-height:44px!important}
body.work-mode #propuesta .quote-actions .ghost{background:#fff!important;color:var(--v7-text)!important;border:1px solid #dbe2e9!important;border-radius:10px!important;min-height:42px!important}
body.work-mode #propuesta .nemi-proposal-lines-head{color:#657286!important;border-top:1px solid #edf0f3!important;padding-top:12px!important}
body.work-mode #propuesta .nemi-proposal-lines-head span:last-child{color:#8995a4!important}
body.work-mode #propuesta .log{max-height:none!important;overflow:visible!important;padding:0!important}
body.work-mode #propuesta .log-item{background:#fff!important;color:var(--v7-text)!important;border:1px solid #e4e9ee!important;border-radius:12px!important;box-shadow:none!important;margin-bottom:7px!important;min-height:68px!important}
body.work-mode #propuesta .log-item b,body.work-mode #propuesta .log-item strong{color:var(--v7-text)!important}
body.work-mode #propuesta .log-item span,body.work-mode #propuesta .log-item small{color:#6f7d8f!important}
body.work-mode #propuesta .log-item.active-item{border-color:var(--v7-cyan)!important;box-shadow:inset 0 0 0 1px var(--v7-cyan)!important;transform:none!important}
body.work-mode #propuesta .nemi-side-hint{color:#748297!important;background:#f7f9fb!important;border-radius:9px!important;padding:9px!important}
body.work-mode .nemi-side-edit{background:#f7f9fb!important;color:#26364a!important;border-color:#dbe2e9!important}

/* Remove visual concatenation in the explanatory flow if it is ever visible. */





/* Home reset: calm, ordered, editorial. */











@media(max-width:1100px){
 body.work-mode .layout{grid-template-columns:1fr!important}
 body.work-mode #propuesta.side{position:static!important;max-height:none!important}
 body.work-mode .focus-card{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)!important}
}
@media(max-width:760px){
 body.work-mode .top{height:60px!important;padding:0 12px!important}
 body.work-mode .shell{padding:12px 12px 90px!important}
 body.work-mode .workspace-toolbar{display:grid!important;grid-template-columns:1fr!important;padding:15px!important;gap:10px!important}
 body.work-mode .workspace-toolbar .workspace-add-btn{margin:0!important;width:100%!important}
 body.work-mode .focus-card{grid-template-columns:1fr!important;grid-template-areas:"decision" "identity" "actions" "edit"!important}
 body.work-mode .decision-card{padding:16px!important;border-radius:14px!important}
 body.work-mode .decision-card h3{font-size:21px!important}
 body.work-mode .cfg-options{grid-template-columns:1fr!important}
 body.work-mode .focus-visual{height:190px!important}
 body.work-mode .focus-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
 body.work-mode .focus-actions .danger{margin-left:0!important}
 body.work-mode #propuesta.side{display:none!important}
 body.review-open #propuesta.side{display:none!important}
 
 
 
 
}