:root{--bg:#f5f5f4;--surface:#ffffff;--border:#e2e0dd;--text:#1c1c1a;--text-muted:#6d6b66;--accent:#1d6fb8;--accent-bg:#e8f1f9;--danger:#b03030;--danger-bg:#f6e7e7;--warn:#8a6100;--warn-bg:#fdf3df;--ok:#2f9e44;--ok-bg:#e8f3e3;--topbar-bg:#2c3a47;--sidebar-bg:#eeedeb}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:15px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}nav.topbar{display:flex;align-items:center;gap:6px;background:var(--topbar-bg);color:#fff;padding:8px 16px}nav.topbar a{color:#cfd8df}nav.topbar .brand-mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:var(--accent);font-size:16px;margin-right:10px;flex-shrink:0;text-decoration:none;transition:filter .15s ease}nav.topbar .brand-mark:hover{filter:brightness(1.12);text-decoration:none}nav.topbar .nav-item{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:8px;color:#b9c6d0;font-weight:500;font-size:13.5px;text-decoration:none;transition:background .15s ease,color .15s ease}nav.topbar .nav-item:hover{background:rgba(255,255,255,.08);color:#fff;text-decoration:none}nav.topbar .nav-item.active{background:rgba(255,255,255,.16);color:#fff;font-weight:600}nav.topbar .nav-item.icon-only{padding:7px 10px;font-size:16px}nav.topbar .nav-badge{background:#d9534f;color:#fff;border-radius:9px;font-size:11px;font-weight:700;padding:1px 6px;line-height:1.4}nav.topbar .nav-icon{font-size:14px;opacity:.85}nav.topbar .nav-item.active .nav-icon{opacity:1}nav.topbar .topbar-user{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}nav.topbar .spacer{flex:1 1}nav.topbar .topbar-search input{width:250px;padding:6px 12px;border-radius:15px;border:1px solid #4a5b6a;background:rgba(255,255,255,.08);color:#fff;font-size:13px}nav.topbar .topbar-search input::placeholder{color:#9fb0bd}nav.topbar .topbar-search input:focus{outline:none;background:#fff;color:var(--text)}mark{background:#ffe9a8;border-radius:2px;padding:0 1px}nav.topbar .muted{color:#9fb0bd}nav.topbar button{background:transparent;color:#cfd8df;border-color:#4a5b6a}.claim-table{table-layout:fixed;width:100%}.claim-table td{overflow-wrap:break-word}.claim-table .break-any{overflow-wrap:anywhere}.claim-table .case-actions{display:flex;gap:6px;flex-wrap:nowrap}.claim-table .case-actions button{white-space:nowrap;padding:6px 9px}.facts-list{display:flex;flex-wrap:wrap;gap:3px 12px;margin-top:5px;font-size:12.5px}.facts-list .fact{white-space:nowrap}.rich-editor.ai-generating{background:linear-gradient(90deg,#f4f8fc 25%,#ffffff 37%,#f4f8fc 63%);background-size:800px 100%;animation:shimmer 1.3s linear infinite;pointer-events:none}.list-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 4px;font-size:13px}main.page{max-width:1180px;margin:0 auto;padding:20px}.app-shell{display:flex;align-items:stretch;min-height:calc(100vh - 45px)}.sidebar{width:232px;flex-shrink:0;background:var(--sidebar-bg);border-right:1px solid var(--border);padding:14px 0}.sidebar-section{padding:0 16px 10px;border-bottom:1px solid var(--border);margin-bottom:8px}.sidebar-heading{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.sidebar-mailbox{font-weight:600;margin-top:2px}.sidebar-folders{display:flex;flex-direction:column}.sidebar-folder{display:flex;align-items:center;justify-content:space-between;padding:7px 16px;color:var(--text);border-left:3px solid transparent;font-size:14px}.sidebar-folder:hover{background:#e5e4e1;text-decoration:none}.sidebar-folder.active{background:var(--surface);border-left-color:var(--accent);font-weight:600}.folder-badge{background:#d8d6d2;color:var(--text-muted);border-radius:9px;padding:1px 8px;font-size:12px;font-weight:600}.folder-badge.hot{background:#d9534f;color:#fff}.sidebar-agents{margin-top:10px;border-top:1px solid var(--border);padding-top:8px}.sidebar-agents summary{cursor:pointer;padding:4px 16px;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sidebar-agents summary:before{content:"▸ ";font-size:10px}.sidebar-agents[open] summary:before{content:"▾ "}.content{flex:1 1;min-width:0;padding:18px 22px}.breadcrumb{font-size:13px;margin-bottom:12px}.breadcrumb,.breadcrumb a{color:var(--text-muted)}h1{font-size:22px;margin:0 0 16px}h2{font-size:17px;margin:24px 0 10px}.card{border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:16px}.card,table{background:var(--surface)}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:9px 10px;border-bottom:1px solid var(--border);vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}th,tr.ticket-row:hover{background:#fafaf9}tr.ticket-row>td:first-child{border-left:3px solid transparent}tr.accent-new>td:first-child{border-left-color:var(--ok)}tr.accent-open>td:first-child{border-left-color:var(--accent)}tr.accent-snoozed>td:first-child,tr.accent-waiting_on_user>td:first-child{border-left-color:#e8a33d}tr.accent-spam>td:first-child,tr.accent-trash>td:first-child{border-left-color:var(--danger)}.ticket-sender{color:#2f9e44;font-weight:600}.ticket-number{color:var(--text-muted);font-size:13px;white-space:nowrap}.msg-count{min-width:22px;text-align:center;border:1px solid var(--border);border-radius:4px;padding:1px 4px}.badge,.msg-count{display:inline-block;font-size:12px;color:var(--text-muted)}.badge{padding:2px 8px;border-radius:3px;font-weight:600;background:var(--bg);white-space:nowrap}.badge.status-new{background:var(--ok);color:#fff}.badge.status-open{background:var(--accent);color:#fff}.badge.status-snoozed,.badge.status-waiting_on_user{background:var(--warn-bg);color:var(--warn)}.badge.status-resolved{background:var(--ok-bg);color:#2f6627}.badge.status-spam,.badge.status-trash{background:var(--danger-bg);color:var(--danger)}.badge.status-automated{background:#ece9f5;color:#5b4a8a}.badge.priority-high{background:var(--danger-bg);color:var(--danger)}button,input[type=submit]{font:inherit;padding:6px 14px;border:1px solid var(--border);border-radius:6px;background:var(--surface);cursor:pointer}button.primary{background:#2eb85c;border-color:#2eb85c;color:#fff;font-weight:600}button:hover{filter:brightness(.97)}input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{font:inherit;padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);width:100%}textarea{min-height:140px;resize:vertical}label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:4px}.form-row{margin-bottom:12px}.two-col{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:16px;gap:16px;align-items:start}.message{border:1px solid var(--border);border-left:3px solid var(--ok);border-radius:6px;padding:12px 14px;margin-bottom:10px;background:var(--surface)}.message.outbound{border-left-color:var(--accent);background:#f7fafd}.message .meta{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--text-muted);margin-bottom:6px}.message .meta .sender{color:#2f9e44;font-weight:600}.message.outbound .meta .sender{color:var(--accent)}.message .body{white-space:pre-wrap;word-break:break-word}.message details{margin-top:8px;font-size:13px;color:var(--text-muted)}.system-event{font-size:12px;color:var(--text-muted);padding:4px 14px 10px}.reply-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:14px;margin-bottom:16px}.reply-signature{color:var(--text-muted);font-size:13px;border-top:1px dashed var(--border);margin-top:8px;padding-top:8px}.reply-toolbar{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:10px;flex-wrap:wrap}.reply-toolbar select{width:auto}.notice{padding:10px 14px;border-radius:6px;background:var(--warn-bg);margin-bottom:14px}@keyframes pulseDot{0%{box-shadow:0 0 0 0 rgba(217,83,79,.55)}70%{box-shadow:0 0 0 7px rgba(217,83,79,0)}to{box-shadow:0 0 0 0 rgba(217,83,79,0)}}.pulse-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#d9534f;animation:pulseDot 1.4s infinite;flex-shrink:0}.wake-badge{display:inline-flex;align-items:center;gap:6px;background:var(--warn-bg);border:1px solid #e8a33d;color:var(--warn);border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600;margin-right:8px;margin-bottom:4px}.wake-badge:hover{text-decoration:none;filter:brightness(.97)}tr.woken{background:#fffaf0}.wake-notice{display:flex;align-items:center;gap:10px;border:1px solid #e8a33d}.wake-notice form{margin-left:auto}.presence-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2eb85c;flex-shrink:0}.presence-badge{display:inline-flex;gap:5px;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600;margin-right:8px;margin-bottom:4px}.presence-badge,.presence-bar{align-items:center;background:var(--ok-bg);color:#2f6627}.presence-bar{display:flex;gap:8px;border-radius:6px;padding:8px 14px;margin-bottom:14px;font-size:14px}.notice.error{background:var(--danger-bg);color:var(--danger)}.muted{color:var(--text-muted);font-size:13px}.inline-form{display:inline}.panel-table{font-size:12px}.panel-table td{padding:5px 4px}.editor-toolbar{display:flex;gap:4px;flex-wrap:wrap;align-items:center;border:1px solid var(--border);border-bottom:none;border-radius:6px 6px 0 0;padding:6px;background:#fafaf9}.editor-toolbar button{padding:3px 9px;min-width:30px;font-size:14px;line-height:1.2}.editor-toolbar .ai-btn{margin-left:auto;background:var(--accent-bg);border-color:var(--accent);color:var(--accent);font-weight:600;font-size:13px}.emoji-wrap{position:relative}.emoji-popover{position:absolute;top:110%;left:0;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:2px;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:4px;box-shadow:0 4px 12px rgba(0,0,0,.12)}.emoji-popover button{border:none;background:transparent;font-size:18px;padding:2px 4px}.rich-editor{min-height:150px;border:1px solid var(--border);border-radius:0 0 6px 6px;padding:10px 12px;background:var(--surface);font:inherit;line-height:1.6;outline:none;overflow-y:auto}.rich-editor:focus{border-color:var(--accent)}.rich-editor:empty:before{content:attr(data-placeholder);color:var(--text-muted)}.rich-editor a{color:var(--accent)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#ececea 25%,#f5f5f4 37%,#ececea 63%);background-size:800px 100%;animation:shimmer 1.3s linear infinite;border-radius:6px}.skeleton-line{height:12px;width:100%}.skeleton-row{height:44px;margin-bottom:6px;border-radius:6px}.skeleton-block{width:100%;margin-bottom:16px;border-radius:8px}@keyframes spin{to{transform:rotate(1turn)}}.spinner{display:inline-block;width:12px;height:12px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;vertical-align:-1px;margin-right:4px}.assign-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;background:var(--accent-bg);color:var(--accent);border-radius:15px;padding:3px 10px 3px 4px;font-size:12px;font-weight:600;cursor:pointer;line-height:1.4;transition:border-color .15s ease,background .15s ease}.assign-pill:hover{border-color:var(--accent)}.assign-avatar{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:50%;background:var(--accent);color:#fff;font-size:10px;font-weight:700;letter-spacing:.02em;flex-shrink:0}.assign-pill.assign-empty{background:transparent;border:1px dashed #c9c6c1;color:var(--text-muted);font-weight:500;padding:3px 10px}.assign-pill.assign-empty:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.assign-plus{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;border:1px solid;font-size:11px;line-height:1;flex-shrink:0}.action-bar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 14px;margin-bottom:16px}.action-bar .action-field label{margin-bottom:3px;white-space:nowrap}.action-bar input,.action-bar select{width:auto}.action-bar button{height:34px}.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.show-sm{display:none}.scroll-box{max-height:420px;overflow-y:auto;border:1px solid var(--border);border-radius:6px}.scroll-box table{margin:0}.scroll-box thead th{position:-webkit-sticky;position:sticky;top:0;z-index:1}.login-page{min-height:calc(100vh - 45px);display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(900px 420px at 15% 0,#dfeaf4 0,transparent 60%),radial-gradient(700px 380px at 90% 100%,#efe7da 0,transparent 55%),var(--bg)}.login-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:34px 32px 28px;box-shadow:0 18px 45px rgba(44,58,71,.12)}.login-brand{text-align:center;margin-bottom:22px}.login-logo{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:var(--topbar-bg);font-size:25px;margin-bottom:10px}.login-brand h1{margin:0 0 2px;font-size:24px;letter-spacing:.01em}.login-brand p{margin:0}.login-submit{width:100%;padding:10px;font-size:15px;margin-top:4px}@media (max-width:900px){.app-shell{display:block;min-height:auto}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border);padding:10px 12px}.sidebar-section{display:flex;align-items:baseline;gap:8px;padding:0 0 8px;border-bottom:none;margin-bottom:4px}.sidebar-mailbox{font-size:13px}.sidebar-folders{flex-direction:row;flex-wrap:wrap;gap:6px}.sidebar-folder{border:1px solid var(--border);border-radius:15px;padding:5px 11px;gap:6px;background:var(--surface);font-size:13px}.sidebar-folder.active{border-color:var(--accent);background:var(--accent-bg)}.sidebar-agents{border-top:none;margin-top:6px;padding-top:0}.sidebar-agents summary{padding:4px 0;font-size:12px}.sidebar-agents .sidebar-folders{margin-top:6px}.content{padding:12px}}@media (max-width:768px){main.page{padding:12px}h1{font-size:19px}nav.topbar{flex-wrap:wrap;gap:3px;padding:6px 8px}nav.topbar .nav-item{padding:6px 9px;font-size:12.5px;gap:5px}nav.topbar .topbar-user,nav.topbar>.muted{display:none}nav.topbar .topbar-search{flex:1 1 100%;order:10}nav.topbar .topbar-search input{width:100%}.rich-editor,input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{font-size:16px}.content table,main.page table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.hide-sm{display:none}.show-sm{display:block}.two-col{grid-template-columns:1fr}.action-bar{gap:8px;padding:10px}.message .meta{flex-direction:column;gap:2px}.reply-toolbar{justify-content:stretch}.reply-toolbar button,.reply-toolbar select{flex:1 1 45%}.list-footer{gap:6px}.list-footer,.wake-notice{flex-wrap:wrap}.wake-notice form{margin-left:0}button,input[type=submit]{padding:8px 14px}.editor-toolbar button{padding:6px 10px}}