*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#18243a;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button,.btn{border:0;border-radius:11px;background:#16233f;color:white;padding:11px 17px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}button:hover,.btn:hover{background:#294066}.shell{min-height:100vh;display:flex}.sidebar{width:258px;background:#101b32;color:#d8e2f2;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:28px 18px;flex-shrink:0}.brand{display:flex;gap:10px;align-items:center;font-weight:800;font-size:19px;padding:8px 10px 31px;color:white}.brand small,.sidebar-bottom small{display:block;font-size:9px;letter-spacing:1.7px;color:#9cabc8;margin-top:6px}.brand-icon{font-size:26px;color:#e9b847}.nav{display:grid;gap:6px}.nav-link{display:block;width:100%;padding:12px 14px;border-radius:10px;color:#bfcce2;text-align:left;background:transparent;font-size:13px;font-weight:600}.nav-link:hover{background:#273957;color:white}.sidebar-bottom{margin-top:auto;border-top:1px solid #34445d;padding:18px 8px 0;overflow:hidden}.sidebar-bottom form{margin-top:16px}.main{width:100%;min-width:0;max-width:1450px;margin:0 auto;padding:44px 40px}.heading{margin:0 0 26px}.heading p{font-size:10px;letter-spacing:2px;color:#9aa5b8;font-weight:800}.heading h1{font-size:31px;letter-spacing:-1.2px;margin:8px 0}.card{background:white;border:1px solid #e8ecf2;border-radius:17px;padding:24px;box-shadow:0 5px 24px #23395d08}.grid{display:grid;gap:17px}.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols4{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-label{color:#7c879a;font-size:13px;font-weight:600}.stat-number{font-size:32px;display:block;margin-top:12px;letter-spacing:-1px}.field{display:block;width:100%;border:1px solid #d9e0e9;background:#fff;border-radius:10px;padding:12px;margin:5px 0 10px}.field:focus{outline:2px solid #d8e5fd}.table-wrap{width:100%;overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:600px;text-align:left}.data-table th{color:#788398;font-size:11px;letter-spacing:.7px;text-transform:uppercase}.data-table th,.data-table td{padding:13px;border-bottom:1px solid #edf0f5}.notice{border-radius:10px;background:#fff2cc;color:#78590f;padding:14px;margin-bottom:18px}.tag{background:#edf3fe;color:#31528c;border-radius:40px;padding:5px 10px;font-size:11px;font-weight:700}.action-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px;flex-wrap:wrap}.muted{color:#7a879a}.mobile-header{display:none}@media(max-width:850px){.mobile-header{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;background:#101b32;color:white;padding:12px 18px}.mobile-header button{background:#283954}.shell{display:block}.sidebar{position:fixed;top:55px;left:0;z-index:5;height:calc(100vh - 55px);transform:translateX(-100%);transition:transform .2s}.sidebar.show{transform:translateX(0)}.main{padding:25px 16px}.cols2,.cols3,.cols4{grid-template-columns:1fr}.heading h1{font-size:25px}}
/* Compatibilidad mínima con formularios de la versión anterior */
.rounded-xl,.rounded-2xl{border-radius:15px}.bg-white{background:#fff}.shadow{box-shadow:0 5px 24px #23395d0a}.p-6,.p-7,.p-8{padding:24px}.p-5{padding:20px}.p-3{padding:12px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-7{margin-bottom:28px}.mt-8{margin-top:32px}.w-full{width:100%}.block{display:block}.border{border:1px solid #dde3ed}.rounded{border-radius:8px}.text-white{color:white}.bg-slate-900,.bg-slate-800{background:#16233f}.overflow-x-auto{overflow-x:auto}.text-left{text-align:left}.font-bold{font-weight:800}.text-4xl{font-size:34px}.gap-3{gap:12px}.gap-5{gap:20px}.grid{display:grid}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.border-t{border-top:1px solid #edf1f6}.my-2{margin:8px 0}.text-sm{font-size:12px}.text-slate-500{color:#7d8799}@media(min-width:768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* V0.3: registros y pipeline adaptables */
.record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;margin-top:20px}.record-card{border:1px solid #e5e7eb;padding:18px;border-radius:14px;display:grid;gap:10px;background:white}.record-title{font-weight:800;color:#111827}.record-card label{display:grid;gap:6px;font-size:13px}.record-card button{justify-self:start}.pipeline{display:grid;grid-template-columns:repeat(6,minmax(210px,1fr));gap:12px;overflow-x:auto;padding:12px 0}.lane{background:#f1f5f9;border-radius:14px;padding:15px;min-height:160px;display:grid;align-content:start;gap:9px}.lane small,.deal small{display:block;color:#64748b}.deal{background:white;border:1px solid #e2e8f0;border-radius:10px;padding:12px;font-size:13px;overflow-wrap:anywhere}@media(max-width:680px){.record-grid{grid-template-columns:1fr}}

/* V0.4: navegación y Kanban */
.filterbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filterbar .field{flex:1;min-width:180px}.filterbar a{color:#334155;text-decoration:underline}.pagination{display:flex;gap:8px;margin-top:20px}.pagination a{border:1px solid #dce2ea;padding:9px 13px;border-radius:10px}.pagination .current{background:#15223a;color:white}.deal{cursor:grab;touch-action:pan-y}.deal:active{cursor:grabbing}.deal select{width:100%;margin-top:9px;border:1px solid #dce2ea;background:#fff;border-radius:8px;padding:7px;font:inherit}.lane{min-height:160px}.filterbar button{white-space:nowrap}#kanbanFeedback{font-size:.875rem;color:#475569;margin-top:10px}
/* V0.5: fichas y seguimiento */
.detail-actions{margin:0 0 16px}.detail-actions a,.detail-link{color:#2563eb;font-weight:700;text-decoration:none}.detail-link{display:inline-block;margin:12px 0}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:18px}.detail-grid>div{display:flex;flex-direction:column;gap:5px;min-width:0}.detail-grid strong{overflow-wrap:anywhere}.detail-grid small,.timeline-item small{color:#64748b}.timeline{display:grid;gap:10px;margin:18px 0}.timeline-item{border-left:3px solid #d9a526;background:#f8fafc;padding:10px 16px;border-radius:0 10px 10px 0;overflow-wrap:anywhere}.timeline-item p{white-space:normal;margin:0 0 8px}.note-form{display:grid;gap:12px;max-width:700px}.note-form textarea{width:100%;display:block}.related-list{display:flex;flex-wrap:wrap;gap:10px}.related-list a,.related-list span{padding:10px 14px;border:1px solid #e2e8f0;border-radius:10px;color:#334155;text-decoration:none}

/* V0.6: calendario adaptable */
.calendar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.calendar-head nav{display:flex;gap:16px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.calendar-weekday{text-align:center;font-size:12px;color:#64748b;padding:12px 2px}.calendar-day,.calendar-empty{min-height:105px;padding:8px;border:1px solid #e2e8f0;border-radius:10px;min-width:0}.calendar-day>strong{display:block;margin-bottom:7px}.calendar-event{background:#f1f5f9;border-radius:6px;padding:5px;margin-bottom:4px;font-size:12px;overflow-wrap:anywhere}.calendar-event span{font-weight:700}@media(max-width:700px){.calendar-grid{gap:2px}.calendar-day,.calendar-empty{min-height:65px;padding:3px;border-radius:5px}.calendar-weekday{font-size:10px}.calendar-event{font-size:10px;padding:3px}.calendar-event span{display:block}}

/* V0.8 · Indicadores comerciales */
.crm-bars{display:flex;align-items:flex-end;gap:16px;min-height:240px;border-bottom:1px solid #dae2eb;padding:25px 12px 8px;overflow-x:auto}.crm-bar-col{min-width:72px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;height:205px}.crm-bar{background:linear-gradient(180deg,#d7a64d,#92621e);border-radius:7px 7px 0 0;width:46px;min-height:6px}.crm-bar-col small{white-space:nowrap;color:#667085}.token-once{border:2px solid #d7a64d;background:#fffaf0}.token-once code{display:block;padding:16px;background:#f1e6ca;border-radius:8px;user-select:all}

/* V0.9: panel semanal, filtros y relaciones */
.week-grid{display:grid;grid-template-columns:repeat(7,minmax(145px,1fr));gap:10px;overflow-x:auto}.week-day{border:1px solid #e2e8f0;border-radius:14px;padding:12px;background:#f8fafc;min-height:140px}.week-day h3{margin:0 0 12px;font-size:13px}.week-day h3 small,.week-item small{display:block;color:#64748b;font-size:11px}.week-item{padding:9px;background:white;border:1px solid #e2e8f0;border-radius:10px;margin:7px 0;overflow-wrap:anywhere}.week-item b{font-size:12px}.relation-helper{font-size:11px;color:#64748b;display:block;margin:3px 0}.relation-search{margin:4px 0!important}@media(max-width:900px){.week-grid{grid-template-columns:repeat(7,minmax(200px,1fr))}}