:root{--color-primary:#0f7f70;--color-primary-strong:#0a5f55;--color-primary-soft:#eef4f2;--color-primary-subtle:#deeee9;--color-primary-on-primary:#fff;--color-bg:#f6f8fb;--color-surface:#fff;--color-surface-muted:#eef4f2;--color-text:#17211d;--color-text-muted:#64716c;--color-line:#dce5e1;--color-line-strong:#c5d0cc;--color-success:#22c55e;--color-success-bg:#dcfce7;--color-success-text:#166534;--color-warning:#f59e0b;--color-warning-bg:#fef3c7;--color-warning-text:#92400e;--color-error:#ef4444;--color-error-bg:#fee2e2;--color-error-text:#b91c1c;--color-info:#3b82f6;--color-info-bg:#dbeafe;--color-info-text:#1e40af;--status-new-bg:#dbeafe;--status-new-text:#1e40af;--status-new-border:#3b82f6;--status-open-bg:#fef3c7;--status-open-text:#92400e;--status-open-border:#f59e0b;--status-waiting-bg:#f3e8ff;--status-waiting-text:#6b21a8;--status-waiting-border:#a855f7;--status-closed-bg:#dcfce7;--status-closed-text:#166534;--status-closed-border:#22c55e;--payment-pending-bg:#fef3c7;--payment-pending-text:#92400e;--payment-paid-bg:#dcfce7;--payment-paid-text:#166534;--payment-failed-bg:#fee2e2;--payment-failed-text:#b91c1c;--payment-refunded-bg:#f3f4f6;--payment-refunded-text:#374151;--shadow-sm:0 1px 2px #17211d0d;--shadow-md:0 4px 6px #17211d14;--shadow-lg:0 18px 50px #17211d14;--shadow-xl:0 25px 50px #17211d1f;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--text-5xl:48px;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--leading-loose:2;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--z-base:0;--z-dropdown:1000;--z-sticky:1020;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--transition-fast:.15s ease-out;--transition-normal:.25s ease-out;--transition-slow:.35s ease-out}[lang=fa],[lang=fa-IR]{--font-sans:"Vazirmatn", "IRANSans", ui-sans-serif, system-ui, sans-serif}[dir=rtl]{--text-align-start:right;--text-align-end:left}[dir=ltr]{--text-align-start:left;--text-align-end:right}:root{--background:var(--color-bg);--surface:var(--color-surface);--surface-muted:var(--color-surface-muted);--text:var(--color-text);--muted:var(--color-text-muted);--line:var(--color-line);--accent:var(--color-primary);--accent-strong:var(--color-primary-strong);--shadow:var(--shadow-md)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box}html,body{width:100%;min-height:100%;overflow-x:hidden}body{background:var(--background);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:260px minmax(0,1fr);width:100%;min-height:100vh;display:grid;overflow-x:hidden}.sidebar{border-right:1px solid var(--line);background:#fbfdfc;min-width:0;padding:24px 18px;overflow-x:hidden}.brand{align-items:center;gap:12px;margin-bottom:32px;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.brand strong,.brand span{display:block}.brand span{color:var(--muted);font-size:13px;line-height:1.4}.nav-list{gap:6px;display:grid}.nav-item{color:var(--muted);border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:0 12px;font-size:14px;font-weight:650;display:flex}.nav-item.active,.nav-item:hover{background:var(--surface-muted);color:var(--accent-strong)}.workspace{min-width:0;max-width:100%;padding:28px;overflow-x:hidden}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.topbar h1{margin:0 0 8px;font-size:clamp(28px,4vw,38px);line-height:1.05}.topbar p,.panel-header p,.detail-header p{color:var(--muted);overflow-wrap:anywhere;margin:0}.topbar-actions{align-items:center;gap:10px;display:flex}.icon-button,.staff-button{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:0 12px;display:inline-flex}.icon-button{justify-content:center;width:40px;padding:0}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.metric,.conversation-panel,.detail-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.metric{padding:18px}.metric span{color:var(--muted);margin-bottom:10px;font-size:13px;display:block}.metric strong{font-size:30px;line-height:1}.inbox-layout{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px;display:grid}.panel-header,.detail-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.panel-header h2,.detail-header h2{margin:0 0 4px;font-size:18px}.search-box{border:1px solid var(--line);color:var(--muted);border-radius:8px;align-items:center;gap:8px;min-width:210px;min-height:38px;padding:0 10px;display:flex}.search-box input{border:0;outline:0;width:100%}.conversation-list{display:grid}.conversation-row{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:16px 18px;display:grid}.conversation-row+.conversation-row{border-top:1px solid var(--line)}.avatar{color:var(--accent-strong);background:#deeee9;border-radius:8px;justify-content:center;align-items:center;height:44px;font-weight:800;display:flex}.conversation-main{min-width:0}.conversation-title,.row-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.conversation-title{justify-content:space-between}.conversation-title span,.row-meta{color:var(--muted);font-size:12px}.conversation-main p{color:#34413c;text-overflow:ellipsis;white-space:nowrap;margin:6px 0 10px;overflow:hidden}.row-meta span{background:var(--surface-muted);border-radius:999px;padding:4px 8px}.detail-panel{align-self:start}.detail-header{justify-content:flex-start}.detail-header svg{color:var(--accent);flex:none}.stage-list{gap:14px;margin:0;padding:18px;list-style:none;display:grid}.stage-list li{color:#34413c;align-items:center;gap:10px;min-height:28px;display:flex}.stage-list svg{color:var(--accent)}.pending-dot{border:2px solid var(--line);border-radius:999px;width:18px;height:18px;display:inline-block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid var(--line);border-right:0;max-width:100%;padding:16px 12px}.brand{gap:8px;margin-bottom:16px}.brand span{display:none}.nav-list{grid-template-columns:repeat(5,minmax(42px,1fr));gap:4px}.nav-item{justify-content:center;min-width:0;padding:0}.nav-item span{display:none}.workspace{padding:16px}.metric-grid,.inbox-layout{grid-template-columns:1fr 1fr}.filters-bar{flex-direction:column;align-items:stretch}.filters-left,.filters-right{justify-content:space-between;width:100%}}@media (max-width:720px){.app-shell,.workspace,.sidebar{min-width:0;max-width:100%}.workspace{padding:12px}.inbox-header{align-items:flex-start;gap:var(--space-3);flex-direction:column}.inbox-header p{max-width:30ch}.header-actions{justify-content:flex-end;width:100%}.topbar,.panel-header{flex-direction:column;align-items:stretch}.topbar p{max-width:30ch}.metric-grid,.inbox-layout,.profile-layout{grid-template-columns:1fr;min-width:0}.filters-bar{padding:var(--space-3)}.filters-left{gap:var(--space-2)}.search-box{flex:1;width:100%;min-width:0!important}.conversation-row{gap:var(--space-2);padding:var(--space-3);grid-template-columns:40px minmax(0,1fr)}.conversation-preview{-webkit-line-clamp:2;max-height:2.4em}.conversation-title strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.row-meta{gap:var(--space-1)}.filters-expanded{gap:var(--space-3);padding:var(--space-3)}.filter-group{width:100%}.filter-chips{gap:var(--space-1)}.conversation-stats{gap:var(--space-4);flex-wrap:wrap}}@media (max-width:480px){.workspace{padding:var(--space-3)}.inbox-header h1{font-size:var(--text-xl)}.header-actions{flex-wrap:wrap}.staff-button{flex:1;min-width:0}.filters-left{flex-direction:column;align-items:stretch;width:100%}.filter-toggle{justify-content:center;width:100%}.search-box{width:100%}.filters-right{text-align:center;width:100%}}.inbox-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.header-actions{align-items:center;gap:var(--space-3);display:flex}.filters-bar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);flex-wrap:wrap;justify-content:space-between;display:flex;overflow:hidden}.filters-left{align-items:center;gap:var(--space-3);flex-wrap:wrap;flex:1;min-width:0;display:flex}.filters-right{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.search-box{background:var(--color-bg);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--muted);align-items:center;gap:var(--space-2);min-width:140px;min-height:38px;padding:0 var(--space-3);flex:1;width:auto;display:flex;position:relative}[dir=rtl] .search-box{padding:0 var(--space-3)}.search-box input{color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;width:100%;padding:0}.search-box input::placeholder{color:var(--muted)}.search-clear{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:flex}.search-clear:hover{color:var(--text)}.filter-toggle{background:var(--color-bg);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--muted);font-size:var(--text-sm);align-items:center;gap:var(--space-2);min-height:38px;padding:0 var(--space-3);transition:all var(--transition-fast);font-weight:500;display:flex}.filter-toggle:hover{background:var(--surface-muted);color:var(--text)}.filter-toggle.active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary-strong)}.filter-count{background:var(--color-primary);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;display:flex}.text-button{color:var(--color-primary);cursor:pointer;font:inherit;font-size:var(--text-sm);background:0 0;border:0;padding:0;text-decoration:underline}.text-button:hover{color:var(--color-primary-strong)}.result-count{color:var(--muted);font-size:var(--text-sm)}.filters-expanded{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);gap:var(--space-4);margin-bottom:var(--space-4);padding:var(--space-4);display:grid}.filter-group{gap:var(--space-2);flex-direction:column;display:flex}.filter-label{color:var(--muted);font-size:var(--text-sm);font-weight:600}.filter-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-chip{background:var(--color-bg);border:1px solid var(--line);color:var(--muted);cursor:pointer;font-size:var(--text-sm);min-height:28px;padding:0 var(--space-3);transition:all var(--transition-fast);border-radius:999px;align-items:center;font-weight:500}.filter-chip:hover{background:var(--surface-muted);color:var(--text)}.filter-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.conversation-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:calc(100vh - var(--space-12) - var(--space-10) - var(--space-5) - var(--space-4) - var(--space-10));flex-direction:column;display:flex;overflow:hidden}.conversation-list{flex-direction:column;display:flex;overflow-y:auto}.conversation-row{cursor:pointer;gap:var(--space-3);padding:var(--space-4);transition:background var(--transition-fast);grid-template-columns:44px minmax(0,1fr);display:grid;position:relative}.conversation-row:hover{background:var(--color-bg)}.conversation-row.active{background:var(--color-primary-soft)}[dir=rtl] .conversation-row{grid-template-columns:44px minmax(0,1fr)}.conversation-row.unread{background:linear-gradient(to left, var(--color-primary-soft), transparent)}[dir=rtl] .conversation-row.unread{background:linear-gradient(to right, var(--color-primary-soft), transparent)}.conversation-preview{color:#34413c;margin:var(--space-2) 0 var(--space-2);-webkit-line-clamp:2;line-height:var(--leading-normal);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.provider-badge,.status-badge,.assignee-badge{background:var(--surface-muted);color:var(--muted);padding:2px var(--space-2);border-radius:999px;font-size:11px}.unread-badge{background:var(--color-primary);color:#fff;start:var(--space-2);min-width:20px;height:20px;top:var(--space-2);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:11px;font-weight:700;display:flex;position:absolute}.detail-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:calc(100vh - var(--space-12) - var(--space-10) - var(--space-5) - var(--space-4) - var(--space-10));flex-direction:column;display:flex;overflow:hidden}.detail-panel.empty{justify-content:center;align-items:center}.detail-header{border-bottom:1px solid var(--line);padding:var(--space-4);justify-content:space-between;align-items:center;display:flex}.detail-header-info h2{font-size:var(--text-lg);margin:0 0 var(--space-1)}.detail-header-info p{color:var(--muted);font-size:var(--text-sm);margin:0}.detail-header-actions{align-items:center;gap:var(--space-2);display:flex}.status-select{background:var(--color-bg);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);font:inherit;font-size:var(--text-sm);min-height:32px;padding:0 var(--space-3)}.message-preview{padding:var(--space-4);flex:1;overflow-y:auto}.preview-notice{background:var(--color-info-bg);border-radius:var(--radius-sm);color:var(--color-info-text);align-items:center;gap:var(--space-1);margin-bottom:var(--space-4);padding:var(--space-3);text-align:center;flex-direction:column;display:flex}.preview-notice p{font-size:var(--text-sm);margin:0;font-weight:600}.preview-notice small{opacity:.8;font-size:11px}.preview-messages{gap:var(--space-3);flex-direction:column;display:flex}.message-bubble{background:var(--surface-muted);border-radius:var(--radius-md);max-width:80%;padding:var(--space-3) var(--space-4);position:relative}.message-bubble.inbound{background:var(--surface-muted);align-self:flex-start}.message-bubble.outbound{background:var(--color-primary);color:#fff;align-self:flex-end}.message-bubble p{margin:0}.message-time{color:var(--muted);margin-top:var(--space-2);font-size:11px}.message-bubble.outbound .message-time{color:#ffffffb3}.conversation-stats{border-top:1px solid var(--line);align-items:center;gap:var(--space-6);padding:var(--space-4);display:flex}.stat-item{gap:var(--space-1);flex-direction:column;display:flex}.stat-label{color:var(--muted);font-size:11px}.stat-value{font-weight:600}.stat-value.priority-urgent{color:var(--color-error)}.stat-value.priority-high{color:var(--color-warning)}.stat-value.priority-normal{color:var(--color-success)}.stat-value.priority-low{color:var(--muted)}.conversation-detail-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-direction:column;max-height:calc(100vh - 200px);display:flex;overflow:hidden}.detail-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg);display:flex}.detail-header-left{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.detail-customer-info{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.detail-customer-name{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.detail-customer-name strong{font-size:var(--text-lg);font-weight:var(--font-semibold)}.customer-name-fa{color:var(--muted);font-size:var(--text-sm)}.detail-badges{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.provider-badge{background:var(--surface-muted);color:var(--text-muted);padding:4px var(--space-2);border-radius:999px;align-items:center;gap:4px;font-size:11px;display:flex}.status-badge{padding:4px var(--space-2);border-radius:999px;font-size:11px}.status-badge.status-new{background:var(--status-new-bg);color:var(--status-new-text)}.status-badge.status-open{background:var(--status-open-bg);color:var(--status-open-text)}.status-badge.status-waiting_staff,.status-badge.status-waiting_customer{background:var(--status-waiting-bg);color:var(--status-waiting-text)}.status-badge.status-closed{background:var(--status-closed-bg);color:var(--status-closed-text)}.assignee-badge{background:var(--color-info-bg);color:var(--color-info-text);padding:4px var(--space-2);border-radius:999px;align-items:center;gap:4px;font-size:11px;display:flex}.detail-header-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.dropdown{position:relative}.dropdown-menu{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:180px;z-index:var(--z-dropdown);flex-direction:column;display:flex;position:absolute;top:calc(100% + 4px);left:0}[dir=rtl] .dropdown-menu{left:auto;right:0}.dropdown-menu button{color:var(--text);align-items:center;gap:var(--space-2);font:inherit;font-size:var(--text-sm);padding:var(--space-3) var(--space-4);text-align:start;background:0 0;border:0;width:100%;display:flex}.dropdown-menu button:hover{background:var(--color-bg)}.dropdown-menu button:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.dropdown-menu button:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.messages-timeline{padding:var(--space-4);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.message-item{display:flex}.message-item.inbound{justify-content:flex-start}.message-item.outbound{justify-content:flex-end}.message-bubble{background:var(--surface-muted);border-radius:var(--radius-lg);max-width:80%;padding:var(--space-3) var(--space-4)}.message-item.inbound .message-bubble{background:var(--surface-muted);border-bottom-start-radius:4px}.message-item.outbound .message-bubble{background:var(--color-primary);color:#fff;border-bottom-end-radius:4px}[dir=rtl] .message-item.inbound .message-bubble{border-bottom-start-radius:var(--radius-lg);border-bottom-end-radius:4px}[dir=rtl] .message-item.outbound .message-bubble{border-bottom-end-radius:var(--radius-lg);border-bottom-start-radius:4px}.message-meta{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.message-sender{font-size:11px;font-weight:600}.message-item.outbound .message-sender{color:#ffffffe6}.message-time{color:var(--muted);font-size:10px}.message-item.outbound .message-time{color:#ffffffb3}.message-text{line-height:var(--leading-normal);word-wrap:break-word;margin:0}.message-attachment{border-radius:var(--radius-sm);color:var(--text-muted);align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2);background:#0000000d;font-size:12px;display:flex}.message-item.outbound .message-attachment{color:#ffffffe6;background:#fff3}.notes-toggle{border:0;border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:var(--space-2);font:inherit;font-size:var(--text-sm);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);background:0 0;width:100%;font-weight:500;display:flex}.notes-toggle:hover{background:var(--color-bg);color:var(--text)}.notes-count{background:var(--surface-muted);color:var(--text-muted);border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:600;display:flex}.notes-panel{background:var(--color-bg);border-top:1px solid var(--line);flex-direction:column;max-height:250px;display:flex;overflow:hidden}.notes-list{padding:var(--space-4);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.notes-empty{color:var(--muted);font-size:var(--text-sm);text-align:center;margin:var(--space-4) 0}.note-author{color:var(--color-primary);font-size:12px;font-weight:600}.note-form{border-top:1px solid var(--line);padding:var(--space-4)}.note-form-actions{gap:var(--space-2);margin-top:var(--space-3);justify-content:flex-end;display:flex}.reply-composer{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);margin:var(--space-4);overflow:hidden}.composer-toolbar{background:var(--color-bg);border-bottom:1px solid var(--line);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);display:flex}.composer-input{padding:var(--space-3)}.reply-textarea{background:var(--surface);color:var(--text);font:inherit;font-size:var(--text-base);line-height:var(--leading-normal);resize:none;border:0;width:100%}.reply-textarea:focus{outline:none}.reply-textarea::placeholder{color:var(--muted)}.composer-actions{background:var(--color-bg);border-top:1px solid var(--line);padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;display:flex}.composer-hint{color:var(--muted);font-size:11px}.button-small{min-height:28px;padding:0 var(--space-3);font-size:12px}.mobile-only{display:none}.loading-state,.empty-state{align-items:center;gap:var(--space-3);min-height:200px;padding:var(--space-6);text-align:center;flex-direction:column;justify-content:center;display:flex}.loading-state p,.empty-state p{color:var(--muted);margin:0}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[dir=rtl] .unread-badge{right:auto;left:var(--space-2)}[dir=rtl] .filter-chip{text-align:right}@media (max-width:980px){.inbox-layout{grid-template-columns:1fr}.search-box{min-width:0!important}.detail-panel,.conversation-detail-panel{display:none}.inbox-layout .conversation-detail-panel{z-index:var(--z-modal);border-radius:0;max-height:100vh;display:flex;position:fixed;inset:0}.mobile-only{display:flex}.filters-bar{gap:var(--space-3);flex-direction:column}.filters-left,.filters-right{flex-wrap:wrap;width:100%}}@media (max-width:720px){.inbox-header{align-items:stretch;gap:var(--space-3);flex-direction:column}.inbox-header p{max-width:30ch}.header-actions{justify-content:flex-end}.filters-bar{align-items:stretch;gap:var(--space-3);flex-direction:column}.filters-left{flex-direction:column;align-items:stretch;width:100%;min-width:0!important}.filters-right,.filter-toggle{justify-content:center;width:100%}.conversation-row{gap:var(--space-2);padding:var(--space-3);grid-template-columns:40px minmax(0,1fr)}.conversation-preview{-webkit-line-clamp:2;max-height:2.4em}.conversation-title strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.row-meta{gap:var(--space-1)}.filters-expanded{gap:var(--space-3)}.filter-group{width:100%}.filter-chips{gap:var(--space-1)}.conversation-stats{gap:var(--space-4);flex-wrap:wrap}.conversation-detail-panel{max-height:100vh}.detail-header{padding:var(--space-3);flex-wrap:wrap}.detail-badges{flex-wrap:wrap}.message-bubble{max-width:90%}.reply-composer{margin:var(--space-3)}.composer-actions{gap:var(--space-2);flex-wrap:wrap}}.profile-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--line);display:flex}.header-left{align-items:center;gap:var(--space-3);min-width:0;display:flex}.back-button{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text);min-width:40px;min-height:40px;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.back-button:hover{background:var(--surface-muted);border-color:var(--color-line-strong)}.header-avatar{align-items:center;gap:var(--space-3);min-width:0;display:flex}.header-avatar .avatar{width:56px;height:56px;font-size:var(--text-xl);flex-shrink:0}.header-avatar-info h1{font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-1);line-height:var(--leading-tight);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header-name-fa{color:var(--muted);font-size:var(--text-base);margin:0}.header-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.profile-stats-bar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);align-items:center;gap:var(--space-6);margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5);display:flex}.profile-stat{align-items:center;gap:var(--space-2);min-width:0;display:flex}.stat-icon{color:var(--color-primary);flex-shrink:0}.stat-label{color:var(--muted);font-size:var(--text-sm);white-space:nowrap}.stat-value{font-weight:var(--font-semibold);font-size:var(--text-base)}.profile-layout{gap:var(--space-5);grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);display:grid}.profile-main{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.profile-activity{flex-direction:column;min-width:0;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.card-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--line);display:flex}.card-header h2{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.contact-info{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.info-row{align-items:flex-start;gap:var(--space-3);grid-template-columns:auto 1fr;display:grid}.info-icon{color:var(--color-primary);flex-shrink:0;margin-top:2px}.info-content{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.info-label{color:var(--muted);font-size:var(--text-sm);font-weight:var(--font-medium)}.info-value{color:var(--text);font-size:var(--text-base);word-break:break-word}.info-value[dir=ltr]{font-family:var(--font-mono)}.info-value a{color:var(--color-primary);transition:color var(--transition-fast)}.info-value a:hover{color:var(--color-primary-strong);text-decoration:underline}.lifecycle-select{background:var(--color-bg);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);font:inherit;font-size:var(--text-sm);max-width:100%;min-height:32px;padding:4px var(--space-3)}.identities-list{gap:var(--space-2);padding:var(--space-4);flex-direction:column;display:flex}.identity-row{background:var(--color-bg);border:1px solid var(--line);border-radius:var(--radius-md);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);grid-template-columns:auto 1fr auto;display:grid}.identity-icon{font-size:var(--text-lg);flex-shrink:0}.identity-info{flex-direction:column;gap:2px;min-width:0;display:flex}.identity-provider{font-weight:var(--font-semibold);font-size:var(--text-sm)}.identity-username,.identity-display-name{color:var(--muted);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.identity-id{color:var(--muted);font-family:var(--font-mono);flex-shrink:0;font-size:11px}.tags-list{gap:var(--space-2);padding:var(--space-4);flex-wrap:wrap;display:flex}.tag-badge{font-size:var(--text-sm);font-weight:var(--font-medium);align-items:center;gap:var(--space-1);padding:4px var(--space-3);border-radius:999px;display:inline-flex}.tag-remove{color:inherit;cursor:pointer;opacity:.7;transition:opacity var(--transition-fast);background:0 0;border:0;align-items:center;padding:0;display:flex}.tag-remove:hover{opacity:1}.tabs{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg) var(--radius-lg) 0 0;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-bottom:0;display:flex;overflow-x:auto}.tab{border-radius:var(--radius-md);color:var(--muted);cursor:pointer;font:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-3);transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:0}.tab:hover{background:var(--color-bg);color:var(--text)}.tab.active{background:var(--color-primary-soft);color:var(--color-primary-strong)}.tab-content{background:var(--surface);border:1px solid var(--line);border-radius:0 0 var(--radius-lg) var(--radius-lg);flex-direction:column;max-height:500px;display:flex;overflow:hidden}.activity-list{padding:var(--space-3);flex-direction:column;display:flex;overflow-y:auto}.activity-item{background:var(--color-bg);border:1px solid var(--line);border-radius:var(--radius-md);align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);grid-template-columns:auto 1fr;text-decoration:none;display:grid}.activity-item:hover{background:var(--surface-muted);border-color:var(--color-line-strong)}.activity-icon{color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.activity-main{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.activity-header{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.activity-provider{font-weight:var(--font-semibold);font-size:var(--text-sm)}.activity-preview{color:var(--text);font-size:var(--text-sm);line-height:var(--leading-normal);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.activity-time{color:var(--muted);font-size:11px}.payment-amount{font-weight:var(--font-semibold);font-size:var(--text-sm)}.payment-status{padding:2px var(--space-2);border-radius:999px;font-size:11px}.payment-status.payment-pending{background:var(--payment-pending-bg);color:var(--payment-pending-text)}.payment-status.payment-paid{background:var(--payment-paid-bg);color:var(--payment-paid-text)}.payment-status.payment-failed{background:var(--payment-failed-bg);color:var(--payment-failed-text)}.notes-section{flex-direction:column;max-height:500px;display:flex;overflow:hidden}.add-note-form{border-bottom:1px solid var(--line);padding:var(--space-4)}.note-textarea{background:var(--color-bg);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text);font:inherit;font-size:var(--text-sm);line-height:var(--leading-normal);min-height:80px;padding:var(--space-3);resize:vertical;width:100%}.note-textarea:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.note-actions{align-items:center;gap:var(--space-2);margin-top:var(--space-3);justify-content:flex-end;display:flex}.add-note-button{background:var(--color-bg);border:1px dashed var(--line);border-radius:var(--radius-md);color:var(--muted);cursor:pointer;font:inherit;font-size:var(--text-sm);align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);transition:all var(--transition-fast);justify-content:center;width:100%;display:flex}.add-note-button:hover{background:var(--surface-muted);border-color:var(--color-line-strong);color:var(--text)}.notes-list{padding:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.note-item{background:var(--color-bg);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.note-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);justify-content:space-between;display:flex}.note-author{font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--color-primary)}.note-time{color:var(--muted);font-size:11px}.note-body{color:var(--text);font-size:var(--text-sm);line-height:var(--leading-relaxed);white-space:pre-wrap;word-break:break-word;margin:0}.button-primary{background:var(--color-primary);border-radius:var(--radius-md);color:#fff;cursor:pointer;font:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-4);transition:background var(--transition-fast);border:0;justify-content:center;display:inline-flex}.button-primary:hover:not(:disabled){background:var(--color-primary-strong)}.button-primary:disabled{opacity:.5;cursor:not-allowed}.button-secondary{border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text);cursor:pointer;font:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-4);transition:all var(--transition-fast);background:0 0;justify-content:center;display:inline-flex}.button-secondary:hover{background:var(--color-bg);border-color:var(--color-line-strong)}.button-danger{border-color:var(--color-error);color:var(--color-error)}.button-danger:hover:not(:disabled){background:var(--color-error-bg);border-color:var(--color-error)}.icon-button.button-danger{border-color:var(--color-error);color:var(--color-error)}.icon-button.button-danger:hover:not(:disabled){background:var(--color-error-bg);color:var(--color-error)}.empty-state-small{align-items:center;gap:var(--space-2);min-height:80px;padding:var(--space-4);text-align:center;flex-direction:column;justify-content:center;display:flex}.empty-state-small p{color:var(--muted);font-size:var(--text-sm);margin:0}.empty-hint{color:var(--muted);margin:0;font-size:11px}.error-state{justify-content:center;align-items:center;min-height:200px;display:flex}.error-state p{color:var(--color-error);font-size:var(--text-lg)}@media (max-width:980px){.profile-layout{grid-template-columns:1fr}}@media (max-width:1024px){.profile-layout{grid-template-columns:1fr}.profile-stats-bar{gap:var(--space-4);flex-wrap:wrap}.profile-stats-bar .profile-stat{min-width:calc(50% - var(--space-2))}}@media (max-width:768px){.profile-header{align-items:stretch;gap:var(--space-4);flex-direction:column}.header-left{flex-direction:column;align-items:flex-start;width:100%;min-width:0}.header-avatar{width:100%}.header-avatar-info h1{font-size:var(--text-xl);word-break:break-word;min-width:0}.header-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}.profile-stats-bar{gap:var(--space-3);padding:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.profile-stat{min-width:0}.tab-content{max-height:400px}.activity-preview{-webkit-line-clamp:2}.identity-row{padding:var(--space-3);grid-template-columns:auto 1fr}.identity-id{display:none}}@media (max-width:480px){.workspace{padding:var(--space-3)}.profile-stats-bar{gap:var(--space-2);grid-template-columns:1fr}.profile-stat{justify-content:flex-start;min-width:0}.header-avatar-info h1{font-size:var(--text-lg);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.header-avatar .avatar{width:48px;height:48px;font-size:var(--text-lg)}.header-name-fa{font-size:var(--text-sm)}.tabs{padding:var(--space-2);overflow-x:auto}.tab{padding:0 var(--space-2);white-space:nowrap;min-height:32px;font-size:12px}.card{border-radius:var(--radius-md)}.card-header{padding:var(--space-3)}.card-header h2{font-size:var(--text-base)}.contact-info,.identities-list,.tags-list{padding:var(--space-3)}.info-row{gap:var(--space-2);grid-template-columns:24px 1fr}.activity-item{padding:var(--space-3);gap:var(--space-2);grid-template-columns:28px 1fr}.note-item{padding:var(--space-3)}.conversation-detail-panel .detail-header{gap:var(--space-2)}.conversation-detail-panel .detail-customer-name{flex-direction:column;align-items:flex-start}.conversation-detail-panel .detail-badges{gap:var(--space-1)}.conversation-detail-panel .message-bubble{max-width:95%;padding:var(--space-2) var(--space-3)}.conversation-detail-panel .reply-textarea{font-size:var(--text-sm)}.conversation-detail-panel .composer-actions{flex-direction:column;align-items:stretch}.conversation-detail-panel .button-primary{width:100%}}#__next{dir:rtl}html,body{min-width:320px;max-width:100%;overflow-x:hidden}img,svg{max-width:100%;height:auto}.payments-layout{gap:var(--space-5);grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);display:grid}.payments-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-direction:column;max-height:calc(100vh - 240px);display:flex;overflow:hidden}.payments-list{flex-direction:column;display:flex;overflow-y:auto}.payment-row{border-bottom:1px solid var(--line);cursor:pointer;padding:var(--space-4);transition:background var(--transition-fast)}.payment-row:hover{background:var(--color-bg)}.payment-row.active{background:var(--color-primary-soft)}.payment-main{gap:var(--space-2);flex-direction:column;display:flex}.payment-header-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.payment-customer{font-size:var(--text-base);font-weight:var(--font-semibold)}.payment-amount-row{align-items:center;gap:var(--space-3);display:flex}.payment-amount{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary)}.payment-method{color:var(--muted);font-size:var(--text-sm)}.payment-meta-row{align-items:center;gap:var(--space-3);display:flex}.payment-invoice{color:var(--muted);font-family:var(--font-mono);font-size:11px}.payment-date{color:var(--muted);font-size:var(--text-sm)}.payment-status-badge{padding:2px var(--space-2);white-space:nowrap;border-radius:999px;font-size:11px}.payment-pending{background:var(--payment-pending-bg);color:var(--payment-pending-text)}.payment-processing{background:var(--color-info-bg);color:var(--color-info-text)}.payment-paid{background:var(--payment-paid-bg);color:var(--payment-paid-text)}.payment-failed{background:var(--payment-failed-bg);color:var(--payment-failed-text)}.payment-refunded{background:var(--payment-refunded-bg);color:var(--payment-refunded-text)}.payment-cancelled{background:var(--color-surface-muted);color:var(--muted)}.payment-detail-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-direction:column;max-height:calc(100vh - 240px);display:flex;overflow:hidden}.payment-detail-panel.empty{justify-content:center;align-items:center}.payment-detail-header{border-bottom:1px solid var(--line);padding:var(--space-4);justify-content:space-between;align-items:center;display:flex}.payment-detail-header h2{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.payment-detail-content{padding:var(--space-5);gap:var(--space-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.payment-amount-section{background:var(--color-bg);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5);justify-content:space-between;align-items:center;display:flex}.payment-amount-display{gap:var(--space-2);flex-direction:column;display:flex}.amount-label{color:var(--muted);font-size:var(--text-sm)}.amount-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-primary)}.payment-status-display{background:var(--payment-paid-bg);color:var(--payment-paid-text);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-4);border-radius:999px;align-items:center}.payment-status-display.payment-pending{background:var(--payment-pending-bg);color:var(--payment-pending-text)}.payment-status-display.payment-failed{background:var(--payment-failed-bg);color:var(--payment-failed-text)}.payment-info-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.payment-info-item{gap:var(--space-1);flex-direction:column;display:flex}.payment-info-item .info-label{color:var(--muted);font-size:var(--text-sm)}.payment-info-item .info-value{color:var(--text);font-size:var(--text-base);font-weight:var(--font-medium)}.payment-notes-section{background:var(--color-bg);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4)}.notes-label{color:var(--muted);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-2);display:block}.notes-content{color:var(--text);font-size:var(--text-base);line-height:var(--leading-normal);white-space:pre-wrap;margin:0}.payment-internal-notes-section{background:var(--color-bg);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex}.payment-internal-notes-section .section-header{color:var(--color-primary-strong);align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);display:flex}.payment-internal-notes-section .notes-list{gap:var(--space-3);flex-direction:column;display:flex}.payment-internal-notes-section .note-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.payment-internal-notes-section .note-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);justify-content:space-between;display:flex}.payment-internal-notes-section .note-author{font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--color-primary)}.payment-internal-notes-section .note-date{color:var(--muted);font-size:11px}.payment-internal-notes-section .note-content{color:var(--text);font-size:var(--text-sm);line-height:var(--leading-relaxed);white-space:pre-wrap;word-break:break-word;margin:0}.payment-internal-notes-section .notes-empty-state{color:var(--muted);align-items:center;gap:var(--space-2);min-height:80px;padding:var(--space-4);text-align:center;flex-direction:column;justify-content:center;display:flex}.payment-internal-notes-section .notes-empty-state p{font-size:var(--text-sm);margin:0}.payment-internal-notes-section .add-note-form{border-top:1px solid var(--line);gap:var(--space-3);padding-top:var(--space-4);flex-direction:column;display:flex}.payment-internal-notes-section .note-textarea{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text);font:inherit;font-size:var(--text-sm);line-height:var(--leading-normal);min-height:80px;padding:var(--space-3);resize:vertical;width:100%}.payment-internal-notes-section .note-textarea:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.payment-internal-notes-section .add-note-button{background:var(--color-primary);border-radius:var(--radius-md);color:#fff;cursor:pointer;font:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-4);transition:background var(--transition-fast);border:0;justify-content:center;align-self:flex-end;display:inline-flex}.payment-internal-notes-section .add-note-button:hover:not(:disabled){background:var(--color-primary-strong)}.payment-internal-notes-section .add-note-button:disabled{opacity:.5;cursor:not-allowed}.payment-detail-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.text-warning{color:var(--color-warning)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.payment-history-section{gap:var(--space-3);flex-direction:column;display:flex}.history-label{color:var(--muted);font-size:var(--text-sm);font-weight:var(--font-semibold)}.history-timeline{gap:var(--space-3);flex-direction:column;display:flex}.history-timeline-row{align-items:flex-start;gap:var(--space-3);display:flex}.history-timeline-icon{flex-direction:column;flex-shrink:0;align-items:center;display:flex;position:relative}.history-icon-container{background:var(--color-bg);border:2px solid var(--line);color:var(--muted);z-index:1;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.history-icon-container.completed{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary-strong)}.history-icon-container.pending{background:var(--surface-muted);border-color:var(--line);color:var(--muted)}.history-timeline-line{background:var(--line);flex:1;width:2px;height:100%;min-height:24px;position:absolute;top:32px}.history-timeline-content{gap:var(--space-1);flex-direction:column;padding-top:4px;display:flex}.history-status{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text)}.history-status.completed{color:var(--color-primary-strong)}.history-status.pending{color:var(--muted)}.history-timestamp{color:var(--muted);font-size:11px}@media (max-width:980px){.payments-layout{grid-template-columns:1fr}.payment-detail-panel{display:none}.payments-layout .payment-detail-panel:not(.empty){z-index:var(--z-modal);border-radius:0;max-height:100vh;display:flex;position:fixed;inset:0}.mobile-only{display:flex}}@media (max-width:720px){.payments-panel{max-height:calc(100vh - 320px)}.payment-row{padding:var(--space-3)}.payment-amount-section{align-items:flex-start;gap:var(--space-3);flex-direction:column}.payment-info-grid{gap:var(--space-3);grid-template-columns:1fr}.payment-detail-actions{flex-direction:column}.payment-detail-actions .button-primary,.payment-detail-actions .button-secondary{justify-content:center;width:100%}}@media (max-width:480px){.payment-amount{font-size:var(--text-xl)}.amount-value{font-size:var(--text-2xl)}.payment-detail-content,.payment-amount-section{padding:var(--space-4)}}.settings-section{margin-bottom:var(--space-6)}.settings-section-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.settings-section-header h2{font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.staff-profile-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5)}.staff-profile-avatar{align-items:center;gap:var(--space-4);display:flex}.staff-profile-info{gap:var(--space-1);flex-direction:column;display:flex}.staff-profile-info strong{font-size:var(--text-lg)}.staff-profile-info span{color:var(--muted);font-size:var(--text-sm)}.staff-profile-meta{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line)}.meta-item{gap:var(--space-2);display:flex}.meta-label{color:var(--muted);font-size:var(--text-sm)}.meta-value{font-weight:var(--font-medium)}.role-badge{padding:2px var(--space-2);border-radius:999px;font-size:11px}.role-owner{color:#92400e;background:#fef3c7}.role-admin{color:#1e40af;background:#dbeafe}.role-agent{background:var(--color-primary-soft);color:var(--color-primary-strong)}.role-finance{color:#166534;background:#dcfce7}.role-readonly{background:var(--color-surface-muted);color:var(--muted)}.bot-config-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.bot-config-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);gap:var(--space-4);padding:var(--space-4);transition:all var(--transition-fast);flex-direction:column;display:flex}.bot-config-card.disabled{opacity:.6}.bot-config-header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.bot-config-info{align-items:center;gap:var(--space-3);display:flex}.bot-icon{background:var(--color-bg);border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.bot-status{color:var(--muted);align-items:center;gap:var(--space-1);font-size:11px;display:flex}.status-connected{color:var(--color-success)}.status-disconnected{color:var(--color-error)}.status-needs-setup{color:var(--color-warning)}.toggle-switch{cursor:pointer;width:44px;height:24px;position:relative}.toggle-switch input{display:none}.toggle-slider{background:var(--color-line);transition:background var(--transition-fast);border-radius:999px;position:absolute;inset:0}.toggle-slider:before{content:"";height:20px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;width:20px;position:absolute;bottom:2px;left:2px}.toggle-switch input:checked+.toggle-slider{background:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}[dir=rtl] .toggle-switch input:checked+.toggle-slider:before{transform:translate(-20px)}.bot-config-details{gap:var(--space-2);padding:var(--space-3);background:var(--color-bg);border-radius:var(--radius-md);flex-direction:column;display:flex}.bot-config-row{justify-content:space-between;gap:var(--space-2);display:flex}.bot-config-label{color:var(--muted);font-size:var(--text-sm)}.bot-config-value{font-size:var(--text-sm);word-break:break-all}.font-mono{font-family:var(--font-mono)}.bot-config-actions{gap:var(--space-2);display:flex}.staff-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;display:flex}.staff-list-item{border-bottom:1px solid var(--line);align-items:center;gap:var(--space-4);padding:var(--space-4);grid-template-columns:auto 1fr auto;display:grid}.staff-list-item:last-child{border-bottom:none}.staff-item-avatar .avatar{width:40px;height:40px;font-size:var(--text-base)}.staff-item-info{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.staff-item-info strong{font-size:var(--text-base)}.staff-item-info span{color:var(--muted);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.staff-item-role{flex-shrink:0}.security-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.security-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);align-items:center;gap:var(--space-4);padding:var(--space-4);display:flex}.security-card-icon{background:var(--color-primary-soft);border-radius:var(--radius-md);color:var(--color-primary-strong);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.security-card-content{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.security-card-content strong{font-size:var(--text-base)}.security-card-desc{color:var(--muted);font-size:var(--text-sm)}@media (max-width:980px){.bot-config-grid{grid-template-columns:repeat(2,1fr)}.security-grid{grid-template-columns:1fr}}@media (max-width:720px){.bot-config-grid{grid-template-columns:1fr}.settings-section-header{flex-direction:column;align-items:stretch}.settings-section-header .button-primary{width:100%}.staff-profile-card{padding:var(--space-4)}.staff-profile-avatar{flex-direction:column;align-items:flex-start}.bot-config-card{padding:var(--space-3)}.bot-config-header{flex-wrap:wrap}.bot-config-details{gap:var(--space-2)}.staff-list-item{gap:var(--space-3);grid-template-columns:auto 1fr}.staff-item-role{grid-column:2;justify-self:start}.security-card{align-items:stretch;gap:var(--space-3);flex-direction:column}.security-card-icon{width:40px;height:40px}}