.costos-page{max-width:1180px;margin:0 auto;padding:14px;color:var(--txt,#253746)}
.costos-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-radius:16px;background:linear-gradient(135deg,#eef6ff,#fff8e7);border:1px solid #cbdcf4;margin-bottom:14px}
.costos-kicker{font-size:10px;font-weight:900;letter-spacing:.8px;color:#1565c0}.costos-hero h2{margin:4px 0;color:#253746}.costos-hero p{margin:0;color:#64748b;font-size:13px}.costos-lock-icon{font-size:38px;background:#fff;border-radius:14px;padding:10px;border:1px solid #d8c7a5}
.costos-toolbar{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;background:var(--bg-card,#fff);border:1px solid var(--border,#e5e7eb);border-radius:12px;padding:12px;margin-bottom:10px}.costos-toolbar label{display:block;font-size:11px;font-weight:800;color:#64748b;margin-bottom:4px}.costos-store-field{min-width:210px}.costos-search-field{min-width:240px;flex:1}.costos-toolbar select,.costos-toolbar input{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;padding:9px;background:var(--bg-input,#fff);color:var(--txt,#253746)}.costos-toolbar>.btn,.costos-file-label{height:38px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.costos-file-label{cursor:pointer}
.costos-sku-help{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe;border-radius:9px;padding:9px 11px;font-size:12px;line-height:1.4;margin-bottom:10px}.costos-presentaciones{color:#64748b!important;font-size:11px;line-height:1.35}.costos-warning{color:#9a3412!important;font-weight:700}
.costos-access-ok{background:#ecfdf3;color:#166534;border:1px solid #bbf7d0;border-radius:9px;padding:9px 11px;font-size:12px;font-weight:700;margin-bottom:10px}.costos-select-store{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:9px;padding:9px 11px;font-size:12px;font-weight:700;margin-bottom:10px}.costos-locked{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3;border-radius:10px;padding:12px;font-size:13px;line-height:1.45;margin-bottom:10px}.costos-table-wrap{overflow:auto;background:var(--bg-card,#fff);border:1px solid var(--border,#e5e7eb);border-radius:12px}.costos-table{width:100%;border-collapse:collapse;min-width:760px;font-size:12px}.costos-table th{background:#f1f5f9;color:#475569;text-align:left;padding:10px;border-bottom:1px solid #e2e8f0}.costos-table td{padding:9px 10px;border-bottom:1px solid #edf2f7;vertical-align:middle}.costos-table tr:last-child td{border-bottom:0}.costos-table td small,.costos-perm-table td small{display:block;color:#94a3b8;margin-top:3px}.costos-input{width:120px;padding:7px;border:1px solid #cbd5e1;border-radius:7px;background:var(--bg-input,#fff);color:var(--txt,#253746);font-weight:700;transition:border-color .18s,box-shadow .18s}.costos-input.costos-dirty{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b22}.costos-input.costos-saving{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb22}.costos-save-status{display:block;min-height:15px;margin-top:3px;font-size:10px;font-weight:800;white-space:nowrap}.costos-save-status.pending{color:#a16207}.costos-save-status.saving{color:#2563eb}.costos-save-status.saved{color:#15803d}.costos-save-status.error{color:#b91c1c}.costos-readonly{font-size:11px;color:#64748b}.costos-loading,.costos-empty{text-align:center;padding:28px;color:#64748b;background:var(--bg-card,#fff);border:1px dashed #cbd5e1;border-radius:12px}.costos-permisos-box{margin-top:14px;background:var(--bg-card,#fff);border:1px solid #d8c7a5;border-radius:12px;padding:13px}.costos-permisos-box summary{cursor:pointer;font-weight:800;color:#6e4808}.costos-permisos-box p{font-size:12px;color:#64748b}.costos-perm-table,.costos-preview-table{overflow:auto}.costos-perm-table table,.costos-preview-table table{width:100%;border-collapse:collapse;font-size:12px;min-width:560px}.costos-perm-table th,.costos-perm-table td,.costos-preview-table th,.costos-preview-table td{padding:8px;border-bottom:1px solid #e5e7eb;text-align:left}.costos-perm-table th,.costos-preview-table th{background:#f8fafc;color:#475569}.costos-perm-table td:nth-child(n+2){text-align:center}.costos-perm-table input{width:18px;height:18px}.costos-import-preview{margin-top:12px;background:var(--bg-card,#fff);border:1px solid #bfdbfe;border-radius:12px;padding:12px}.costos-preview-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.costos-ok-count,.costos-preview-table td.ok{color:#166534;font-weight:700}.costos-error-count,.costos-preview-table td.error{color:#9f1239;font-weight:700}.costos-import-help{font-size:12px;color:#9f1239}.costos-foot{text-align:center;color:#94a3b8;font-size:11px;padding:16px}.costos-table code,.costos-preview-table code{font-size:11px;color:#475569}.costos-presentaciones{color:#64748b!important;font-size:11px;line-height:1.35}.costos-warning{color:#9a3412!important;font-weight:700}
body.dark .costos-hero{background:linear-gradient(135deg,#182633,#2a2518);border-color:rgba(247,183,49,.3)}body.dark .costos-hero h2{color:#f1f5f9}body.dark .costos-hero p{color:#cbd5e1}body.dark .costos-lock-icon{background:#20262f}body.dark .costos-table th,body.dark .costos-perm-table th,body.dark .costos-preview-table th{background:#242a33;color:#e2e8f0}body.dark .costos-table td,body.dark .costos-perm-table td,body.dark .costos-preview-table td{border-color:#394351}body.dark .costos-permisos-box summary{color:#f4d58a}
@media(max-width:700px){.costos-page{padding:9px}.costos-hero{padding:14px}.costos-lock-icon{font-size:28px}.costos-toolbar{display:grid;grid-template-columns:1fr 1fr}.costos-store-field,.costos-search-field{min-width:0;grid-column:1 / -1}.costos-toolbar>.btn,.costos-file-label{width:100%;font-size:12px}.costos-table{min-width:700px}}