@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary:#ff6b00;--color-primary-hover:#ff6b00;--color-action:#ff6b00;--color-action-hover:#ff6b00;--color-bg-body:#f8f9fa;--color-bg-card:#fff;--color-bg-sidebar:#fff;--color-bg-input:#fff;--color-bg-hover:#f0f2f5;--color-text-main:#1a1a1a;--color-text-muted:#6c757d;--color-text-light:#a0aec0;--color-border:#e2e8f0;--color-border-active:#ff6b00;--color-success:#28a745;--color-error:#dc3545;--color-warning:#ffc107;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-body);color:var(--color-text-main);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.card{background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:1.5rem}:root{--color-danger:#dc2626;--color-danger-hover:#b91c1c;--color-danger-active:#991b1b;--color-danger-bg:#fee2e2;--color-danger-soft:#fca5a5;--color-bg-muted:#fafafa;--color-overlay:#00000080;--color-overlay-soft:#00000059;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--z-sidebar:100;--z-dropdown:200;--z-modal:1100;--z-toast:1200;--z-confirm:1300;--t-fast:.12s ease-out;--t-base:.18s ease-out;--t-slow:.28s ease-out;--ring-primary:0 0 0 3px #ff6b001f;--ring-danger:0 0 0 3px #dc262626}.page{width:100%;max-width:1200px;margin-inline:auto}.btn{border-radius:var(--radius-md);cursor:pointer;transition:background var(--t-base), border-color var(--t-base), color var(--t-base), box-shadow var(--t-base), transform var(--t-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-size:.88rem;font-weight:600;line-height:1.2;display:inline-flex}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:focus-visible{box-shadow:var(--ring-primary);outline:none}.btn:active:not(:disabled){transform:translateY(.5px)}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-action{background:var(--color-action);color:#fff;border-color:var(--color-action)}.btn-primary-soft{color:var(--color-primary);background:#fff2e6;border-color:#ffd9bf}.btn-on-brand{color:var(--color-primary);background:#fff;border-color:#fff}.btn-outline{color:var(--color-text-main);border-color:var(--color-border);background:0 0}.btn-outline:hover:not(:disabled){background:var(--color-bg-hover);border-color:#c5cad1}.btn-ghost{color:var(--color-text-main);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-bg-hover)}.btn-danger{color:var(--color-danger);border-color:var(--color-danger-soft);background:#fff}.btn-danger:hover:not(:disabled){background:var(--color-danger-bg);border-color:var(--color-danger)}.btn-danger:focus-visible{box-shadow:var(--ring-danger)}.btn-danger-solid{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger-solid:hover:not(:disabled){background:var(--color-danger-hover);border-color:var(--color-danger-hover)}.btn-danger-solid:active:not(:disabled){background:var(--color-danger-active)}.btn-danger-solid:focus-visible{box-shadow:var(--ring-danger)}.btn-sm{gap:4px;padding:6px 10px;font-size:.78rem}.btn-lg{padding:14px 22px;font-size:1rem}.btn-full{width:100%}.btn-icon{width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-main)}.btn-icon-danger{color:var(--color-danger)}.btn-icon-danger:hover:not(:disabled){background:var(--color-danger-bg);color:var(--color-danger-hover)}.nk-label,.subflow-label,.subflow-form label{color:#444;letter-spacing:.01em;margin-bottom:6px;font-size:.82rem;font-weight:600;display:block}.nk-input,.nk-textarea,.subflow-input,.subflow-textarea,.subflow-form input,.subflow-form textarea,.subflow-form select,.customer-autosuggest input{border-radius:var(--radius-md);background:var(--color-bg-input);width:100%;color:var(--color-text-main);box-sizing:border-box;transition:border-color var(--t-base), box-shadow var(--t-base);border:1px solid #d4d4d4;padding:10px 12px;font-family:inherit;font-size:.92rem}.nk-textarea,.subflow-textarea,.subflow-form textarea{resize:vertical;min-height:80px}.nk-input::placeholder,.nk-textarea::placeholder,.subflow-input::placeholder,.subflow-textarea::placeholder,.subflow-form input::placeholder,.subflow-form textarea::placeholder,.customer-autosuggest input::placeholder{color:#aaa}.nk-input:hover:not(:disabled),.nk-textarea:hover:not(:disabled),.subflow-input:hover:not(:disabled),.subflow-textarea:hover:not(:disabled),.subflow-form input:hover:not(:disabled),.subflow-form textarea:hover:not(:disabled),.customer-autosuggest input:hover:not(:disabled){border-color:#b0b0b0}.nk-input:focus,.nk-textarea:focus,.subflow-input:focus,.subflow-textarea:focus,.subflow-form input:focus,.subflow-form textarea:focus,.subflow-form select:focus,.customer-autosuggest input:focus{border-color:var(--color-primary);box-shadow:var(--ring-primary);outline:none}.nk-input:disabled,.nk-textarea:disabled,.subflow-input:disabled,.subflow-textarea:disabled,.subflow-form input:disabled,.subflow-form textarea:disabled{color:#999;cursor:not-allowed;background:#f5f5f5}.subflow-form{gap:var(--space-3);flex-direction:column;display:flex}.nk-overlay,.subflow-modal{background:var(--color-overlay);z-index:var(--z-modal);padding:var(--space-3);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.nk-overlay--confirm{z-index:var(--z-confirm)}.nk-dialog{border-radius:var(--radius-lg);background:#fff;flex-direction:column;width:min(560px,95vw);max-height:92vh;animation:.14s ease-out nk-dialog-pop;display:flex;overflow:hidden;box-shadow:0 20px 50px #0000002e}@keyframes nk-dialog-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.confirm-dialog{width:min(440px,92vw)}.nk-badge,.subflow-step{color:var(--color-text-muted);border-radius:var(--radius-full);background:var(--color-bg-hover);align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.nk-badge--primary{color:var(--color-primary);background:#fff7f0}.nk-badge--success{color:var(--color-success);background:#e6f6e9}.nk-badge--danger{color:var(--color-danger);background:var(--color-danger-bg)}.nk-hint,.subflow-hint{color:var(--color-text-muted);margin-bottom:var(--space-4);font-size:.82rem;line-height:1.5}.nk-card,.project-card,.td-card{border-radius:var(--radius-lg);transition:border-color var(--t-base), box-shadow var(--t-base), transform var(--t-fast);cursor:default;background:#fff;border:2px solid #ffd9bf;padding:1rem}.nk-card:hover,.project-card:hover,.td-card:hover{border-color:var(--color-primary);box-shadow:0 4px 14px #ff6b0024}.nk-card--clickable,.project-card,.td-card[role=button]{cursor:pointer}.nk-card--clickable:active,.project-card:active{transform:translateY(.5px)}.toast--info,.toast--success{color:#fff;background:var(--color-primary)!important}.toast--error{color:#fff;background:var(--color-danger)!important}.toast--warning{color:#fff;background:#b88600!important}.modal-err,.nk-error{background:var(--color-danger-bg);color:var(--color-danger-hover);border:1px solid var(--color-danger-soft);border-radius:var(--radius-md);padding:10px 12px;font-size:.86rem}:root{--admin-sidebar-bg:#1f2937;--admin-sidebar-bg-hover:#2a3441;--admin-sidebar-text:#fff;--admin-sidebar-text-muted:#9ca3af;--admin-sidebar-border:#374151;--admin-sidebar-active-bg:var(--color-primary);--admin-sidebar-active-text:#fff;--admin-sidebar-width:240px}html,body,#root{height:100%;margin:0}#root{flex-direction:column;display:flex}.admin-shell{background:var(--color-bg-body);min-height:100vh;display:flex}.admin-sidebar{width:var(--admin-sidebar-width);background:var(--admin-sidebar-bg);color:var(--admin-sidebar-text);flex-direction:column;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0}.admin-sidebar__brand{align-items:center;gap:10px;margin-bottom:14px;display:flex}.admin-sidebar__logo{object-fit:contain;background:#fff;border-radius:9px;flex-shrink:0;width:38px;height:38px;padding:3px}.admin-sidebar__brand-text{line-height:1.15}.admin-sidebar__brand-name{letter-spacing:.02em;font-size:15px;font-weight:800}.admin-sidebar__brand-sub{color:var(--admin-sidebar-text-muted);font-size:11px}.admin-sidebar__pod{border-radius:var(--radius-md);border:1px solid var(--admin-sidebar-border);background:#ffffff0f;align-items:center;gap:10px;margin-bottom:18px;padding:10px;display:flex}.admin-sidebar__avatar{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:flex}.admin-sidebar__pod-info{flex-direction:column;gap:3px;min-width:0;display:flex}.admin-sidebar__pod-phone{color:var(--admin-sidebar-text);white-space:nowrap;text-overflow:ellipsis;font-family:monospace;font-size:13px;font-weight:600;overflow:hidden}.admin-sidebar__pod-role{background:var(--color-primary);color:#fff;border-radius:9999px;align-self:flex-start;padding:1px 8px;font-size:10.5px;font-weight:700}.admin-sidebar__nav{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.admin-sidebar__group{margin-top:12px}.admin-sidebar__group-title{text-transform:uppercase;letter-spacing:.08em;color:var(--admin-sidebar-text-muted);padding:6px 12px 4px;font-size:10px}.admin-nav-item{border-radius:var(--radius-md);color:var(--admin-sidebar-text);cursor:pointer;transition:background var(--t-fast);align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.admin-nav-item:hover{background:var(--admin-sidebar-bg-hover)}.admin-nav-item--active{background:var(--admin-sidebar-active-bg);color:var(--admin-sidebar-active-text)}.admin-nav-item--active:hover{background:var(--color-primary-hover)}.admin-nav-item__icon{flex-shrink:0;font-size:16px}.admin-sidebar__footer{border-top:1px solid var(--admin-sidebar-border);color:var(--admin-sidebar-text-muted);padding-top:16px;font-size:13px}.admin-sidebar__user{color:var(--admin-sidebar-text);margin-bottom:10px}.admin-logout-btn{background:var(--admin-sidebar-border);width:100%;color:var(--admin-sidebar-text);border-radius:var(--radius-md);cursor:pointer;transition:background var(--t-fast);border:none;padding:8px 12px;font-size:13px;font-weight:600}.admin-logout-btn:hover{background:#4b5563}.admin-main{flex:1;padding:24px 28px;overflow:auto}.admin-page__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.admin-page__title{color:var(--color-text-main);font-size:22px;font-weight:700}.admin-page__subtitle{color:var(--color-text-muted);margin-top:2px;font-size:13px}.admin-table-wrap{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:10px 14px}.admin-table th{background:var(--color-bg-muted);text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.02em;font-size:12px;font-weight:600}.admin-table tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:var(--color-bg-hover)}.admin-main tbody tr:nth-child(2n){background:#f5f8fc}.admin-main tbody tr:hover{background:#eaf1fb}.admin-table td.right{text-align:right}.admin-table td.center{text-align:center}.admin-cell-input{border-radius:var(--radius-sm);width:100%;color:var(--color-text-main);transition:border-color var(--t-fast), background var(--t-fast);background:0 0;border:1px solid #0000;padding:6px 8px;font-family:inherit;font-size:14px}.admin-cell-input:hover{border-color:var(--color-border);background:var(--color-bg-card)}.admin-cell-input:focus{border-color:var(--color-primary);box-shadow:var(--ring-primary);background:#fff;outline:none}.admin-ship-cell{align-items:center;gap:6px;display:flex}.admin-ship-cell__toggle{border-radius:var(--radius-full);background:var(--color-bg-hover);color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;padding:2px 6px;font-size:11px}.admin-ship-cell__toggle--customer{color:#856404;background:#fff3cd}.admin-filterbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.admin-filterbar .nk-input{max-width:240px}.admin-pill{border-radius:var(--radius-full);background:var(--color-bg-hover);color:var(--color-text-muted);align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.admin-pill--success{color:var(--color-success);background:#e6f6e9}.admin-pill--warn{color:#856404;background:#fff3cd}.admin-pill--danger{background:var(--color-danger-bg);color:var(--color-danger)}.admin-pill--info{color:#075985;background:#e0f2fe}.admin-pill--brand{color:var(--color-primary);background:#fff2e6}.admin-empty{text-align:center;color:var(--color-text-muted);padding:60px 20px;font-size:14px}.admin-empty__icon{opacity:.6;margin-bottom:10px;font-size:40px}.admin-spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite admin-spin;display:inline-block}@keyframes admin-spin{to{transform:rotate(360deg)}}.staff-home{gap:var(--space-5);flex-direction:column;width:100%;display:flex}.staff-home__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.staff-home__title{color:#111827;font-size:22px;font-weight:700}.staff-home__subtitle{color:#6b7280;margin-top:4px;font-size:14px}.staff-home__badges{align-items:center;gap:8px;display:flex}.staff-home__role-badge{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe;border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:700}.staff-home__branch-badge{border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:700}.staff-home__branch-badge.is-hn{color:#1d4ed8;background:#eff6ff}.staff-home__branch-badge.is-hcm{color:#047857;background:#ecfdf5}.staff-home__card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px}.staff-home__section-head{color:#111827;margin-bottom:6px;font-size:15px;font-weight:700}.staff-home__count{color:var(--color-primary,#f97316)}.staff-home__empty{color:#6b7280;font-size:14px}.staff-home__actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}@media (width<=720px){.staff-home__actions-grid{grid-template-columns:1fr}}.staff-home__action{color:inherit;border:1px solid #eef0f3;border-radius:10px;align-items:center;gap:12px;padding:12px;text-decoration:none;transition:background .12s,border-color .12s;display:flex}.staff-home__action:hover{background:#f9fafb;border-color:#d7dbe0}.staff-home__action-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.staff-home__action-icon.tone-danger{background:#fef2f2}.staff-home__action-icon.tone-warn{background:#fffbeb}.staff-home__action-icon.tone-accent{background:#eff6ff}.staff-home__action-text{flex:1;min-width:0}.staff-home__action-title{color:#111827;font-size:14.5px;font-weight:600}.staff-home__action-sub{color:#6b7280;margin-top:2px;font-size:12.5px}.staff-home__chev{color:#9ca3af;font-size:22px;line-height:1}.staff-home__kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.staff-home__kpi{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;gap:2px;padding:14px 16px;display:flex}.staff-home__kpi-label{color:#6b7280;font-size:12.5px}.staff-home__kpi-value{color:#111827;font-size:26px;font-weight:700;line-height:1.1}.staff-home__kpi-sub{color:#9ca3af;font-size:12px}.staff-home__quick{flex-wrap:wrap;gap:10px;display:flex}.staff-home__skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e9ebef 50%,#f3f4f6 75%) 0 0/200% 100%;border-radius:14px;height:120px;animation:1.3s infinite staff-home-shimmer}@keyframes staff-home-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.nk-status-stepper{grid-template-columns:var(--stepper-cols,repeat(5, 1fr));gap:0;padding:8px 16px 4px;display:grid}.nk-status-stepper__col{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex;position:relative}.nk-status-stepper__col:before{content:"";z-index:0;background:#ffd9bf;width:100%;height:2px;position:absolute;top:16px;right:50%}.nk-status-stepper__col:first-child:before{display:none}.nk-status-stepper__col--done:before{background:var(--color-primary,#ff6b00)}.nk-status-stepper__dot{z-index:1;background:var(--color-primary,#ff6b00);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.nk-status-stepper__col--pending .nk-status-stepper__dot{color:#fff;background:#ffd9bf}.nk-status-stepper__col--cancelled .nk-status-stepper__dot{background:var(--color-danger,#dc2626)}.nk-status-stepper__label{text-align:center;color:#111827;font-size:12px;font-weight:600;line-height:1.3}.nk-status-stepper__col--pending .nk-status-stepper__label{color:#9ca3af;font-weight:500}.nk-status-stepper__time{color:#9ca3af;text-align:center;font-size:10px;line-height:1.3}.nk-status-stepper__note{color:#92400e;word-break:break-word;background:#fef3c7;border-radius:4px;max-width:100%;margin-top:2px;padding:3px 6px;font-size:11px}@media (width<=640px){.nk-status-stepper{border-left:2px solid #ffd9bf;grid-template-columns:1fr;margin-left:14px;padding:4px 8px 4px 12px}.nk-status-stepper__col{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 0 10px 14px}.nk-status-stepper__col:before{display:none}.nk-status-stepper__dot{width:12px;height:12px;box-shadow:0 0 0 3px #fff, 0 0 0 5px var(--color-primary,#ff6b00);font-size:0;position:absolute;top:12px;left:-21px}.nk-status-stepper__col--pending .nk-status-stepper__dot{box-shadow:0 0 0 3px #fff,0 0 0 5px #ffd9bf}.nk-status-stepper__col--cancelled .nk-status-stepper__dot{box-shadow:0 0 0 3px #fff, 0 0 0 5px var(--color-danger,#dc2626)}.nk-status-stepper__label{text-align:left;font-size:14px}.nk-status-stepper__time{text-align:left;font-size:12px}}.page-inbox{flex-direction:column;height:calc(100vh - 48px);display:flex}.inbox{flex:1;grid-template-columns:340px 1fr;gap:16px;min-height:0;display:grid}.inbox-list{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;min-height:0;display:flex;overflow:hidden}.inbox-filters{border-bottom:1px solid var(--color-border);padding:12px}.inbox-search{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;font:inherit;outline:none;padding:8px 12px;font-size:14px}.inbox-search:focus{border-color:var(--color-border-active);box-shadow:var(--ring-primary)}.inbox-tabs{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.inbox-tab{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-card);color:var(--color-text-muted);cursor:pointer;padding:5px 11px;font-size:12.5px}.inbox-tab.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.inbox-items{flex:1;overflow-y:auto}.inbox-empty,.thread-empty{color:var(--color-text-muted);text-align:center;padding:40px 16px;font-size:14px}.inbox-item{text-align:left;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;background:0 0;width:100%;padding:11px 14px;position:relative}.inbox-item:hover{background:var(--color-bg-hover)}.inbox-item.is-selected{box-shadow:inset 3px 0 0 var(--color-primary);background:#fff5ee}.inbox-item-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.inbox-item-name{color:var(--color-text-main);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.inbox-item.is-unread .inbox-item-name{font-weight:700}.inbox-item-time{color:var(--color-text-light);flex-shrink:0;font-size:11px}.inbox-item-bottom{justify-content:space-between;align-items:center;gap:8px;margin-top:3px;display:flex}.inbox-item-preview{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.inbox-item.is-unread .inbox-item-preview{color:var(--color-text-main)}.inbox-item-badge{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:flex}.inbox-item-closed{color:var(--color-text-light);font-size:10px;position:absolute;top:11px;right:14px}.inbox-thread{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;min-height:0;display:flex;overflow:hidden}.thread-empty{margin:auto}.thread-head{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.thread-head-info strong{color:var(--color-text-main);font-size:15px;display:block}.thread-head-info small{color:var(--color-text-muted);font-size:12.5px}.thread-head-actions{gap:8px;display:flex}.thread-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text-main);cursor:pointer;padding:6px 13px;font-size:13px}.thread-btn:hover{background:var(--color-bg-hover)}.thread-body{background:var(--color-bg-body);flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.thread-msg{flex-direction:column;max-width:72%;display:flex}.thread-msg.is-me{align-self:flex-end;align-items:flex-end}.thread-msg.is-them{align-self:flex-start;align-items:flex-start}.thread-msg-name{color:var(--color-text-muted);margin-bottom:2px;font-size:11px}.thread-bubble{border-radius:var(--radius-lg);word-break:break-word;white-space:pre-wrap;padding:9px 13px;font-size:14px;line-height:1.45}.thread-msg.is-me .thread-bubble{background:var(--color-primary);color:#fff;border-bottom-right-radius:var(--radius-sm)}.thread-msg.is-them .thread-bubble{background:var(--color-bg-card);color:var(--color-text-main);border:1px solid var(--color-border);border-bottom-left-radius:var(--radius-sm)}.thread-msg-time{color:var(--color-text-light);margin-top:3px;font-size:11px}.thread-attach{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.thread-attach img,.cw-attach-thumb{border-radius:var(--radius-md);object-fit:cover;cursor:zoom-in;max-width:200px;max-height:200px;display:block}.cw-attach-loading{border-radius:var(--radius-md);background:linear-gradient(90deg, var(--color-bg-hover) 25%, #e9edf2 37%, var(--color-bg-hover) 63%);background-size:400% 100%;width:140px;height:100px;animation:1.3s infinite cw-shimmer;display:inline-block}@keyframes cw-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.cw-attach-err{color:var(--color-error);font-size:12px}.thread-file{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-hover);color:var(--color-text-main);cursor:pointer;padding:6px 10px;font-size:13px;display:inline-block}.cw-lightbox{z-index:2000;cursor:zoom-out;background:#000000d1;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.cw-lightbox img{border-radius:var(--radius-md);max-width:92vw;max-height:92vh;box-shadow:var(--shadow-lg);cursor:default}.cw-lightbox-close{border-radius:var(--radius-full);color:#fff;cursor:pointer;background:#ffffff26;border:none;width:40px;height:40px;font-size:20px;position:fixed;top:18px;right:22px}.cw-lightbox-close:hover{background:#ffffff47}.inbox-online-dot{border-radius:var(--radius-full);vertical-align:middle;background:#35d07f;width:8px;height:8px;margin-right:5px;display:inline-block}.thread-typing{align-items:center;gap:4px;display:inline-flex!important}.thread-typing span{border-radius:var(--radius-full);background:var(--color-text-light);width:7px;height:7px;animation:1.2s ease-in-out infinite thread-blink}.thread-typing span:nth-child(2){animation-delay:.2s}.thread-typing span:nth-child(3){animation-delay:.4s}@keyframes thread-blink{0%,60%,to{opacity:.25}30%{opacity:1}}.thread-pending{border-top:1px solid var(--color-border);flex-wrap:wrap;gap:8px;padding:8px 12px;display:flex}.thread-pending-item{position:relative}.thread-pending-item img{object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border);width:54px;height:54px}.thread-pending-item button{border-radius:var(--radius-full);background:var(--color-text-main);color:#fff;cursor:pointer;border:none;width:18px;height:18px;font-size:10px;line-height:1;position:absolute;top:-6px;right:-6px}.thread-input{border-top:1px solid var(--color-border);align-items:flex-end;gap:8px;padding:10px 12px;display:flex}.thread-attach-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);cursor:pointer;flex-shrink:0;width:40px;height:40px;font-size:17px}.thread-attach-btn:disabled{opacity:.5;cursor:wait}.thread-input textarea{resize:none;border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:140px;font:inherit;outline:none;flex:1;padding:9px 12px;font-size:14px}.thread-input textarea:focus{border-color:var(--color-border-active);box-shadow:var(--ring-primary)}.thread-send{border-radius:var(--radius-md);background:var(--color-primary);color:#fff;cursor:pointer;border:none;padding:9px 18px;font-weight:600}.thread-send:disabled{opacity:.5;cursor:not-allowed}