: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:20px;background:var(--topbar-bg);color:#fff;padding:10px 20px}nav.topbar a{color:#cfd8df}nav.topbar .brand{font-weight:700;color:#fff;font-size:16px}nav.topbar .spacer{flex:1 1}nav.topbar .muted{color:#9fb0bd}nav.topbar button{background:transparent;color:#cfd8df;border-color:#4a5b6a}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}.inline-assign-plus{border:1px solid var(--border);background:var(--surface);border-radius:4px;padding:0 6px;font-size:12px;line-height:1.5;cursor:pointer;color:var(--accent)}.inline-assign-plus:hover{background:var(--accent-bg)}.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}