:root{--font-app: "Vagonla Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-code: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bg: #ffffff;--surface: #ffffff;--surface-soft: #f7f8fa;--surface-tint: #fff7f8;--line: #dfe3e8;--line-strong: #c8ced7;--text: #111827;--muted: #6b7280;--muted-strong: #4b5563;--red: #ff0015;--red-dark: #cf0011;--amber: #f59e0b;--green: #11854f;--blue: #2454a6;--radius: 18px;--radius-small: 14px;--pill: 999px;--topbar-height: 70px;--workspace-pad: clamp(10px, 1vw, 18px);font-family:var(--font-app);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;letter-spacing:0}html,body,#root{min-height:100%}body{min-width:320px;margin:0;color:var(--text);background:var(--bg)}body,button,input,select,textarea{font-family:var(--font-app);font-feature-settings:"kern" 1,"mark" 1,"mkmk" 1;font-variation-settings:"wdth" 275,"grad" -100,"oblq" 0}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,h3,p{margin:0}h1,h2,h3,strong{font-variation-settings:"wdth" 275,"grad" 0,"oblq" 0}p,small,span,label,textarea{font-variation-settings:"wdth" 275,"grad" -120,"oblq" 0}code{font-family:var(--font-code)}.app-shell{min-height:100svh;display:grid;grid-template-columns:258px minmax(0,1fr);background:#fff}.sidebar{min-height:100svh;display:flex;flex-direction:column;gap:18px;padding:14px;background:#fffffff5;border-right:1px solid var(--line)}.brand{min-height:56px;display:flex;align-items:center;gap:12px;padding:5px 6px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:var(--radius-small);background:var(--red);color:#fff;font-size:19px;font-weight:850}.brand strong,.brand span{display:block;line-height:1.05}.brand strong{color:var(--text);font-size:21px;font-weight:500;text-transform:lowercase;font-variation-settings:"wdth" 275,"grad" -130,"oblq" 0}.brand span,.auth-card span{color:var(--muted);font-size:12px}.nav-list{display:grid;gap:6px}.nav-item{min-height:44px;display:flex;align-items:center;gap:9px;padding:0 14px;border:1px solid transparent;border-radius:var(--pill);background:transparent;color:var(--muted-strong);text-align:left}.nav-item.active{border-color:var(--red);background:var(--surface-tint);color:var(--red)}.nav-item:hover:not(.active){border-color:var(--line);background:var(--surface-soft);color:var(--text)}.sidebar-footer{margin-top:auto}.auth-card{min-height:58px;display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.workspace{min-width:0;min-height:100svh;padding:var(--workspace-pad);background:linear-gradient(180deg,#ffffffb8,#fffffff5),#fff}.topbar{position:sticky;top:0;z-index:10;min-height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;gap:14px;margin:calc(var(--workspace-pad) * -1) calc(var(--workspace-pad) * -1) 14px;padding:10px clamp(18px,1.6vw,28px);background:#fffffff5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar h1{color:var(--text);font-size:clamp(24px,1.65vw,32px);line-height:1.02}.topbar p{margin-top:4px;color:var(--muted);font-size:13px}.topbar-actions,.conversation-header,.panel-toolbar,.reply-actions,.thread-meta,.thread-footer{display:flex;align-items:center}.topbar-actions{gap:8px}.search-field{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:var(--pill);background:#fff;color:var(--muted)}.search-field input{width:min(220px,28vw);border:0;outline:0;color:var(--text);background:transparent}.icon-button,.primary-button,.ghost-button,.mailbox,.segmented button,.case-status,.assignee,.select-control{border:1px solid var(--line);background:#fff;color:var(--text);transition:background-color .16s ease,border-color .16s ease,color .16s ease}.icon-button{width:44px;min-height:44px;display:inline-grid;place-items:center;border-radius:var(--pill);padding:0;flex:0 0 auto}.icon-button.small{width:34px;min-height:34px}.primary-button,.ghost-button,.select-control{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--pill);padding:0 18px;text-decoration:none}.select-control{appearance:none;min-width:132px;outline:0}.select-control.full{width:100%;justify-content:flex-start}.primary-button{border-color:var(--red);background:var(--red);color:#fff}.primary-button:hover:not(:disabled){border-color:var(--red-dark);background:var(--red-dark)}.primary-button:disabled{opacity:.48}.ghost-button:hover:not(:disabled),.icon-button:hover:not(:disabled){border-color:#111827;background:var(--surface-soft)}.mailbox-strip{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px;margin-bottom:14px}.mailbox{position:relative;min-height:82px;display:grid;align-content:center;gap:4px;padding:12px 14px;border-radius:var(--radius);text-align:left}.mailbox:hover{border-color:var(--line-strong);background:var(--surface-soft)}.mailbox.selected{border-color:var(--red);background:var(--surface-tint)}.mailbox span{color:var(--muted);font-size:12px}.mailbox strong{min-width:0;color:var(--text);font-size:13px;overflow-wrap:anywhere}.mailbox em{position:absolute;top:10px;right:10px;min-width:26px;height:24px;display:grid;place-items:center;border-radius:var(--pill);background:var(--muted-strong);color:#fff;font-size:12px;font-style:normal;font-weight:800}.mailbox.red em{background:var(--red)}.mailbox.blue em{background:var(--blue)}.mailbox.green em{background:var(--green)}.content-grid{min-height:calc(100svh - 184px);display:grid;grid-template-columns:minmax(310px,390px) minmax(420px,1fr) minmax(240px,280px);gap:12px;align-items:stretch}.thread-list,.conversation,.case-panel{min-width:0;background:#fffffff0;border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.thread-list{padding:8px;overflow:auto}.panel-toolbar{justify-content:space-between;gap:8px;margin-bottom:8px}.segmented{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--line);border-radius:var(--pill);background:#fff}.segmented button{min-height:30px;padding:0 11px;border:1px solid transparent;border-radius:var(--pill);color:var(--muted-strong);font-size:12px}.segmented button.selected{border-color:var(--red);background:var(--surface-tint);color:var(--red)}.thread{display:grid;gap:8px;margin-bottom:8px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-small);background:#fff;width:100%;text-align:left}.thread.selected{border-color:var(--red);background:var(--surface-tint)}.thread.urgent{border-color:#ffc2c8;background:#fff8f9}.thread.high{border-color:#f7d08b;background:#fffaf0}.thread-meta{gap:8px;color:var(--muted-strong);font-size:13px}.thread-meta time{margin-left:auto;color:var(--muted)}.avatar{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--pill);background:var(--surface-soft);color:var(--muted-strong)}.thread h2{color:var(--text);font-size:15px;line-height:1.18}.thread p,.message-card p{color:var(--muted);font-size:14px;line-height:1.45}.thread-footer{flex-wrap:wrap;gap:6px}.pill{min-height:24px;display:inline-flex;align-items:center;gap:5px;padding:0 8px;border:1px solid var(--line);border-radius:var(--pill);background:#fff;color:var(--muted-strong);font-size:12px}.conversation{display:grid;grid-template-rows:auto auto auto 1fr;padding:16px}.conversation-empty,.empty-state,.empty-inline{display:grid;place-items:center;gap:8px;min-height:132px;padding:18px;color:var(--muted);text-align:center}.empty-inline{min-height:82px;border:1px dashed var(--line);border-radius:var(--radius);background:#fff}.error-state{color:#7c4a03;border:1px solid #f3c36f;border-radius:var(--radius);background:#fff9ed}.notice-state{margin-top:14px;padding:12px 14px;border:1px solid #bde6cf;border-radius:var(--radius);background:#f3fbf6;color:#0f6b3d;font-size:14px}.conversation-empty{align-self:center;min-height:360px}.conversation-empty h2{color:var(--text);font-size:22px}.conversation-header{justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}.conversation-header h2{margin-top:3px;font-size:clamp(18px,1.25vw,24px);line-height:1.08}.eyebrow{color:var(--red);font-size:12px;font-weight:800}.message-card{margin-top:14px;padding:15px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.attachment-list,.label-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.label-chip{min-height:28px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--pill);background:#fff;padding:0 10px;font-size:12px}.message-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.message-head span{color:var(--muted);font-size:12px}.reply-box{align-self:end;margin-top:14px}.reply-tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.reply-box textarea,.note-composer textarea{width:100%;min-height:150px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--text);outline:0;resize:vertical}.note-composer{display:grid;gap:8px;margin-top:10px}.note-composer textarea{min-height:88px}.reply-box textarea:focus,.note-composer textarea:focus{border-color:#111827}.reply-actions{justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:10px}.attachment-list.outgoing{padding:8px 0 0}.pill.removable{cursor:pointer}.case-panel{padding:14px}.case-block{display:grid;gap:10px;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid var(--line)}.case-block:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.case-block h3{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.case-status,.assignee{width:100%;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--pill)}.permission-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.permission-list li{display:flex;align-items:center;gap:8px;color:var(--muted-strong);font-size:13px}.notes-list{display:grid;gap:8px;margin-top:14px}.notes-list h3{color:var(--muted);font-size:12px;text-transform:uppercase}.note-card{display:grid;gap:5px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface-soft)}.note-card span{color:var(--muted);font-size:12px}.full-panel{min-height:calc(100svh - 104px);padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#fffffff0}.split-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-heading.secondary{margin-top:18px}.panel-heading h2{font-size:20px}.panel-heading span{color:var(--muted);font-size:13px}.data-list{display:grid;gap:8px}.data-list.tight{gap:6px}.data-row{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-small);background:#fff}.data-row.template-row{grid-template-columns:auto minmax(0,1fr) auto auto}.data-row div{min-width:0;display:grid;gap:3px}.data-row strong,.data-row span{overflow-wrap:anywhere}.data-row div span{color:var(--muted);font-size:13px}.role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.role-card{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-small);background:#fff}.role-card p{color:var(--muted);font-size:14px}.permission-list.compact,.label-library{display:flex;flex-wrap:wrap;gap:6px}.template-composer{display:grid;gap:8px;margin-bottom:12px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-small);background:#fff}.template-form-row{display:grid;grid-template-columns:130px minmax(0,1fr);gap:8px}.template-composer input,.template-composer textarea{width:100%;min-height:44px;border:1px solid var(--line);border-radius:var(--radius-small);padding:10px 12px;outline:0}.template-composer textarea{min-height:120px;resize:vertical}.auth-shell{min-height:100svh;display:grid;place-items:center;padding:18px;background:#fff}.auth-panel{width:min(100%,430px);display:grid;gap:22px;padding:34px;border:1px solid var(--line);border-radius:30px;background:#fff;text-align:left}.auth-panel .brand-mark{width:52px;height:52px}.auth-panel h1{font-size:34px;line-height:1.04}.auth-panel p{color:var(--muted)}.auth-button{width:100%;min-height:58px}.auth-error{padding:12px 14px;border:1px solid #f3c36f;border-radius:var(--radius);background:#fff9ed;color:#7c4a03;font-size:14px}@media(max-width:1260px){.mailbox-strip{grid-template-columns:repeat(3,minmax(150px,1fr))}.content-grid{grid-template-columns:340px 1fr}.split-panel,.role-grid{grid-template-columns:1fr}.case-panel{grid-column:1 / -1}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-item{justify-content:center}.sidebar-footer{display:none}.mailbox-strip,.content-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.workspace{padding:10px}.topbar{margin:-10px -10px 12px}.topbar-actions,.reply-actions{width:100%;align-items:stretch;flex-direction:column}.topbar-actions .primary-button,.topbar-actions .ghost-button,.reply-actions .primary-button,.reply-actions .ghost-button,.search-field,.search-field input,.select-control{width:100%}.data-row{grid-template-columns:auto minmax(0,1fr)}}