/* MAX Branding — Grupo M.E.M.E. (Pantone 343 C / 7556 C) */
:root{
  --max-surface:#255441;
  --max-ink:#101915;
  --max-green-mid:#4E7463;
  --max-green-soft:#789587;
  --max-green-mist:#A3B7AD;
  --max-action:#B78B1E;
  --max-gold:#C49F4D;
  --max-gold-soft:#D2B67A;
  --max-gold-pale:#E1CDA7;
  --max-cream:#F5F3EE;
  --max-text:#101915;
  --max-muted:#4E7463;
  --max-font:"Space Grotesk",system-ui,-apple-system,sans-serif;
}
*,::after,::before{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--max-font);line-height:1.5;color:var(--max-text);background:var(--max-cream)}

/* Layout */
.layout-dashboard{padding-top:0}
.main-content{padding:1rem}
.layout-dashboard .main-content{margin-left:260px;padding:1.5rem;padding-top:calc(56px + 1.5rem);min-height:100vh}

/* Topbar */
.topbar{position:fixed;top:0;left:260px;right:0;height:56px;background:#255441;color:#fff;display:flex;align-items:center;gap:1rem;padding:0 1.5rem;z-index:40;box-shadow:0 2px 8px rgba(16,25,21,.2);border-bottom:2px solid #B78B1E}
.topbar-title{display:flex;align-items:baseline;gap:.5rem;flex:1}
.topbar-title strong{font-size:1rem}
.page-title{font-size:.85rem;opacity:.85;font-weight:400}
.user-info-top{font-size:.85rem;opacity:.9}
.menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:4px}
.menu-toggle span{display:block;width:22px;height:2px;background:#fff;border-radius:1px}

/* Marca Grupo M.E.M.E. (app + landing) */
.app-brand-logo{display:block;height:auto;max-width:100%;object-fit:contain}
.sidebar-brand-link{display:block;line-height:0;text-decoration:none}
.sidebar-brand-logo{max-height:52px;width:100%;max-width:220px;margin:0 auto}
.auth-brand{text-align:center;margin-bottom:1.25rem}
.auth-brand a{display:inline-block;line-height:0}
.auth-brand-logo{max-height:72px;width:auto;margin:0 auto}
.topbar-brand{display:none;line-height:0;flex-shrink:0}
.topbar-brand-logo{max-height:36px;width:auto}

/* Sidebar */
.sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;background:#101915;color:#e5e7eb;display:flex;flex-direction:column;z-index:50;box-shadow:2px 0 12px rgba(16,25,21,.35);transition:transform .25s ease;font-family:var(--max-font)}
.sidebar-header{display:flex;align-items:center;justify-content:center;padding:1rem;border-bottom:1px solid rgba(183,139,30,.25)}

.sidebar-nav{flex:1;overflow-y:auto;padding:1rem .75rem}
.menu-section{margin-bottom:1.25rem}
.menu-section-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.45);padding:0 .75rem;margin-bottom:.5rem;font-weight:600}
.menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.65rem .75rem;border:none;background:transparent;color:#d1d5db;border-radius:8px;cursor:pointer;font-size:.9rem;text-align:left;transition:background .15s,color .15s}
.menu-item:hover{background:rgba(255,255,255,.08);color:#fff}
.menu-item.active{background:#B78B1E;color:#101915;font-weight:600}
.menu-icon{font-size:1.1rem;width:1.5rem;text-align:center}

.sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.08)}
.sidebar-user{margin-bottom:.75rem}
.sidebar-user-name{font-size:.875rem;font-weight:600;color:#fff}
.sidebar-user-role{font-size:.75rem;color:rgba(255,255,255,.55);margin-top:2px}
.sidebar-user-upn{font-size:.7rem;color:rgba(255,255,255,.45);margin-top:2px;word-break:break-all;line-height:1.3}
.sidebar-logout{width:100%;padding:.5rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#e5e7eb;border-radius:6px;cursor:pointer;font-size:.85rem}
.sidebar-logout:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.4);color:#fca5a5}

.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:45}

/* Cards & forms */
.card{background:#fff;border-radius:10px;box-shadow:0 1px 4px rgba(16,25,21,.08);padding:1.5rem;border-top:3px solid #B78B1E}
.auth-view .card h2{color:#255441;font-family:var(--max-font)}
.label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.35rem}
.input,.select-input{width:100%;border:1px solid #d1d5db;border-radius:6px;padding:.5rem .75rem;font-size:.9rem}
.input:focus{outline:2px solid #B78B1E;outline-offset:0}
.btn{padding:.5rem 1rem;border-radius:6px;border:none;cursor:pointer;font-size:.9rem;font-weight:500}
.btn-primary{background:#B78B1E;color:#101915}
.btn-primary:hover{background:#C49F4D}
.btn-success{background:#15803d;color:#fff}
.btn-success:hover{background:#16a34a}
.btn-danger{background:#b91c1c;color:#fff}
.link-btn{background:none;border:none;color:#B78B1E;cursor:pointer;font-size:.875rem;font-weight:500}
.link-btn:hover{text-decoration:underline;color:#255441}
.w-full{width:100%}

/* Utilities */
.bg-gray-50{background:#f9fafb}.bg-white{background:#fff}.bg-blue-900{background:#255441}
.bg-blue-700{background:#4E7463}.bg-blue-800{background:#255441}.bg-green-700{background:#255441}
.bg-green-600{background:#4E7463}.bg-red-700{background:#b91c1c}.bg-red-100{background:#fee2e2}
.bg-blue-100{background:#E1CDA7}.bg-yellow-100{background:#E1CDA7}.bg-green-100{background:#e8f0ec}
.bg-gray-100{background:#F5F3EE}
.text-white{color:#fff}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}
.text-gray-700{color:#374151}.text-gray-800{color:#101915}.text-red-600{color:#dc2626}
.text-green-600{color:#255441}.text-blue-700{color:#4E7463}.text-blue-800{color:#255441}
.text-yellow-800{color:#854d0e}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}
.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-bold{font-weight:700}
.font-medium{font-weight:500}.min-h-screen{min-height:100vh}
.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.max-w-7xl{max-width:80rem}
.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}
.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-12{margin-top:3rem}.mb-1{margin-bottom:.25rem}
.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}
.ml-2{margin-left:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}
.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}
.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}
.pt-4{padding-top:1rem}.hidden{display:none!important}.flex{display:flex}.grid{display:grid}
.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}
.w-full{width:100%}.border{border:1px solid #d1d5db}.border-t{border-top:1px solid #d1d5db}
.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}
.shadow,.shadow-md,.shadow-lg{box-shadow:0 1px 3px rgba(0,0,0,.1)}
.text-center{text-align:center}.inline-block{display:inline-block}
button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}
input,select,textarea{border:1px solid #d1d5db;border-radius:.25rem;padding:.5rem .75rem;width:100%}
input:focus,select:focus,textarea:focus{outline:2px solid #B78B1E;outline-offset:0}

/* Responsive */
@media(max-width:768px){
  .menu-toggle{display:flex}
  .topbar-brand{display:block}
  .topbar{left:0}
  .layout-dashboard .main-content{margin-left:0;padding:1rem;padding-top:calc(56px + 1rem)}
  .sidebar{transform:translateX(-100%)}
  .sidebar.open{transform:translateX(0)}
  .topbar-user{display:none}
}
@media(min-width:769px){
  .sidebar-overlay{display:none!important}
}
@media(min-width:768px){
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md\:col-span-2{grid-column:span 2/span 2}
}

/* Microsoft 365 login */
.btn-microsoft{
  display:flex;align-items:center;justify-content:center;gap:.75rem;
  width:100%;padding:.75rem 1rem;border:1px solid #8c8c8c;border-radius:6px;
  background:#fff;color:#5e5e5e;font-size:.9rem;font-weight:600;
  text-decoration:none;cursor:pointer;transition:background .2s,box-shadow .2s;
}
.btn-microsoft:hover{background:#f3f3f3;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.login-divider{
  display:flex;align-items:center;gap:1rem;margin:1.25rem 0;color:#9ca3af;font-size:.8rem;
}
.login-divider::before,.login-divider::after{
  content:'';flex:1;height:1px;background:#e5e7eb;
}

/* Gate Kanban */
.gate-dashboard-toolbar{
  display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;
}
.gate-week-nav{display:flex;flex-wrap:wrap;gap:.5rem}
.gate-week-nav .btn{
  background:#f3f4f6;color:#1f2937;border:1px solid #d1d5db;padding:.45rem .85rem;
}
.gate-week-nav .btn:hover{background:#e5e7eb}

.kanban-legend{
  display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin:1rem 0 1.25rem;
  padding:.85rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;
}
.kanban-legend-item{display:flex;align-items:center;gap:.45rem;font-size:.78rem;color:#4b5563}
.kanban-legend-swatch{width:14px;height:14px;border-radius:4px;flex-shrink:0}

.kanban-board{
  display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.75rem;
  overflow-x:auto;padding-bottom:.5rem;min-height:320px;
}
.kanban-column{
  min-width:120px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;
  display:flex;flex-direction:column;min-height:280px;
}
.kanban-column-today{border-color:#B78B1E;box-shadow:0 0 0 2px rgba(183,139,30,.2)}
.kanban-column-header{
  padding:.75rem .65rem;border-bottom:1px solid #e5e7eb;background:#fff;
  border-radius:10px 10px 0 0;text-align:center;
}
.kanban-day-name{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;font-weight:600}
.kanban-day-date{display:block;font-size:.8rem;font-weight:700;color:#1f2937;margin-top:.15rem}
.kanban-column-body{padding:.5rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.kanban-empty{font-size:.75rem;color:#9ca3af;text-align:center;padding:1rem .25rem}

.kanban-card{
  width:100%;text-align:left;border:none;border-radius:8px;padding:.65rem .7rem;
  cursor:pointer;transition:transform .15s,box-shadow .15s;border-left:4px solid transparent;
}
.kanban-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}
.kanban-card-selected{outline:2px solid #B78B1E;outline-offset:1px}
.kanban-card-time{font-size:.95rem;font-weight:700}
.kanban-card-plant{font-size:.8rem;font-weight:600;margin-top:.15rem}
.kanban-card-meta,.kanban-card-types{font-size:.72rem;margin-top:.2rem;opacity:.9}
.kanban-card-status{
  display:inline-block;margin-top:.35rem;font-size:.65rem;text-transform:uppercase;
  letter-spacing:.04em;padding:.1rem .35rem;border-radius:4px;background:rgba(0,0,0,.08);
}

.kanban-red{background:#fee2e2;border-left-color:#dc2626;color:#7f1d1d}
.kanban-orange{background:#ffedd5;border-left-color:#ea580c;color:#7c2d12}
.kanban-gold{background:#fef3c7;border-left-color:#d97706;color:#78350f}
.kanban-blue{background:#E1CDA7;border-left-color:#B78B1E;color:#101915}
.kanban-purple{background:#ede9fe;border-left-color:#7c3aed;color:#4c1d95}
.kanban-green{background:#dcfce7;border-left-color:#16a34a;color:#14532d}
.kanban-teal{background:#ccfbf1;border-left-color:#0d9488;color:#115e59}
.kanban-indigo{background:#e0e7ff;border-left-color:#4f46e5;color:#312e81}
.kanban-slate{background:#f1f5f9;border-left-color:#64748b;color:#334155}
.kanban-rose{background:#fce7f3;border-left-color:#be185d;color:#9d174d}

.gate-detail-section{
  margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #e5e7eb;
}
.gate-detail-header{
  display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;
  margin-bottom:.5rem;
}

@media(max-width:1200px){
  .kanban-board{grid-template-columns:repeat(4,minmax(140px,1fr))}
}
@media(max-width:768px){
  .kanban-board{grid-template-columns:repeat(2,minmax(140px,1fr))}
  .gate-dashboard-toolbar{flex-direction:column}
}

/* Admin catálogos */
.admin-catalog-header{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;
  margin-bottom:1.5rem;
}
.admin-plant-badge{
  display:inline-flex;align-items:center;gap:.35rem;
  background:#E1CDA7;color:#101915;font-size:.75rem;font-weight:600;
  padding:.2rem .55rem;border-radius:999px;
}
.admin-plant-badge-sm{font-size:.7rem;padding:.15rem .45rem}
.admin-plant-section{
  border:1px solid #e5e7eb;border-radius:10px;margin-bottom:1.25rem;overflow:hidden;
}
.admin-plant-section-header{
  background:#f3f4f6;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;
  display:flex;align-items:center;justify-content:space-between;gap:.5rem;
}
.admin-plant-section-header h3{font-size:1rem;font-weight:700;color:#255441;margin:0}
.admin-plant-section-body{padding:1rem}
.admin-type-group{margin-bottom:1rem}
.admin-type-group:last-child{margin-bottom:0}
.admin-type-group-title{
  font-size:.8rem;font-weight:600;color:#6b7280;text-transform:uppercase;
  letter-spacing:.05em;margin-bottom:.5rem;padding-bottom:.35rem;border-bottom:1px dashed #e5e7eb;
}
.admin-item-row{
  display:flex;align-items:flex-start;gap:.75rem;padding:.65rem .75rem;
  background:#f9fafb;border-radius:8px;margin-bottom:.5rem;font-size:.875rem;
}
.admin-item-row:last-child{margin-bottom:0}
.admin-item-meta{color:#6b7280;font-size:.78rem;margin-top:.15rem}
.admin-form-label{font-size:.78rem;font-weight:600;color:#374151;margin-bottom:.25rem;display:block}
.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.admin-empty-hint{
  font-size:.875rem;color:#9ca3af;font-style:italic;padding:.5rem 0;
}
.admin-doc-count{font-size:.8rem;color:#6b7280;font-weight:500}
.admin-item-actions{display:flex;gap:.35rem;flex-shrink:0}
.admin-btn-sm{
  font-size:.75rem;padding:.3rem .55rem;border-radius:6px;border:1px solid #d1d5db;
  background:#fff;cursor:pointer;color:#374151;
}
.admin-btn-sm:hover{background:#f3f4f6}
.admin-btn-sm-danger{color:#b91c1c;border-color:#fecaca}
.admin-btn-sm-danger:hover{background:#fef2f2}
.admin-modal{
  position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;
}
.admin-modal.hidden{display:none!important}
.admin-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.admin-modal-content{
  position:relative;background:#fff;border-radius:12px;padding:1.5rem;width:100%;max-width:520px;
  max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.2);
}
.admin-modal-content h3{margin:0 0 1rem;font-size:1.1rem;color:#255441}
.admin-modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #e5e7eb}
.admin-modal-actions .btn-save{background:#B78B1E;color:#101915;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600}
.admin-modal-actions .btn-cancel{background:#f3f4f6;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:6px;cursor:pointer}
.admin-grid-toolbar{
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem;
}
.admin-grid-search{flex:1;min-width:220px;max-width:420px}
.admin-grid-count{margin:0;padding-bottom:.35rem}
.admin-data-table-wrap{overflow-x:auto;border:1px solid #e5e7eb;border-radius:10px}
.admin-data-table{width:100%;border-collapse:collapse;font-size:.875rem;background:#fff}
.admin-data-table th,.admin-data-table td{
  padding:.7rem .85rem;text-align:left;border-bottom:1px solid #eef2f7;vertical-align:top;
}
.admin-data-table thead th{
  background:#f8fafc;color:#255441;font-size:.78rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.03em;white-space:nowrap;cursor:pointer;user-select:none;
}
.admin-data-table thead th:hover{background:#e8f0ec}
.admin-data-table thead th.is-sorted{color:#B78B1E}
.admin-data-table tbody tr:hover{background:#f9fafb}
.admin-data-table tbody tr:last-child td{border-bottom:none}
.admin-status-badge{
  display:inline-block;font-size:.72rem;font-weight:600;padding:.15rem .5rem;border-radius:999px;
}
.admin-status-badge.is-active{background:#ecfdf5;color:#065f46}
.admin-status-badge.is-inactive{background:#fee2e2;color:#991b1b}
@media (max-width:768px){
  .admin-data-table thead{display:none}
  .admin-data-table,.admin-data-table tbody,.admin-data-table tr,.admin-data-table td{display:block;width:100%}
  .admin-data-table tr{border-bottom:1px solid #e5e7eb;padding:.5rem 0}
  .admin-data-table td{
    display:flex;justify-content:space-between;gap:1rem;border:none;padding:.35rem .85rem;
  }
  .admin-data-table td::before{
    content:attr(data-label);font-weight:600;color:#6b7280;flex-shrink:0;
  }
}

/* Programar visita — wizard multi-paso */
.schedule-wizard{max-width:720px;margin:0 auto;padding:1.75rem 1.5rem 1.5rem}
.schedule-wizard-title{font-size:1.35rem;font-weight:700;color:#255441;margin:0 0 1.5rem}
.wizard-stepper{
  display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;
  margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid #e5e7eb;
}
.wizard-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;min-width:0}
.wizard-step:not(:last-child)::after{
  content:'';position:absolute;top:14px;left:calc(50% + 18px);right:calc(-50% + 18px);height:2px;
  background:#e5e7eb;z-index:0;
}
.wizard-step.completed:not(:last-child)::after{background:#4E7463}
.wizard-step-track{position:relative;z-index:1;margin-bottom:.45rem}
.wizard-step-dot{
  display:flex;align-items:center;justify-content:center;
  width:28px;height:28px;border-radius:50%;font-size:.8rem;font-weight:700;
  background:#fff;border:2px solid #cbd5e1;color:#94a3b8;
}
.wizard-step.active .wizard-step-dot{
  border-color:#B78B1E;background:#B78B1E;color:#101915;box-shadow:0 0 0 4px rgba(183,139,30,.2);
}
.wizard-step.completed .wizard-step-dot{
  border-color:#4E7463;background:#4E7463;color:#fff;
}
.wizard-step-label{font-size:.7rem;line-height:1.25;color:#6b7280;font-weight:500;padding:0 .15rem}
.wizard-step.active .wizard-step-label{color:#255441;font-weight:600}
.wizard-step.completed .wizard-step-label{color:#374151}
.wizard-panel-title{font-size:1.05rem;font-weight:600;color:#255441;margin:0 0 1.25rem}
.wizard-panel-desc{font-size:.875rem;color:#6b7280;margin:-.75rem 0 1rem}
.schedule-form{margin-top:.5rem}
.form-row{
  display:grid;grid-template-columns:minmax(120px,160px) minmax(0,1fr);
  align-items:start;gap:.75rem 1.25rem;margin-bottom:1.1rem;
}
.form-row-label{font-size:.875rem;font-weight:500;color:#374151;padding-top:.55rem;line-height:1.3}
.form-row-control{max-width:420px;width:100%}
.form-inline-group{display:flex;flex-wrap:wrap;gap:.65rem}
.form-inline-group .schedule-input{flex:1 1 140px;min-width:0;width:auto}
.form-hint{font-size:.75rem;color:#6b7280;margin-top:.35rem;line-height:1.35}
.schedule-input{width:100%;max-width:100%;border-radius:6px;border:1px solid #cbd5e1;padding:.55rem .75rem;font-size:.9rem}
.schedule-input:focus{outline:2px solid #B78B1E;outline-offset:0;border-color:#B78B1E}
.schedule-textarea{resize:vertical;min-height:72px}
.wizard-actions{
  display:flex;align-items:center;gap:.75rem;margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid #e5e7eb;
}
.wizard-actions-spacer{flex:1}
.btn-wizard-primary{
  background:#B78B1E;color:#101915;border:none;padding:.6rem 1.35rem;border-radius:6px;
  font-size:.9rem;font-weight:600;
}
.btn-wizard-primary:hover{background:#C49F4D}
.btn-wizard-secondary{
  background:#fff;color:#374151;border:1px solid #d1d5db;padding:.6rem 1.25rem;border-radius:6px;font-size:.9rem;
}
.btn-wizard-secondary:hover{background:#f9fafb}
.wizard-add-link{
  background:none;border:none;color:#4E7463;font-size:.875rem;font-weight:600;cursor:pointer;padding:.25rem 0;margin-top:.5rem;
}
.wizard-add-link:hover{text-decoration:underline}
.visitors-wizard-list{display:flex;flex-direction:column;gap:1rem}
.visitor-card{
  border:1px solid #e5e7eb;border-radius:8px;padding:1rem 1rem .5rem;background:#f9fafb;
}
.visitor-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}
.visitor-card-title{font-size:.875rem;font-weight:600;color:#255441}
.visitor-remove-btn{
  background:none;border:none;color:#b91c1c;font-size:1.25rem;line-height:1;cursor:pointer;padding:0 .25rem;
}
.visitor-remove-btn:hover{color:#991b1b}
.schedule-step-error{font-size:.875rem;color:#dc2626;margin:.75rem 0 0}
.schedule-msg{margin-top:1rem;font-size:.875rem;padding:.65rem .85rem;border-radius:6px}
.schedule-msg-success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
@media(max-width:640px){
  .form-row{grid-template-columns:1fr;gap:.35rem}
  .form-row-label{padding-top:0}
  .form-row-control{max-width:100%}
  .wizard-step-label{font-size:.62rem}
  .wizard-step-dot{width:24px;height:24px;font-size:.72rem}
  .wizard-step:not(:last-child)::after{top:12px}
}

/* Mis Visitas (visitante) */
.visitor-visits-page{max-width:720px;margin:0 auto;padding:1.75rem 1.5rem}
.visitor-visits-empty{font-size:.9rem;color:#6b7280}
.visitor-visits-list{display:flex;flex-direction:column;gap:1.25rem}
.visitor-visit-card{
  border:1px solid #e5e7eb;border-radius:10px;padding:1.25rem 1.25rem 1rem;background:#fafafa;
}
.visitor-visit-header{
  display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;
  margin-bottom:1rem;padding-bottom:.85rem;border-bottom:1px solid #e5e7eb;
}
.visitor-visit-plant{font-size:1rem;font-weight:600;color:#255441;margin:0 0 .25rem}
.visitor-visit-meta{font-size:.875rem;color:#6b7280;margin:0;line-height:1.4}
.visitor-visit-status{
  flex-shrink:0;font-size:.72rem;font-weight:600;padding:.25rem .55rem;border-radius:999px;white-space:nowrap;
}
.visitor-visit-form{margin-top:.25rem}
.visitor-visit-form .form-inline-group .doc-type{flex:0 0 118px}
.visitor-visit-form .form-inline-group .doc-number{flex:1 1 180px}
.visitor-visit-actions{
  display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #e5e7eb;
}
.visitor-cancel-btn{color:#b91c1c;border-color:#fecaca}
.visitor-cancel-btn:hover{background:#fef2f2}

/* Check-in multistep */
.checkin-wizard-overlay{
  position:fixed;inset:0;z-index:80;background:rgba(15,23,42,.55);
  display:flex;align-items:flex-start;justify-content:center;
  padding:1.5rem;overflow:auto;
}
.checkin-wizard-panel{
  width:min(640px,100%);margin:1rem auto 2rem;background:#fff;
}
.checkin-wizard-header{
  display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem;
}
.checkin-camera-box{
  position:relative;width:100%;aspect-ratio:4/3;background:#0f172a;
  border-radius:10px;overflow:hidden;border:1px solid #e5e7eb;
}
.checkin-video,.checkin-preview{
  width:100%;height:100%;object-fit:cover;display:block;
}
.checkin-preview.hidden,.checkin-video.hidden,#checkinPlateFields.hidden{display:none!important}
.checkin-wizard-panel .justify-end{justify-content:flex-end}
.checkin-checklist-list{display:flex;flex-direction:column;gap:.75rem}
.checkin-checklist-item{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.9rem 1rem;border:1px solid #e5e7eb;border-radius:10px;background:#fafafa;
}
.checkin-checklist-item.is-done{
  background:#ecfdf5;border-color:#a7f3d0;
}
.checkin-checklist-item-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.checkin-checklist-item-info strong{font-size:.92rem;color:#1f2937}
.checkin-checklist-type{
  font-size:.72rem;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;
}
.checkin-checklist-done{font-size:.85rem;font-weight:600;color:#166534;white-space:nowrap}
.checkin-checklist-item .btn{flex-shrink:0}
.gate-inline-checklist{margin-top:.75rem}
.text-green-800{color:#166534}
@media(max-width:640px){
  .checkin-wizard-overlay{padding:.75rem}
  .checkin-checklist-item{flex-direction:column;align-items:stretch}
  .checkin-checklist-item .btn{width:100%}
}

/* ===== Analítica dashboard ===== */
.an-page{display:flex;flex-direction:column;gap:1.25rem}
.an-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}
.an-title{font-size:1.35rem;font-weight:700;color:#255441;margin:0}
.an-subtitle{font-size:.85rem;color:#6b7280;margin:.25rem 0 0}
.an-filters{padding:1rem 1.25rem}
.an-filters-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}
.an-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.an-kpi{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1rem 1.1rem}
.an-kpi-value{font-size:1.5rem;font-weight:700;color:#255441;line-height:1.2}
.an-kpi-label{font-size:.75rem;color:#6b7280;margin-top:.35rem;text-transform:uppercase;letter-spacing:.04em}
.an-kpi-up{color:#059669}
.an-kpi-down{color:#dc2626}
.an-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.an-insight{border-radius:10px;padding:.85rem 1rem;border:1px solid #e5e7eb;background:#fff}
.an-insight strong{display:block;font-size:.9rem;margin-bottom:.25rem;color:#255441}
.an-insight p{margin:0;font-size:.85rem;color:#4b5563}
.an-insight-success{border-color:#a7f3d0;background:#ecfdf5}
.an-insight-warning{border-color:#fde68a;background:#fffbeb}
.an-insight-danger{border-color:#fecaca;background:#fef2f2}
.an-insight-info{border-color:#A3B7AD;background:#e8f0ec}
.an-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.an-card{padding:1rem 1.25rem}
.an-card-title{font-size:1rem;font-weight:600;color:#255441;margin:0 0 .75rem}
.an-svg{width:100%;height:auto;display:block}
.an-bar{fill:#255441}
.an-line{stroke:#B78B1E;stroke-width:2.5}
.an-dot{fill:#B78B1E}
.an-chart-label{font-size:10px;fill:#6b7280}
.an-donut-wrap{display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap}
.an-donut{width:160px;height:160px;flex-shrink:0}
.an-donut-total{font-size:22px;font-weight:700;fill:#255441}
.an-donut-sub{font-size:11px;fill:#6b7280}
.an-legend{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem}
.an-legend-item{display:flex;align-items:center;gap:.5rem}
.an-swatch{width:10px;height:10px;border-radius:2px;display:inline-block}
.an-heat-table{width:100%;border-collapse:collapse;font-size:.75rem}
.an-heat-table th,.an-heat-table td{padding:2px;text-align:center}
.an-heat-table th{color:#6b7280;font-weight:500}
.an-heat-cell{display:block;min-width:28px;height:22px;line-height:22px;border-radius:3px;background:#255441;color:#fff;font-size:.7rem}
.an-footnote{font-size:.75rem;color:#9ca3af;margin:.5rem 0 0}
.an-mini-kpis{display:flex;gap:1rem;font-size:.85rem;color:#4b5563;margin-bottom:.5rem}
@media(max-width:1100px){
  .an-filters-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .an-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:768px){
  .an-filters-grid,.an-kpi-grid,.an-grid-2,.an-insights{grid-template-columns:1fr}
}