:root{--bg-sand: #EDE6DC;--brand-black: #1C1B1A;--text-concrete: #3B3A38;--accent-amber: #D9A441;--accent-bronze: #A97B52;--bg-main: #EDE6DC;--bg-surface: #ffffff;--bg-surface-secondary: #f6f2ec;--text-main: #1C1B1A;--text-muted: #3B3A38;--brand-primary: #1C1B1A;--brand-primary-light: #f3eee6;--brand-accent: #D9A441;--border-color: #dcd4c7;--status-urgent-bg: #fee2e2;--status-urgent-border: #fca5a5;--status-urgent-text: #991b1b;--status-contacted-bg: #fef3c7;--status-contacted-border: #fcd34d;--status-contacted-text: #92400e;--status-ok-bg: #d1fae5;--status-ok-border: #6ee7b7;--status-ok-text: #065f46;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(28, 27, 26, .06);--shadow-md: 0 4px 12px rgba(28, 27, 26, .08);--shadow-lg: 0 10px 25px rgba(28, 27, 26, .12);--font-family: "Assistant", "Archivo", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", monospace
  --brand-gradient: linear-gradient(135deg, #1C1B1A 0%, #3B3A38 100%);
  --status-urgent-badge: #e11d48;
  --border-focus: #D9A441;
  --text-light: #716d66;
  --transition-normal: all 0.25s ease;
  --transition-fast: all 0.15s ease;
  --status-scheduled-bg: #e0f2fe;
  --status-scheduled-border: #bae6fd;
  --status-scheduled-text: #0369a1;
  --wa-green: #25D366;
  --wa-green-hover: #1da851;
  --shadow-glow: 0 0 15px rgba(37, 211, 102, 0.4);
}[data-theme=dark]{--bg-sand: #161514;--bg-main: #161514;--bg-surface: #22201e;--bg-surface-secondary: #2c2926;--text-main: #ede6dc;--text-muted: #c4bbb0;--brand-primary: #D9A441;--brand-primary-light: #2d261b;--border-color: #3b3733
  --status-urgent-badge: #f43f5e;
  --status-scheduled-bg: #0c4a6e;
  --status-scheduled-border: #075985;
  --status-scheduled-text: #e0f2fe;
  --text-light: #9c9489;
  --border-focus: #D9A441;
}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-main);direction:rtl;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{min-height:100vh;padding:1.5rem;max-width:1400px;margin:0 auto}@media (max-width: 768px){.app-container{padding:.85rem}}.app-container{max-width:1400px;width:100%;margin:0 auto;padding:1.5rem 1.25rem 3rem;display:flex;flex-direction:column;gap:1.5rem}.app-header{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem 1.75rem;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-md);flex-wrap:wrap;gap:1rem}.brand-section{display:flex;align-items:center;gap:.85rem}.brand-icon-wrapper{width:48px;height:48px;border-radius:var(--radius-md);background:var(--brand-gradient);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #064e3b40}.brand-title{font-size:1.45rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-subtitle{font-size:.85rem;color:var(--text-muted);font-weight:500}.header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.kpi-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm);transition:var(--transition-normal);position:relative;overflow:hidden}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-focus)}.kpi-card.kpi-urgent{background:var(--status-urgent-bg);border-color:var(--status-urgent-border)}.kpi-card.kpi-urgent:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:var(--status-urgent-badge)}.kpi-info{display:flex;flex-direction:column;gap:.25rem}.kpi-title{font-size:.875rem;font-weight:600;color:var(--text-muted)}.kpi-value{font-size:2rem;font-weight:800;color:var(--text-main);line-height:1.1}.kpi-card.kpi-urgent .kpi-value{color:var(--status-urgent-text)}.kpi-subtext{font-size:.75rem;color:var(--text-light);margin-top:.2rem}.kpi-icon-box{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--bg-surface-secondary);color:var(--brand-primary)}.kpi-urgent .kpi-icon-box{background:var(--status-urgent-badge);color:#fff}.filter-bar-container{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-sm)}.filter-top-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.search-input-wrapper{position:relative;flex:1;min-width:260px}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-light);pointer-events:none}.search-input{width:100%;padding:.65rem 2.5rem .65rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-surface-secondary);color:var(--text-main);font-family:inherit;font-size:.95rem;transition:var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--brand-primary);background:var(--bg-surface);box-shadow:0 0 0 3px #05966926}.threshold-selector{display:flex;align-items:center;gap:.5rem;background:var(--bg-surface-secondary);padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);font-size:.875rem}.threshold-label{font-weight:600;color:var(--text-muted);font-size:.85rem}.threshold-btn{border:none;background:transparent;padding:.35rem .75rem;border-radius:var(--radius-sm);font-family:inherit;font-size:.85rem;font-weight:700;cursor:pointer;color:var(--text-muted);transition:var(--transition-fast)}.threshold-btn.active{background:var(--brand-primary);color:#fff;box-shadow:var(--shadow-sm)}.tabs-container{display:flex;align-items:center;gap:.5rem;border-top:1px solid var(--border-color);padding-top:.75rem;overflow-x:auto}.tab-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-muted);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:var(--transition-fast)}.tab-btn:hover{background:var(--bg-surface-secondary);color:var(--text-main)}.tab-btn.active{background:var(--brand-primary);color:#fff}.tab-badge{background:var(--bg-surface-secondary);color:var(--text-main);padding:.15rem .5rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700}.tab-btn.active .tab-badge{background:#ffffff40;color:#fff}.tab-btn.tab-urgent.active{background:var(--status-urgent-badge)}.table-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.clients-table-wrapper{overflow-x:auto;width:100%}.clients-table{width:100%;border-collapse:collapse;text-align:right;font-size:.95rem}.clients-table th{background:var(--bg-surface-secondary);color:var(--text-muted);font-weight:700;padding:.85rem 1.25rem;border-bottom:1px solid var(--border-color);font-size:.85rem;white-space:nowrap}.clients-table td{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);vertical-align:middle;color:var(--text-main)}.clients-table tbody tr{transition:var(--transition-fast)}.clients-table tbody tr:hover{background:var(--bg-surface-secondary)}.clients-table tbody tr.tr-urgent{background:#e11d4805}.client-name-cell{font-weight:700;color:var(--text-main);display:flex;flex-direction:column}.client-phone-sub{font-size:.8rem;color:var(--text-muted);font-weight:400;direction:ltr;text-align:right}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;white-space:nowrap;border:1px solid transparent}.badge-urgent{background:var(--status-urgent-bg);color:var(--status-urgent-text);border-color:var(--status-urgent-border);animation:pulseAlert 2s infinite ease-in-out}.badge-scheduled{background:var(--status-scheduled-bg);color:var(--status-scheduled-text);border-color:var(--status-scheduled-border)}.badge-contacted{background:var(--status-contacted-bg);color:var(--status-contacted-text);border-color:var(--status-contacted-border)}.badge-ok{background:var(--status-ok-bg);color:var(--status-ok-text);border-color:var(--status-ok-border)}@keyframes pulseAlert{0%,to{opacity:1}50%{opacity:.8}}.btn-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--wa-green);color:#fff;border:none;padding:.55rem 1.15rem;border-radius:var(--radius-sm);font-family:inherit;font-weight:700;font-size:.875rem;text-decoration:none;cursor:pointer;box-shadow:0 2px 8px #25d3664d;transition:var(--transition-normal);white-space:nowrap}.btn-whatsapp:hover{background:var(--wa-green-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-whatsapp.btn-whatsapp-pulse{animation:waPulse 2.5s infinite}@keyframes waPulse{0%{box-shadow:0 0 #25d36699}70%{box-shadow:0 0 0 12px #25d36600}to{box-shadow:0 0 #25d36600}}.mobile-cards-grid{display:flex;flex-direction:column;gap:1rem}.client-mobile-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.85rem}.client-mobile-card.card-urgent{border-right:5px solid var(--status-urgent-badge)}.mobile-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.mobile-card-name{font-size:1.1rem;font-weight:700}.mobile-card-details{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;background:var(--bg-surface-secondary);padding:.75rem;border-radius:var(--radius-sm);font-size:.85rem}.detail-item{display:flex;flex-direction:column;gap:.15rem}.detail-label{color:var(--text-muted);font-size:.75rem}.detail-value{font-weight:600}.mobile-card-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem 1.2rem;border-radius:var(--radius-sm);font-family:inherit;font-weight:600;font-size:.9rem;border:1px solid transparent;cursor:pointer;transition:var(--transition-fast)}.btn-primary{background:var(--brand-primary);color:#fff}.btn-primary:hover{background:var(--brand-primary-light);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--bg-surface-secondary);border-color:var(--border-color);color:var(--text-main)}.btn-secondary:hover{background:var(--border-color)}.btn-icon-only{padding:.5rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-surface-secondary);color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.btn-icon-only:hover{color:var(--text-main);background:var(--border-color)}.btn-icon-only.danger:hover{color:#ef4444;background:#fee2e2;border-color:#fca5a5}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:1.2rem;font-weight:700}.modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.15rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:flex-end;gap:.75rem;background:var(--bg-surface-secondary);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-label{font-size:.875rem;font-weight:600;color:var(--text-main)}.form-input,.form-textarea,.form-select{width:100%;padding:.65rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-surface-secondary);color:var(--text-main);font-family:inherit;font-size:.95rem;transition:var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--brand-primary);background:var(--bg-surface);box-shadow:0 0 0 3px #05966926}.form-textarea{min-height:90px;resize:vertical}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.empty-state{padding:3rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-muted)}.empty-icon{width:60px;height:60px;border-radius:var(--radius-full);background:var(--bg-surface-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-light)}@media (min-width: 769px){.mobile-only-grid{display:none!important}}@media (max-width: 768px){.app-container{padding:1rem .75rem 2rem}.app-header{flex-direction:column;align-items:stretch}.header-actions{justify-content:space-between;width:100%}.kpi-grid{grid-template-columns:1fr 1fr}.filter-top-row{flex-direction:column;align-items:stretch}.search-input-wrapper{min-width:100%}.desktop-only-table{display:none!important}}.spin-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}


/* Responsive & Mobile Overflow Prevention (320px, 360px, 390px, 768px) */
html, body {
  overflow-x: hidden;
  width: 100%;
  max-width: 100vw;
}

*, *:before, *:after {
  max-width: 100%;
}

.table-card, .filter-bar-container, .app-header, .kpi-grid {
  box-sizing: border-box;
}

/* Explicit Tab Scrolling Indicator */
.tabs-container {
  scrollbar-width: thin;
  scrollbar-color: var(--brand-accent) var(--bg-surface-secondary);
  -webkit-overflow-scrolling: touch;
}
.tabs-container::-webkit-scrollbar {
  height: 4px;
}
.tabs-container::-webkit-scrollbar-thumb {
  background: var(--brand-accent);
  border-radius: 4px;
}

/* Keyboard Navigation & Focus Ring */
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid var(--accent-amber) !important;
  outline-offset: 2px !important;
}

/* Accessibility: Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  .badge-urgent {
    animation: none !important;
  }
  .btn-whatsapp.btn-whatsapp-pulse {
    animation: none !important;
  }
}