:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f3f5f4;color:#1d2521}*{box-sizing:border-box}body{margin:0;min-width:320px;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.55}.app-shell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;background:#10201b;color:#f7fbf8;padding:18px 14px}.brand,.login-brand,.sidebar-user,.chat-header,.thread-item,.operator-row,.table-row,.topbar,.top-actions,.inline-form,.metric,.account-tile{display:flex;align-items:center}.brand{gap:12px;padding:8px 6px 22px}.brand span,.sidebar-user span,.login-brand p,.topbar p,.thread-main span,.detail-section span,.account-tile span,.operator-row small{color:#6f7f78;font-size:12px}.sidebar .brand span,.sidebar-user span{color:#b9c7c0}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#20c063;color:#082016;font-weight:800}.nav{display:grid;gap:6px}.nav button{display:flex;align-items:center;gap:10px;border:0;border-radius:7px;padding:11px 12px;background:transparent;color:#dce7e1;text-align:left}.menu-badge{display:grid;place-items:center;min-width:20px;height:20px;margin-left:auto;border-radius:999px;padding:0 6px;background:#20c063;color:#062015;font-size:11px;font-weight:900}.menu-badge.internal-badge{background:#60a5fa;color:#07182d}.nav button.active,.nav button:hover{background:#1b332c;color:#fff}.sidebar-user{gap:9px;margin-top:auto;padding:12px 6px 0;border-top:1px solid #244138}.sidebar-user div{display:grid;min-width:0;flex:1}.sidebar-user strong,.sidebar-user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace{min-width:0;padding:16px;background:#f3f5f4}.screen{display:grid;gap:14px;height:calc(100vh - 36px)}.customer-screen{align-content:start;grid-template-rows:auto auto minmax(0,1fr)}.topbar{justify-content:space-between;gap:12px}.topbar h2,.chat-header h3,.detail-pane h3,.login-brand h1{margin:0}.topbar p,.chat-header p{margin:4px 0 0}.top-actions{gap:8px}.primary-button,.secondary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border-radius:6px;padding:0 12px;border:1px solid transparent;white-space:nowrap}.primary-button{background:#18a957;color:#06160f;font-weight:700}.secondary-button{background:#fff;color:#17211d;border-color:#d6ddd8}.danger-button{background:#fff5f2;color:#a63d22;border-color:#f0c8bd}.icon-button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:7px;background:#203a32;color:#fff}.metrics-row{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px}.metric{justify-content:space-between;min-height:50px;padding:10px 12px;background:#fff;border:1px solid #dce3de;border-radius:8px}.metric strong{font-size:21px}.conversation-screen{grid-template-rows:auto minmax(0,1fr);overflow:hidden}.conversation-layout{display:grid;grid-template-columns:360px minmax(360px,1fr);gap:12px;height:100%;min-height:0;overflow:hidden}.thread-list,.chat-pane,.detail-pane,.data-table,.account-tile,.login-panel{background:#fff;border:1px solid #d8dfda;border-radius:8px}.thread-list,.chat-pane,.detail-pane{min-height:0;overflow:hidden}.thread-list{display:flex;flex-direction:column}.list-tools{display:grid;gap:8px;padding:10px;border-bottom:1px solid #e1e7e3}.search-box{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;background:#f3f6f4;border-radius:7px;color:#6c7b73}.search-box input{width:100%;border:0;outline:0;background:transparent;color:#17211d;font-size:13px}.toolbar-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.table-toolbar{display:grid;margin-bottom:10px}.hidden-file-input{display:none}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#eff3f0;border-radius:7px;padding:3px}.segmented button{border:0;border-radius:6px;height:30px;background:transparent;color:#52615a}.segmented button.selected{background:#fff;color:#17211d;box-shadow:0 1px 2px #141f1b14}.thread-item{gap:10px;width:100%;min-height:58px;border:0;border-bottom:1px solid #eef2ef;background:#fff;padding:7px 9px;text-align:left;cursor:pointer}.thread-item:hover,.thread-item.selected{background:#eef8f2}.thread-item.department-thread{border-left:3px solid #3b82f6;background:#f4f8ff}.thread-item.department-thread:hover,.thread-item.department-thread.selected{background:#eaf2ff}.thread-item.department-thread .avatar{background:#dbeafe;color:#1d4ed8}.avatar{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:#dcefe4;color:#126536;font-weight:800}.avatar.large{width:48px;height:48px}.thread-main{display:grid;gap:2px;min-width:0;flex:1}.thread-main strong,.thread-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-meta{display:grid;justify-items:end;gap:8px}.internal-thread-controls{display:flex;align-items:center;gap:5px}.thread-delete-button{position:relative;display:grid;place-items:center;width:24px;height:24px;border:1px solid #efd1c9;border-radius:7px;background:#fff8f6;color:#a63d22;opacity:0;transition:opacity .15s ease,background .15s ease}.thread-delete-button.pin-button{border-color:#cfe0d7;background:#f4faf7;color:#17653b}.thread-item:hover .thread-delete-button,.thread-item.selected .thread-delete-button{opacity:1}.thread-delete-button:hover{background:#ffe9e2}.thread-actions{display:flex;grid-column:2 / -1;gap:4px}.thread-actions button{display:grid;place-items:center;width:26px;height:24px;border:1px solid #d7ded9;border-radius:6px;background:#fff;color:#425149}.thread-meta b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#20c063;color:#062015;font-size:12px}.chat-pane{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;min-height:0;overflow:hidden}.chat-header{gap:12px;padding:12px 14px;border-bottom:1px solid #dde4df;background:#f8faf8}.chat-header-actions{margin-left:auto}.chat-header-actions select{min-height:32px;border:1px solid #d7ded9;border-radius:6px;background:#fff}.message-tools{padding:8px 10px;border-bottom:1px solid #dde4df;background:#f8faf8}.messages{display:flex;flex-direction:column;gap:8px;overflow:auto;min-height:0;padding:18px;background:linear-gradient(#edf4efeb,#edf4efeb),repeating-linear-gradient(45deg,#d6e5da 0 1px,transparent 1px 18px)}.bubble{width:fit-content;max-width:min(620px,78%);padding:8px 10px 6px;border-radius:8px;background:#fff;box-shadow:0 1px 2px #141f1b14}.bubble.outgoing{align-self:flex-end;background:#d9fdd3}.bubble.deleted{color:#777f79;font-style:italic}.bubble p{margin:0;line-height:1.42}.bubble-sender{display:block;margin-bottom:3px;color:#17653b;font-size:12px}.attachment-chip{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:4px 6px;border-radius:6px;background:#ffffffb3;color:#425149}.bubble span{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:3px;color:#69756f;font-size:11px}.composer{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;padding:10px;border-top:1px solid #dde4df;background:#f8faf8}.icon-button.attach{width:42px;height:38px;background:#fff;border:1px solid #dfe4e1;border-radius:8px;color:#425149}.ticks.read{color:#1d8cf8}.file-strip{display:flex;flex-wrap:wrap;gap:6px;padding:0 10px 10px;background:#f8faf8}.file-strip span{border-radius:999px;padding:4px 8px;background:#e7eee9;color:#425149;font-size:12px}.composer input,.inline-form input,.login-panel input,.action-stack select,.settings-form input,.settings-form select,.settings-row input,.settings-row select,.org-row select,.modal-form-grid input,.modal-form-grid select,.modal-form-grid textarea{width:100%;min-height:32px;border:1px solid #d7ded9;border-radius:6px;padding:0 9px;background:#fff;color:#17211d;font-size:13px}.modal-form-grid textarea{min-height:78px;padding:8px 9px;resize:vertical}.icon-button.send{width:42px;height:38px;background:#18a957;color:#06160f}.internal-layout{grid-template-columns:320px minmax(420px,1fr)}.internal-chat-pane{grid-template-rows:auto auto minmax(0,1fr) auto;min-height:0;overflow:hidden}.internal-messages{background:#f0f4f2}.internal-composer{grid-template-columns:42px 42px minmax(0,1fr) 42px;padding:8px}.internal-composer input{min-height:36px}.composer-dock{display:grid;grid-template-rows:auto auto auto auto;flex:0 0 auto;max-height:46vh;border-top:1px solid #dde4df;background:#f8faf8;overflow:auto;overscroll-behavior:contain;z-index:5}.composer-dock .composer{border-top:0}.composer-dock .emoji-picker{max-height:132px;overflow:auto}.composer-dock .file-strip{max-height:96px;overflow:auto}.internal-chat-modal{width:min(520px,calc(100vw - 32px))}.forward-modal{width:min(560px,calc(100vw - 32px))}.forward-modal label{display:grid;gap:6px;color:#53615a;font-size:12px;font-weight:800}.forward-modal select{min-height:34px;border:1px solid #d7ded9;border-radius:6px;padding:0 9px}.internal-chat-modal label{display:grid;gap:5px;color:#53615a;font-size:12px;font-weight:700}.internal-member-grid{max-height:280px;overflow:auto}.internal-chat-modal .member-check{display:flex;grid-template-columns:unset;justify-content:flex-start}.internal-chat-modal .member-check input{flex:0 0 auto;width:auto}.system-chip{margin-left:auto;border:1px solid #c9ded2;border-radius:999px;padding:4px 8px;background:#eef8f2;color:#17653b;font-size:11px;font-weight:800}.internal-actionbar{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:8px;align-items:center}.message-toolbar,.message-actions{display:flex;gap:4px;align-items:center}.message-toolbar button,.message-actions button{min-height:22px;border:1px solid #d9e2dd;border-radius:999px;padding:0 7px;background:#ffffffa6;color:#47564f;font-size:11px}.message-toolbar span{color:#5d6b64;font-size:12px;font-weight:800}.message-toolbar .danger-text{color:#a63d22}.message-line{display:flex;align-items:flex-start;gap:8px}.message-line:has(.outgoing){justify-content:flex-end}.message-line.selectable{justify-content:flex-start}.message-line>input{margin-top:12px}.message-stack{display:grid;gap:5px;width:fit-content;max-width:min(620px,78%)}.message-stack .bubble{max-width:100%}.outgoing-stack{justify-items:end}.incoming-stack{justify-items:start}.message-stack .emoji-picker{margin:0}[data-tooltip]{position:relative}[data-tooltip]:after{position:absolute;left:50%;bottom:calc(100% + 7px);z-index:30;width:max-content;max-width:180px;border-radius:6px;padding:4px 7px;background:#17211d;color:#fff;content:attr(data-tooltip);font-size:11px;font-weight:700;line-height:1.2;opacity:0;pointer-events:none;transform:translate(-50%) translateY(4px);transition:opacity .12s ease,transform .12s ease;white-space:nowrap}[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.bubble-actions{display:inline-flex;align-items:center;gap:3px;width:fit-content;border:1px solid #dbe4df;border-radius:999px;padding:3px;background:#fffffff0;box-shadow:0 8px 18px #141f1b1f}.bubble-actions button{position:relative;display:grid;place-items:center;width:26px;height:24px;border:0;border-radius:999px;background:transparent;color:#47564f}.bubble-actions button:hover{background:#eef5f1}.bubble-actions .danger-text{color:#a63d22}.bubble.active{outline:2px solid #20c063}.older-messages-hint{align-self:center;border:1px solid #d9e4de;border-radius:999px;padding:5px 10px;background:#ffffffd1;color:#607069;font-size:11px;font-weight:800}.history-modal{width:min(620px,calc(100vw - 32px))}.history-current,.history-row{display:grid;gap:5px;border:1px solid #dce5e0;border-radius:8px;padding:9px;background:#f8faf8}.history-current small,.history-row span{color:#65736d;font-size:11px;font-weight:800}.history-list{display:grid;gap:8px;max-height:320px;overflow:auto}.history-row p,.history-current p{margin:0;color:#24312c;line-height:1.4}.dashboard-screen{grid-template-rows:auto auto minmax(0,1fr);overflow:hidden}.dashboard-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.metric-card{display:grid;gap:5px;border:1px solid #d8dfda;border-radius:8px;padding:14px;background:#fff}.metric-card span,.panel-title span,.attention-row span,.operator-card span{color:#66746d;font-size:12px;font-weight:700}.metric-card strong{color:#17211d;font-size:30px;line-height:1}.metric-card small{color:#6d7a74;font-weight:700}.metric-card.primary{border-color:#bad8c8;background:#f0faf4}.metric-card.danger{border-color:#f0c7bd;background:#fff5f2}.metric-card.success{border-color:#bee0cf;background:#f3fbf6}.metric-card.pool{border-color:#bfd7ff;background:#f4f8ff}.metric-card.internal{border-color:#cdd6f4;background:#f6f7ff}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0;overflow:auto}.dashboard-panel{display:grid;align-content:start;gap:12px;border:1px solid #d8dfda;border-radius:8px;padding:14px;background:#fff;min-height:0}.wide-panel{grid-column:1 / -1}.panel-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.panel-title h3{margin:0;color:#17211d;font-size:16px}.status-stack,.bar-list,.operator-list,.attention-list{display:grid;gap:8px}.status-row,.attention-row,.operator-card{border:1px solid #e3e9e5;border-radius:8px;padding:9px 10px;background:#f9fbfa}.status-row{display:flex;justify-content:space-between}.status-row strong,.bar-row strong,.operator-card b{color:#126536}.bar-row{display:grid;gap:5px}.bar-row div{display:flex;justify-content:space-between;gap:10px}.bar-row i,.operator-card i{display:block;height:7px;border-radius:999px;background:#20c063}.operator-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.operator-card i{grid-column:1 / -1;background:#3b82f6}.attention-row{display:grid;gap:3px}.emoji-picker{display:flex;flex-wrap:wrap;gap:4px;width:fit-content;max-width:min(320px,100%);margin:6px 8px;border:1px solid #dce5e0;border-radius:8px;padding:6px;background:#fff;box-shadow:0 8px 22px #141f1b1f}.emoji-picker button{display:grid;place-items:center;width:30px;height:28px;border:0;border-radius:6px;background:transparent;font-size:18px}.emoji-picker button:hover{background:#eef8f2}.reply-preview{display:grid;gap:2px;border-left:3px solid #20c063;border-radius:6px;padding:6px 8px;background:#eef8f2e6;color:#314038}.reply-preview strong,.reply-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-preview strong{color:#17653b;font-size:12px}.reply-preview span{font-size:12px}.reply-preview.in-message{max-width:360px;margin-bottom:6px;background:#ffffffb8}.composer-reply{grid-template-columns:minmax(0,1fr) auto;align-items:center;margin:8px 8px 0}.reaction-row{display:flex;gap:3px;margin-top:5px}.reaction-row span{display:grid;place-items:center;align-items:center;justify-content:center;min-width:24px;height:22px;border:1px solid #dce5e0;border-radius:999px;background:#ffffffd1;font-size:13px}.forwarded-label{display:inline-flex;width:fit-content;margin-bottom:4px;color:#728079;font-size:11px;font-style:italic}.message-failure{display:block;margin-top:6px;color:#b42318;font-size:11px;font-weight:800}.preview-strip img{width:34px;height:34px;border-radius:6px;object-fit:cover}.preview-strip span{display:inline-flex;align-items:center;gap:6px}.detail-pane{display:flex;flex-direction:column;gap:12px;padding:14px;overflow:auto}.detail-section,.operator-row{display:grid;gap:4px;padding:10px 0;border-bottom:1px solid #edf1ee}.action-stack{display:grid;gap:8px}.operator-list{display:grid;gap:4px}.operator-row{grid-template-columns:minmax(0,1fr) auto}.operator-row small{grid-column:1 / -1}.inline-form{gap:8px;align-items:stretch}.data-table{display:grid;align-content:start;min-height:0;overflow:auto}.table-row{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(4,minmax(120px,1fr));gap:14px;min-height:54px;padding:10px 14px;border-bottom:1px solid #edf1ee}.table-row.table-head{min-height:34px;background:#f7f9f8;color:#6d7a73;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0}.customer-row{grid-template-columns:minmax(150px,1fr) 130px minmax(140px,1fr) minmax(160px,1.1fr) 90px 150px}.table-row span{color:#53625b}.account-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;align-content:start}.account-tile{display:grid;align-items:start;gap:12px;padding:14px}.qr-box{display:grid;place-items:center;gap:8px;min-height:150px;border:1px dashed #b9c7c0;border-radius:8px;background:#f7faf8}.qr-box img{width:min(220px,100%);aspect-ratio:1}.account-tile code{overflow:hidden;text-overflow:ellipsis;padding:8px;border-radius:6px;background:#eff3f0;color:#52615a}.settings-screen{grid-template-rows:auto minmax(0,1fr);gap:12px}.settings-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:10px;min-height:0;overflow:hidden}.settings-tabs{display:grid;align-content:start;gap:4px;padding:8px;background:#fff;border:1px solid #dfe4e1;border-radius:8px}.settings-tabs button{display:flex;align-items:center;gap:8px;min-height:34px;border:0;border-radius:6px;padding:0 10px;background:transparent;color:#43524b;font-size:13px;text-align:left}.settings-tabs button.active,.settings-tabs button:hover{background:#eaf4ee;color:#0d5f34}.settings-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:10px;align-content:start;min-height:0;overflow:hidden;padding:12px;background:#fff;border:1px solid #dfe4e1;border-radius:8px}.panel-title{display:flex;align-items:center;gap:8px}.panel-title.split-title{justify-content:space-between}.panel-title.split-title>div{display:flex;align-items:center;gap:8px}.panel-title h3{margin:0;font-size:15px}.settings-form{display:grid;grid-template-columns:minmax(150px,1fr) 130px minmax(150px,1fr) auto;gap:6px;align-items:stretch}.settings-form.branch-form{grid-template-columns:minmax(180px,1fr) minmax(180px,1.2fr) auto}.settings-form.compact{grid-template-columns:minmax(160px,1fr) auto}.settings-table,.org-table{display:grid;align-content:start;min-height:0;overflow:auto;border:1px solid #e3e8e5;border-radius:8px}.settings-head,.settings-row{display:grid;align-items:center;gap:8px;min-height:38px;padding:6px 8px;border-bottom:1px solid #edf1ee}.settings-head{position:sticky;top:0;z-index:1;min-height:34px;background:#f7f9f8;color:#6d7a73;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0}.lookup-row,.lookup-table .settings-head{grid-template-columns:minmax(180px,1fr) 120px 90px 164px}.close-category-row,.close-category-table .settings-head{grid-template-columns:minmax(160px,.9fr) minmax(220px,1.4fr) 90px 164px}.line-row,.line-table .settings-head{grid-template-columns:minmax(150px,1fr) 120px 160px 120px 80px 150px}.line-qr-cell img{width:76px;height:76px}.employee-row,.employee-table .settings-head{grid-template-columns:minmax(150px,1fr) 140px 140px 140px 90px 150px}.org-row,.org-table .settings-head{grid-template-columns:minmax(180px,1.1fr) repeat(4,minmax(130px,1fr))}.settings-row strong,.settings-row span,.org-row strong,.org-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-row strong,.org-row strong{font-size:13px}.settings-row span,.org-row span{color:#6f7f78;font-size:12px}.status-text{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-width:58px;min-height:22px;border:1px solid #e2c6bf;border-radius:999px;padding:0 8px;background:#fff5f2;color:#9a341b;font-size:11px;font-weight:800}.status-text.active{border-color:#a9dbc0;background:#eaf8ef;color:#116338}.status-text.waiting{border-color:#d8c693;background:#fff8df;color:#7a5a0a}.status-text.offline{border-color:#d8deda;background:#f5f7f6;color:#65746d}.row-actions{display:flex;justify-content:flex-end;gap:4px}.icon-action{display:grid;place-items:center;width:28px;height:28px;border:1px solid #d7ded9;border-radius:6px;background:#fff;color:#425149}.icon-action:hover{background:#edf5f0}.icon-action.danger{color:#a63d22}.compact-toggle{min-height:28px;border:1px solid #d7ded9;border-radius:6px;padding:0 8px;background:#fff;color:#425149;font-size:12px}.compact-button{min-height:30px;padding:0 9px;font-size:12px}.org-board{display:grid;gap:10px;min-height:0;overflow:auto}.org-admin-strip{display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 10px;border:1px solid #e3e8e5;border-radius:8px;background:#f7f9f8}.org-admin-strip span,.department-card span{color:#6f7f78;font-size:12px}.department-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:10px}.department-card{display:grid;gap:10px;padding:10px;border:1px solid #e3e8e5;border-radius:8px;background:#fff}.department-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.department-card-head>div{display:grid;gap:3px;min-width:0}.member-check-grid{display:grid;gap:6px}.member-check{display:flex;align-items:center;gap:8px;min-height:30px;padding:0 8px;border:1px solid #e4e9e6;border-radius:6px;background:#fbfcfb;font-size:13px}.member-check.selected{border-color:#b8dec8;background:#eef8f2}.empty-row{min-height:30px;padding:7px 8px;border:1px dashed #d9e1dd;border-radius:6px;color:#7b8881;font-size:12px}.toast.success{background:#edf8f1;color:#116338}.toast.error{background:#fff1ec;color:#9a341b}.modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#10201b4d}.confirm-modal{display:grid;gap:10px;width:min(420px,calc(100vw - 32px));padding:16px;border:1px solid #dfe4e1;border-radius:8px;background:#fff;box-shadow:0 18px 50px #141f1b38}.employee-modal,.customer-modal{width:min(640px,calc(100vw - 32px))}.qr-modal{width:min(460px,calc(100vw - 28px))}.qr-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.qr-modal-head>div{display:grid;gap:8px}.qr-modal-body{display:grid;place-items:center;min-height:360px;border:1px solid #e2e8e4;border-radius:8px;background:#f8faf9}.qr-modal-body img{width:min(340px,78vw);height:min(340px,78vw);image-rendering:crisp-edges}.qr-loading{display:grid;place-items:center;gap:12px;color:#6b7a72;font-weight:700}.modal-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.modal-form-grid label{display:grid;gap:5px;color:#53615a;font-size:12px;font-weight:700}.modal-form-grid .wide-field{grid-column:1 / -1}.confirm-modal h3,.confirm-modal p{margin:0}.confirm-modal p{color:#5d6b64;line-height:1.45}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.login-page{display:grid;place-items:center;min-height:100vh;padding:20px;background:linear-gradient(#0f1d19b3,#0f1d19c2),url(https://images.unsplash.com/photo-1556155092-490a1ba16284?auto=format&fit=crop&w=1600&q=80) center/cover}.login-panel{display:grid;gap:14px;width:min(420px,100%);padding:22px}.login-brand{gap:12px;margin-bottom:4px}.login-panel label{display:grid;gap:6px;color:#405049;font-size:13px;font-weight:700}.form-error,.toast{border-radius:7px;padding:10px 12px;background:#fff1ec;color:#9a341b}.toast{position:fixed;right:18px;top:18px;z-index:20;box-shadow:0 8px 24px #141f1b26}.empty-state{padding:18px;color:#6f7f78;text-align:center}@media(max-width:1180px){.conversation-layout{grid-template-columns:300px minmax(360px,1fr)}.detail-pane{display:none}}@media(max-width:840px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto}.nav{grid-template-columns:repeat(5,minmax(0,1fr))}.nav button{justify-content:center;padding:10px 6px}.nav button svg{display:none}.conversation-layout{grid-template-columns:1fr}.thread-list{max-height:260px}.metrics-row{grid-template-columns:repeat(2,1fr)}.screen{height:auto;min-height:calc(100vh - 36px)}.chat-pane{min-height:560px}.topbar,.toolbar-actions{align-items:stretch;flex-direction:column}.inline-form,.table-row,.customer-row,.settings-layout,.settings-form,.settings-form.compact,.settings-form.employee-form,.settings-row,.org-row,.modal-form-grid{grid-template-columns:1fr}}