:root{--bg: #edf0f4;--surface: #ffffff;--border: #dce1e8;--text: #12161c;--text-muted: #6b7280;--accent: #1b2a4a;--accent-hover: #132038;--accent-soft: rgba(27, 42, 74, .09);--accent-foreground: #ffffff;--danger: #d8452f;--danger-soft: rgba(216, 69, 47, .11);--success: #2e7d5b;--success-soft: rgba(46, 125, 91, .13);--warn: #b4700f;--warn-soft: rgba(184, 112, 15, .12);--gold: #b8964f;--whatsapp: #25d366;--whatsapp-soft: rgba(37, 211, 102, .14);--instagram: #c13584;--instagram-soft: rgba(193, 53, 132, .12);--sidebar-bg: #1b2a4a;--sidebar-text: #8798b5;--sidebar-text-active: #ffffff;--radius: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--border-tint: rgba(27, 42, 74, .1);--border-tint-strong: rgba(27, 42, 74, .18);--gold-border: rgba(184, 150, 79, .45);--shadow: 0 1px 0 rgba(18, 22, 28, .06);--shadow-2xs: 0px 1px 0px rgba(18, 22, 28, .05);--shadow-sm: 0px 1px 0px rgba(18, 22, 28, .06), 0px 3px 10px -2px rgba(18, 22, 28, .12);--shadow-md: 0px 1px 0px rgba(18, 22, 28, .07), 0px 10px 24px -6px rgba(18, 22, 28, .18);--shadow-lg: 0px 1px 0px rgba(18, 22, 28, .08), 0px 22px 44px -10px rgba(18, 22, 28, .26);--glass-bg: rgba(255, 255, 255, .78);--glass-bg-strong: rgba(255, 255, 255, .9);--glass-border: rgba(255, 255, 255, .7);--glass-blur: 16px;--elevate-1: rgba(18, 22, 28, .04);--elevate-2: rgba(18, 22, 28, .08);--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: var(--font-body);--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}*{box-sizing:border-box;overflow-wrap:break-word;word-break:break-word;min-width:0}html,body{overflow-x:hidden;max-width:100vw}img,video,svg{max-width:100%;height:auto}body{margin:0;font-family:var(--font-body);background:radial-gradient(circle at 15% 0%,rgba(212,175,106,.1),transparent 45%),radial-gradient(circle at 100% 30%,rgba(255,255,255,.04),transparent 40%),var(--bg);background-attachment:fixed;color:var(--text);font-size:14px}.hover-elevate,.active-elevate{position:relative}.hover-elevate:after,.active-elevate:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:transparent;pointer-events:none;transition:background-color .15s ease}.hover-elevate:hover:after{background:var(--elevate-1)}.active-elevate:active:after{background:var(--elevate-2)}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;padding:20px 12px}.sidebar .brand{display:block;padding:4px 12px 22px}.sidebar .brand-name{display:block;font-family:"Space Grotesk",var(--font-display);font-size:27px;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:#fff;max-width:196px;overflow-wrap:break-word}.brand-name-accent{color:var(--gold)}.sidebar .brand small{display:flex;align-items:center;gap:5px;font-family:var(--font-body);font-weight:400;color:#94a3b8;font-size:12px;margin-top:6px}.sidebar .brand small:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--gold);flex-shrink:0}.sidebar .scope-switcher{padding:0 12px 16px}.sidebar .scope-switcher label{display:block;color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.sidebar .scope-switcher select{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:6px;padding:6px 8px;font-size:13px}.sidebar nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar nav a{color:var(--sidebar-text);text-decoration:none;padding:9px 12px;border-radius:8px;font-size:14px;font-weight:500}.sidebar nav a:hover{background:#ffffff0f;color:#fff}.sidebar nav a.active{background:#b8964f38;color:#fff}.sidebar .staff-info{border-top:1px solid rgba(255,255,255,.1);padding:12px;font-size:13px}.sidebar .staff-info .name{color:#fff;font-weight:600}.sidebar .staff-info button{margin-top:8px;background:none;border:1px solid rgba(255,255,255,.2);color:var(--sidebar-text);border-radius:6px;padding:5px 10px;font-size:12px;cursor:pointer}.sidebar .staff-info button:hover{color:#fff;border-color:#fff}.main{flex:1;min-width:0;padding:28px 36px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-header h1{font-size:20px;margin:0}.page-header p.subtitle{color:var(--text-muted);margin:4px 0 0;font-size:13px}.card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:20px;margin-bottom:20px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:16px;z-index:100}.modal-panel{background:var(--surface, #fff);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px;max-width:360px;width:100%}.stat-card{margin-bottom:0;display:flex;flex-direction:column;gap:10px}.stat-card-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.stat-card-value{font-size:26px;font-weight:700}.crm-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.crm-charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;align-items:stretch;margin-bottom:20px}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);padding:8px 12px;border-bottom:1px solid var(--border)}td{padding:12px;border-bottom:1px solid var(--border);font-size:13.5px}tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer}tr.clickable:hover{background:var(--accent-soft)}.badge{display:inline-block;padding:2px 7px;border-radius:3px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.badge.new,.badge.requested,.badge.pending{background:var(--warn-soft);color:var(--warn)}.badge.confirmed,.badge.preparing,.badge.dispatched{background:var(--accent-soft);color:var(--accent)}.badge.completed,.badge.delivered,.badge.accepted,.badge.ready,.badge.active{background:var(--success-soft);color:var(--success)}.badge.cancelled,.badge.no_show,.badge.disabled,.badge.closed{background:var(--danger-soft);color:var(--danger)}.badge.paused{background:var(--warn-soft);color:var(--warn)}.badge.repeat{background:var(--accent-soft);color:var(--accent)}.badge.vip{background:#b8964f29;color:var(--gold)}.badge.primary{background:var(--accent-soft);color:var(--accent)}.badge.whatsapp{background:var(--whatsapp-soft);color:var(--whatsapp)}.badge.instagram{background:var(--instagram-soft);color:var(--instagram)}button,.btn{font-family:inherit;font-size:13.5px;font-weight:600;border-radius:var(--radius-sm);border:1px solid var(--gold-border);padding:8px 14px;cursor:pointer;background:var(--accent);color:var(--accent-foreground);box-shadow:var(--shadow-2xs);transition:background-color .15s ease,box-shadow .15s ease,transform .1s ease}button:hover{background:var(--accent-hover);box-shadow:var(--shadow-sm)}button:active{transform:translateY(1px);box-shadow:none}button.secondary{background:var(--glass-bg-strong);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));color:var(--text);border-color:var(--glass-border)}button.secondary:hover{background:var(--surface)}button.danger{background:var(--danger);border-color:#d8452f59}button.danger:hover{background:#b91c1c}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}input,select,textarea{font-family:inherit;font-size:13.5px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;background:var(--surface);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}label{display:block;font-size:12.5px;font-weight:600;color:var(--text-muted);margin-bottom:4px}.field{margin-bottom:14px}.form-row{display:flex;gap:12px}.form-row>*{flex:1}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px}.error-banner{background:var(--danger-soft);color:var(--danger);padding:10px 14px;border-radius:var(--radius-md);margin-bottom:16px;font-size:13.5px}.success-banner{background:var(--success-soft);color:var(--success);padding:10px 14px;border-radius:var(--radius-md);margin-bottom:16px;font-size:13.5px}.hint{color:var(--text-muted);font-size:12.5px;margin:-8px 0 14px}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 20%,rgba(184,150,79,.28),transparent 45%),radial-gradient(circle at 85% 80%,rgba(255,255,255,.08),transparent 40%),var(--sidebar-bg)}.login-card{background:var(--glass-bg-strong);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:36px;width:340px;box-shadow:var(--shadow-lg)}.login-card h1{font-size:18px;margin:0 0 4px}.login-card p{color:var(--text-muted);font-size:13px;margin:0 0 20px}.muted{color:var(--text-muted)}.link-button{background:none;border:none;color:var(--accent);cursor:pointer;font-size:13px;padding:0}.link-button:hover{background:none;color:var(--accent-hover);text-decoration:underline}.link{background:none;border:none;box-shadow:none;color:var(--danger);cursor:pointer;font-size:12.5px;font-weight:600;padding:0}.link:hover{background:none;box-shadow:none;color:#b91c1c;text-decoration:underline}.pin-name-list{display:flex;flex-direction:column;gap:8px}.pin-name-list button{background:var(--accent-soft);color:var(--accent);width:100%;padding:14px;font-size:15px;text-align:left}.pin-name-list button:hover{background:var(--accent);color:var(--accent-foreground)}.pin-dots{display:flex;justify-content:center;gap:14px;margin-bottom:24px}.pin-dots span{width:14px;height:14px;border-radius:50%;border:2px solid var(--border);background:transparent}.pin-dots span.filled{background:var(--accent);border-color:var(--accent)}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pin-pad button{background:var(--accent-soft);color:var(--accent);padding:18px 0;font-size:20px;font-weight:600}.pin-pad button:hover{background:var(--accent);color:var(--accent-foreground)}.stat-row{display:flex;gap:16px;margin-bottom:20px}.stat-card{flex:1;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:16px 18px;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card .value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.stat-card .label{font-size:12.5px;color:var(--text-muted);margin-top:2px}.figs{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.fig{background:var(--surface);padding:11px 12px}.fig span{display:block;font-size:10.5px;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:3px}.fig strong{font-size:18px;font-weight:600;letter-spacing:-.02em}.fig.wide{grid-column:1 / -1}.thread{display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow-y:auto;padding:4px 4px 12px}.bubble{max-width:70%;padding:8px 12px;border-radius:12px;font-size:13.5px;line-height:1.4}.bubble .meta{font-size:11px;opacity:.7;margin-top:3px}.bubble.customer{align-self:flex-start;background:var(--bg);border:1px solid var(--border)}.bubble.bot{align-self:flex-end;background:var(--accent-soft);color:var(--accent)}.bubble.staff{align-self:flex-end;background:var(--success-soft);color:var(--success)}.lane-head{display:flex;align-items:baseline;gap:8px;margin-bottom:10px;padding-bottom:7px;border-bottom:2px solid var(--accent)}.lane-head h2{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.lane-head .count{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--accent-foreground);background:var(--accent);border-radius:999px;padding:1px 8px}.lane-head .hint{font-size:11px;color:var(--text-muted);margin:0 0 0 auto}.docket{display:block;background:var(--glass-bg-strong);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-sm);position:relative;padding:12px 13px 11px;cursor:pointer;text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .12s ease,outline-color .3s ease}.docket.highlight{outline:2px solid var(--accent, #b4700f);outline-offset:2px}.docket:before{content:"";position:absolute;left:0;right:0;top:-4px;height:4px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:repeating-linear-gradient(90deg,var(--border-tint-strong) 0 4px,transparent 4px 8px)}.docket:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.docket .row1{display:flex;align-items:center;gap:8px;margin-bottom:7px}.docket .no{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--accent)}.docket .chan{font-size:9.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border);border-radius:3px;padding:1px 5px;color:var(--text-muted)}.docket .chan.whatsapp{border-color:var(--whatsapp);color:var(--whatsapp)}.docket .chan.instagram{border-color:var(--instagram);color:var(--instagram)}.docket .waiting{margin-left:auto;font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-muted)}.docket .waiting.warm{color:var(--warn)}.docket .waiting.hot{color:var(--danger)}.docket .who{font-size:13px;font-weight:600;margin-bottom:5px}.docket ul{list-style:none;font-size:12.5px;color:#3a424f;padding:0;margin:0}.docket ul li{display:flex;gap:7px;padding:1.5px 0}.docket ul li b{font-weight:600;color:var(--text);min-width:16px}.docket .foot{display:flex;align-items:center;gap:8px;margin-top:9px;padding-top:8px;border-top:1px dashed var(--border)}.docket .total{font-family:var(--font-mono);font-size:13px;font-weight:600}.docket .foot .badge{margin-left:auto}.empty{border:1px dashed var(--border);border-radius:3px;padding:18px 12px;font-size:12px;color:var(--text-muted);text-align:center}.mobile-header,.nav-backdrop{display:none}@media (max-width: 860px){html,body{overscroll-behavior:none}.app-shell{display:block}.mobile-header{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:20;background:var(--sidebar-bg);color:#fff;padding:12px 16px}.nav-toggle{background:none;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:18px;line-height:1;padding:6px 10px;border-radius:8px}.mobile-header-brand{font-family:"Space Grotesk",var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.02em;line-height:1.15;overflow-wrap:break-word;flex:1;min-width:0}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:29}.sidebar{position:fixed;top:0;bottom:0;left:0;width:78vw;max-width:300px;z-index:30;transform:translate(-100%);transition:transform .2s ease;overflow-y:auto}.sidebar.open{transform:translate(0)}.main{padding:16px}.page-header{flex-wrap:wrap;gap:10px}.stat-row{flex-wrap:wrap}.stat-card{flex:1 1 45%}.form-row{flex-direction:column;gap:0}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}td,th{white-space:nowrap}td>form,td>.form-row,td .field,td textarea,td .error-banner,td .success-banner,td.empty-state{white-space:normal}button,.btn,input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),select,textarea{min-height:40px;font-size:16px}.nav-toggle{min-height:36px;min-width:36px}.login-card{width:90vw;max-width:340px;padding:28px 24px}.bubble{max-width:88%}.board{scroll-snap-type:x mandatory}.board-column{flex:0 0 85vw!important;min-width:0!important;scroll-snap-align:start}.reply-form{flex-direction:column}.reply-form button{width:100%}}.loading-spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:loading-spin .7s linear infinite;display:inline-block}@keyframes loading-spin{to{transform:rotate(360deg)}}@media (max-width: 860px){.crm-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:14px;gap:6px}.stat-card-icon{width:30px;height:30px}.stat-card-value{font-size:20px}.crm-charts-grid{grid-template-columns:1fr}}