.login{background:#f9fafb;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:340px;padding:32px}.login-title{color:#111827;margin:0;font-size:24px}.login-sub{color:#6b7280;margin:6px 0 22px;font-size:13px}.login-field{margin-bottom:14px;display:block}.login-field span{color:#374151;margin-bottom:5px;font-size:12px;display:block}.login-field input{background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:9px 11px;font-size:15px}.login-field input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.login-error{color:#b91c1c;background:#fef2f2;border-radius:8px;margin:4px 0 12px;padding:8px 10px;font-size:13px}.login-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;margin-top:6px;padding:10px;font-size:15px}.login-submit:hover:enabled{background:#1d4ed8}.login-submit:disabled{opacity:.6;cursor:default}.app{flex-direction:column;height:100vh;display:flex}.app-header{color:#fff;background:#111827;flex:none;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.app-header h1{margin:0;font-size:20px}.app-header-right{align-items:center;gap:12px;display:flex}.app-user{color:#6b7280;font-size:13px}.login-hint{text-align:center;color:#6b7280;font-size:14px}.error-chip{color:#fca5a5;font-size:15px}.btn-sync{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:8px 14px;font-size:15px}.btn-sync:hover{background:#1d4ed8}.btn-sync:disabled{opacity:.6;cursor:default}.app-body{flex:auto;min-height:0;display:flex}.sidebar{width:var(--sidebar-w,320px);min-width:var(--sidebar-w,320px);background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;display:flex;position:relative}.sidebar-resize{cursor:col-resize;z-index:5;touch-action:none;background:0 0;width:7px;height:100%;position:absolute;top:0;right:-3px}.sidebar-resize:after{content:"";background:0 0;width:3px;height:100%;transition:background .12s;position:absolute;top:0;left:2px}.sidebar-resize:hover:after,.sidebar-resize:focus-visible:after{background:#2563eb}.sidebar-resize:focus-visible{outline:none}.sidebar-resize-on:after{background:#2563eb}.sidebar-search{border:1px solid #d1d5db;border-radius:8px;outline:none;margin:12px;padding:9px 12px;font-size:15px}.sidebar-search:focus{border-color:#2563eb}.sidebar-list{flex:1;overflow-y:auto}.sidebar-empty{color:#9ca3af;padding:24px 16px;font-size:15px}.conv-item{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:none;border-bottom:1px solid #f3f4f6;padding:12px 16px;display:block;position:relative}.conv-item:hover{background:#f9fafb}.conv-item-active{background:#eff6ff}.conv-item-unread{background:#fffbeb}.conv-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.conv-email{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.conv-badge{color:#fff;text-align:center;background:#2563eb;border-radius:999px;min-width:18px;padding:1px 6px;font-size:13px;font-weight:700}.conv-subject{color:#2563eb;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:14px;overflow:hidden}.conv-preview{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:14px;overflow:hidden}.conv-date{color:#9ca3af;margin-top:4px;font-size:13px}.chat{flex-direction:column;flex:1;min-width:0;display:flex}.chat-empty{color:#9ca3af;justify-content:center;align-items:center;font-size:16px}.chat-header{background:#fff;border-bottom:1px solid #e5e7eb;flex:none;padding:12px 20px}.chat-title{font-size:18px;font-weight:700}.chat-name{color:#6b7280;font-weight:400}.chat-subject{color:#2563eb;margin-top:2px;font-size:15px}.chat-date{color:#9ca3af;margin-top:2px;font-size:14px}.chat-scroll{flex-direction:column;flex:1;gap:10px;padding:20px;display:flex;overflow-y:auto}.chat-empty-inline{text-align:center;color:#9ca3af;padding:30px 0}.msg{max-width:78%}.msg-in{align-self:flex-start}.msg-out{align-self:flex-end}.msg-bubble{border-radius:12px;padding:10px 14px;position:relative}.msg-in .msg-bubble{background:#fff;border:1px solid #e5e7eb}.msg-out .msg-bubble{color:#fff;background:#2563eb}.msg-subject{opacity:.9;margin-bottom:4px;font-size:15px;font-weight:700}.msg-body{white-space:pre-wrap;word-break:break-word;margin:0;font-family:inherit;font-size:16px;line-height:1.45}.msg-out .msg-subject,.msg-out .msg-body{color:#fff}.msg-date{opacity:.6;text-align:right;margin-top:6px;font-size:13px}.msg-empty{opacity:.6;font-size:15px;font-style:italic}.msg-attachments{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.att-chip{cursor:pointer;color:#111827;background:#ffffffe6;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;max-width:260px;padding:6px 10px;font-size:14px;display:inline-flex}.msg-out .att-chip{color:#fff;background:#ffffff26;border-color:#ffffff59}.att-icon{background:#e5e7eb;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:800}.msg-out .att-icon{background:#00000040}.att-dl{font-size:16px;text-decoration:none}.chat-compose{background:#fff;border-top:1px solid #e5e7eb;flex:none;gap:10px;padding:14px 20px;display:flex}.compose-input{resize:none;border:1px solid #d1d5db;border-radius:8px;outline:none;flex:1;padding:10px 12px;font-size:16px}.compose-input:focus{border-color:#2563eb}.btn-send{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;align-self:flex-end;padding:10px 20px;font-size:16px}.btn-send:hover{background:#15803d}.btn-send:disabled{opacity:.5;cursor:default}.viewer-overlay{z-index:1100;background:#111827a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.viewer{background:#fff;border-radius:12px;flex-direction:column;width:min(1000px,100%);height:min(82vh,100%);display:flex;overflow:hidden}.viewer-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:16px;display:flex}.viewer-info{color:#6b7280;margin-left:8px;font-size:14px}.btn-dl{color:#fff;background:#2563eb;border-radius:6px;margin-right:8px;padding:6px 12px;font-size:15px;text-decoration:none}.btn-close{cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;width:30px;height:30px;font-size:20px}.viewer-body{background:#f9fafb;flex:1;padding:16px;overflow:auto}.viewer-img{border-radius:8px;max-width:100%;height:auto}.viewer-pdf{border:1px solid #e5e7eb;border-radius:8px;width:100%;height:100%;min-height:60vh}.viewer-office{background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;height:100%;min-height:60vh}.viewer-txt{white-space:pre-wrap;word-break:break-word;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;font-size:15px;line-height:1.5}@media (width<=768px){.sidebar{width:100%;min-width:0}.sidebar-resize{display:none}.sidebar-list{max-height:40vh}.app-body{flex-direction:column}.msg{max-width:90%}}.view-tabs{gap:4px;display:flex}.view-tab{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 16px;font-size:16px}.view-tab:hover{background:#ffffff14}.view-tab-active{color:#fff;background:#2563eb;font-weight:600}.deals-layout{flex:1;min-height:0;display:flex}.deals-sidebar{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:340px;min-width:340px;display:flex}.deals-heading{border-bottom:1px solid #e5e7eb;margin:0;padding:14px 16px;font-size:18px}.deals-list{flex:1;overflow-y:auto}.deal-detail{flex:1;min-width:0;padding:20px;overflow-y:auto}.deal-inner{max-width:1100px}.deal-header{margin-bottom:16px}.deal-title{font-size:20px;font-weight:700}.deal-meta{color:#6b7280;flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;font-size:15px;display:flex}.deal-status{color:#fff;border-radius:999px;padding:2px 8px;font-size:13px;font-weight:700}.deal-status-new{background:#f59e0b}.deal-status-pricing{background:#2563eb}.deal-status-quoted{background:#16a34a}.deal-grid{grid-template-columns:1fr;gap:16px;display:grid}.deal-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.deal-card h3{margin:0 0 10px;font-size:16px}.deal-card h3:not(:first-child){margin-top:18px}.mini-table{border-collapse:collapse;width:100%;font-size:15px}.mini-table td{border-bottom:1px solid #f3f4f6;padding:4px 8px 4px 0}.td-role{color:#6b7280;white-space:nowrap}.positions-wrap{overflow-x:auto}.persist-cell-table{border-collapse:collapse;width:100%;font-size:15px}.persist-cell-table th,.persist-cell-table td{text-align:left;border-bottom:1px solid #f3f4f6;padding:4px 6px}.persist-cell-table th{color:#6b7280;text-transform:uppercase;font-size:13px}.persist-cell-table .num,.persist-cell-table th.num{text-align:right}.persist-cell-table input{border:1px solid #e5e7eb;border-radius:5px;width:100%;min-width:60px;padding:4px 6px;font-size:15px}.persist-cell-table input[type=number]{text-align:right}.deal-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.markup-label{color:#374151;align-items:center;gap:6px;font-size:15px;display:flex}.markup-input{border:1px solid #e5e7eb;border-radius:5px;width:70px;padding:4px 6px}.deal-sums{border-top:1px solid #f3f4f6;flex-wrap:wrap;gap:24px;margin-top:14px;padding-top:12px;font-size:15px;display:flex}.deal-sums b{color:#111827}.btn-link{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:15px}.btn-link:hover{text-decoration:underline}.btn-sm{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:6px 12px;font-size:15px}.btn-sm:hover{background:#1d4ed8}.btn-sm:disabled{opacity:.6;cursor:default}.btn-ghost{color:#374151;background:#f3f4f6}.btn-ghost:hover{background:#e5e7eb}.btn-confirm{color:#fff;background:#16a34a}.btn-confirm:hover{background:#15803d}.btn-confirm:disabled{color:#6b7280;cursor:not-allowed;background:#d1d5db}.sug-banner{background:#fffbeb;border-bottom:1px solid #fde68a;padding:8px 20px}.sug-item{flex-wrap:wrap;align-items:center;gap:10px;padding:4px 0;font-size:15px;display:flex}.timeline{flex-direction:column;gap:10px;max-height:60vh;display:flex;overflow-y:auto}.tl-item{background:#f9fafb;border-left:3px solid #e5e7eb;border-radius:0 8px 8px 0;padding:6px 12px}.tl-in{border-left-color:#f59e0b}.tl-out{border-left-color:#2563eb}.tl-head{color:#6b7280;justify-content:space-between;font-size:13px;display:flex}.tl-role{color:#374151;font-weight:700}.tl-subject{margin:2px 0;font-size:15px;font-weight:600}.tl-body{color:#4b5563;white-space:pre-wrap;max-height:60px;margin:0;font-size:14px;overflow:hidden}.tl-atts{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.sidebar-sort{gap:6px;padding:10px 12px 0;display:flex}.sort-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;flex:1;padding:6px 4px;font-size:14px}.sort-btn:hover{background:#e5e7eb}.sort-btn-active{color:#fff;background:#2563eb;border-color:#2563eb;font-weight:600}.modal-overlay{z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:860px;max-height:88vh;display:flex;box-shadow:0 20px 45px #0000004d}.modal-head{border-bottom:1px solid #e5e7eb;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.modal-title{flex:1;font-size:18px;font-weight:700}.modal-close-x{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:20px;line-height:1}.modal-close-x:hover{color:#111827;background:#f3f4f6}.modal-loading,.modal-empty{color:#9ca3af;text-align:center;padding:20px 0;font-size:15px}.modal-body{flex:1;padding:16px 18px;overflow-y:auto}.modal-letter{max-width:980px}.modal-letter-head{background:linear-gradient(#f8fafc,#fff);align-items:center}.modal-letter-head-main{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.modal-letter-head .modal-title{overflow-wrap:anywhere}.modal-letter-meta{color:#374151;background:#fcfdff;border-bottom:1px solid #eef2f7;padding:14px 18px;font-size:15px}.meta-row{align-items:flex-start;gap:14px;padding:5px 0;display:flex}.meta-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;flex:0 0 96px;padding-top:3px;font-size:13px;font-weight:700}.meta-val{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.meta-val-wrap{flex-wrap:wrap;gap:6px}.meta-avatar{color:#fff;border-radius:50%;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.meta-avatar-in{background:linear-gradient(135deg,#2563eb,#60a5fa)}.meta-avatar-out{background:linear-gradient(135deg,#059669,#34d399)}.meta-person{min-width:0}.meta-name{color:#111827;align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.meta-mail{color:#6b7280;word-break:break-all;font-size:13px}.meta-date{color:#0f172a;letter-spacing:-.01em;font-size:17px;font-weight:800}.meta-kind{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:1px 8px;font-size:13px;font-weight:600}.thread-you-tag{text-transform:uppercase;letter-spacing:.04em;color:#047857;background:#d1fae5;border-radius:8px;padding:0 5px;font-size:10px;font-weight:700}.addr-chip{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:14px;align-items:baseline;gap:6px;padding:2px 10px;font-size:13px;display:inline-flex}.addr-chip-name{color:#111827;font-weight:600}.addr-chip-mail{color:#9ca3af;font-size:12px}.modal-section{margin-top:18px}.modal-section-title{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;margin-bottom:8px;font-size:13px;font-weight:700}.modal-section-count{color:#2563eb}.modal-letter-text{background:#fff;border:1px solid #eef2f7;border-radius:10px;padding:14px 16px}.modal-thread{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:4px;padding:12px 14px}.modal-thread-head{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.modal-thread-head .modal-section-title{margin-bottom:0}.modal-thread-headline{color:#0f172a;font-size:14px;font-weight:700}.thread-list{margin:0;padding:0;list-style:none}.thread-item{margin-left:calc(var(--lvl,0) * 20px);border-left:2px solid #e2e8f0;border-radius:0 8px 8px 0;padding:0;display:block}.thread-item+.thread-item{margin-top:2px}.thread-item.thread-ours{border-left-color:#10b981}.thread-item.thread-ours>.thread-row{background:#f0fdf4}.thread-item.thread-ours>.thread-row:hover{background:#dcfce7}.thread-item.thread-current{border-left-color:#2563eb}.thread-item.thread-current>.thread-row{background:#eff6ff}.thread-item.thread-missing{opacity:.65;font-style:italic}.thread-row{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0 8px 8px 0;align-items:center;gap:8px;width:100%;padding:6px 8px;font-family:inherit;display:flex}.thread-row:disabled{cursor:default}.thread-row:not(:disabled):hover{background:#f1f5f9}.thread-row:focus-visible{outline-offset:-2px;outline:2px solid #2563eb}.thread-item-open>.thread-row{box-shadow:inset 0 0 0 1px #2563eb4d}.thread-caret{color:#94a3b8;flex:0 0 12px;font-size:11px;transition:transform .12s}.thread-caret-open{transform:rotate(90deg)}.thread-letter{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin:2px 10px 8px 36px;padding:10px 12px}.thread-letter-subject{color:#111827;margin-bottom:6px;font-size:13px;font-weight:700}.thread-letter-status{color:#9ca3af;padding:4px 0;font-size:12px}.thread-letter .mail-body{font-size:13px}.thread-letter .mail-quote-text{max-height:220px}.thread-level{color:#475569;background:#e2e8f0;border-radius:50%;flex:0 0 22px;justify-content:center;align-items:center;height:22px;font-size:12px;font-weight:700;display:flex}.thread-ours .thread-level{color:#fff;background:#10b981}.thread-current .thread-level{color:#fff;background:#2563eb}.thread-text{flex-wrap:wrap;flex:1;align-items:baseline;gap:8px;min-width:0;display:flex}.thread-who{color:#111827;align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.thread-mail{color:#9ca3af;word-break:break-all;font-size:12px}.thread-subject{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:340px;font-size:12px;overflow:hidden}.thread-date{color:#64748b;font-size:12px}.thread-badge{color:#1d4ed8;background:#dbeafe;border-radius:8px;padding:1px 7px;font-size:11px;font-weight:700}.thread-more{padding:2px 0 6px}.thread-more-btn{cursor:pointer;color:#2563eb;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.thread-more-btn:hover{color:#1d4ed8}.modal-atts-list{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;display:grid}.att-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;transition:box-shadow .12s,border-color .12s;overflow:hidden}.att-card:hover{border-color:#93c5fd;box-shadow:0 4px 14px #2563eb26}.att-card:focus-visible{outline-offset:1px;outline:2px solid #2563eb}.att-card-preview{background:#f1f5f9;justify-content:center;align-items:center;height:132px;display:flex;overflow:hidden}.att-card-img{object-fit:contain;background:#fff;width:100%;height:100%}.att-card-sheet{transform-origin:0 0;background:#fff;border:0}.att-card-sheet iframe{border:0;width:820px;height:540px;display:block}.att-card-text{color:#475569;background:#fff;width:100%;height:100%;margin:0;padding:8px 10px;font-size:10px;line-height:1.35;overflow:hidden}.att-card-video{object-fit:contain;background:#000;width:100%;height:100%}.att-card-icon{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.att-card-icon-ext{text-transform:uppercase;color:#94a3b8;background:#e2e8f0;border-radius:8px;padding:8px 12px;font-size:22px;font-weight:800}.att-card-foot{border-top:1px solid #eef2f7;align-items:center;gap:6px;padding:6px 8px;display:flex}.att-card-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.att-card-size{color:#9ca3af;white-space:nowrap;font-size:11px}.modal-suggestion{color:#78350f;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-top:14px;padding:10px 12px;font-size:15px}.modal-foot{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:8px;padding:14px 18px;display:flex}.tree-layout{flex:1;min-height:0;display:flex}.tree-palette{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:330px;min-width:330px;display:flex}.tree-palette-head{justify-content:space-between;align-items:center;padding:14px 14px 8px;display:flex}.tree-palette-head h2{margin:0;font-size:18px}.tree-palette-count{color:#6b7280;background:#f3f4f6;border-radius:999px;padding:2px 8px;font-size:14px}.tree-filters{flex-wrap:wrap;gap:4px;padding:8px 12px;display:flex}.filter-chip{cursor:pointer;color:#374151;background:#f3f4f6;border:none;border-radius:999px;padding:4px 10px;font-size:14px}.filter-chip:hover{background:#e5e7eb}.filter-chip-active{color:#fff;background:#2563eb;font-weight:600}.tree-palette-list{flex:1;padding:0 12px 12px;overflow-y:auto}.palette-card{cursor:grab;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;padding:8px 10px;transition:box-shadow .12s,border-color .12s}.palette-card:hover{border-color:#93c5fd;box-shadow:0 2px 8px #2563eb1f}.palette-card:active{cursor:grabbing}.palette-card-request{background:linear-gradient(#f0fdf4 0%,#fff 40%);border-width:2px;border-color:#16a34a}.palette-card-request:hover{border-color:#15803d;box-shadow:0 2px 10px #16a34a38}.palette-request-chip{text-transform:uppercase;letter-spacing:.03em;color:#15803d;background:#dcfce7;border:1px solid #86efac;border-radius:10px;margin-left:6px;margin-right:auto;padding:1px 6px;font-size:12px;font-weight:700}.palette-head{justify-content:space-between;align-items:center;gap:6px;margin-bottom:4px;display:flex}.palette-date{color:#9ca3af;margin-left:auto;font-size:13px}.palette-subject{margin-bottom:2px;font-size:15px;font-weight:600}.palette-from{color:#6b7280;margin-bottom:4px;font-size:14px}.palette-preview{color:#4b5563;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:42px;font-size:14px;display:-webkit-box;overflow:hidden}.palette-role{color:#2563eb;margin-top:4px;font-size:13px}.dir-chip{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:1px 6px;font-size:12px;font-weight:700}.dir-in{color:#92400e;background:#fef3c7}.dir-out{color:#1e40af;background:#dbeafe}.tree-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.tree-toolbar{z-index:5;background:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 20px;display:flex;position:sticky;top:0}.tree-toolbar-hint{color:#6b7280;flex:1;min-width:200px;font-size:14px}.tree-saving{color:#2563eb;font-size:14px}.tree-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin:10px 20px;padding:8px 12px;font-size:15px}.tree-empty-all{text-align:center;color:#6b7280;padding:40px 20px}.tree-empty-all p{margin:4px 0}.tree-sequence{border-bottom:1px solid #e5e7eb;padding:18px 0 6px}.tree-seq-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:0 20px 10px;display:flex}.tree-seq-title h3{color:#111827;word-break:break-all;margin:5px 0 0;font-size:18px;font-weight:700}.tree-seq-subject{color:#2563eb;word-break:break-word;margin-top:3px;font-size:14px}.tree-seq-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tree-status{white-space:nowrap;border:1px solid #0000;border-radius:10px;padding:1px 8px;font-size:13px;font-weight:600}.tree-status-draft{color:#92400e;background:#fef3c7;border-color:#fcd34d}.tree-status-done{color:#15803d;background:#dcfce7;border-color:#86efac}.tree-seq-email{color:#111827;font-size:15px;font-weight:600}.tree-seq-date{color:#6b7280;font-size:14px}.tree-progress{color:#6b7280;font-size:15px}.tree-progress-3{color:#16a34a;font-weight:600}.tree-canvas{padding:0 20px 14px}.tree-level{margin-bottom:22px}.tree-level-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.tree-level-index{color:#fff;background:#111827;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex}.tree-level-title{font-size:16px;font-weight:700}.tree-level-hint{color:#9ca3af;font-size:14px}.tree-level-head .btn-sm{margin-left:auto}.tree-level-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.tree-level-actions .btn-sm{margin-left:0}.tree-slots{border-radius:10px;gap:10px;min-height:90px;padding:8px;display:flex}.tree-slots-multi{flex-wrap:wrap}.tree-slots-over{outline-offset:-2px;background:#eff6ff;outline:2px dashed #60a5fa}.tree-empty-slot{color:#9ca3af;text-align:center;border:2px dashed #d1d5db;border-radius:10px;flex-direction:column;flex:220px;justify-content:center;align-items:center;padding:16px;font-size:14px;display:flex}.tree-add-slot{border-style:dashed;flex:0 180px;min-height:74px}.tree-empty-title{color:#6b7280;font-weight:600}.tree-empty-hint{margin-top:2px}.tree-block{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-left-width:4px;border-radius:8px;flex:220px;min-width:200px;padding:10px;transition:box-shadow .12s,transform .12s}.tree-block:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0000001f}.tree-block-client_request{border-left-color:#f59e0b}.tree-block-supplier_request{border-left-color:#2563eb}.tree-block-client_quote{border-left-color:#16a34a}.tree-block-head{align-items:center;gap:8px;margin-bottom:4px;display:flex}.tree-block-date{color:#9ca3af;font-size:13px}.tree-block-x{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:auto;padding:0 4px;font-size:15px}.tree-block-x:hover{color:#dc2626;background:#f3f4f6}.tree-block-subject{margin-bottom:2px;font-size:15px;font-weight:600}.tree-block-from{color:#6b7280;margin-bottom:4px;font-size:14px}.tree-block-preview{color:#4b5563;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:48px;font-size:14px;display:-webkit-box;overflow:hidden}@media (width<=900px){.tree-layout{flex-direction:column}.tree-palette{width:100%;min-width:0;max-height:38vh}}.att-list{cursor:default;flex-wrap:wrap;align-items:center;gap:4px;margin:5px 0;display:flex}.att-list-empty{margin:3px 0}.att-badge{color:#374151;white-space:nowrap;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;padding:1px 7px;font-size:13px}.att-item{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;align-items:baseline;gap:5px;max-width:100%;padding:1px 6px;font-size:13px;text-decoration:none;display:inline-flex;overflow:hidden}.att-item:hover{background:#dbeafe;border-color:#93c5fd}.att-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.att-size{color:#6b7280;white-space:nowrap;flex-shrink:0}.att-more{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:13px;text-decoration:underline}.att-more:hover{color:#111827}.att-signature{color:#9ca3af;white-space:nowrap;font-size:13px}.pos-list{cursor:default;align-items:flex-start;gap:6px;margin:5px 0;display:flex}.pos-badge{color:#065f46;white-space:nowrap;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;flex-shrink:0;padding:1px 7px;font-size:13px}.pos-items{flex-direction:column;gap:2px;min-width:0;display:flex}.pos-item{color:#111827;align-items:baseline;gap:6px;min-width:0;font-size:13px;display:flex}.pos-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pos-qty{color:#065f46;white-space:nowrap;background:#d1fae5;border-radius:4px;flex-shrink:0;padding:0 5px;font-weight:600}.pos-more{color:#6b7280;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:13px;text-decoration:underline}.pos-more:hover{color:#111827}@keyframes viewer-grow-in{0%{opacity:0;transform:scale(.16)}to{opacity:1;transform:scale(1)}}.viewer-grow{animation:.24s cubic-bezier(.2,.9,.3,1) viewer-grow-in}@media (prefers-reduced-motion:reduce){.viewer-grow{animation:none}}@keyframes viewer-fade-in{0%{opacity:0}to{opacity:1}}.viewer-overlay{animation:.2s ease-out viewer-fade-in}.btn-close-text{color:#374151;cursor:pointer;white-space:nowrap;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:5px 12px;font-size:15px}.btn-close-text:hover{color:#111827;background:#e5e7eb}button.att-item{cursor:pointer;text-align:left;font-family:inherit}button.att-item:focus-visible{outline-offset:1px;outline:2px solid #2563eb}.viewer-video{background:#000;border-radius:8px;max-width:100%;max-height:100%}.viewer-unsupported{text-align:center;color:#6b7280;padding:40px}.viewer-unsupported-title{color:#111827;margin-bottom:6px;font-size:16px;font-weight:600}.viewer-unsupported-hint{margin-bottom:16px;font-size:15px}.sidebar-filters{flex-direction:column;gap:6px;padding:10px 12px 0;display:flex}.sidebar-filter-row{gap:6px;display:flex}.filter-chip-sm{padding:3px 9px;font-size:13px}.sidebar-filters+.sidebar-search{margin-top:8px}.conv-item-active{background:linear-gradient(90deg,#eff6ff 0%,#e0ecff 100%);box-shadow:inset 3px 0 #2563eb}.conv-item-active:after{content:"";border-top:8px solid #0000;border-bottom:8px solid #0000;border-right:8px solid #e0ecff;position:absolute;top:50%;right:-1px;transform:translateY(-50%)}.mail-viewer-head{background:linear-gradient(90deg,#eff6ff 0%,#fff 60%);border-bottom-color:#e0ecff}.mail-scroll{background:#f8fafc;padding:16px 20px 24px}.letter{background:#fff;border:1px solid #e5e7eb;border-radius:10px;max-width:900px;margin-bottom:14px;padding:14px 16px}.letter-active{border-color:#bfdbfe;box-shadow:0 2px 10px #2563eb1a}.letter-out{background:#fbfdff}.letter-head{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.letter-meta{flex:1;min-width:0}.letter-from{text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.letter-subject{color:#2563eb;margin-top:1px;font-size:14px}.letter-date{color:#9ca3af;white-space:nowrap;font-size:13px}.mail-body{color:#1f2937;font-size:16px;line-height:1.6}.mail-body p{white-space:pre-wrap;word-break:break-word;margin:0 0 10px}.mail-body a{color:#2563eb}.mail-body-empty{color:#9ca3af;font-size:15px;font-style:italic}.mail-quote{border-top:1px dashed #e5e7eb;margin-top:10px;padding-top:8px}.mail-quote-toggle{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;text-decoration:underline}.mail-quote-toggle:hover{color:#111827}.mail-quote-text{color:#6b7280;white-space:pre-wrap;word-break:break-word;background:#f9fafb;border-radius:6px;max-height:320px;margin:8px 0 0;padding:10px 12px;font-size:14px;overflow:auto}.letter-atts{flex-direction:column;gap:12px;margin-top:12px;display:flex}.mail-att{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.mail-att-head{background:#f9fafb;border-bottom:1px solid #eef2f7;align-items:center;gap:8px;padding:7px 10px;display:flex}.att-kind{letter-spacing:.03em;color:#fff;background:#6b7280;border-radius:4px;padding:1px 6px;font-size:12px;font-weight:700}.att-kind-image{background:#7c3aed}.att-kind-pdf{background:#dc2626}.att-kind-office{background:#16a34a}.att-kind-text{background:#0891b2}.att-kind-video{background:#db2777}.mail-att-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.mail-att-size{color:#9ca3af;white-space:nowrap;font-size:13px}.mail-att-dl{color:#2563eb;white-space:nowrap;margin-left:auto;font-size:14px}.mail-att-view{background:#fff;padding:10px}.mail-att-img{border-radius:6px;max-width:100%;max-height:70vh;display:block}.mail-att-frame{background:#fff;border:1px solid #e5e7eb;border-radius:6px;width:100%;height:65vh}.mail-att-video{background:#000;border-radius:6px;max-width:100%;max-height:65vh}.mail-att-text{white-space:pre-wrap;word-break:break-word;color:#374151;max-height:340px;margin:0;font-size:14px;line-height:1.5;overflow:auto}.mail-att-other{color:#2563eb;font-size:15px}.p-agent{--p-ink:#0a0a0a;--p-soft:#6b6f76;--p-display:"Bebas Neue", "Arial Narrow", Impact, sans-serif;--p-col:880px;--p-text:20px;min-width:0;color:var(--p-ink);background:#fff;flex-direction:column;flex:1;display:flex;overflow:hidden}.p-agent-head{border-bottom:1px solid #ececec;flex:none;align-items:center;gap:16px;padding:16px 32px;display:flex}.p-agent-avatar{font-family:var(--p-display);letter-spacing:.02em;-webkit-user-select:none;user-select:none;font-size:56px;line-height:.9}.p-agent-brand{flex-direction:column;gap:1px;display:flex}.p-agent-name{font-family:var(--p-display);letter-spacing:.1em;font-size:24px}.p-agent-tag{letter-spacing:.16em;text-transform:uppercase;color:var(--p-soft);font-size:12px}.p-agent-skip{letter-spacing:.1em;text-transform:uppercase;color:var(--p-soft);cursor:pointer;background:0 0;border:1px solid #e5e5e5;border-radius:999px;padding:5px 14px;font-size:12px}.p-agent-skip:hover{color:var(--p-ink);border-color:var(--p-ink)}.p-agent-head-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.p-agent-host{flex:auto;min-height:0;display:flex}.p-agent-host-off{display:none}.p-agent-notify{letter-spacing:.04em;color:var(--p-ink);border:1px solid var(--p-ink);cursor:pointer;background:0 0;border-radius:999px;padding:5px 14px;font-size:12px}.p-agent-notify:hover{background:var(--p-ink);color:#fff}.p-agent-screen{flex:1;padding:34px 32px 48px;overflow-y:auto}.p-agent-stream,.p-agent-actions,.p-agent-choices,.p-agent-calendar,.p-agent-hint,.p-agent-error{max-width:var(--p-col);margin-left:auto;margin-right:auto}.p-msg{font-size:var(--p-text);white-space:pre-wrap;align-items:baseline;gap:.3em;margin-top:20px;display:flex}.p-msg-label{font-family:var(--p-display);letter-spacing:.01em;flex:none;font-size:1.5em;line-height:1}.p-msg-user .p-msg-label{color:var(--p-soft)}.p-msg-body{overflow-wrap:break-word;min-height:1.2em;font-size:1em;line-height:1.65}.p-msg-typing .p-msg-body:after{content:"▌";color:var(--p-soft);animation:1s steps(2,end) infinite p-caret}@keyframes p-caret{50%{opacity:0}}.p-agent-choices{flex-wrap:wrap;gap:12px 20px;margin-top:28px;display:flex}.p-chip{color:var(--p-ink);border:none;border-bottom:2px solid var(--p-ink);cursor:pointer;opacity:0;background:0 0;padding:7px 2px 9px;font-family:inherit;font-size:17px;font-weight:500;animation:.35s forwards p-chip-in;transform:translateY(8px)}.p-chip:hover{background:var(--p-ink);color:#fff}.p-chip:focus-visible{outline:2px solid var(--p-ink);outline-offset:3px}.p-chip-up,.p-chip-root{color:var(--p-soft);border-bottom-color:#d5d5d5}.p-chip-up:hover,.p-chip-root:hover{background:var(--p-soft);border-bottom-color:var(--p-soft)}.p-chip-link{color:var(--p-soft)}.p-chip-link:before{content:"→ ";letter-spacing:0}.p-chip-link:hover{background:var(--p-soft);color:#fff}@keyframes p-chip-in{to{opacity:1;transform:none}}.p-agent-hint{letter-spacing:.14em;text-transform:uppercase;color:#b6b6b6;margin-top:32px;font-size:12px}.p-agent-error{color:#b91c1c;margin-top:20px;font-size:16px}.p-agent-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.p-btn{letter-spacing:.02em;color:var(--p-ink);border:1px solid var(--p-ink);cursor:pointer;background:0 0;border-radius:999px;padding:9px 20px;font-family:inherit;font-size:15px;font-weight:500;text-decoration:none}.p-btn:hover{background:var(--p-ink);color:#fff}.p-btn:focus-visible{outline:2px solid var(--p-ink);outline-offset:3px}.p-btn-primary{background:var(--p-ink);color:#fff}.p-btn-primary:hover{color:var(--p-ink);background:#fff}.p-agent-calendar{margin-top:26px}.p-calendar{background:#fff;border:1px solid #e2e2e2;border-radius:14px;max-width:360px;padding:14px 16px 16px}.p-calendar-head{align-items:center;gap:6px;margin-bottom:12px;display:flex}.p-calendar-head select{color:var(--p-ink);cursor:pointer;background:0 0;border:none;padding:4px 2px;font-family:inherit;font-size:16px;font-weight:600}.p-calendar-head select:hover{text-decoration:underline}.p-calendar-arrow{color:var(--p-soft);cursor:pointer;background:0 0;border:none;padding:0 6px;font-family:inherit;font-size:20px;line-height:1}.p-calendar-arrow:hover{color:var(--p-ink)}.p-calendar-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.p-calendar-weekday{letter-spacing:.08em;text-transform:uppercase;color:#b6b6b6;text-align:center;padding-bottom:6px;font-size:11px}.p-calendar-day{color:var(--p-ink);cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:none;border-radius:8px;padding:8px 0;font-family:inherit;font-size:15px}.p-calendar-day:hover{background:#f0f0f0}.p-calendar-day:focus-visible{outline:2px solid var(--p-ink);outline-offset:-2px}.p-calendar-day-active,.p-calendar-day-active:hover{background:var(--p-ink);color:#fff}.p-agent-choices-stack{flex-direction:column;align-items:stretch;gap:0}.p-chip-letter{text-align:left;background:0 0;border:none;border-bottom:1px solid #e8e8e8;grid-template-columns:62px 1fr;align-items:baseline;gap:0 18px;width:100%;padding:15px 8px 15px 2px;display:grid}.p-chip-letter:hover{color:var(--p-ink);background:#fafafa}.p-chip-letter:hover .p-letter-subject{text-underline-offset:3px;text-decoration:underline}.p-chip-letter:focus-visible{outline:2px solid var(--p-ink);outline-offset:-2px}.p-letter-time{font-family:var(--p-display);letter-spacing:.04em;color:var(--p-soft);font-variant-numeric:tabular-nums;font-size:23px}.p-letter-main{flex-direction:column;gap:3px;min-width:0;display:flex}.p-letter-from{align-items:baseline;gap:9px;font-size:18px;font-weight:600;display:flex}.p-letter-count{letter-spacing:.06em;color:var(--p-soft);border:1px solid #dcdcdc;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600}.p-letter-email{color:var(--p-soft);overflow-wrap:anywhere;font-size:14px}.p-letter-subject{margin-top:3px;font-size:18px;line-height:1.4}@media (prefers-reduced-motion:reduce){.p-chip{opacity:1;animation:none;transform:none}.p-msg-typing .p-msg-body:after{animation:none}}.clients{background:#f7f7f8;flex-direction:column;flex:auto;min-height:0;display:flex}.clients-bar{background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;padding:12px 20px;display:flex}.clients-search{border:1px solid #e5e7eb;border-radius:8px;flex:0 320px;padding:8px 12px;font-size:14px}.clients-filters{gap:6px;display:flex}.clients-filters button{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:999px;padding:6px 14px;font-size:13px}.clients-filters button:hover{color:#111827;border-color:#9ca3af}.clients-filters button.on{color:#fff;background:#111827;border-color:#111827}.clients-sort{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-left:auto;padding:7px 10px;font-size:13px}.clients-stats{color:#6b7280;background:#fff;border-bottom:1px solid #e5e7eb;gap:22px;padding:10px 20px;font-size:13px;display:flex}.clients-stats b{color:#111827}.clients-stats .warn b{color:#b45309}.clients-body{flex:auto;min-height:0;display:flex}.clients-grid{flex:auto;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-content:start;gap:14px;padding:18px 20px;display:grid;overflow-y:auto}.clients-empty{color:#9ca3af;grid-column:1/-1;padding:24px 0;font-size:14px}.client-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-left:3px solid #d1d5db;border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex}.client-card:hover{border-color:#9ca3af #9ca3af #9ca3af #111827}.client-card.sel{border-color:#111827;box-shadow:0 1px 6px #00000014}.client-card.kind-service,.client-card.kind-self{opacity:.72}.client-card.kind-outgoing{border-left-color:#9ca3af}.client-card.kind-client{border-left-color:#2563eb}.client-card-top{align-items:center;gap:10px;display:flex}.client-ava{color:#fff;letter-spacing:.04em;background:#111827;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;display:flex}.client-card-id{flex-direction:column;min-width:0;display:flex}.client-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.client-email{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.client-unread{color:#fff;background:#b45309;border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:12px;display:flex}.client-unread.small{min-width:18px;height:18px;font-size:11px}.client-card-meta{color:#6b7280;flex-wrap:wrap;gap:6px 10px;font-size:12px;display:flex}.client-kind{color:#6b7280;background:#f3f4f6;border-radius:999px;padding:2px 8px}.client-kind.k-client{color:#1d4ed8;background:#eff6ff}.client-kind.k-service{color:#6d28d9;background:#f5f3ff}.client-kind.k-self{color:#4b5563;background:#f3f4f6}.client-card-last{color:#9ca3af;font-size:12px}.client-detail{background:#fff;border-left:1px solid #e5e7eb;flex-direction:column;flex:0 0 380px;display:flex;overflow-y:auto}.client-detail.off{flex-basis:300px}.client-detail-head{border-bottom:1px solid #e5e7eb;align-items:flex-start;gap:10px;padding:16px 18px;display:flex}.client-detail-name{color:#111827;font-size:17px}.client-detail-email{color:#9ca3af;word-break:break-all;font-size:13px}.client-detail-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:22px;line-height:1}.client-detail-close:hover{color:#111827}.client-detail-stats{border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(4,1fr);display:grid}.client-detail-stats div{text-align:center;padding:12px 6px}.client-detail-stats b{color:#111827;font-size:19px;display:block}.client-detail-stats span{color:#9ca3af;font-size:11px}.client-detail-threads{flex-direction:column;gap:8px;padding:10px;display:flex}.client-thread{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px}.client-thread:hover{background:#f9fafb;border-color:#9ca3af}.client-thread-top{align-items:center;gap:8px;display:flex}.client-thread-subject{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.client-thread-meta{color:#9ca3af;margin-top:2px;font-size:12px}.client-thread-prev{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:12px;display:-webkit-box;overflow:hidden}.client-init{color:#6b7280;background:#f9fafb;border-radius:999px;padding:2px 8px}.client-init.i-client{color:#047857;background:#ecfdf5}.client-init.i-us{color:#4338ca;background:#eef2ff}.client-init.i-none{color:#9ca3af;background:#f3f4f6}.client-card-span{color:#9ca3af;align-items:center;gap:6px;font-size:12px;display:flex}.client-card-sep{color:#d1d5db}.client-detail-dates{border-bottom:1px solid #e5e7eb;padding:14px 18px}.client-detail-dates .client-init{margin-bottom:10px;display:inline-block}.client-dates-row{color:#6b7280;justify-content:space-between;padding:3px 0;font-size:13px;display:flex}.client-dates-row b{color:#111827;font-weight:500}.client-thread-init{color:#9ca3af;margin-top:2px;font-size:12px}.clients-scan{letter-spacing:.04em;color:#111827;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:7px 14px;font-size:12px}.clients-scan:hover{border-color:#111827}.clients-scan:disabled{color:#9ca3af;cursor:default}.clients-stats .billed b{color:#047857}.clients-unattached{color:#b45309;cursor:pointer;background:#fffbeb;border:1px solid #fcd34d;border-radius:999px;padding:4px 12px;font-size:12px}.clients-unattached:hover{background:#fef3c7}.client-card-billed{border-top:1px dashed #e5e7eb;align-items:baseline;gap:8px;padding-top:8px;display:flex}.client-billed-amount{color:#047857;font-size:15px;font-weight:600}.client-billed-count{color:#9ca3af;font-size:11px}.client-dates-row.billed b{color:#047857;font-weight:600}.client-billed-block{border-bottom:1px solid #e5e7eb;padding:10px 18px 14px}.client-billed-head{color:#6b7280;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.client-billed-all{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:12px}.client-invoice-row{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:baseline;gap:10px;width:100%;margin-bottom:6px;padding:6px 10px;display:flex}.client-invoice-row:hover{background:#f9fafb;border-color:#9ca3af}.client-invoice-no{color:#111827;font-size:13px;font-weight:500}.client-invoice-date{color:#9ca3af;font-size:12px}.client-invoice-amount{color:#047857;margin-left:auto;font-size:13px}.client-invoice-more{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:2px 0;font-size:12px}.invoice-modal{z-index:60;background:#11182773;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.invoice-modal-box{background:#fff;border-radius:12px;flex-direction:column;width:min(920px,100%);max-height:80vh;display:flex;overflow:hidden}.invoice-modal-head{color:#111827;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;font-size:16px;display:flex}.invoice-modal-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1}.invoice-modal-close:hover{color:#111827}.invoice-modal-total{color:#6b7280;background:#f9fafb;padding:12px 20px 6px;font-size:13px}.invoice-modal-total b{color:#047857;font-size:15px}.invoice-modal-total.replaced{color:#9ca3af;padding-top:0;font-size:12px}.invoice-modal-list{padding:10px 12px 16px;overflow-y:auto}.invoice-row{border-bottom:1px solid #f3f4f6}.invoice-row-main{text-align:left;cursor:pointer;background:0 0;border:none;grid-template-columns:90px 70px 1fr 1.4fr 130px;align-items:baseline;gap:10px;width:100%;padding:10px 8px 4px;display:grid}.invoice-row-main:hover{background:#f9fafb}.invoice-row-no{color:#111827;font-size:14px;font-weight:500}.invoice-row-date{color:#9ca3af;font-size:12px}.invoice-row-buyer{color:#374151;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.invoice-row-file{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.invoice-row-amount{color:#047857;text-align:right;font-size:14px;font-weight:600}.invoice-row-wrap.is-replaced .invoice-row-amount{color:#9ca3af;text-decoration:line-through}.invoice-row-wrap.is-replaced .invoice-row-no{color:#6b7280}.invoice-row-rev{text-align:left;cursor:pointer;background:0 0;border:none;align-items:baseline;gap:8px;width:100%;padding:0 8px 8px;display:flex}.invoice-row-rev-kind{color:#6b7280;background:#f3f4f6;border-radius:999px;flex:none;padding:1px 8px;font-size:11px}.invoice-row-wrap.is-replaced .invoice-row-rev-kind{color:#92400e;background:#fef3c7}.invoice-row-rev-text{color:#9ca3af;font-size:12px}.invoice-row-rev-toggle{color:#2563eb;margin-left:auto;font-size:12px}.invoice-diff{background:#f9fafb;border-top:1px dashed #e5e7eb;padding:8px 12px 10px}.invoice-diff-block{margin-bottom:8px}.invoice-diff-title{text-transform:uppercase;letter-spacing:.04em;color:#6b7280;margin-bottom:4px;font-size:11px}.invoice-diff-pos{color:#374151;border-bottom:1px dotted #e5e7eb;align-items:baseline;gap:12px;padding:3px 0;font-size:12px;display:flex}.invoice-diff-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.invoice-diff-sum{color:#6b7280;flex:none}.invoice-diff-note{color:#9ca3af;padding-top:2px;font-size:12px}.client-detail-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.client-detail-more{color:#2563eb;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:4px 8px;font-size:12px}.client-detail-more:hover{background:#f3f4f6;border-color:#e5e7eb}.client-modal-box{width:min(960px,96vw);max-height:90vh}.client-modal-body{flex-direction:column;gap:18px;padding:16px 20px 20px;display:flex;overflow-y:auto}.client-modal-section{background:#fff;border:1px solid #f1f5f9;border-radius:10px;padding:14px 16px 16px}.client-modal-section h4{color:#111827;margin:0 0 12px;font-size:15px;font-weight:600}.client-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}.client-modal-grid .span2{grid-column:1/-1}.client-modal-grid label{color:#9ca3af;margin-bottom:4px;font-size:12px;display:block}.client-modal-grid div{color:#111827;word-break:break-word;font-size:14px;line-height:1.4}.client-modal-notes{white-space:pre-wrap;color:#374151;background:#f9fafb;border:1px solid #f1f5f9;border-radius:8px;margin:0;padding:12px 14px;font-size:14px;line-height:1.6}.client-card-lastline{align-items:center;gap:8px;font-size:12px;display:flex}.client-lastdir{border-radius:999px;padding:2px 8px;font-weight:500}.client-lastdir.d-in{color:#1d4ed8;background:#eff6ff}.client-lastdir.d-out{color:#b91c1c;background:#fef2f2}.client-lastago{color:#9ca3af}.client-notes{border-top:1px solid #e5e7eb;padding:14px 18px 20px}.client-notes-head{color:#6b7280;justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:13px;display:flex}.client-notes-hint{color:#d1d5db;font-size:11px}.client-note-input{box-sizing:border-box;color:#111827;resize:vertical;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;min-height:74px;padding:10px 12px;font-family:inherit;font-size:14px;line-height:1.45}.client-note-input:focus{border-color:#111827;outline:none}.client-notes-actions{align-items:center;gap:10px;margin-top:8px;display:flex}.client-note-save{color:#fff;cursor:pointer;background:#111827;border:1px solid #111827;border-radius:999px;padding:7px 20px;font-size:13px}.client-note-save:disabled{color:#9ca3af;cursor:default;background:#e5e7eb;border-color:#e5e7eb}.client-note-clear{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-size:12px}.client-notes-list{flex-direction:column;gap:8px;margin-top:14px;display:flex}.client-note{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:9px 11px}.client-note-top{justify-content:space-between;align-items:center;display:flex}.client-note-date{color:#9ca3af;font-size:11px}.client-note-del{color:#d1d5db;cursor:pointer;background:0 0;border:none;font-size:16px;line-height:1}.client-note-del:hover{color:#b91c1c}.client-note-text{color:#111827;white-space:pre-wrap;margin-top:4px;font-size:14px;line-height:1.45}.client-notes-empty{color:#9ca3af;font-size:13px}.client-kind.k-company{color:#6d28d9;background:#f5f3ff}.client-card-id .client-email{font-variant-numeric:tabular-nums}.analytics-layout{background:#f9fafb;flex-direction:column;flex:1;min-height:0;display:flex}.an-head{background:#fff;border-bottom:1px solid #e5e7eb;flex:none;padding:16px 20px 12px}.an-head-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.an-title{margin:0;font-size:18px}.an-nav{gap:8px;display:flex}.an-btn{cursor:pointer;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:7px 12px;font-size:15px}.an-btn:hover:not(:disabled){background:#f3f4f6}.an-btn:disabled{opacity:.5;cursor:default}.an-controls{flex-wrap:wrap;align-items:center;gap:16px;margin-top:12px;display:flex}.an-field{color:#6b7280;align-items:center;gap:6px;font-size:14px;display:flex}.an-field input{color:#111827;border:1px solid #d1d5db;border-radius:8px;padding:6px 8px;font-size:14px}.an-presets{flex-wrap:wrap;gap:6px;display:flex}.an-preset{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:5px 12px;font-size:14px}.an-preset:hover:not(:disabled){background:#dbeafe}.an-preset:disabled{opacity:.5;cursor:default}.an-legend{color:#374151;flex-wrap:wrap;align-items:center;gap:16px;margin-top:10px;font-size:14px;display:flex}.an-legend-item{align-items:center;gap:6px;display:inline-flex}.an-dot{border-radius:3px;width:10px;height:10px;display:inline-block}.an-dot-in{background:#2563eb}.an-dot-out{background:#16a34a}.an-dot-inv{background:#f59e0b;border-radius:50%}.an-legend-total{color:#6b7280;margin-left:auto}.an-body{flex:auto;min-height:0;padding:16px 20px 28px;overflow-y:auto}.an-status,.an-hint{color:#9ca3af;padding:20px 4px;font-size:15px}.an-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:14px}.an-chart-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px 12px 6px}.an-chart-title{color:#111827;margin:0 0 6px 4px;font-size:15px;font-weight:700}.an-inv-label{fill:#b45309;pointer-events:none;font-size:11px}.an-chart{align-items:flex-start;display:flex}.an-yaxis{flex:none}.an-tick{fill:#9ca3af;font-size:12px}.an-plot-scroll{flex:auto;overflow:auto hidden}.an-plot{display:block}.an-grid{stroke:#f3f4f6;stroke-width:1px}.an-bar-in{fill:#2563eb}.an-bar-out{fill:#16a34a}.an-inv-line{fill:none;stroke:#f59e0b;stroke-width:2px}.an-inv-dot{fill:#f59e0b}.an-hit{fill:#0000;cursor:pointer}.an-hit:hover{fill:#2563eb0f}.an-hit-on{fill:#2563eb1f}.an-weekend{fill:#ef44440d;stroke:#ef4444;stroke-width:1.5px;pointer-events:none}.an-xday{fill:#6b7280;font-size:12px}.an-xmonth{fill:#9ca3af;font-size:11px}.an-day{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:16px;overflow:hidden}.an-day-head{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.an-day-title-main{flex-direction:column;gap:2px;display:flex}.an-day-title{font-size:16px;font-weight:700}.an-day-sub{color:#6b7280;font-size:13px}.an-day-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-size:16px}.an-day-close:hover{color:#111827}.an-tabs{flex-wrap:wrap;gap:4px;padding:10px 12px 0;display:flex}.an-tab{cursor:pointer;color:#374151;background:#f3f4f6;border:none;border-radius:8px 8px 0 0;padding:8px 14px;font-size:14px}.an-tab b{color:#2563eb;margin-left:4px}.an-tab-active{background:#fff;font-weight:600;box-shadow:inset 0 -2px #2563eb}.an-day-status{color:#9ca3af;padding:16px;font-size:14px}.an-list{margin:0;padding:0;list-style:none}.an-list li{border-top:1px solid #f3f4f6}.an-item{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:none;align-items:center;gap:12px;padding:10px 16px;display:flex}.an-item:hover{background:#f9fafb}.an-item-time{color:#6b7280;font-variant-numeric:tabular-nums;flex:0 0 44px;font-size:13px}.an-item-main{flex-direction:column;gap:1px;min-width:0;display:flex}.an-item-who{align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.an-item-clip{color:#6b7280;background:#f3f4f6;border-radius:4px;padding:0 5px;font-size:11px}.an-item-email{color:#6b7280;font-size:12px}.an-item-subject{color:#374151;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.an-invoice{align-items:center;display:flex}.an-invoice .an-item{flex:1}.an-invoice-sum{color:#b45309;flex:none;margin-left:auto;padding-left:12px;font-size:14px;font-weight:700}.an-invoice-letter{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;flex:none;margin-right:16px;padding:4px 10px;font-size:13px}.an-invoice-letter:hover{background:#dbeafe}.an-st{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:16px;padding:14px 16px 6px}.an-st-total{color:#6b7280;margin:0 0 10px 2px;font-size:13px}.an-st-bars{flex-direction:column;gap:7px;display:flex}.an-st-bar{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:3px 6px;font-family:inherit;display:flex}.an-st-bar:hover:not(:disabled){background:#f9fafb}.an-st-bar:disabled{opacity:.55;cursor:default}.an-st-on{background:#f3f4f6;border-color:#e5e7eb}.an-st-label{text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:0 0 118px;font-size:12px;overflow:hidden}.an-st-track{background:#f3f4f6;border-radius:7px;flex:auto;min-width:60px;height:14px;overflow:hidden}.an-st-fill{border-radius:7px;height:100%;display:block}.an-st-num{text-align:right;color:#111827;flex:0 0 30px;font-size:12px;font-weight:700}.an-st-amt{text-align:right;color:#9ca3af;font-variant-numeric:tabular-nums;flex:0 0 92px;font-size:11px}.an-st-paid{margin-top:16px;padding-bottom:8px}.an-st-paid-title{color:#111827;align-items:baseline;gap:8px;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.an-st-paid-empty{color:#9ca3af;padding:24px 4px;font-size:13px}.an-st-paid-scroll{overflow-x:auto}.an-st-paid-inner{align-items:flex-end;gap:8px;min-height:132px;display:flex}.an-st-col{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column;flex:0 0 20px;align-items:center;gap:4px;padding:2px;display:flex}.an-st-col:hover:not(:disabled){background:#f9fafb}.an-st-col-on{background:#f0fdf4;border-color:#bbf7d0}.an-st-col-bar{justify-content:center;align-items:flex-end;width:100%;height:108px;display:flex}.an-st-col-fill{border-radius:4px 4px 0 0;width:12px;display:block}.an-st-col-label{color:#6b7280;white-space:nowrap;font-size:10px}.an-st-rows{border-top:1px solid #f3f4f6;margin-top:14px}.an-st-rows-head{align-items:center;gap:10px;padding:10px 4px 4px;display:flex}.an-st-rows-head b{font-size:14px}.an-st-rows-sub{color:#9ca3af;font-size:12px}.an-st-rows-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:2px 6px;font-size:15px}.an-st-rows-close:hover{color:#111827}@media (width<=720px){.an-legend-total{margin-left:0}}.tg-wrap{background:#f9fafb;flex-direction:column;flex:1;min-height:0;display:flex}.tg-toolbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.tg-title{color:#111827;font-size:18px;font-weight:700}.tg-toolbar-actions{align-items:center;gap:8px;display:flex}.tg-subtitle{color:#6b7280;margin-top:2px;font-size:12px}.tg-error{color:#b91c1c;background:#fef2f2;border-radius:8px;margin:10px 20px 0;padding:8px 12px;font-size:13px}.tg-scroll{flex:1;min-height:0;padding:16px 20px 40px;overflow:auto}.tg-day{margin-bottom:26px}.tg-day-head{z-index:5;color:#374151;background:linear-gradient(#f9fafb 70%,#f9fafb00);padding:6px 2px 8px;font-size:14px;font-weight:700;position:sticky;top:0}.tg-tree{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:14px;padding:12px 14px 14px}.tg-tree-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.tg-tree-title{color:#1f2937;font-size:13px;font-weight:600}.tg-tree-totals{gap:8px;display:flex}.tg-total{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.tg-total-theirs{color:#c2410c;background:#fff7ed}.tg-total-ours{color:#1d4ed8;background:#eff6ff}.tg-board{position:relative}.tg-columns{grid-template-columns:repeat(4,minmax(200px,1fr));align-items:start;gap:42px;display:grid}.tg-col{min-width:0}.tg-col-head{text-transform:uppercase;letter-spacing:.04em;color:#6b7280;border-bottom:1px solid #e5e7eb;margin-bottom:6px;padding:4px 6px;font-size:11px;font-weight:700}.tg-col-body{flex-direction:column;gap:8px;display:flex}.tg-empty{color:#d1d5db;text-align:center;padding:8px;font-size:13px}.tg-card{z-index:2;text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-left-width:4px;border-radius:8px;flex-direction:column;gap:3px;width:100%;padding:8px 10px;transition:box-shadow .12s,transform .12s;display:flex;position:relative}.tg-card:hover{transform:translateY(-1px);box-shadow:0 4px 14px #1118271a}.tg-card.is-selected{box-shadow:0 0 0 2px #2563eb}.tg-card.is-suggested{border-style:dashed}.tg-card.tg-l1{border-left-color:#2563eb}.tg-card.tg-l2{border-left-color:#f59e0b}.tg-card.tg-l3{border-left-color:#16a34a}.tg-card.tg-l4{border-left-color:#7c3aed}.tg-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.tg-kind{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700}.tg-kind-l1{color:#1d4ed8;background:#eff6ff}.tg-kind-l2{color:#c2410c;background:#fff7ed}.tg-kind-l3{color:#15803d;background:#ecfdf5}.tg-kind-l4{color:#6d28d9;background:#f5f3ff}.tg-time{color:#9ca3af;font-size:11px}.tg-party{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.tg-subject{color:#4b5563;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.tg-amount{color:#111827;align-items:center;gap:6px;margin-top:2px;font-size:12px;font-weight:700;display:flex}.tg-owner{border-radius:999px;padding:0 5px;font-size:10px;font-weight:700}.tg-owner-ours{color:#1d4ed8;background:#eff6ff}.tg-owner-theirs{color:#c2410c;background:#fff7ed}.tg-hint{color:#b45309;background:#fffbeb;border-radius:4px;align-self:flex-start;padding:1px 5px;font-size:10px}.tg-edges{pointer-events:none;z-index:1;position:absolute;inset:0}.tg-edge{fill:none;stroke:#cbd5e1;stroke-width:1.5px}.tg-detail{border-top:1px solid #e5e7eb;margin-top:14px;padding-top:12px}.tg-detail-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.tg-detail-subject{color:#111827;font-size:14px;font-weight:700}.tg-detail-meta{color:#6b7280;margin-top:2px;font-size:12px}.tg-detail-loading{color:#6b7280;font-size:13px}.tg-attach{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.tg-attach-chip{cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;padding:4px 10px;font-size:12px}.tg-attach-chip:hover{background:#f3f4f6}.tg-empty-all{text-align:center;color:#6b7280;padding:40px;font-size:14px}@media (width<=900px){.tg-columns{grid-template-columns:repeat(4,minmax(170px,1fr));gap:24px}}.tc-wrap{background:#f9fafb;flex:1;min-height:0;display:flex}.tc-feed{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;flex:0 0 320px;width:320px;min-height:0;display:flex}.tc-feed-head{border-bottom:1px solid #e5e7eb;flex-direction:column;gap:8px;padding:12px;display:flex}.tc-input{border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:7px 10px;font-size:13px}.tc-input:focus{border-color:#2563eb}.tc-filter{gap:6px;display:flex}.tc-filter-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:3px 10px;font-size:12px}.tc-filter-btn.is-active{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe;font-weight:600}.tc-feed-list{flex-direction:column;flex:1;gap:8px;min-height:0;padding:10px;display:flex;overflow:auto}.tc-feed-card{cursor:grab;background:#fff;border:1px solid #e5e7eb;border-left:4px solid #cbd5e1;border-radius:8px;flex-direction:column;gap:3px;padding:7px 9px;display:flex}.tc-feed-card:hover{box-shadow:0 3px 12px #11182717}.tc-feed-card:active{cursor:grabbing}.tc-feed-card.is-in{border-left-color:#16a34a}.tc-feed-card.is-out{border-left-color:#2563eb}.tc-feed-top{justify-content:space-between;align-items:center;display:flex}.tc-dir{text-transform:uppercase;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700}.tc-dir-in{color:#15803d;background:#ecfdf5}.tc-dir-out{color:#1d4ed8;background:#eff6ff}.tc-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.tg-col-drop{border-radius:10px;outline:1px dashed #0000;transition:background .12s}.tg-col-drop:hover{outline-color:#bfdbfe}.tg-col-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.tg-add{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;width:20px;height:20px;font-size:15px;font-weight:700;line-height:1}.tg-add:hover{background:#dbeafe}.tg-actions{opacity:0;gap:3px;transition:opacity .12s;display:flex;position:absolute;top:4px;right:4px}.tg-card:hover .tg-actions{opacity:1}.tg-act{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;line-height:1;display:inline-flex}.tg-act-ok{color:#15803d;border-color:#bbf7d0}.tg-act-ok:hover{background:#ecfdf5}.tg-act-del{color:#b91c1c;border-color:#fecaca}.tg-act-del:hover{background:#fef2f2}.tc-compose{background:#fff;border-radius:14px;flex-direction:column;gap:10px;width:min(560px,92vw);max-height:86vh;padding:16px 18px;display:flex;box-shadow:0 20px 60px #11182740}.tc-compose-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tc-conv-list{border:1px solid #e5e7eb;border-radius:8px;max-height:200px;overflow:auto}.tc-conv{text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #f3f4f6;flex-direction:column;gap:2px;width:100%;padding:7px 10px;display:flex}.tc-conv:hover{background:#f9fafb}.tc-conv.is-active{background:#eff6ff}.tc-conv-sub{color:#6b7280;font-size:12px}.tc-textarea{resize:vertical;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px;font-family:inherit;font-size:13px}.tc-textarea:focus{border-color:#2563eb}.tc-compose-actions{justify-content:flex-end;display:flex}@media (width<=900px){.tc-feed{flex-basis:240px;width:240px}}.tc-daterow{align-items:center;gap:6px;display:flex}.tc-date{color:#6b7280;flex:1;align-items:center;gap:5px;font-size:12px;display:flex}.tc-date .tc-input{padding:4px 6px;font-size:12px}.inv-page{background:#f9fafb;height:100%;padding:16px;overflow-y:auto}.inv-head{align-items:baseline;gap:16px;margin-bottom:12px;display:flex}.inv-head h2{margin:0;font-size:20px}.inv-head-stats{color:#6b7280;gap:14px;font-size:13px;display:flex}.inv-head-stats b{color:#111827}.inv-summary{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.inv-sum{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-top:3px solid #d1d5db;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;min-width:132px;padding:8px 12px;font-family:inherit;display:flex}.inv-sum:hover{border-color:#9ca3af}.inv-sum-on{background:#eff6ff;border-color:#2563eb}.inv-sum-label{color:#6b7280;text-transform:capitalize;font-size:12px}.inv-sum-count{color:#111827;font-size:18px;font-weight:700}.inv-sum-amount{color:#9ca3af;font-size:11px}.inv-toolbar{gap:8px;margin-bottom:12px;display:flex}.inv-toolbar input{border:1px solid #d1d5db;border-radius:8px;flex:auto;max-width:420px;padding:7px 10px;font-family:inherit;font-size:13px}.inv-btn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:6px 10px;font-family:inherit;font-size:12px}.inv-btn:hover{background:#f3f4f6}.inv-btn-primary{color:#fff;background:#2563eb;border-color:#2563eb}.inv-btn-primary:hover{background:#1d4ed8}.inv-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:13px}.inv-empty{text-align:center;color:#6b7280;padding:24px;font-size:14px}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;display:grid}.inv-card{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #f59e0b;border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.inv-card-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.inv-number{font-size:14px;font-weight:700}.inv-date{color:#6b7280;margin-left:8px;font-size:12px}.inv-amount{white-space:nowrap;font-size:14px;font-weight:700}.inv-client{align-items:flex-start;gap:8px;display:flex}.inv-client-lines{flex-direction:column;flex:auto;min-width:0;display:flex}.inv-client-name{font-size:13px}.inv-client-email{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.inv-client-none{color:#9ca3af;font-size:12px;font-style:italic}.inv-write{white-space:nowrap;color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:8px;flex:none;padding:4px 10px;font-family:inherit;font-size:12px}.inv-write:hover:not(:disabled){background:#1d4ed8}.inv-write:disabled{opacity:.6;cursor:default}.inv-statuses{flex-wrap:wrap;gap:5px;display:flex}.inv-st{cursor:pointer;background:#fff;border:1px solid;border-radius:999px;padding:4px 8px;font-family:inherit;font-size:11px}.inv-st:disabled{opacity:.6;cursor:default}.inv-st-on{font-weight:600}.inv-note-view{flex-direction:column;gap:4px;display:flex}.inv-note-text{color:#374151;white-space:pre-wrap;margin:0;font-size:12px}.inv-note-edit{color:#2563eb;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-family:inherit;font-size:12px}.inv-note textarea{box-sizing:border-box;resize:vertical;border:1px solid #d1d5db;border-radius:8px;width:100%;min-height:56px;padding:6px 8px;font-family:inherit;font-size:12px}.inv-note-actions{gap:6px;margin-top:6px;display:flex}.inv-convs{flex-direction:column;gap:5px;display:flex}.inv-convs-head{color:#6b7280;text-transform:uppercase;font-size:11px}.inv-convs-empty{color:#9ca3af;font-size:12px;font-style:italic}.inv-conv{align-items:center;gap:6px;display:flex}.inv-conv-open{text-align:left;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex:auto;padding:5px 8px;font-family:inherit;font-size:12px}.inv-conv-open:hover{background:#eff6ff;border-color:#2563eb}.inv-conv-del{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:16px;line-height:1}.inv-conv-del:hover{color:#ef4444}.inv-add-conv{color:#6b7280;cursor:pointer;background:0 0;border:1px dashed #9ca3af;border-radius:8px;align-self:flex-start;padding:4px 8px;font-family:inherit;font-size:12px}.inv-add-conv:hover{color:#2563eb;border-color:#2563eb}.inv-picker{flex-direction:column;gap:5px;display:flex}.inv-picker input{border:1px solid #d1d5db;border-radius:8px;padding:5px 8px;font-family:inherit;font-size:12px}.inv-picker-list{flex-direction:column;gap:3px;max-height:160px;display:flex;overflow-y:auto}.inv-picker-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;align-items:flex-start;gap:1px;padding:5px 8px;font-family:inherit;font-size:12px;display:flex}.inv-picker-item:hover{background:#eff6ff;border-color:#2563eb}.inv-picker-subject{color:#111827}.inv-picker-email{color:#6b7280;font-size:11px}.inv-picker-empty{color:#9ca3af;padding:4px 2px;font-size:12px}.inv-picker-cancel{color:#6b7280;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-family:inherit;font-size:11px}.inv-file{color:#2563eb;font-size:12px;text-decoration:none}.inv-file:hover{text-decoration:underline}.inv-card-open{cursor:pointer}.inv-card-open:hover{border-color:#bfdbfe;box-shadow:0 2px 10px #11182712}.inv-card-open:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.inv-card-title{cursor:pointer;font:inherit;color:inherit;text-align:left;background:0 0;border:none;align-items:baseline;padding:0;display:flex}.inv-card-title:hover .inv-number{color:#2563eb}.inv-details-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;align-self:flex-start;padding:5px 10px;font-size:12px}.inv-details-btn:hover{color:#111827;background:#e5e7eb}.invd-box{width:min(880px,100%)}.invd-body{flex-direction:column;gap:18px;padding:16px 20px 20px;display:flex;overflow-y:auto}.invd-title{text-transform:uppercase;letter-spacing:.04em;color:#9ca3af;margin-bottom:8px;font-size:12px}.invd-empty{color:#9ca3af;padding:4px 0;font-size:13px}.invd-replaced{color:#b45309;font-weight:600}.invd-statuses{flex-direction:column;gap:6px;display:flex}.invd-status-row{flex-wrap:wrap;gap:5px;display:flex}.invd-status-meta{color:#9ca3af;font-size:11px}.invd-sum{color:#374151;background:#f9fafb;border:1px solid #eef2f7;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex}.invd-sum b{color:#047857;font-size:18px}.invd-req{gap:4px;display:grid}.invd-req-row{grid-template-columns:130px 1fr;gap:10px;font-size:13px;display:grid}.invd-req-label{color:#9ca3af}.invd-req-value{color:#111827;overflow-wrap:anywhere}.invd-items{border-collapse:collapse;width:100%;font-size:13px}.invd-items th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:#9ca3af;border-bottom:1px solid #e5e7eb;padding:6px 8px;font-size:11px;font-weight:600}.invd-items td{vertical-align:top;border-bottom:1px solid #f3f4f6;padding:7px 8px}.invd-items-no{color:#9ca3af;width:34px}.invd-items-num{text-align:right;white-space:nowrap}.invd-items-total{text-align:right;color:#6b7280;padding-top:8px;font-size:13px}.invd-items-total b{color:#111827}.invd-totals{gap:6px;font-size:13px;display:grid}.invd-totals-row{color:#6b7280;justify-content:space-between;gap:12px;display:flex}.invd-totals-row b{color:#111827}.invd-totals-pay{color:#111827;border-top:1px solid #e5e7eb;margin-top:4px;padding-top:8px;font-size:15px}.invd-totals-pay b{color:#047857;font-size:17px}.invd-letters{gap:8px;display:grid}.invd-letter{border:1px solid #eef2f7;border-radius:10px;padding:8px 10px}.invd-letter-out{background:#f8fafc}.invd-letter-head{align-items:baseline;gap:8px;display:flex}.invd-letter-date{color:#9ca3af;white-space:nowrap;font-size:11px}.invd-letter-subject{font:inherit;color:#111827;cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;padding:0;font-size:13px;font-weight:600;overflow:hidden}.invd-letter-subject:hover{color:#2563eb;text-decoration:underline}.invd-letter-parties{color:#9ca3af;overflow-wrap:anywhere;margin-top:2px;font-size:11px}.invd-letter-snippet{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:12px;display:-webkit-box;overflow:hidden}.invd-comments{gap:8px;margin-bottom:10px;display:grid}.invd-comment{border:1px solid #eef2f7;border-radius:10px;padding:8px 10px}.invd-comment-head{align-items:baseline;gap:8px;display:flex}.invd-comment-author{color:#111827;font-size:13px;font-weight:600}.invd-comment-time{color:#9ca3af;font-size:11px}.invd-comment-del{color:#9ca3af;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:16px;line-height:1}.invd-comment-del:hover{color:#b91c1c}.invd-comment-text{color:#374151;white-space:pre-wrap;margin-top:4px;font-size:13px}.invd-comment-form{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.invd-comment-form textarea{resize:vertical;width:100%;min-height:64px;font:inherit;border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px;font-size:13px}.invd-comment-form textarea:focus{border-color:#2563eb;outline:2px solid #bfdbfe}.mail-html{flex-direction:column;gap:8px;display:flex}.mail-html-bar{align-items:center;gap:12px;display:flex}.mail-html-toggle{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.mail-html-toggle:hover:not(:disabled){color:#2563eb}.mail-html-toggle:disabled{color:#d1d5db;cursor:default;text-decoration:none}.mail-html-frame{background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:100%;height:420px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#1f2937;background:#f3f4f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px}button,pre,textarea{font-family:inherit}