/* Productora — premium dashboard */
.eel-productora-portal{
  max-width:1220px;
  margin:28px auto 70px;
  padding:0 18px;
  color:var(--eel-text);
}

.eel-prod-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  flex-wrap:wrap;
  margin-bottom:22px;
  padding:24px 26px;
  border-radius:24px;
  background:linear-gradient(135deg,var(--eel-navy),var(--eel-navy-2));
  color:#fff;
  box-shadow:0 16px 38px rgba(11,21,63,.18);
}
.eel-prod-title{margin:0;font-size:32px;line-height:1.05;color:#fff !important}
.eel-prod-sub{margin-top:7px;color:rgba(255,255,255,.70)}
.eel-prod-sub strong{color:#f9c23b}
.eel-prod-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.eel-prod-select,.eel-prod-logout{
  min-height:43px;
  padding:10px 13px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:13px;
  background:rgba(255,255,255,.09);
  color:#fff;
  text-decoration:none !important;
  font-weight:700;
}
.eel-prod-select option{color:#111827;background:#fff}
.eel-prod-logout:hover{background:rgba(255,255,255,.14)}

.eel-prod-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(175px,1fr));
  gap:13px;
  margin:18px 0 30px;
}
.eel-prod-card{
  position:relative;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--eel-border);
  border-radius:20px;
  padding:19px;
  box-shadow:var(--eel-shadow-soft);
  transition:.18s ease;
}
.eel-prod-card:hover{transform:translateY(-2px);box-shadow:var(--eel-shadow)}
.eel-prod-card::before{content:'';position:absolute;left:0;top:0;right:0;height:3px;background:#dfe4ee}
.eel-prod-card:nth-child(1)::before{background:var(--eel-green)}
.eel-prod-card:nth-child(2)::before,.eel-prod-card:nth-child(3)::before,.eel-prod-card:nth-child(4)::before{background:var(--eel-gold)}
.eel-prod-card:nth-child(5)::before{background:var(--eel-blue)}
.eel-prod-label{font-size:12px;color:var(--eel-muted);line-height:1.25}
.eel-prod-value{font-size:28px;font-weight:800;margin-top:7px;letter-spacing:-.02em;color:var(--eel-navy)}
.eel-prod-green{color:var(--eel-green)!important}
.eel-prod-gold{color:#9a6900!important}
.eel-prod-blue{color:var(--eel-blue)!important}

.eel-productora-portal>h2{font-size:22px;margin:32px 0 13px;color:var(--eel-navy)}
.eel-prod-note{font-size:12px;color:var(--eel-muted);margin-top:-7px;margin-bottom:16px}

.eel-prod-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  background:#fff;
  border:1px solid var(--eel-border);
  border-radius:19px;
  overflow:hidden;
  margin:12px 0 30px;
  box-shadow:var(--eel-shadow-soft);
}
.eel-prod-table th,.eel-prod-table td{padding:13px 14px;border-bottom:1px solid #eef0f4;text-align:left;font-size:14px;vertical-align:middle}
.eel-prod-table th{font-size:11px;letter-spacing:.02em;color:var(--eel-muted);background:#fafbfc;text-transform:uppercase;font-weight:700}
.eel-prod-table tr:last-child td{border-bottom:0}
.eel-prod-table tbody tr:hover td{background:#fcfcfd}
.eel-prod-status{font-weight:700;white-space:nowrap}

.eel-credit-load-btn{
  list-style:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 12px;
  border:1px solid #efcf7e;
  border-radius:12px;
  background:#fff9e8;
  color:#8b6100;
  font-weight:800;
  cursor:pointer;
}
.eel-credit-load-btn::-webkit-details-marker{display:none}
.eel-credit-form{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px;min-width:280px;padding:13px;border:1px solid var(--eel-border);border-radius:15px;background:#fff;box-shadow:var(--eel-shadow)}
.eel-credit-form input,.eel-credit-form select{width:100%;padding:10px;border:1px solid #d8dde7;border-radius:11px;background:#fff}
.eel-credit-form .full{grid-column:1/-1}
.eel-credit-confirm{grid-column:1/-1;padding:11px;border:0;border-radius:11px;background:var(--eel-green);color:#fff;font-weight:800;cursor:pointer}

.eel-productora-portal button{font-family:inherit}
.eel-productora-portal form button{transition:.18s ease}
.eel-productora-portal form button:hover{transform:translateY(-1px)}

/* Modernize the big inline operational cards without changing their function */
.eel-productora-portal>div[style*="border-radius:14px"]{
  border-radius:20px !important;
  box-shadow:var(--eel-shadow-soft);
}

/* Productora login: override old inline presentation */
.eel-productora-login h2{color:var(--eel-navy)!important}
.eel-productora-login p{line-height:1.45}
.eel-productora-login button[type=submit]{background:var(--eel-navy)!important}

@media(max-width:760px){
  .eel-productora-portal{margin:16px auto 50px;padding:0 12px}
  .eel-prod-head{padding:19px;border-radius:20px}
  .eel-prod-title{font-size:27px}
  .eel-prod-actions{width:100%}
  .eel-prod-select{flex:1;min-width:0}
  .eel-prod-table{display:block;overflow-x:auto;white-space:nowrap}
  .eel-prod-value{font-size:24px}
  .eel-credit-form{min-width:260px}
}


/* Stock de barra v1.13 */
.eel-stock-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:13px;margin:12px 0 30px}
.eel-stock-card{background:#fff;border:1px solid var(--eel-border);border-radius:19px;padding:16px;box-shadow:var(--eel-shadow-soft)}
.eel-stock-card.is-low,.eel-stock-card.is-last{border-color:#efd690}
.eel-stock-card.is-out{border-color:#efc2bf;background:#fffafa}
.eel-stock-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.eel-stock-product-name{text-transform:uppercase;font-size:16px;font-weight:800;color:var(--eel-navy)}
.eel-stock-product-meta{font-size:12px;color:var(--eel-muted);margin-top:4px}
.eel-stock-current{min-width:48px;height:48px;padding:0 10px;border-radius:14px;background:#f4f6f9;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:var(--eel-navy);font-variant-numeric:tabular-nums}
.eel-stock-state{display:inline-flex;margin-top:10px;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:800}
.eel-stock-state.is-ok{background:#eaf8ef;color:#18733a}.eel-stock-state.is-low{background:#fff5d8;color:#8b6100}.eel-stock-state.is-last{background:#fff0dc;color:#9b4f00}.eel-stock-state.is-out{background:#fff0ef;color:#a52929}
.eel-stock-adjust-form{margin-top:14px;padding-top:13px;border-top:1px solid #edf0f4}
.eel-stock-adjust-form>label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--eel-muted);font-weight:700;margin-bottom:7px}
.eel-prod-stock-stepper{display:grid;grid-template-columns:46px 1fr 46px;gap:7px;align-items:center}
.eel-prod-stock-stepper button{height:44px;border:1px solid #d8dde7;border-radius:12px;background:#fff;color:var(--eel-navy);font-size:25px;font-weight:800;cursor:pointer}
.eel-prod-stock-stepper span{height:44px;border:1px solid #e1e5ec;border-radius:12px;background:#f8f9fb;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:800;color:var(--eel-navy)}
.eel-stock-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.eel-stock-actions button{min-height:42px;border-radius:11px;font-weight:800;cursor:pointer}
.eel-stock-decrease{background:#fff;border:1px solid #efc2bf;color:#b32d2e}.eel-stock-increase{background:var(--eel-green);border:1px solid var(--eel-green);color:#fff}
@media(max-width:760px){.eel-stock-grid{grid-template-columns:1fr}.eel-stock-card{padding:15px}}

/* v1.13.1.4 · iconografía lineal Productora */
.eel-prod-label{display:flex;align-items:center;gap:7px}
.eel-prod-label .eel-ui-icon{width:16px;height:16px;color:currentColor}
.eel-prod-logout{display:inline-flex;align-items:center;gap:7px}
.eel-prod-card .eel-ui-icon{color:var(--eel-muted)}
.eel-stock-state{align-items:center;gap:6px}
.eel-credit-load-btn{gap:7px}
.eel-stock-actions .eel-icon-button{gap:7px}
.eel-productora-portal>h2 .eel-ui-icon{color:currentColor}
.eel-prod-status .eel-icon-status{font-weight:700}
.eel-productora-portal button .eel-ui-icon{vertical-align:middle}

/* v1.14.6 · Dashboard ejecutivo Productora */
.eel-productora-portal{
  max-width:1280px;
}
.eel-prod-head{
  background:#fff;
  color:var(--eel-text);
  border:1px solid var(--eel-border);
  box-shadow:var(--eel-shadow-soft);
}
.eel-prod-title{color:#111!important}
.eel-prod-sub{color:var(--eel-muted)}
.eel-prod-sub strong{color:var(--eel-gold-dark)}
.eel-prod-select,.eel-prod-logout{
  background:#fff;
  color:#111!important;
  border:1px solid var(--eel-border);
}
.eel-prod-logout:hover{background:#fafafa}

.eel-prod-executive{margin:18px 0 24px}
.eel-prod-kpi-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.eel-prod-kpi{
  position:relative;
  min-height:168px;
  padding:20px;
  overflow:hidden;
  border:1px solid var(--eel-border);
  border-radius:22px;
  background:#fff;
  box-shadow:var(--eel-shadow-soft);
}
.eel-prod-kpi-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  margin-bottom:16px;
  border-radius:13px;
  background:#fff4d7;
  color:#9a6900;
}
.eel-prod-kpi.is-income .eel-prod-kpi-icon{background:#eaf8ef;color:#18733a}
.eel-prod-kpi.is-average .eel-prod-kpi-icon{background:#fff1df;color:#a25c00}
.eel-prod-kpi.is-orders .eel-prod-kpi-icon{background:#eee9ff;color:#6747b8}
.eel-prod-kpi.is-ready .eel-prod-kpi-icon{background:#e8f3ff;color:#2563eb}
.eel-prod-kpi.has-pending{border-color:#efcc71}
.eel-prod-kpi-label{font-size:13px;color:var(--eel-muted);font-weight:700}
.eel-prod-kpi-value{
  margin-top:5px;
  color:#102c2b;
  font-family:'EEL Poppins',Poppins,Arial,sans-serif;
  font-size:31px;
  line-height:1.05;
  font-weight:800;
  letter-spacing:-.035em;
}
.eel-prod-kpi-help{margin-top:8px;color:#7a818c;font-size:12px;line-height:1.35}

.eel-prod-insight-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
  gap:14px;
  margin-top:14px;
}
.eel-prod-insight,.eel-prod-top-products{
  padding:20px;
  border:1px solid var(--eel-border);
  border-radius:22px;
  background:#fff;
  box-shadow:var(--eel-shadow-soft);
}
.eel-prod-panel-title{display:flex;align-items:center;gap:11px;margin-bottom:17px}
.eel-prod-panel-icon{
  display:grid;
  place-items:center;
  flex:0 0 38px;
  width:38px;
  height:38px;
  border-radius:12px;
  background:#fff4d7;
  color:#9a6900;
}
.eel-prod-panel-title strong{display:block;color:#111827;font-size:16px}
.eel-prod-panel-title span:not(.eel-prod-panel-icon){display:block;margin-top:2px;color:var(--eel-muted);font-size:12px}
.eel-prod-empty-insight{padding:18px;border-radius:14px;background:#f8f9fb;color:var(--eel-muted);font-size:13px}

.eel-prod-peak-main{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}
.eel-prod-peak-hour{
  color:#102c2b;
  font-family:'EEL Poppins',Poppins,Arial,sans-serif;
  font-size:28px;
  line-height:1;
  font-weight:800;
}
.eel-prod-peak-copy{margin-top:7px;color:var(--eel-muted);font-size:13px}
.eel-prod-peak-badge{padding:7px 10px;border-radius:999px;background:#fff2c7;color:#946100;font-size:10px;font-weight:900;letter-spacing:.08em}
.eel-prod-hour-chart{display:grid;gap:8px}
.eel-prod-hour-row{display:grid;grid-template-columns:42px minmax(0,1fr) 88px;align-items:center;gap:9px;font-size:11px;color:var(--eel-muted)}
.eel-prod-hour-label{font-weight:800;color:#69717c}
.eel-prod-hour-track{height:9px;overflow:hidden;border-radius:999px;background:#f0f1f3}
.eel-prod-hour-fill{display:block;height:100%;border-radius:inherit;background:#d8dde4}
.eel-prod-hour-row.is-peak .eel-prod-hour-fill{background:var(--eel-gold)}
.eel-prod-hour-row.is-peak .eel-prod-hour-label,.eel-prod-hour-row.is-peak>strong{color:#8b5c00}
.eel-prod-hour-row>strong{text-align:right;color:#434a54;font-size:11px}

.eel-prod-live-list{display:grid;gap:8px}
.eel-prod-live-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:56px;
  padding:10px 12px;
  border:1px solid #e9ebef;
  border-radius:13px;
  background:#fafafa;
}
.eel-prod-live-row.is-ready{border-color:#f0d284;background:#fff9e9}
.eel-prod-live-row.is-delivered{border-color:#cce9d5;background:#f2fbf5}
.eel-prod-live-row.is-cancelled{border-color:#f0d0cd;background:#fff7f6}
.eel-prod-live-main{min-width:0}
.eel-prod-live-main strong{display:block;overflow:hidden;color:#1d2733;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.eel-prod-live-main span{display:block;margin-top:3px;color:var(--eel-muted);font-size:11px}
.eel-prod-live-total{flex:0 0 auto;color:#102c2b;font-size:13px}

.eel-prod-secondary{margin:24px 0 28px}
.eel-prod-secondary-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px}
.eel-prod-secondary-head h2{margin:0;color:#111827;font-size:21px}
.eel-prod-secondary-head p{margin:4px 0 0;color:var(--eel-muted);font-size:12px}
.eel-prod-live-dot{padding:7px 10px;border-radius:999px;background:#eef9f2;color:#16833d;font-size:10px;font-weight:900;letter-spacing:.08em}
.eel-prod-live-dot::before{content:'';display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#23b558;vertical-align:0}
.eel-prod-mini-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.eel-prod-mini-card{min-width:0;padding:14px;border:1px solid var(--eel-border);border-radius:16px;background:#fff}
.eel-prod-mini-card span{display:block;color:var(--eel-muted);font-size:10px;line-height:1.25}
.eel-prod-mini-card strong{display:block;margin-top:5px;color:#17212e;font-size:17px;line-height:1.1}
.eel-prod-mini-card.has-warning{border-color:#efd690;background:#fffaf0}
.eel-prod-mini-card.has-danger{border-color:#efc2bf;background:#fff8f7}
.eel-prod-top-products{margin-top:12px}
.eel-prod-top-list{display:grid;gap:7px}
.eel-prod-top-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #f0f1f3}
.eel-prod-top-row:last-child{border-bottom:0}
.eel-prod-top-rank{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#fff4d7;color:#8b5c00;font-size:11px;font-weight:900}
.eel-prod-top-name{min-width:0}
.eel-prod-top-name strong{display:block;overflow:hidden;color:#1d2733;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.eel-prod-top-name span{display:block;margin-top:2px;color:var(--eel-muted);font-size:10px}
.eel-prod-top-row>strong{color:#102c2b;font-size:12px}
.eel-prod-auto-note{margin-top:-9px!important}

@media(max-width:980px){
  .eel-prod-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .eel-prod-insight-grid{grid-template-columns:1fr}
  .eel-prod-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px){
  .eel-productora-portal{padding:0 10px}
  .eel-prod-head{padding:17px;border-radius:17px}
  .eel-prod-kpi-grid{grid-template-columns:1fr 1fr;gap:9px}
  .eel-prod-kpi{min-height:142px;padding:14px;border-radius:17px}
  .eel-prod-kpi-icon{width:36px;height:36px;margin-bottom:12px;border-radius:11px}
  .eel-prod-kpi-label{font-size:11px}
  .eel-prod-kpi-value{font-size:24px}
  .eel-prod-kpi-help{font-size:10px}
  .eel-prod-insight,.eel-prod-top-products{padding:15px;border-radius:17px}
  .eel-prod-peak-hour{font-size:23px}
  .eel-prod-hour-row{grid-template-columns:34px minmax(0,1fr) 70px;gap:6px}
  .eel-prod-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .eel-prod-mini-card{padding:12px}
  .eel-prod-secondary-head{align-items:flex-start}
  .eel-prod-live-row{padding:9px 10px}
}