.ec-page{display:flex;flex-direction:column;gap:20px;color:var(--app-text,#172033)}.ec-hero{display:flex;justify-content:space-between;gap:24px;padding:28px;border-radius:20px;background:linear-gradient(135deg,#153e57,#08736a);color:#fff;box-shadow:0 20px 45px #0f3d4f26}.ec-hero span{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;opacity:.78}.ec-hero h1{margin:7px 0;font-size:clamp(26px,4vw,40px)}.ec-hero p{max-width:700px;margin:0;opacity:.85}.ec-actions{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.ec-page button{border:0;border-radius:10px;padding:11px 16px;background:#f0b429;color:#172033;font-weight:800;cursor:pointer}.ec-page button.secondary{background:#ffffff1c;color:#fff;border:1px solid #ffffff42}.ec-page button:disabled{opacity:.45;cursor:not-allowed}.ec-kpis{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px}.ec-kpis article,.ec-panel{background:var(--app-surface,#fff);border:1px solid var(--app-border,#dfe5ec);border-radius:16px;box-shadow:0 8px 24px #1720330b}.ec-kpis article{padding:18px}.ec-kpis span,.ec-kpis small{display:block;color:var(--app-muted,#64748b)}.ec-kpis strong{display:block;font-size:24px;margin:7px 0}.ec-kpis .warning{border-color:#eab308;background:#fefce8;color:#854d0e}.ec-panel{padding:20px;min-width:0}.ec-panel-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.ec-panel-title h2{margin:0 0 4px;font-size:20px}.ec-panel-title p{margin:0;color:var(--app-muted,#64748b)}.ec-page .text-button{background:transparent;color:#08736a;padding:6px}.ec-filters{display:grid;grid-template-columns:2fr 1fr auto;gap:10px;margin-bottom:14px}.ec-filters input,.ec-filters select,.ec-form input,.ec-form select,.ec-form textarea{width:100%;box-sizing:border-box;border:1px solid var(--app-border,#cbd5e1);border-radius:10px;background:var(--app-surface,#fff);color:inherit;padding:11px}.ec-filters .check{display:flex;align-items:center;gap:8px}.ec-filters .check input{width:auto}.ec-table-wrap{overflow:auto}.ec-page table{width:100%;border-collapse:collapse;white-space:nowrap}.ec-page th,.ec-page td{text-align:left;padding:12px;border-bottom:1px solid var(--app-border,#e5e7eb)}.ec-page th{font-size:11px;text-transform:uppercase;color:var(--app-muted,#64748b)}.ec-page td small,.ec-product-list small,.ec-timeline small{display:block;color:var(--app-muted,#64748b);margin-top:3px}.ec-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.ec-product-list,.ec-timeline{display:flex;flex-direction:column}.ec-product-list button{display:flex;justify-content:space-between;text-align:left;background:transparent;color:inherit;border-radius:0;border-bottom:1px solid var(--app-border,#e5e7eb)}.ec-product-list button>span:last-child{text-align:right}.ec-timeline>div{display:flex;gap:14px;border-bottom:1px solid var(--app-border,#e5e7eb);padding:12px 0}.ec-timeline p{margin:0}.empty{text-align:center!important;color:var(--app-muted,#64748b);padding:30px!important}.ec-alert{display:flex;justify-content:space-between;background:#fee2e2;color:#991b1b;border-radius:10px;padding:12px 16px}.ec-alert button{background:transparent;color:inherit;padding:0}.ec-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#08131dcc}.ec-modal{width:min(720px,100%);max-height:90vh;overflow:auto;background:var(--app-surface,#fff);color:var(--app-text,#172033);border-radius:18px;padding:22px;box-shadow:0 30px 80px #0006}.ec-modal header{display:flex;justify-content:space-between;align-items:start}.ec-modal header h2{margin:4px 0 18px}.ec-modal header small{color:#08736a;font-weight:800}.ec-modal header button{font-size:26px;background:transparent;color:inherit;padding:0}.ec-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ec-form label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:13px}.ec-form .is-wide,.ec-form footer{grid-column:1/-1}.ec-form textarea{min-height:80px}.ec-form footer{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.ec-form footer .secondary{color:inherit;background:var(--app-hover,#edf2f7);border:0}@media (max-width:1050px){.ec-kpis{grid-template-columns:repeat(2,1fr)}.ec-grid{grid-template-columns:1fr}}@media (max-width:720px){.ec-hero{flex-direction:column}.ec-actions{align-items:stretch}.ec-kpis,.ec-filters,.ec-form{grid-template-columns:1fr}.ec-form .is-wide,.ec-form footer{grid-column:auto}}
