/* Dirección y Comercial: superficies claras, acentos discretos y controles legibles. */
#prodBody{--ink:#182540;--ink2:#435168;--muted:#667387;--line:#e2e7ee;--card:#fff;--bg2:#f6f8fa;color:var(--ink);background:var(--bg2);padding:24px;border:1px solid var(--line);border-radius:16px}
#prodBody .card,#prodBody .ice-kpi,#prodBody .bcq-card{background:var(--card);border:1px solid var(--line);box-shadow:0 2px 6px rgba(24,37,64,.025);border-radius:14px}
#prodBody .card{padding:22px}
#prodBody .card h3{font-size:17px;color:var(--ink)}
#prodBody .grid{gap:20px}
#prodBody .ice-hero{background:var(--card);border:1px solid var(--line);border-top:3px solid #0cb2ab;border-radius:14px;box-shadow:none;padding:24px;margin-bottom:20px;color:var(--ink)}
#prodBody .ice-hero p{color:var(--muted)}
#prodBody .ice-hero .ice-hero-metric{color:var(--ink);font-size:30px}
#prodBody .ice-hero .ice-hero-lbl{color:#087e79}
#prodBody .ice-kpi{padding:18px}
#prodBody .ice-kpi-val{color:var(--ink);font-size:26px}
#prodBody .ice-kpi-lbl,#prodBody .ice-kpi-delta{color:var(--muted)}
#prodBody .btn-sm,#prodBody .ice-btn{border-radius:8px;min-height:36px;box-shadow:none}
#prodBody .b-green,#prodBody .ice-btn--primary{background:#182540;color:#fff;border-color:#182540}
#prodBody .b-ghost,#prodBody .ice-btn--ghost{background:transparent;color:var(--ink);border-color:var(--line)}
#prodBody .prod-model-card{border-top:3px solid #0cb2ab;display:flex;flex-direction:column;gap:16px}
#prodBody .prod-model-card p{margin:0;line-height:1.6}
#prodBody .prod-model-card>.row:last-child{margin-top:auto;gap:16px;flex-wrap:wrap;font-size:12px}
#prodBody .prod-model-card .chip{align-self:flex-start}
#prodBody .bcq-shell{background:var(--bg2);border:1px solid var(--line);border-radius:14px;box-shadow:none;overflow:visible}
#prodBody .bcq-top{background:var(--card);color:var(--ink);border-bottom:1px solid var(--line);padding:24px}
#prodBody .bcq-top h2{color:var(--ink)}
#prodBody .bcq-top p{color:var(--muted);line-height:1.6}
#prodBody .bcq-status,#prodBody .prod-ai-badge{background:#eaf6f4;color:#096c67;border:1px solid #c9e8e2}
#prodBody .bcq-grid{gap:22px;padding:22px}
#prodBody .bcq-aside-actions{position:static;inset:auto;margin-top:20px}
#prodBody .bcq-aside-title{gap:12px}
#prodBody .bcq-stat-row>span,#prodBody .bcq-stat-row>b{min-width:0;overflow-wrap:anywhere}
#prodBody .bcq-customer-name,#prodBody .bcq-customer-meta{overflow-wrap:anywhere}
#prodBody .bcq-card-head{background:var(--card);border-bottom:1px solid var(--line);padding:18px 20px}
#prodBody .bcq-card-head h3,#prodBody .bcq-card h3{color:var(--ink)}
#prodBody .bcq-card-head small,#prodBody .bcq-field label{color:var(--muted)}
#prodBody .bcq-form{gap:18px 24px;padding:20px}
#prodBody .bcq-field input,#prodBody .bcq-field select,#prodBody .bcq-field textarea{background:var(--card);color:var(--ink);border-color:var(--line);border-radius:8px;min-height:38px}
#prodBody .bcq-field .bcq-readonly{background:var(--bg2);color:var(--muted)}
#prodBody .bcq-details details{background:var(--card);border-color:var(--line)}
#prodBody .bcq-details summary{color:var(--ink);padding:14px 18px}
#prodBody .bcq-detail-body{gap:18px;padding:18px}
#prodBody .prod-primary{background:#182540;color:#fff;border-color:#182540;box-shadow:none}
#prodBody .prod-secondary{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:none}
#prodBody .bcq-shell .prod-aside-card{background:#182540;border:0;box-shadow:none}
#prodBody .bcq-shell .prod-dropzone{background:#f4faf9;color:#087e79;border:1px dashed #9fccc6;box-shadow:none}
#prodBody .bcq-shell .prod-dropzone small{color:#667387}
#prodBody .bcq-shell .prod-dropzone span{color:#087e79}
#prodBody input:focus-visible,#prodBody select:focus-visible,#prodBody textarea:focus-visible,#prodBody button:focus-visible{outline:2px solid #0cb2ab;outline-offset:2px}
.crm-state{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;line-height:1.2;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap;vertical-align:middle;border:1px solid transparent}
.crm-state-active{background:#edf7f2;color:#256647;border-color:#cce5d7}
.crm-state-active::before{content:'';width:6px;height:6px;flex:0 0 6px;background:#39895f;border-radius:50%}
#main .flow-hero{padding:28px;margin-bottom:24px;background:#182540;box-shadow:none;border-radius:16px}
#main .flow-hero h2{font-size:23px;margin-bottom:12px}
#main .flow-hero p{max-width:850px;line-height:1.7}
#main .flow-stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px;overflow:visible;padding:0}
#main .flow-stage{min-width:0;padding:18px;min-height:96px;border-color:rgba(255,255,255,.14);border-radius:10px}
#main .flow-stage b{font-size:14px;margin-bottom:8px}
#main .flow-stage span{font-size:12px;line-height:1.6}
#main .flow-stage::after{display:none}
#main .flow-tabs{flex-wrap:wrap;overflow:visible;gap:8px;margin:24px 0 18px;padding:0}
#main .flow-filter{gap:16px}
#flowRoot,#flowBody,#flowBody .card{min-width:0}
#flowRoot>.grid,#flowBody>.grid{gap:22px}
#flowRoot .finance-pulse{gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}
.flow-compact-list{display:grid;gap:0}
.flow-compact-item{padding:18px 0;border-bottom:1px solid var(--line,#e2e7ee);min-width:0}
.flow-compact-item:last-child{border-bottom:0;padding-bottom:0}
.flow-compact-head,.flow-compact-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.flow-compact-title{border:0;background:transparent;color:var(--ink,#182540);font:inherit;font-size:13px;font-weight:700;line-height:1.5;text-align:left;padding:0;cursor:pointer;overflow-wrap:anywhere}
.flow-compact-item p{font-size:12px;color:var(--muted,#667387);line-height:1.6;margin:6px 0 12px;overflow-wrap:anywhere}
.flow-compact-foot{font-size:11px;color:var(--muted,#667387);line-height:1.6}
.flow-compact-foot strong{font-size:14px;color:var(--ink,#182540)}
.flow-compact-item dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 0}
.flow-compact-item dt{font-size:11px;color:var(--muted,#667387)}
.flow-compact-item dd{font-size:16px;font-weight:700;margin:4px 0 0;overflow-wrap:anywhere}
@media(min-width:1500px){#main .flow-stages{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1050px){#flowRoot .finance-pulse{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#prodBody{padding:16px}#prodBody .card{padding:18px}#prodBody .bcq-grid{padding:14px;gap:14px}#prodBody .bcq-top{padding:18px}#main .flow-hero{padding:20px}#main .flow-stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#main .flow-stage{padding:14px}#flowBody>.grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:380px){#main .flow-stages{grid-template-columns:minmax(0,1fr)}}
[data-ice=dark] #prodBody,[data-ice-theme=dark] #prodBody{--ink:#e8eef6;--ink2:#c5d4e4;--muted:#a6b6c8;--line:#34445b;--card:#1a2740;--bg2:#101b2d}
[data-ice=dark] .crm-state-active{background:#203f35;color:#bce4cb;border-color:#3d6554}

#prodBody .bcq-field input[type=checkbox]{min-height:0;width:auto}

/* Color de marca: cabeceras definidas, superficies suaves y datos legibles. */
#main .ice-rs-page{--rs-canvas:#edf2f5;background:linear-gradient(135deg,#e7f3f1 0,#edf2f5 38%,#f1f5ee 100%)}
#main .ice-rs .ice-rs-card{--rs-tint:#edf2f8;background:linear-gradient(180deg,var(--rs-tint),var(--rs-surface) 180px);box-shadow:0 6px 18px rgba(24,37,64,.055)}
#main .ice-rs .ice-rs-finance{--rs-tint:#e3f5f2}
#main .ice-rs .ice-rs-operation{--rs-tint:#e8eef8;--rs-accent:#182540}
#main .ice-rs .ice-rs-commercial{--rs-tint:#eef7e7}
#main .ice-rs-content>.ice-kpi-strip{background:linear-gradient(110deg,#182540 55%,#22525b);border-bottom:3px solid #0cb2ab}
#main .ice-rs .ice-rs-card .ice-kpi-strip{background:rgba(255,255,255,.55);border-radius:8px}
#prodBody{--biz-tint:#e6f4f1;--biz-blue:#eaf0f8;--biz-green:#eff6e9;background:linear-gradient(135deg,var(--biz-blue),var(--bg2) 45%,var(--biz-tint));border-color:#d5e2e5}
#prodBody .ice-hero{background:linear-gradient(110deg,#182540 60%,#22525b);color:#fff;border:0;border-bottom:3px solid #0cb2ab;box-shadow:0 8px 20px rgba(24,37,64,.12)}
#prodBody .ice-hero p{color:#cfdee6}
#prodBody .ice-hero .ice-hero-metric{color:#fff}
#prodBody .ice-hero .ice-hero-lbl{color:#91e1d9}
#prodBody .ice-kpi{background:linear-gradient(145deg,var(--card),var(--biz-blue));border-top:3px solid #0cb2ab}
#prodBody .card,#prodBody .bcq-card{box-shadow:0 5px 16px rgba(24,37,64,.055)}
#prodBody .prod-model-card{background:linear-gradient(155deg,var(--biz-tint),var(--card) 62%);border-top-color:#0cb2ab}
#prodBody .prod-model-card>.row:last-child{padding-top:14px;border-top:1px solid var(--line)}
#prodBody .prod-model-card .chip{background:var(--biz-green);color:#326923;border:1px solid #cee1c3}
#prodBody .bcq-top{background:linear-gradient(110deg,var(--biz-tint),var(--card));border-bottom:2px solid #0cb2ab;border-radius:13px 13px 0 0}
#prodBody .bcq-card-head{background:var(--biz-blue);border-radius:13px 13px 0 0}
#prodBody .b-green,#prodBody .ice-btn--primary,#prodBody .prod-primary{background:#087e79;border-color:#087e79;color:#fff}
#prodBody .b-green:hover,#prodBody .ice-btn--primary:hover,#prodBody .prod-primary:hover{background:#086b67;border-color:#086b67}
#main .flow-hero{background:linear-gradient(110deg,#182540 60%,#22525b);border-bottom:3px solid #0cb2ab;box-shadow:0 8px 20px rgba(24,37,64,.1)}
#flowBody{--biz-tint:#e8f5f2;--biz-blue:#eaf0f8}
#flowBody>.grid>.card{background:linear-gradient(180deg,var(--biz-tint),var(--card,#fff) 150px);border-top:3px solid #0cb2ab;box-shadow:0 5px 16px rgba(24,37,64,.05)}
#flowBody>.grid>.card+ .card{background:linear-gradient(180deg,var(--biz-blue),var(--card,#fff) 150px);border-top-color:#182540}
#main .pw-inline .pw-head{background:linear-gradient(110deg,#182540 60%,#22525b);color:#fff;border-bottom:3px solid #0cb2ab}
#main .pw-inline .pw-head p{color:#cfdee6}
#main .pw-inline .pw-close{background:#fff;color:#182540}
#main .pw-inline .pw-tabs{background:#eaf5f2}
#pcDialog .pc-dialog-head{background:linear-gradient(110deg,#e3f5f2,#f1f6ed);border-bottom:2px solid #0cb2ab}
#pcDialog .pc-btn.primary{background:#087e79;border-color:#087e79}
[data-ice=dark] #prodBody,[data-ice-theme=dark] #prodBody{--biz-tint:#183c3d;--biz-blue:#22324b;--biz-green:#263f30;border-color:var(--line)}
[data-ice=dark] #prodBody .prod-model-card .chip,[data-ice-theme=dark] #prodBody .prod-model-card .chip{color:#c7e7ba;border-color:#3d6554}
[data-ice=dark] #flowBody,[data-ice-theme=dark] #flowBody{--biz-tint:#183c3d;--biz-blue:#22324b}
[data-ice=dark] #main .ice-rs-page,[data-ice-theme=dark] #main .ice-rs-page{--rs-canvas:#101b2d;background:linear-gradient(135deg,#133236,#101b2d 45%,#192d27)}
[data-ice=dark] #main .ice-rs .ice-rs-card,[data-ice-theme=dark] #main .ice-rs .ice-rs-card{--rs-tint:#22324b}
[data-ice=dark] #main .ice-rs .ice-rs-finance,[data-ice-theme=dark] #main .ice-rs .ice-rs-finance{--rs-tint:#183c3d}
[data-ice=dark] #main .ice-rs .ice-rs-commercial,[data-ice-theme=dark] #main .ice-rs .ice-rs-commercial{--rs-tint:#21372d}
[data-ice=dark] #main .ice-rs .ice-rs-card .ice-kpi-strip,[data-ice-theme=dark] #main .ice-rs .ice-rs-card .ice-kpi-strip{background:rgba(255,255,255,.03)}

/* Formulario de modelo: etiquetas sobre el campo y una cuadrícula adaptable. */
#prodBody .card.prod-model-editor{padding:0;margin-bottom:24px;overflow:hidden;border:1px solid var(--line)}
#prodBody .pm-header{padding:24px 28px;background:linear-gradient(110deg,#182540 60%,#22525b);border-bottom:3px solid #0cb2ab;color:#fff}
#prodBody .pm-header>span{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#91e1d9}
#prodBody .pm-header h3{font-size:22px;line-height:1.3;color:#fff;margin:8px 0}
#prodBody .pm-header p{color:#cfdee6;font-size:13px;line-height:1.6;margin:0}
#prodBody .pm-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:28px;align-items:start}
#prodBody .pm-field{min-width:0}
#prodBody .pm-field label{display:block;color:var(--ink);font-size:13px;font-weight:600;line-height:1.5;margin:0 0 8px}
#prodBody .pm-field input,#prodBody .pm-field textarea{display:block;width:100%;max-width:100%;box-sizing:border-box;margin:0;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink);padding:12px 14px;font:inherit;font-size:13px;line-height:1.6;box-shadow:none}
#prodBody .pm-field input{min-height:46px}
#prodBody .pm-field textarea{resize:vertical;min-height:100px}
#prodBody .pm-field input::placeholder,#prodBody .pm-field textarea::placeholder{color:var(--muted);opacity:1}
#prodBody .pm-full{grid-column:1/-1}
#prodBody .pm-help{color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 10px}
#prodBody .pm-margin{padding:20px;background:var(--biz-tint);border:1px solid var(--line);border-radius:12px}
#prodBody .pm-margin input{max-width:140px;font-size:20px;font-weight:700}
#prodBody .pm-margin .pm-help{margin:12px 0 0}
#prodBody .pm-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:18px 28px;border-top:1px solid var(--line);background:var(--bg2);flex-wrap:wrap}
#prodBody .pm-actions .btn-sm{min-height:42px;padding:10px 18px}
@media(max-width:700px){#prodBody .pm-header{padding:20px}#prodBody .pm-form{grid-template-columns:minmax(0,1fr);padding:20px;gap:20px}#prodBody .pm-actions{padding:16px 20px}#prodBody .pm-actions .btn-sm{flex:1}#prodBody .pm-full{grid-column:auto}}

/* Diagnóstico compartido por Modelos, Ofertas y Pedidos. */
dialog.prod-health-dialog{--ph-card:#fff;--ph-ink:#182540;--ph-muted:#667387;--ph-line:#e2e7ee;--ph-soft:#f6f8fa;position:fixed;inset:0;margin:auto;width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:0;overflow:auto;box-sizing:border-box;border:1px solid var(--ph-line);border-radius:18px;background:var(--ph-card);color:var(--ph-ink);box-shadow:0 24px 80px #18254040}
.prod-health-dialog::backdrop{background:#18254080;backdrop-filter:blur(3px)}
.prod-health-dialog .ph-header{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:24px;background:linear-gradient(110deg,#182540 60%,#22525b);border-bottom:3px solid #0cb2ab;color:#fff}
.prod-health-dialog .ph-header span{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#91e1d9;font-weight:700}
.prod-health-dialog .ph-header h2{margin:8px 0 0;font-size:21px;line-height:1.35;color:#fff}
.prod-health-dialog .ph-close{border:1px solid #ffffff50;border-radius:8px;background:transparent;color:#fff;min-width:36px;min-height:36px;font-size:24px;cursor:pointer}
.prod-health-dialog .ph-body{padding:8px 24px}
.prod-health-dialog .ph-list{list-style:none;margin:0;padding:0}
.prod-health-dialog .ph-row{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--ph-line)}
.prod-health-dialog .ph-row:last-child{border:0}
.prod-health-dialog .ph-row>div{min-width:0}
.prod-health-dialog .ph-row strong{font-size:13px;font-weight:600}
.prod-health-dialog p{font-size:12px;line-height:1.6;color:var(--ph-muted);margin:6px 0 0;overflow-wrap:anywhere}
.prod-health-dialog .ph-status{flex-shrink:0;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:600;background:#fff4df;color:#85550b}
.prod-health-dialog .ph-status.is-ok{background:#e3f4ed;color:#176345}
.prod-health-dialog .ph-actions{display:flex;justify-content:flex-end;gap:12px;padding:18px 24px;background:var(--ph-soft);border-top:1px solid var(--ph-line);flex-wrap:wrap}
.prod-health-dialog .btn-sm{min-height:40px;border-radius:8px;padding:10px 16px}
.prod-health-dialog .b-green{background:#087e79;color:#fff;border-color:#087e79}
.prod-health-dialog .b-ghost{background:transparent;color:var(--ph-ink);border-color:var(--ph-line)}
.prod-health-dialog button:disabled{opacity:.5;cursor:wait}
.prod-health-dialog .ph-loading,.prod-health-dialog .ph-error{margin:18px 0;padding:18px;background:var(--ph-soft);border-radius:10px}
.prod-health-dialog .ph-error{border-left:3px solid #d39130}
[data-ice=dark] .prod-health-dialog,[data-ice-theme=dark] .prod-health-dialog{--ph-card:#1a2940;--ph-ink:#e4edf4;--ph-muted:#acbecd;--ph-line:#35455b;--ph-soft:#152237}
@media(max-width:480px){.prod-health-dialog .ph-header{padding:20px}.prod-health-dialog .ph-body{padding:4px 20px}.prod-health-dialog .ph-row{flex-wrap:wrap;gap:8px}.prod-health-dialog .ph-actions{padding:16px 20px}.prod-health-dialog .ph-actions .btn-sm{flex:1}}