:root{--bg:#f4f7fb;--surface:#ffffff;--surface2:#f8fafc;--text:#162033;--muted:#6b7280;--line:#e5eaf2;--primary:#123d7c;--primary2:#0b2a5b;--accent:#18b6a7;--accent2:#0f8f84;--danger:#dc2626;--warning:#f59e0b;--success:#16a34a;--info:#2563eb;--soft:#eef4ff;--shadow:0 16px 40px rgba(15,23,42,.08);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Segoe UI",Inter,Arial,sans-serif;background:radial-gradient(circle at top left,#edf6ff 0,#f6f8fb 34%,#eef2f7 100%);color:var(--text)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:284px;background:linear-gradient(180deg,#07152d 0%,#0f2447 58%,#08152b 100%);color:#dbe7f8;padding:22px 18px;display:flex;flex-direction:column;gap:22px;box-shadow:12px 0 36px rgba(15,23,42,.16);z-index:20}.brand{display:flex;align-items:center;gap:13px;padding:8px 8px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.brand b{display:block;font-size:17px;letter-spacing:.06em}.brand span{display:block;font-size:12px;color:#9fb1ca;margin-top:3px}.logo{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#2b6bff,#15c4b5);display:grid;place-items:center;color:white;font-weight:900;box-shadow:0 12px 26px rgba(21,196,181,.2);overflow:hidden}.logo img{width:100%;height:100%;object-fit:contain;background:#fff;border-radius:14px;padding:5px}.logo.big{width:74px;height:74px;margin:0 auto 12px;font-size:32px}.sidebar nav{display:grid;gap:7px;overflow:auto;padding-right:2px}.sidebar a{display:flex;align-items:center;gap:11px;color:#b9c7da;padding:12px 13px;border-radius:14px;font-weight:650;transition:.18s ease}.sidebar a:hover{background:rgba(255,255,255,.08);color:white;transform:translateX(2px)}.sidebar a.active{background:linear-gradient(90deg,rgba(24,182,167,.22),rgba(37,99,235,.16));color:white;border:1px solid rgba(255,255,255,.10)}.nav-icon{width:26px;height:26px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:14px}.logout-form{margin-top:auto}.logout{width:100%;border:1px solid rgba(255,255,255,.12);padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.08);color:white;font-weight:800;cursor:pointer;display:flex;justify-content:center;gap:8px}.logout:hover{background:rgba(255,255,255,.14)}.main{margin-left:284px;min-height:100vh;padding:26px}.top{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;margin:-26px -26px 24px;padding:22px 28px;background:rgba(244,247,251,.86);backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,232,240,.8)}.top h1{margin:0;font-size:28px;letter-spacing:-.03em}.top p{margin:4px 0 0;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:14px}.userbox{display:flex;align-items:center;gap:11px;background:white;border:1px solid var(--line);border-radius:18px;padding:8px 12px;box-shadow:0 8px 24px rgba(15,23,42,.04)}.user{text-align:right}.user span,.user b{display:block}.user b{color:var(--accent2);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #e5eaf2;background:white}.avatar.initials{display:grid;place-items:center;background:linear-gradient(135deg,#123d7c,#18b6a7);color:white;font-weight:900}.card{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);margin-bottom:20px}.grid{display:grid;gap:18px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 22px}.stat{position:relative;overflow:hidden}.stat:after{content:"";position:absolute;right:-24px;top:-24px;width:92px;height:92px;border-radius:50%;background:linear-gradient(135deg,rgba(24,182,167,.16),rgba(18,61,124,.08))}.stat span,.stats>div span{font-size:13px;color:var(--muted);font-weight:750;text-transform:uppercase;letter-spacing:.035em}.stat b,.stats>div b{display:block;font-size:30px;margin-top:8px;letter-spacing:-.04em}.stat small{color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.section-head h2{margin:0;font-size:22px;letter-spacing:-.02em}.section-head p{margin:5px 0 0;color:var(--muted);line-height:1.45}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:white;border-radius:13px;padding:10px 15px;font-weight:800;cursor:pointer;color:var(--text);transition:.18s ease;box-shadow:0 6px 16px rgba(15,23,42,.04);white-space:nowrap}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(15,23,42,.08)}.btn.primary{background:linear-gradient(135deg,var(--primary),#1f5db8);color:white;border-color:transparent}.btn.primary:hover{background:linear-gradient(135deg,var(--primary2),#164c9a)}.btn.ghost{background:rgba(255,255,255,.65)}.btn.small{font-size:12px;padding:7px 10px;border-radius:11px}.btn.danger{background:#fff1f2;color:#a01818;border-color:#ffd6d6}.btn.teal{background:var(--accent);color:white;border-color:var(--accent)}.btn.whatsapp{background:#e9fbf1;color:#0d7a3b;border-color:#c9f5dc}.btn.full{width:100%}.filters,.inline-form{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:17px;padding:12px;background:#f8fafc;border:1px solid var(--line);border-radius:16px}.filters input,.filters select,.inline-form input,.inline-form select,input,select,textarea{border:1px solid #d9e2ef;border-radius:13px;padding:10px 12px;background:white;min-height:43px;color:var(--text);outline:none;transition:.15s}.filters input:focus,.filters select:focus,input:focus,select:focus,textarea:focus{border-color:#7da8ef;box-shadow:0 0 0 4px rgba(37,99,235,.10)}textarea{min-height:96px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid label{display:grid;gap:7px;font-size:13px;color:#526174;font-weight:800}.span2{grid-column:span 2}.check{display:flex!important;align-items:center;gap:9px;color:var(--text)!important}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:white}table{width:100%;border-collapse:separate;border-spacing:0}th,td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}tbody tr:hover{background:#f8fbff}tbody tr:last-child td{border-bottom:0}th{position:sticky;top:0;background:#f8fafc;z-index:1;font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.055em}td small{display:block;color:var(--muted);margin-top:4px;line-height:1.35}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;text-transform:capitalize}.badge.vigente{background:#dcfce7;color:#166534}.badge.por_caducar{background:#fff2cd;color:#92400e}.badge.caducada{background:#fee2e2;color:#991b1b}.badge.renovada{background:#dbeafe;color:#1d4ed8}.badge.no_renovada,.badge.gray{background:#e5e7eb;color:#374151}.green{color:var(--success)}.orange{color:var(--warning)}.red{color:var(--danger)}.actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.actions form{margin:0}.empty{text-align:center;color:var(--muted);padding:24px!important}code{background:#eef4ff;color:#123d7c;border-radius:9px;padding:4px 7px;font-weight:800}.muted{color:var(--muted)}.alert{padding:13px 15px;border-radius:15px;margin:12px 0;border:1px solid transparent}.alert.red{background:#fee2e2;color:#991b1b;border-color:#fecaca}.alert.green{background:#dcfce7;color:#166534;border-color:#bbf7d0}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 15%,rgba(24,182,167,.34),transparent 28%),linear-gradient(135deg,#06142b,#123d7c 55%,#07152d);padding:24px}.login-shell{width:min(980px,96vw);display:grid;grid-template-columns:1.1fr 430px;gap:26px;align-items:center}.login-hero{color:white;padding:34px}.login-hero h1{font-size:54px;margin:18px 0 8px;letter-spacing:-.04em}.login-hero p{color:#c9d8ee;font-size:18px;line-height:1.55;max-width:520px}.hero-badge{display:inline-flex;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);border-radius:999px;padding:8px 12px;color:#dbeafe;font-weight:800}.login-card{background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.6);border-radius:30px;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.28);text-align:center}.login-card h2{margin:8px 0 5px}.login-card p{margin:0 0 18px;color:var(--muted)}.login-card form{text-align:left;display:grid;gap:10px}.login-card small{display:block;color:var(--muted);margin-top:14px}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);display:none;align-items:center;justify-content:center;z-index:1000;padding:18px;backdrop-filter:blur(6px)}.modal-backdrop.show{display:flex}.modal-card{background:white;border:1px solid var(--line);border-radius:24px;box-shadow:0 30px 90px rgba(15,23,42,.28);max-width:440px;width:100%;padding:26px;text-align:center}.modal-icon{width:56px;height:56px;border-radius:18px;background:#fff7ed;display:grid;place-items:center;margin:0 auto 12px;font-size:28px}.modal-card h3{margin:0 0 8px}.modal-card p{color:var(--muted);line-height:1.5}.combo-box{position:relative}.combo-box>input{width:100%;padding-right:54px}.input-error{border-color:#dc2626!important;box-shadow:0 0 0 4px rgba(220,38,38,.12)!important}.combo-arrow{position:absolute;right:6px;top:6px;height:31px;width:38px;border:0;border-radius:10px;background:#eef4ff;color:#123d7c;font-size:20px;font-weight:900;cursor:pointer}.combo-dropdown{display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);background:white;border:1px solid #dbe4f0;border-radius:16px;box-shadow:0 18px 48px rgba(15,23,42,.14);z-index:50;max-height:310px;overflow:auto;padding:8px}.combo-box.open .combo-dropdown{display:block}.combo-help{font-size:12px;color:#64748b;padding:8px 10px;border-bottom:1px solid #eef2f7;margin-bottom:5px}.combo-option{display:block;width:100%;text-align:left;border:0;background:transparent;border-radius:11px;padding:10px 11px;cursor:pointer;color:var(--text)}.combo-option:hover{background:#eef4ff}.combo-empty{color:var(--muted);padding:12px}.logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.logo-card{border:1px solid var(--line);border-radius:18px;padding:14px;background:#fff;display:grid;gap:9px;color:var(--text)}.logo-card img{width:100%;height:96px;object-fit:contain;border:1px dashed #dbe3ef;border-radius:14px;background:#f8fafc}.logo-card.selectable:hover{border-color:var(--primary);box-shadow:0 12px 28px rgba(37,99,235,.14)}.user-card{border:1px solid var(--line);border-radius:18px;margin-bottom:12px;background:#fff;overflow:hidden}.user-card summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;cursor:pointer}.user-summary{display:flex;align-items:center;gap:12px}.user-summary small{display:block;color:var(--muted);margin-top:3px}.permission-box{border:1px solid var(--line);border-radius:16px;padding:14px;background:#f8fafc}.permission-box h3{margin:0 0 10px}.perm-grid{display:grid;gap:8px}.perm-row{display:grid;grid-template-columns:160px repeat(4,1fr);gap:8px;align-items:center;background:#fff;border:1px solid #edf0f4;border-radius:12px;padding:8px}.perm-row label{display:flex;gap:6px;align-items:center;font-size:12px;color:#334155}.perm-row input{min-height:auto}.renewal-screen{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:24px;align-items:start}.renewal-panel{padding:28px 34px}.renewal-summary{min-height:280px;display:grid;align-content:start;gap:44px;padding:30px}.renewal-summary span{display:block;font-weight:800;color:#4b5563;letter-spacing:.03em}.renewal-summary b{display:block;margin-top:14px;font-size:18px;color:#4b5563}.material-filters{display:grid;gap:18px;max-width:780px;margin:0 auto}.mat-field{display:grid;gap:7px;text-align:center;font-size:12px;color:#9ca3af}.mat-field input,.mat-field select{width:100%;border:0;border-bottom:1px solid #d8dde5;border-radius:0;background:transparent;text-align:center;font-size:16px;color:#111827;outline:none}.mat-range{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:18px;text-align:center}.mat-range>span{grid-column:1/-1;font-size:14px;color:#111827}.mat-range label{display:grid;gap:7px;font-size:12px;color:#9ca3af}.mat-range input{border:0;border-bottom:1px dashed #c7ccd5;border-radius:0;background:transparent;text-align:center;font-size:15px}.mat-range strong{padding-bottom:11px;color:#111827;font-size:13px}.center-actions{text-align:center;margin-top:2px}.center-actions .btn{min-width:170px}.compact-renewal{display:grid!important;grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px}.compact-renewal .wide{grid-column:span 2}.compact-renewal .filter-actions{display:flex;gap:8px;align-items:end}.table-wrap textarea{min-width:280px;min-height:78px}.table-wrap input,.table-wrap select{min-width:120px}@media(max-width:1180px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.renewal-screen{grid-template-columns:1fr}.renewal-summary{min-height:auto;grid-template-columns:repeat(3,1fr);gap:16px}.compact-renewal{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.sidebar{position:static;width:auto;border-radius:0}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.main{margin-left:0;padding:16px}.top{position:static;margin:-16px -16px 18px;padding:16px;align-items:flex-start}.form-grid{grid-template-columns:1fr}.span2{grid-column:span 1}.login-shell{grid-template-columns:1fr}.login-hero{display:none}.perm-row{grid-template-columns:1fr 1fr}.perm-row b{grid-column:1/-1}}@media(max-width:640px){.sidebar nav{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.section-head,.top,.top-actions{flex-direction:column;align-items:stretch}.filters,.inline-form{display:grid}.btn{width:100%}.userbox{justify-content:space-between}.compact-renewal{grid-template-columns:1fr}.compact-renewal .wide{grid-column:span 1}.renewal-summary{grid-template-columns:1fr}.mat-range{grid-template-columns:1fr}.mat-range>span{grid-column:auto}.login-card{padding:24px}}
/* COIMTEC v7: ajustes visuales premium compactos */
:root{--radius:14px;--shadow:0 10px 28px rgba(15,23,42,.07)}
body{font-size:14px}.sidebar{width:260px;padding:18px 14px}.main{margin-left:260px;padding:22px}.top{margin:-22px -22px 20px;padding:16px 22px}.top h1{font-size:22px}.top p{font-size:13px}.brand b{font-size:15px}.brand span{font-size:11px}.sidebar a{padding:10px 12px;border-radius:12px;font-size:14px}.nav-icon{width:24px;height:24px}.card{padding:18px;margin-bottom:16px}.compact-card{padding:16px}.stats{gap:12px;margin-bottom:16px}.compact-stats .stat{padding:15px 16px}.stat span,.stats>div span{font-size:11px}.stat b,.stats>div b{font-size:24px;margin-top:5px}.section-head{margin-bottom:12px}.section-head h2{font-size:19px}.section-head p{font-size:13px}.btn{padding:8px 12px;border-radius:11px;font-size:13px}.btn.small{font-size:11.5px;padding:6px 9px}.filters,.inline-form{padding:10px;border-radius:13px;gap:8px}.compact-filters input,.compact-filters select,.compact-filters .btn{min-height:38px}.filters input,.filters select,.inline-form input,.inline-form select,input,select,textarea{min-height:39px;padding:8px 10px;border-radius:11px}th,td{padding:10px 10px}th{font-size:11px}.badge{padding:5px 8px;font-size:11px}.form-grid{gap:12px}.form-grid label{font-size:12.5px}.compact-form textarea{min-height:72px}.charts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mini-chart{border:1px solid var(--line);border-radius:14px;background:#fbfdff;padding:14px}.mini-chart h3{margin:0 0 12px;font-size:15px}.bar-row{display:grid;grid-template-columns:minmax(90px,1fr) 1.6fr auto;gap:8px;align-items:center;margin:8px 0;font-size:12px}.bar-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334155;font-weight:700}.bar-row div{height:9px;background:#e8eef7;border-radius:999px;overflow:hidden}.bar-row i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:999px}.bar-row b{font-size:12px;color:#0f172a;white-space:nowrap}.reuse-license{border:1px solid #dbeafe;background:#f8fbff;border-radius:13px;padding:10px}.reuse-license small{display:block;color:var(--muted);margin-left:4px}.combo-dropdown{max-height:260px}.combo-option{font-size:13px}.login-card{border-radius:24px}.login-hero h1{font-size:46px}@media(max-width:1180px){.charts-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:1fr 1.4fr auto}}@media(max-width:900px){.main{margin-left:0;padding:14px}.top{margin:-14px -14px 16px}.sidebar{width:auto}.charts-grid{grid-template-columns:1fr}}
.subcard,.inner-card{background:#f8fafc;border:1px solid #e6ebf2;border-radius:16px;padding:16px;margin-top:8px}.compact-form{gap:12px}.select-search-input{width:100%;margin-bottom:6px;padding:10px 12px;border:1px solid #d9e1ec;border-radius:10px;background:#fff}.small-kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:14px 0}.badge.orange{background:#fff3cd;color:#8a5a00}.badge.blue{background:#dbeafe;color:#1d4ed8}.badge.green{background:#dcfce7;color:#15803d}.combo-box.open .combo-dropdown{display:block}.combo-dropdown.no-results:after{content:'No hay coincidencias';display:block;padding:10px;color:#64748b}.table-wrap tfoot th{font-weight:800;background:#f1f5f9}.inner-card table{margin-top:4px}

/* COIMTEC v9: searchable selects and sortable tables */
.smart-select{position:relative;width:100%;display:flex;align-items:center;gap:0}.smart-select>input{width:100%;padding-right:38px}.smart-select-arrow{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#526173;font-size:18px;cursor:pointer;width:30px;height:30px;border-radius:8px}.smart-select-arrow:hover{background:#eef3f8}.smart-select-list{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:9999;background:#fff;border:1px solid #d9e2ee;border-radius:12px;box-shadow:0 16px 40px rgba(15,35,70,.18);max-height:280px;overflow:auto;padding:6px}.smart-select.open .smart-select-list{display:block}.smart-select-option{display:block;width:100%;border:0;background:#fff;text-align:left;padding:9px 11px;border-radius:9px;color:#172033;cursor:pointer;font-size:13px}.smart-select-option:hover,.smart-select-option.active{background:#eaf2ff;color:#0f3d78}.smart-select-empty{padding:11px;color:#748094;font-size:13px}.input-error{border-color:#db3b3b!important;box-shadow:0 0 0 3px rgba(219,59,59,.12)!important}.sortable-th{cursor:pointer;user-select:none;white-space:nowrap;position:relative}.sortable-th:hover{background:#eef4fb}.sort-icon{float:right;margin-left:8px;color:#8aa0b6;font-size:12px}.sort-active{background:#e7f0fb!important;color:#0f3d78!important}.sort-active .sort-icon{color:#0f3d78;font-weight:700}.payment-mini-form{display:grid;grid-template-columns:100px 120px 1fr auto;gap:6px;margin-top:8px;align-items:end}.payment-mini-form input,.payment-mini-form select{min-height:34px;padding:7px 8px;font-size:12px}.summary-total{display:flex;justify-content:flex-end;gap:18px;align-items:center;margin-top:12px;font-weight:700}.summary-total .highlight{background:#eaf2ff;color:#0f3d78;border-radius:10px;padding:10px 14px}.compact-actions{display:flex;flex-wrap:wrap;gap:6px}.muted-small{display:block;color:#748094;font-size:11px;margin-top:2px}
@media(max-width:720px){.payment-mini-form{grid-template-columns:1fr}.smart-select-list{max-height:220px}.sortable-th{white-space:normal}}
.combo-option.active{background:#eaf2ff!important;color:#0f3d78!important;outline:2px solid rgba(15,61,120,.12)}
/* COIMTEC v11 refinements */
.module-access-note{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px 14px;color:#475569;margin:8px 0 12px;font-size:.92rem}.renew-form-enhanced small{display:block;color:#64748b;margin-top:6px;line-height:1.35}.reuse-license{background:#f0f9ff;border:1px solid #bae6fd;border-radius:14px;padding:12px}.compact-form .smart-select,.compact-form select,.compact-form input{min-height:40px}.order-code-pill{display:inline-block;padding:3px 8px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:.78rem;font-weight:700}

/* ===== COIMTEC v12 UX/UI premium refinements ===== */
:root{
  --bg:#F8FAFC;--surface:#FFFFFF;--surface2:#F1F5F9;--text:#0F172A;--muted:#64748B;--line:#E2E8F0;
  --primary:#2563EB;--primary2:#1E40AF;--accent:#0284C7;--danger:#DC2626;--warning:#F59E0B;--success:#16A34A;
  --shadow:0 10px 28px rgba(15,23,42,.07);--shadow-soft:0 2px 12px rgba(15,23,42,.05);--radius:14px;
}
body.app-shell{background:var(--bg);font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);font-size:14px;line-height:1.45}
.sidebar{width:268px;background:linear-gradient(180deg,#0F172A 0%,#111827 55%,#0B1220 100%);padding:18px 14px;box-shadow:10px 0 30px rgba(15,23,42,.14)}
.brand{gap:11px;padding:7px 7px 15px}.brand b{font-size:16px;letter-spacing:.04em}.brand span{font-size:11px;color:#94A3B8}.brand-text{min-width:0}.logo{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#2563EB,#0284C7)}
.sidebar-toggle{margin-left:auto;width:32px;height:32px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#E2E8F0;border-radius:10px;cursor:pointer}
.sidebar a{padding:10px 11px;border-radius:12px;font-size:13px;font-weight:700;color:#CBD5E1}.sidebar a.active{background:rgba(37,99,235,.25);border:1px solid rgba(96,165,250,.22)}.nav-icon{width:24px;height:24px;border-radius:9px;font-size:13px}.logout{padding:10px 12px;border-radius:12px}
.main{margin-left:268px;padding:22px;transition:.2s ease}.top{margin:-22px -22px 20px;padding:15px 22px;display:grid;grid-template-columns:minmax(180px,1fr) minmax(260px,420px) auto;gap:14px;align-items:center;background:rgba(248,250,252,.92);border-bottom:1px solid var(--line)}.top h1{font-size:22px;margin:0}.top p{font-size:12px;margin:2px 0 0;color:var(--muted)}.top-actions{gap:9px}.top-alert{display:inline-flex;align-items:center;gap:6px;min-height:36px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 11px;font-size:12px;font-weight:800;color:#334155;box-shadow:var(--shadow-soft)}
.global-search{height:40px;background:#fff;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;gap:8px;padding:0 10px;box-shadow:var(--shadow-soft)}.global-search span{color:#64748B}.global-search input{border:0;box-shadow:none!important;min-height:auto;height:36px;padding:0;flex:1;background:transparent}.global-search button{border:0;background:#F1F5F9;border-radius:9px;width:26px;height:26px;cursor:pointer;color:#64748B}.userbox{padding:6px 10px;border-radius:14px}.avatar{width:36px;height:36px}.user span{font-size:13px}.user b{font-size:11px;color:var(--primary)}
body.sidebar-collapsed .sidebar{width:78px}body.sidebar-collapsed .main{margin-left:78px}body.sidebar-collapsed .brand-text,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .logout span.nav-label{display:none}body.sidebar-collapsed .brand{justify-content:center}body.sidebar-collapsed .sidebar-toggle{position:absolute;top:18px;right:8px;width:24px;height:24px;font-size:11px}body.sidebar-collapsed .sidebar a{justify-content:center;padding:10px 8px}
.card{border-radius:14px;padding:18px;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;margin-bottom:16px}.section-head{margin-bottom:14px}.section-head h2{font-size:20px}.section-head p{font-size:13px;max-width:860px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.stat{padding:16px}.stat b,.stats>div b{font-size:26px}.stat span,.stats>div span{font-size:11px;color:#64748B}.grid{gap:14px}
.btn{min-height:38px;border-radius:10px;padding:8px 13px;font-size:13px;font-weight:800;box-shadow:var(--shadow-soft)}.btn.small{min-height:31px;padding:6px 9px;border-radius:9px;font-size:12px}.btn.primary{background:#2563EB}.btn.primary:hover{background:#1E40AF}.btn.success,.btn.teal{background:#16A34A;color:#fff;border-color:#16A34A}.btn.danger{background:#FEF2F2;color:#B91C1C;border-color:#FECACA}.btn.ghost{background:#fff}.btn.whatsapp{background:#DCFCE7;color:#166534;border-color:#BBF7D0}
.form-grid{gap:12px}.form-grid label{font-size:12px;color:#334155;font-weight:800;gap:6px}input,select,textarea,.filters input,.filters select,.inline-form input,.inline-form select{min-height:40px;border-radius:10px;border-color:#CBD5E1;padding:9px 11px;font-size:14px}.filters,.inline-form{background:#F8FAFC;border-radius:13px;padding:10px;gap:9px}.filters:before{content:'Filtros';font-size:11px;font-weight:900;text-transform:uppercase;color:#64748B;align-self:center;margin:0 3px}.filters input,.filters select{max-width:240px}.form-card{max-width:1180px;margin-inline:auto}.subcard,.inner-card{background:#F8FAFC;border:1px solid var(--line);border-radius:13px;padding:14px}.subcard h3,.inner-card h3{margin:0 0 10px;font-size:15px}.compact-form{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-card{max-width:1020px}
.table-wrap{border-radius:13px;box-shadow:none;max-width:100%}table{font-size:13px}th{height:42px;background:#F1F5F9;color:#475569;font-size:11.5px;font-weight:900;padding:11px 12px;white-space:nowrap}td{padding:11px 12px;min-height:48px}tbody tr:hover{background:#F8FAFF}.compact-table td,.compact-table th{padding:9px 11px}.actions,.compact-actions{gap:6px}.actions form{display:inline}.empty{padding:22px!important;color:#64748B}
.badge{height:25px;padding:4px 9px;font-size:11.5px}.badge.green,.badge.vigente,.badge.disponible{background:#DCFCE7;color:#166534}.badge.orange,.badge.por_caducar{background:#FEF3C7;color:#92400E}.badge.red,.badge.caducada{background:#FEE2E2;color:#991B1B}.badge.gray,.badge.no_renovada{background:#E2E8F0;color:#334155}.badge.renovada,.badge.blue{background:#DBEAFE;color:#1D4ED8}
.smart-select{position:relative;display:flex;align-items:center}.smart-select input{width:100%;padding-right:38px}.smart-select-arrow{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;background:#F1F5F9;color:#475569;border-radius:8px;cursor:pointer}.smart-select-list,.combo-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:9999;max-height:310px;overflow:auto;background:#fff;border:1px solid #CBD5E1;border-radius:12px;box-shadow:0 16px 36px rgba(15,23,42,.14);padding:6px;display:none}.smart-select.open .smart-select-list,.combo-box.open .combo-dropdown{display:block}.smart-select-option,.combo-option{display:block;width:100%;border:0;background:#fff;text-align:left;padding:9px 10px;border-radius:9px;font-size:13px;cursor:pointer;color:#0F172A}.smart-select-option:hover,.smart-select-option.active,.combo-option:hover,.combo-option.active{background:#EFF6FF;color:#1D4ED8}.smart-select-empty,.combo-empty,.combo-help{padding:10px;color:#64748B;font-size:12px}.input-error{border-color:#DC2626!important;box-shadow:0 0 0 4px rgba(220,38,38,.10)!important}.customer-combo-label .combo-box{position:relative}.combo-box input{width:100%;padding-right:42px}.combo-arrow{position:absolute;right:6px;top:6px;width:30px;height:30px;border:0;border-radius:9px;background:#F1F5F9;color:#475569;cursor:pointer}
.sortable-th{cursor:pointer;user-select:none}.sortable-th:hover{background:#E2E8F0}.sortable-th .sort-icon{float:right;margin-left:8px;color:#94A3B8}.sort-active{background:#EAF2FF!important;color:#1D4ED8!important}.sort-active .sort-icon{color:#1D4ED8}
.login-body{background:radial-gradient(circle at top left,#DBEAFE,#F8FAFC 42%,#EFF6FF);min-height:100vh}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr 420px;align-items:center;gap:46px;padding:54px;max-width:1240px;margin:auto}.login-hero{background:linear-gradient(135deg,#0F172A,#1E40AF);color:#fff;border-radius:24px;padding:52px;box-shadow:0 24px 70px rgba(30,64,175,.24);min-height:420px;display:flex;flex-direction:column;justify-content:center}.login-hero h1{font-size:52px;margin:14px 0 10px;letter-spacing:.04em}.login-hero p{font-size:17px;color:#DBEAFE;max-width:540px}.hero-badge{display:inline-flex;align-self:flex-start;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.11);padding:8px 12px;border-radius:999px;font-weight:800;font-size:12px}.login-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 22px 60px rgba(15,23,42,.12)}.login-card h2{text-align:center;margin:0 0 4px}.login-card p{text-align:center;color:#64748B;margin:0 0 18px}.login-card label{display:block;font-size:12px;font-weight:800;color:#334155;margin:12px 0 6px}.login-card input{width:100%}.login-card .btn{margin-top:16px;width:100%}.login-card small{display:block;margin-top:14px;color:#64748B;text-align:center}.logo.big{width:68px;height:68px;border-radius:20px}
@media (max-width:1100px){.top{grid-template-columns:1fr;align-items:stretch}.top-actions{justify-content:space-between}.global-search{max-width:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-form{grid-template-columns:repeat(2,minmax(0,1fr))}.filters input,.filters select{max-width:none}}
@media (max-width:820px){.sidebar{transform:translateX(-100%);transition:.2s ease}.main{margin-left:0}.top{position:relative}.form-grid,.compact-form{grid-template-columns:1fr}.span2{grid-column:span 1}.stats{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr;padding:20px}.login-hero{display:none}.top-actions{flex-wrap:wrap}.filters{display:grid;grid-template-columns:1fr}.filters:before{display:none}body.sidebar-open .sidebar{transform:translateX(0)}}
@media print{.sidebar,.top,.filters,.actions,.btn{display:none!important}.main{margin:0;padding:0}.card{box-shadow:none;border:0}}
.locked-users-card{border-color:#fecaca;background:linear-gradient(180deg,#fff,#fff7f7)}.locked-users-card .section-head h2{color:#991b1b}.locked-users-card table td{vertical-align:middle}

/* Numeración uniforme de filas */
.row-number-head,
.row-number {
  width: 52px;
  text-align: center;
  color: #64748b;
  font-weight: 700;
  white-space: nowrap;
}
.row-number {
  background: #f8fafc;
}
.daily-split{display:grid;grid-template-columns:1fr;gap:4px;padding:8px 0;border-bottom:1px solid var(--border,#e2e8f0);font-size:12.5px}.daily-split b{color:var(--text,#0f172a)}.daily-split span{color:var(--muted,#64748b)}

/* Flujo profesional de impresión de nota de venta */
.print-choice-card{max-width:520px;text-align:left;padding:28px}
.print-choice-card .modal-icon{margin:0 0 14px 0;background:#eff6ff;color:#1d4ed8}
.print-choice-card h3{font-size:21px;margin:0 0 8px;color:#0f172a}
.print-choice-card p{margin:0 0 18px;color:#64748b;line-height:1.55}
.modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:18px}
.logo-card.selectable{position:relative;transition:.18s ease}
.logo-card.selectable:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(15,23,42,.12)}
.logo-card.selectable .btn{pointer-events:none}
@media(max-width:620px){.print-choice-card{text-align:center}.print-choice-card .modal-icon{margin:0 auto 14px}.modal-actions{display:grid;grid-template-columns:1fr}.modal-actions .btn{width:100%}}

/* Mejoras compactas para módulo de reportes de ventas */
.report-card .section-head{margin-bottom:16px}
.report-head-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.report-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px}
.compact-stat{margin:0;padding:14px 16px;border-radius:13px;box-shadow:none;background:#f8fbff}
.compact-stat b{font-size:24px}
.compact-stat small{display:block;margin-top:6px;color:#64748b;line-height:1.35}
.report-filter-panel{border:1px solid var(--line);background:#f8fafc;border-radius:14px;padding:14px;margin-bottom:14px}
.report-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:end}
.report-field{display:grid;gap:6px}
.report-field span{font-size:12px;font-weight:800;color:#475569}
.report-field input,.report-field select{width:100%}
.report-field.span2{grid-column:span 2}
.report-filter-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px dashed #dbe4f0}
.report-filter-note{flex:1;min-width:240px;font-size:12px;color:#64748b;line-height:1.5;background:#fff;border:1px solid #e2e8f0;padding:10px 12px;border-radius:11px}
.summary-total{margin-top:12px;display:flex;justify-content:flex-end}.summary-total .highlight{display:inline-flex;align-items:center;gap:8px;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;padding:10px 14px;border-radius:999px;font-weight:800}
@media (max-width:1200px){.report-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.report-field.span2{grid-column:span 3}.report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.report-filter-grid{grid-template-columns:1fr}.report-field.span2{grid-column:span 1}.report-stats{grid-template-columns:1fr}.report-filter-actions{align-items:stretch}.report-filter-actions .btn{width:100%}.report-filter-note{min-width:0}}

/* =========================================================
   COIMTEC v29 - Optimización global UX/UI compacta
   Aplica a todos los módulos sin cambiar lógica ni base de datos.
   Objetivo: usar mejor el espacio, reducir áreas vacías y ordenar filtros.
   ========================================================= */
:root{
  --ui-gap:12px;
  --ui-radius:13px;
  --ui-card-pad:16px;
}
.main{padding:20px}.top{margin:-20px -20px 18px;padding:14px 20px}.top h1{font-size:21px}.top p{font-size:12px}.card{padding:var(--ui-card-pad);border-radius:var(--ui-radius);margin-bottom:14px}.section-head{margin-bottom:12px;gap:12px;align-items:center}.section-head h2{font-size:19px;line-height:1.2}.section-head p{font-size:12.5px;line-height:1.42;max-width:900px}.section-head>div:last-child,.section-head .actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.btn{min-height:36px;padding:7px 12px;border-radius:10px;font-size:12.5px}.btn.small{min-height:29px;padding:5px 8px;font-size:11.5px}.filters,.inline-form,.compact-filters{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px;padding:10px;margin-bottom:12px;border-radius:12px;align-items:end;background:#f8fafc}.filters:before{grid-column:1/-1;margin:0 0 -2px 0;line-height:1}.filters input,.filters select,.inline-form input,.inline-form select,.compact-filters input,.compact-filters select{width:100%;max-width:none!important;min-height:38px;height:38px;padding:8px 10px;border-radius:9px;font-size:13px}.filters .btn,.inline-form .btn,.compact-filters .btn{height:38px;min-height:38px}.stats{gap:10px;margin-bottom:12px}.stats>div,.stat{padding:14px 15px!important;border-radius:12px!important;box-shadow:none!important;border:1px solid var(--line);background:#fff}.stat b,.stats>div b{font-size:23px;margin-top:5px}.stat span,.stats>div span{font-size:10.5px}.stat small,.stats>div small{font-size:11.5px}.table-wrap{border-radius:12px}th{height:38px;padding:9px 10px;font-size:11px}td{padding:9px 10px;font-size:12.6px}.compact-table td,.compact-table th{padding:8px 9px}.badge{height:23px;padding:3px 8px;font-size:11px}code{padding:3px 6px;border-radius:7px;font-size:11.5px}.actions{gap:5px}.form-grid{gap:10px}.form-grid label{gap:5px;font-size:12px}input,select,textarea{min-height:38px;border-radius:9px;padding:8px 10px;font-size:13px}textarea{min-height:78px}.subcard,.inner-card{padding:12px;border-radius:12px}.summary-total{margin-top:10px}.summary-total .highlight{padding:8px 12px;font-size:12.5px}
/* Filtros con muchos campos: dos filas compactas en pantallas grandes */
section.card > form.filters:has(input:nth-child(5)),
section.card > form.filters:has(select:nth-child(5)){
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
}
/* Tablas largas: más información visible sin perder legibilidad */
.table-wrap table{min-width:max-content}.table-wrap{max-height:none}.table-wrap thead th{top:0}.empty{padding:18px!important}.muted{font-size:12px}.daily-split{padding:6px 0;font-size:12px}.locked-users-card table td{padding-top:8px;padding-bottom:8px}
/* Pantallas con encabezados y acciones: evita grandes espacios vacíos */
.report-head,.section-head.report-head{align-items:flex-start}.report-head-actions{gap:8px}.report-filter-panel{padding:12px}.report-filter-grid{gap:8px}.report-filter-actions{margin-top:10px;padding-top:10px}.report-field span{font-size:11.5px}.report-stats{gap:10px}.compact-stat{padding:12px 14px!important}.compact-stat b{font-size:22px!important}.report-filter-note{padding:8px 10px;font-size:11.8px}
/* Mejor aprovechamiento del dashboard */
.compact-card{max-width:none}.grid .card{margin-bottom:0}.top-alert{min-height:34px;padding:7px 10px;font-size:11.5px}.global-search{height:38px}.global-search input{height:34px}.userbox{border-radius:12px;padding:5px 9px}.avatar{width:34px;height:34px}.user span{font-size:12px}.user b{font-size:10.5px}
/* Responsive ordenado */
@media (min-width:1280px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.filters,.inline-form,.compact-filters{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.card{padding:16px}}
@media (max-width:1100px){.main{padding:16px}.top{margin:-16px -16px 16px;padding:12px 16px}.filters,.inline-form,.compact-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{align-items:flex-start}.section-head>div:last-child{justify-content:flex-start}.stats,.report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.filters,.inline-form,.compact-filters{grid-template-columns:1fr}.stats,.report-stats{grid-template-columns:1fr}.section-head{display:grid}.section-head>div:last-child,.section-head .actions{justify-content:flex-start}.btn{width:auto}.top{grid-template-columns:1fr}.top-actions{justify-content:flex-start}.card{padding:13px}th,td{padding:8px}}

/* Ajuste global: evita checkboxes gigantes y reduce altura visual en formularios editables */
input[type="checkbox"]{
  width:16px!important;
  height:16px!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  accent-color:#0b84d8;
  flex:0 0 16px;
}
.check{display:inline-flex!important;align-items:center;gap:7px;min-height:24px;font-size:12px;line-height:1.2;white-space:nowrap}.tiny-check{font-size:12px;color:#334155;margin-top:5px}

/* Módulo Productos: vista compacta y mejor aprovechamiento de espacio */
.products-page{padding:16px 18px}.products-page .compact-head{margin-bottom:10px}.products-page .compact-head h2{font-size:19px}.products-page .compact-head p{font-size:12.5px;margin-top:3px}.products-page .compact-filters{padding:9px 10px;margin-bottom:12px;display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(160px,.9fr) minmax(145px,.75fr) minmax(130px,.65fr) auto auto;gap:8px;align-items:center}.products-page .compact-filters:before{display:none}.products-page .compact-filters input,.products-page .compact-filters select{max-width:none;width:100%;min-height:36px;height:36px;font-size:12.5px;border-radius:9px}.products-page .compact-filters .btn{min-height:36px;height:36px;padding:7px 12px;border-radius:9px;font-size:12.5px}
.product-create-form{padding:10px;margin-bottom:12px;display:grid;grid-template-columns:minmax(170px,1.1fr) minmax(150px,.9fr) minmax(120px,.7fr) minmax(120px,.7fr) 116px 88px minmax(160px,1fr) 78px 148px;gap:8px;align-items:center}.product-create-form input,.product-create-form select{width:100%;min-height:36px;height:36px;font-size:12.5px;border-radius:9px}.product-create-form .btn{min-height:36px;height:36px;font-size:12.5px;border-radius:9px}.product-table-wrap{border-radius:12px}.product-table{font-size:12.5px}.product-table th{height:36px;padding:8px 10px;font-size:11px}.product-table td{padding:8px 10px;vertical-align:middle}.product-table input,.product-table select{min-height:34px;height:34px;border-radius:8px;padding:7px 9px;font-size:12.5px}.product-table .product-name-cell{min-width:170px}.product-table .product-input-name{font-weight:600}.product-table .product-input-desc{margin-top:5px;height:32px;color:#64748b}.product-table code{font-size:11px;padding:3px 6px}.product-table .badge{height:22px;min-width:24px;justify-content:center;padding:3px 8px}.product-table .btn.small{min-height:30px;height:30px;padding:5px 9px;font-size:11.5px}.product-table .actions{gap:5px;white-space:nowrap}.product-table td:nth-child(4),.product-table td:nth-child(5){min-width:110px}.product-table td:nth-child(6),.product-table td:nth-child(8){min-width:78px}
@media(max-width:1280px){.products-page .compact-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.product-create-form{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.products-page .compact-filters,.product-create-form{grid-template-columns:1fr}.products-page{padding:14px}}

/* Renovaciones: filtros compactos, fecha de venta y mejor uso de espacio */
.renewals-top-card{padding:16px 18px}.renewal-head{margin-bottom:12px}.renewal-head h2{font-size:19px}.renewal-head p{font-size:13px;max-width:980px}.renewal-main-actions{gap:8px}.renewal-main-actions .btn{min-height:34px;padding:7px 12px;font-size:12px}
.renewal-filter-panel{background:#f8fafc;border:1px solid var(--line);border-radius:13px;padding:12px;margin:0 0 12px}.renewal-filter-grid{display:grid;grid-template-columns:1.45fr repeat(4,minmax(120px,1fr));gap:9px;align-items:end}.renewal-field{display:grid;gap:5px}.renewal-field span{font-size:12px;font-weight:800;color:#475569}.renewal-field input,.renewal-field select{width:100%;min-height:38px;border-radius:10px;font-size:13px;padding:8px 10px}.renewal-field.wide{grid-column:span 2}.renewal-field.compact{max-width:150px}.renewal-filter-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:10px;margin-top:10px;border-top:1px dashed #dbe4f0}.renewal-filter-actions .btn{min-height:34px;padding:7px 12px;font-size:12px}.renewal-filter-help{font-size:12px;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px 10px;line-height:1.35}
.renewal-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.renewal-summary-grid>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px}.renewal-summary-grid span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-weight:900}.renewal-summary-grid b{display:block;font-size:22px;margin-top:6px;color:#0f172a}
.renewal-list-head{margin-bottom:12px}.renewal-list-head h2{font-size:19px}.renewal-list-head p{font-size:13px}.renewal-table th{font-size:11px;padding:10px 10px}.renewal-table td{font-size:13px;padding:9px 10px;vertical-align:middle}.renewal-table td small{font-size:11.5px}.renewal-row-actions{gap:5px;white-space:nowrap}.renewal-row-actions .btn.small{min-height:28px;padding:5px 8px;font-size:11.5px}.renewal-row-actions form{display:inline-flex}.order-code-pill{display:inline-flex;align-items:center;background:#eef4ff;color:#123d7c;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:900;white-space:nowrap}.renewal-table .badge{height:23px;padding:4px 8px;font-size:11.5px}.renewal-table-wrap{border-radius:12px}
@media(max-width:1280px){.renewal-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.renewal-field.wide{grid-column:span 3}.renewal-field.compact{max-width:none}.renewal-summary-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.renewal-filter-grid{grid-template-columns:1fr}.renewal-field.wide{grid-column:span 1}.renewal-summary-grid{grid-template-columns:1fr}.renewal-filter-actions .btn{width:auto}.renewal-main-actions{width:100%}.renewal-main-actions .btn{flex:1}.renewal-list-head .btn{width:auto}}

/* Renovaciones v33: filtros y tabla reorganizados */
.renewal-filter-grid-v33{grid-template-columns:1.6fr repeat(4,minmax(128px,1fr));align-items:end}
.renewal-filter-grid-v33 .renewal-field.wide{grid-column:span 2}
.renewal-table th,.renewal-table td{padding:10px 11px;vertical-align:middle}
.renewal-table th{font-size:11.3px;white-space:nowrap}
.renewal-table td{font-size:12.8px}
.renewal-table td small{font-size:11.5px;line-height:1.3}
.renewal-table .order-code-pill{font-size:11.5px;padding:5px 8px;white-space:nowrap}
.renewal-row-actions{min-width:250px;gap:5px}
.renewal-row-actions .btn.small{min-height:29px;padding:5px 8px;font-size:11.5px;border-radius:8px}
.renewal-summary-grid{margin-top:12px}
@media(max-width:1280px){.renewal-filter-grid-v33{grid-template-columns:repeat(3,minmax(0,1fr))}.renewal-filter-grid-v33 .renewal-field.wide{grid-column:span 3}}
@media(max-width:820px){.renewal-filter-grid-v33{grid-template-columns:1fr}.renewal-filter-grid-v33 .renewal-field.wide{grid-column:span 1}.renewal-row-actions{min-width:0}}