/* NEOM staff workspace. Loaded only by staff.mjs; customer surfaces keep their own system. */
.staff-app .attachment-picker {display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:44px;padding:8px;border-radius:9px;font-size:12px;font-weight:500;color:#476456;cursor:pointer;margin:0}
.staff-app .attachment-picker:hover {background:#edf5ec}
.staff-app .attachment-picker:has(input:focus-visible) {outline:3px solid #36a16f;outline-offset:2px}
.staff-app .attachment-picker:has(input:disabled) {opacity:.45;cursor:wait}
.staff-app .staff-file-list {display:flex;flex-wrap:wrap;gap:7px;padding:0 10px 10px;max-height:160px;overflow-y:auto}
.staff-app .staff-file-chip {display:flex;align-items:center;gap:7px;max-width:100%;width:100%;padding:8px 10px;background:#f6f9f3;border:1px solid #dfe8da;border-radius:10px}
.staff-app .staff-file-chip .file-icon {display:flex;color:#377051}
.staff-app .file-description {min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
.staff-app .file-description strong {font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.staff-app .file-description small {font-size:11px;line-height:1.5;color:#52684f}
.staff-app .staff-file-chip button {min-width:36px;min-height:36px;padding:7px}
.staff-app .staff-file-chip.file-error {background:#fff7f0;border-color:#e9d5bd}
.staff-app .staff-file-chip.file-error small {color:#865125}
.staff-app .message-files {display:flex;flex-direction:column;gap:7px}
.staff-app .message-file {display:flex;align-items:center;gap:10px;width:100%;max-width:350px;margin-top:5px;padding:12px;background:#fff;border:1px solid #d6e3cf;border-radius:12px;color:#17452e;text-align:left}
.staff-app .message-file>span {display:flex;flex-direction:column;min-width:0;gap:4px;flex:1}
.staff-app .message-file strong {font-size:12px;overflow-wrap:anywhere;line-height:1.5}
.staff-app .message-file small {font-size:10px;color:#586d51}
.staff-app .message-file>.icon {flex-shrink:0;width:17px}
.staff-app .thread-message.internal .message-file {background:#fffaf0;border-color:#e6d2ac;color:#79521c}
.staff-app .escalate-trigger {width:100%;margin:4px 0 14px;background:#edf5e9;border-color:#d4e3cd;color:#235632;font-size:12px}
.staff-app .escalation-dialog textarea {min-height:130px;resize:vertical}
.staff-app .response-indicator {display:flex;gap:7px;font-size:12px;line-height:1.6;align-items:center;color:#47664c}
.staff-app .response-indicator.overdue {color:#9d402b}
.staff-app .response-indicator.answered {color:#277148}
.staff-app .response-indicator .icon {width:15px;flex-shrink:0}
.staff-app .response-due {font-size:11px;color:#5e6f55;margin:7px 0 0;line-height:1.6}
.staff-app .member-activated {display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#436b4a;padding:8px}
.staff-app .member-activated .icon {width:14px}
.staff-app .knowledge-create-translations {display:grid;gap:24px}
.staff-app .knowledge-create-translations fieldset {border:1px solid #dce7d4;border-radius:12px;margin:0;padding:17px}
.staff-app .knowledge-create-translations legend {padding:0 8px;font-size:12px;color:#41683d}
.staff-app .knowledge-create-translations textarea {min-height:84px;resize:vertical}
.staff-app .knowledge-create-dialog #new-article-collection {margin-top:0}
.staff-app .knowledge-create-dialog #new-article-title {margin-bottom:20px}
.staff-app .pending-send-confirm {display:flex;margin:5px 10px 10px;background:#fff8e5;color:#795114;font-size:12px;border-color:#e6d6aa}
.staff-app .prepared-quota-help {margin:0 10px 10px;padding:12px;background:#fff8e9;border:1px solid #e3d5af;border-radius:10px;color:#72551e}
.staff-app .prepared-quota-help p {margin:0 0 9px;font-size:12px;line-height:1.7}
.staff-app .prepared-quota-help button {min-height:44px;font-size:12px}
.staff-app .composer-tools .composer-prepared-trigger {font-size:11px;min-height:44px}
.staff-app .entry-badge {background:#eaf5e9;color:#245e36;border:1px solid #d2e4ca;white-space:normal}
.staff-app .flow-status {flex-wrap:wrap;justify-content:flex-end}
@media (max-width:720px) {
 .staff-app .attachment-picker>span {display:none}
 .staff-app .staff-file-chip button {min-width:44px;min-height:44px}
 .staff-app .staff-file-list {max-height:115px;padding:0 8px 8px}
 .staff-app .staff-file-chip {padding:5px 8px}
 .staff-app .attachment-picker {padding:7px}
 .staff-app .staff-dialog input,.staff-app .staff-dialog textarea,.staff-app .staff-dialog select {font-size:16px}
 .staff-app .workflow-publish-actions {flex-wrap:wrap}
}
body.staff-app {
 --canvas:#f3f2ec; --surface:#fff; --ink:#122d25; --muted:#5d7066;
 --green:#087f5b; --green-bright:#16b786; --green-wash:#eaf5ee;
 --line:#e3e8e0; --forest:#123f30; --shadow:0 14px 48px #183b2b0a;
 background:var(--canvas); color:var(--ink);
}
.staff-app [hidden] {display:none!important}
.staff-app button {min-height:44px;border-radius:11px;font-size:13px;transition:background .16s,border-color .16s,box-shadow .16s}
.staff-app input,.staff-app textarea,.staff-app select {border-radius:11px;border-color:#d9e2d8;min-height:46px;box-shadow:0 1px 2px #19342503}
.staff-app input:hover,.staff-app textarea:hover,.staff-app select:hover {border-color:#b8cbbc}
.staff-app input:focus,.staff-app textarea:focus,.staff-app select:focus {border-color:#32976f;outline:none;box-shadow:0 0 0 3px #18875a12}
.staff-app :focus-visible {outline:3px solid #36a16f;outline-offset:3px}
.staff-app .form-error,.staff-app .composer-error {padding:12px 14px;border:1px solid #e8c6c2;border-radius:10px;background:#fff3ef;color:#8b302a;font-size:13px;line-height:1.65}
.staff-app #toast {top:78px;bottom:auto;left:auto;right:30px;transform:none;max-width:min(92vw,420px)}
@media(max-width:820px){.staff-app #toast {top:65px;right:12px;max-width:calc(100vw - 24px)}}
.staff-app .field-help {font-size:12px;line-height:1.65;color:var(--muted)}
.staff-app .app-layout {grid-template-columns:236px minmax(0,1fr);gap:18px;padding:18px}
.staff-app .sidebar {padding:18px 8px 4px;gap:24px;background:transparent;border:0;overflow-x:hidden;scrollbar-width:thin}
.staff-app .brand {color:var(--ink);font-size:19px;letter-spacing:-.6px}
.staff-app .brand-button {padding:0 7px;background:none;border:0;min-height:43px;justify-content:flex-start}
.staff-app .brand-button strong {font-weight:500;color:#496252}
.staff-app .tenant-block {padding:14px 12px 10px;border-color:#dce4d7;background:#fafbf7;border-radius:15px;box-shadow:none}
.staff-app .tenant-block label {letter-spacing:.9px;font-size:10px;color:#5f6e5c}
.staff-app .tenant-select-wrap {display:flex;align-items:center;gap:9px}
.staff-app .tenant-block select {background:transparent;border:0;font-size:13px;min-height:40px;padding-left:3px;box-shadow:none;min-width:0}
.staff-app .workspace-dot {position:static;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 4px #dcf1e2}
.staff-app .workspace-dot.broker {background:#47687b;box-shadow:0 0 0 4px #e3edf0}
.staff-app .sidebar-search {border:1px solid #dce4d7;background:#fafbf7;border-radius:12px;padding:10px;font-size:12px;color:#5d6f5b;gap:7px}
.staff-app .sidebar-search kbd {margin-left:auto;background:#fff;border-color:#e0e7db;font-size:10px}
.staff-app .nav-items {gap:6px}
.staff-app .nav-items>button {color:#526959;font-size:13px;padding:11px 12px;border-radius:12px}
.staff-app .nav-items>button:hover {background:#e8ede2}
.staff-app .nav-items>button.active {background:#114c36;color:#fff;box-shadow:0 5px 12px #1b4c2810;font-weight:550}
.staff-app .nav-items>button.active .count {background:#ffffff24;color:#fff}
.staff-app .nav-heading {letter-spacing:1px;font-size:10px;line-height:1.5;margin-top:8px;margin-bottom:8px;padding-left:13px}
.staff-app .nav-heading>span {display:none}
.staff-app .nav-items .inbox-view {min-height:37px;padding:7px 11px 7px 19px;font-size:12px;color:#596f5c;border-radius:10px;border:1px solid transparent;gap:9px}
.staff-app .nav-items .inbox-view .icon {width:15px;height:15px}
.staff-app .nav-items .inbox-view.active {background:#fff;border-color:#dde7d9;color:#17543a;box-shadow:0 2px 4px #274a1b04}
.staff-app .inbox-views {margin:1px 0 10px 10px;padding-left:8px;border-left:1px solid #d7e1cf}
.staff-app .count {border-radius:6px;background:#e3ecdb;color:#46633e;font-size:11px;min-width:23px}
.staff-app .sidebar-demo {font-size:12px;color:#3e684e;line-height:1.6}
.staff-app .workspace-environment {font-size:10px;color:#5f6e59}
.staff-app .profile {padding:16px 3px 2px;border-color:#dbe3d4}
.staff-app .profile .person {font-size:12px;color:var(--ink)}
.staff-app .profile small {font-size:11px}
.staff-app .app-layout>.workspace {border:1px solid #e0e5dd;border-radius:20px;background:#fff;box-shadow:0 8px 34px #233f1e04}
.staff-app .topbar {height:62px;padding:0 25px;border-color:#e9ede6}
.staff-app .breadcrumbs {font-size:12px;color:#5a6f5e}
.staff-app .breadcrumbs strong {color:var(--ink)}
.staff-app .top-actions {gap:11px}
.staff-app .shortcut-button {color:#5b7061}
.staff-app .top-actions .shortcut-button>span,.staff-app .top-actions .shortcut-button>kbd {display:none}
.staff-app .notification-toggle {position:relative;padding:8px;min-width:42px;color:#586f5f}
.staff-app .notification-toggle.is-active {background:#eaf5ee;color:var(--green)}
.staff-app #notification-overdue {position:absolute;top:1px;right:0;min-width:17px;height:17px;border-radius:50%;background:#a24635;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center}
.staff-app .page-heading {padding:25px 28px 23px;min-height:100px;background:#fff}
.staff-app .page-heading h1 {font-size:27px;letter-spacing:-.9px;font-weight:600;color:#123626}
.staff-app .page-heading p {font-size:12px;line-height:1.65;color:#5d6f61}
.staff-app .inbox-heading {min-height:85px;padding:20px 26px}
.staff-app .inbox-heading h1 {font-size:23px;margin-bottom:3px}
.staff-app .heading-actions .connection-state {font-size:11px;color:#55715e}
.staff-app .heading-actions .connection-state .dot {background:#49a379}
.staff-app .inbox {grid-template-columns:335px minmax(0,1fr);border-color:#e7ece4}
.staff-app .conversation-pane {background:#fafbf8;border-right-color:#e6ece3}
.staff-app .inbox-list-header {background:#fafbf8}
.staff-app .list-controls {padding:18px 15px 10px}
.staff-app .search-field input {background:#fff;border-color:#dfe7db;border-radius:12px;font-size:13px;box-shadow:0 3px 6px #234b2003}
.staff-app .filter-tabs {gap:17px;padding:0 17px;border-bottom:1px solid #e1e9db}
.staff-app .filter-tabs button {font-size:12px;min-height:42px;border-radius:0;padding:8px 0}
.staff-app .list-toolbar {padding:9px 15px;border:0;background:transparent}
.staff-app .list-toolbar button,.staff-app .list-toolbar select {font-size:11px;min-height:34px;border-radius:8px}
.staff-app .list-summary {font-size:10px;letter-spacing:.8px;padding:3px 17px 12px;color:#5e7059}
.staff-app .conv-list {padding:4px 8px 14px;scrollbar-width:thin}
.staff-app .conversation-row {padding:15px 12px;min-height:116px;border:1px solid transparent;border-radius:14px;margin-bottom:5px;background:transparent}
.staff-app .conversation-row:hover {background:#f1f6ec;border-color:#e8eee1}
.staff-app .conversation-row.active {background:#fff;border-color:#c8ddc5;box-shadow:0 5px 14px #25401d05}
.staff-app .conversation-row.active::before {left:-1px;top:17px;bottom:17px;width:3px;border-radius:3px;background:#168b60}
.staff-app .conversation-row .avatar {width:34px;height:34px;background:#e6eee0;border:0;color:#4b6944;font-size:12px}
.staff-app .conversation-row .avatar.broker {background:#e5edf0;color:#476376}
.staff-app .row-line strong {font-size:13px;color:#203d2b;font-weight:650}
.staff-app .row-time {font-size:10px;color:#5d6f56}
.staff-app .row-subject {font-size:12px;color:#3e5947;margin-top:4px}
.staff-app .row-preview {font-size:12px;line-height:1.6;color:#5c7158}
.staff-app .row-meta {margin-top:9px;gap:8px}
.staff-app .language-label,.staff-app .assignee-label {font-size:10px;color:#5b7055}
.staff-app .language-label {font-weight:600}
.staff-app .draft-badge {font-size:10px;color:#8b641f;background:#fbf0d5;padding:2px 6px;border-radius:5px}
.staff-app .priority-label {font-size:10px;gap:3px;color:#8b5b29}
.staff-app .priority-label.urgent {color:#a23c36}
.staff-app .unread-badge {background:#145739;border-radius:6px;font-size:10px;min-width:18px;height:18px}
.staff-app .detail-shell {grid-template-columns:minmax(0,1fr) 260px}
.staff-app .detail-shell.context-closed {grid-template-columns:minmax(0,1fr)}
.staff-app .detail-header {min-height:76px;padding:14px 22px;border-color:#e8ede5;gap:11px}
.staff-app .detail-title h2 {font-size:15px;color:#173c29}
.staff-app .detail-title p {font-size:12px;max-width:300px;color:#5c6f57}
.staff-app .detail-avatar {width:33px;height:33px;border:0;background:#e9f1e5}
.staff-app .detail-actions {gap:5px}
.staff-app .detail-actions button {min-height:40px;font-size:12px;padding:8px 11px;border-radius:10px}
.staff-app .detail-actions .icon-button {min-width:40px;padding:8px}
.staff-app .thread-tools {padding:9px 22px;min-height:41px;background:#fcfdfb;border-bottom:1px solid #edf1e9;font-size:11px}
.staff-app .thread-tools button {min-height:29px;font-size:11px;padding:3px 7px;color:#56725d}
.staff-app .thread {padding:25px 25px 20px;background:#fff;scrollbar-width:thin}
.staff-app .thread-message {max-width:min(90%,680px);gap:10px;margin-bottom:24px}
.staff-app .thread-message>.avatar {width:27px;height:27px;font-size:10px;border:0}
.staff-app .message-author {font-size:11px;gap:7px;margin:0 0 7px}
.staff-app .message-author strong {font-weight:600;color:#3e5a44}
.staff-app .message-author>span {font-size:10px;border-radius:5px;background:#f2f6ee;padding:1px 5px;color:#5d7057}
.staff-app .message-author time {font-size:10px;color:#5e7056}
.staff-app .message-bubble {font-size:13px;line-height:1.8;padding:13px 16px;border-radius:0 14px 14px 14px;background:#f4f6f0;border:1px solid #edf1e9;color:#2d4937}
.staff-app .thread-message.agent .message-bubble {background:#edf6ef;border:1px solid #dfede0;border-radius:14px 0 14px 14px}
.staff-app .thread-message.internal {margin-left:36px}
.staff-app .thread-message.internal .message-bubble {background:#fffaee;border:1px solid #f0e5c8;border-radius:12px;color:#62543b}
.staff-app .thread-message.internal .message-author>span {background:#f5ecd3;color:#7f6833}
.staff-app .message-meta {font-size:10px;color:#716a51}
.staff-app .bot-summary {width:100%;background:#f8faf5;border:1px solid #e3ebdc;border-radius:12px;padding:12px 14px;margin-bottom:24px;color:#57704f;gap:11px}
.staff-app .bot-summary strong {font-size:12px;color:#476143;font-weight:550}
.staff-app .bot-summary small {font-size:11px;color:#606f56}
.staff-app .composer-wrap {padding:12px 22px 19px;background:#fff;border-top:1px solid #f0f3ed}
.staff-app .composer {border:1px solid #cadcc8;border-radius:16px;box-shadow:0 4px 18px #14362305;overflow:visible;position:relative}
.staff-app .composer:focus-within {border-color:#4d9f75;box-shadow:0 0 0 3px #4d9f750c}
.staff-app .composer-heading {border-bottom:1px solid #e9efe4;padding:0 13px;border-radius:16px 16px 0 0;background:#fcfdfa}
.staff-app .composer-tabs {gap:18px}
.staff-app .composer-tabs button {font-size:12px;min-height:43px;padding:9px 0;border-radius:0}
.staff-app .composer-visibility {font-size:10px;color:#5c6f55}
.staff-app .composer textarea {min-height:78px;max-height:160px;font-size:13px;padding:14px 15px;box-shadow:none;border:0}
.staff-app .composer textarea:focus {box-shadow:none}
.staff-app .composer-footer {padding:10px 12px;gap:10px}
.staff-app .composer-tools {gap:9px;min-width:0;flex-wrap:wrap}
.staff-app .composer-tools button {min-height:34px;font-size:11px;padding:6px 8px;color:#406344}
.staff-app .draft-status,.staff-app #draft-status {font-size:10px;color:#5f6f54}
.staff-app .send-actions {gap:7px}
.staff-app .send-actions button {min-height:39px;font-size:12px;border-radius:10px}
.staff-app .send-actions select {min-height:38px;border:0;background:#f6f8f1;font-size:11px;max-width:165px;border-radius:9px;padding:7px 25px 7px 9px;color:#5b7055}
.staff-app .composer-hint {padding:0 13px 10px;font-size:10px;color:#606f55}
.staff-app .composer-note {border-color:#deca99;background:#fffdf8}
.staff-app .composer-note .composer-heading {background:#fff9ec;border-color:#efe4c8}
.staff-app .composer-note .composer-visibility {color:#856429}
.staff-app .composer-note .composer-tabs button.active {color:#8c6422;border-color:#b28d46}
.staff-app .composer-info {display:flex;gap:7px;padding:9px 13px;background:#f2f7f0;color:#597152;font-size:12px;line-height:1.6}
.staff-app .contact-panel {padding:0 18px 20px;background:#fcfdf9;border-color:#e8ede3;scrollbar-width:thin}
.staff-app .contact-panel-header {min-height:57px;border-bottom:1px solid #e5ecde;margin-bottom:17px}
.staff-app .contact-panel-header strong {font-size:12px;color:#506947}
.staff-app .contact-panel-header .icon-button {min-height:34px;min-width:34px;padding:6px}
.staff-app .contact-identity h3 {font-size:13px;color:#2e4e32}
.staff-app .contact-identity p {font-size:11px;color:#5f6f56}
.staff-app .contact-panel .section-label {font-size:10px;color:#607057;letter-spacing:1px}
.staff-app .contact-panel label {font-size:11px;color:#5a7054;margin-bottom:7px}
.staff-app .contact-panel select {font-size:12px;min-height:42px;border-radius:9px;border-color:#e0e8d8}
.staff-app .key-value {font-size:11px}
.staff-app .tenant-seal {border-radius:10px;background:#eef4e9;color:#59714c;font-size:11px;line-height:1.6;padding:12px}
.staff-app .nav-scrim {display:none}

/* Macros: a focused library beside an editable response and its real preview. */
.staff-app .macro-workspace {flex:1;min-height:0;display:grid;grid-template-columns:316px minmax(0,1fr);border-top:1px solid var(--line);background:#fff}
.staff-app .macro-library {padding:19px 14px 12px;display:flex;flex-direction:column;gap:15px;border-right:1px solid var(--line);min-height:0;background:#fafbf7}
.staff-app .macro-library-heading {display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 3px}
.staff-app .macro-library-heading .section-label {margin:0;font-size:10px}
.staff-app .macro-library-heading strong {font-size:11px;font-weight:500;color:#5a7250}
.staff-app .macro-filters {display:flex;gap:7px}
.staff-app .macro-filters select {font-size:11px;min-width:0;min-height:35px;padding:6px 26px 6px 8px;background:#f3f7ee;border-color:#e0e8d8}
.staff-app .macro-list {min-height:0;overflow:auto;scrollbar-width:thin;padding:0 0 16px}
.staff-app .macro-row {width:100%;display:flex;flex-direction:column;align-items:stretch;gap:9px;text-align:left;padding:16px 13px;border:1px solid transparent;background:transparent;border-radius:13px;margin-bottom:6px}
.staff-app .macro-row:hover {background:#f0f5e8}
.staff-app .macro-row.active {background:#fff;border-color:#c8dcbf;box-shadow:0 4px 12px #23452004}
.staff-app .macro-row-top,.staff-app .macro-row-bottom {display:flex;align-items:center;justify-content:space-between;gap:8px}
.staff-app .macro-row-top strong {font-size:13px;color:#284b2d;font-weight:600}
.staff-app .macro-row>span:nth-child(2) {font-size:12px;color:#5d7055;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.staff-app .macro-row-bottom {font-size:10px;color:#5e7052;flex-wrap:wrap}
.staff-app .macro-row-bottom kbd {font-weight:500;font-size:10px;color:#4c6e43;background:#f1f6eb;border-color:#e0ead6;padding:2px 6px}
.staff-app .macro-row-bottom em {font-style:normal;color:#886522}
.staff-app .macro-detail {min-width:0;min-height:0;display:flex;flex-direction:column;background:#fff}
.staff-app .macro-detail-header {min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 29px;border-bottom:1px solid #e8eee1}
.staff-app .macro-detail-header .section-label {display:block;font-size:10px;margin-bottom:5px}
.staff-app .macro-detail-header h2 {margin:0;font-size:21px;letter-spacing:-.7px;color:#234b29;font-weight:550}
.staff-app .macro-editor-scroll {min-height:0;overflow:auto;padding:24px 29px 40px;scrollbar-width:thin}
.staff-app .macro-editor-intro {display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;color:#5c7150;font-size:11px}
.staff-app .macro-editor-intro>span:first-child {display:flex;align-items:center;gap:8px;color:#43663c}
.staff-app .macro-editor-intro .icon {width:16px;height:16px}
.staff-app .macro-meta-grid {display:grid;grid-template-columns:1fr 1fr;gap:19px 20px}
.staff-app .macro-meta-grid>div:first-child {grid-column:1/-1}
.staff-app .macro-meta-grid label {font-size:12px;color:#4f6a45}
.staff-app .shortcut-input {display:flex;align-items:center;border:1px solid #d9e2d3;border-radius:11px;padding-left:14px;gap:4px;background:white}
.staff-app .shortcut-input>span {font-family:ui-monospace,monospace;color:#617053}
.staff-app .shortcut-input input {border:0;box-shadow:none;padding-left:3px}
.staff-app .macro-language-heading {margin-top:30px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.staff-app .macro-language-heading h3 {margin:0;font-size:14px;color:#2d542b;font-weight:550}
.staff-app .macro-language-heading>span {font-size:10px;color:#60704f}
.staff-app #macro-form .locale-tabs {margin-top:14px;margin-bottom:11px}
.staff-app #macro-form .locale-tabs button {font-size:12px;min-height:38px;border-radius:9px;padding:8px 12px}
.staff-app #macro-form .locale-tabs button.active {background:#edf5e7;border-color:#c6dcb8;color:#38672d}
.staff-app .locale-complete {display:flex;align-items:center}
.staff-app .locale-complete .icon {width:13px;height:13px;color:#2e7841}
.staff-app #macro-body {min-height:220px;line-height:1.85;font-size:14px;resize:vertical;background:#fdfefb;border-radius:13px;padding:17px}
.staff-app .macro-body-meta {display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#5f6f50;margin-top:9px}
.staff-app .macro-variables {display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:18px 0 26px}
.staff-app .macro-variables>span {font-size:11px;color:#577148;margin-right:5px}
.staff-app .macro-variables button {min-height:30px;font-size:10px;font-family:ui-monospace,monospace;padding:5px 8px;background:#f2f7ed;border-color:#dce8d4;border-radius:7px;color:#537242}
.staff-app .switch-row {display:flex;align-items:center;gap:13px;margin:0;cursor:pointer;padding:15px;background:#f7faf2;border:1px solid #e1ead9;border-radius:12px;min-height:70px}
.staff-app .switch-row input[type=checkbox] {width:19px;height:19px;min-height:19px;accent-color:#298655;box-shadow:none;flex-shrink:0;padding:0}
.staff-app .switch-row strong {display:block;font-size:12px;font-weight:550;color:#3e6337}
.staff-app .switch-row small {display:block;font-size:11px;font-weight:400;color:#5a724b;margin-top:3px;line-height:1.65}
.staff-app .macro-save-actions {display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:20px}
.staff-app #macro-error {margin-top:17px}
.staff-app .readonly-note {display:flex;align-items:center;gap:8px;color:#5e7056;font-size:12px;line-height:1.65}
.staff-app .macro-preview-card {border:1px solid #dce8d3;border-radius:16px;padding:23px;margin-top:28px;background:linear-gradient(145deg,#fbfdf8,#f6faf0)}
.staff-app .macro-preview-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:19px}
.staff-app .macro-preview-heading .section-label {font-size:10px}
.staff-app .macro-preview-heading h3 {font-size:17px;font-weight:550;color:#3a6330;margin:4px 0 0}
.staff-app .macro-preview-card label {font-size:11px;color:#5b724d}
.staff-app .macro-preview-card select {background:#fff;border-color:#dce7d1;font-size:12px}
.staff-app .macro-preview-body {white-space:pre-wrap;font-size:13px;line-height:1.9;background:#fff;border:1px solid #e5eddd;border-radius:12px;padding:19px;margin:17px 0;color:#47623d;overflow-wrap:anywhere}
.staff-app .macro-preview-actions {display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.staff-app .macro-preview-actions button {font-size:12px}
.staff-app .macro-warnings {padding:10px 12px;background:#fff8e9;border:1px solid #ecdfba;border-radius:9px;font-size:12px;color:#806734;margin-bottom:14px}
.staff-app .macro-warnings p {display:flex;gap:7px;align-items:flex-start;margin:4px 0}
.staff-app .macro-conflict {margin-top:16px;padding:18px;border-radius:12px;background:#fff9eb;border:1px solid #eadcb9;color:#786038;font-size:12px}
.staff-app .conflict-heading {display:flex;align-items:center;gap:9px;font-weight:600}
.staff-app .macro-comparison {display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:15px 0}
.staff-app .macro-comparison section {min-width:0;background:#fffdf7;border:1px solid #eee4ca;border-radius:9px;padding:12px}
.staff-app .macro-comparison strong,.staff-app .macro-comparison span {display:block;font-size:11px}
.staff-app .macro-comparison span {font-size:10px;color:#7b6947;margin-top:5px}
.staff-app .macro-comparison pre {margin:12px 0 0;padding:0;background:transparent;font-family:inherit;font-size:12px;line-height:1.7;color:#6c5f45}
.staff-app .macro-mobile-back {display:none}

/* Authentication, directory and operational settings. */
.staff-app .auth-page {background:#fbfcf8}
.staff-app .auth-page .login-story {background:#123c2e;color:#fff;padding:48px 7vw;justify-content:space-between;min-height:100dvh}
.staff-app .auth-page .login-story::after {border-color:#50745744;background:transparent;box-shadow:0 0 0 80px #294f3430,0 0 0 81px #53765a33,0 0 0 160px #2a4e3530;right:-300px;bottom:-300px;opacity:.7}
.staff-app .auth-page .login-story .brand {margin:0;color:#f4faec;font-size:22px}
.staff-app .auth-page .brand .neom-mark {background:#dff2c9}
.staff-app .auth-story-content {position:relative;z-index:1;padding:60px 0}
.staff-app .auth-story-content .eyebrow {color:#5c7151;font-size:10px;letter-spacing:1.8px}
.staff-app .auth-page .login-story h1 {color:#f6faed;font-size:51px;font-weight:450;line-height:1.16;letter-spacing:-2px;max-width:500px;margin:20px 0 24px}
.staff-app .auth-page .login-story h1 em {color:#b4d39a;font-weight:450}
.staff-app .auth-page .login-story p {color:#afc4a4;font-size:14px;line-height:1.9;max-width:350px}
.staff-app .auth-feature-line {display:flex;gap:25px;margin-top:32px;color:#b4cba7;font-size:11px}
.staff-app .auth-feature-line>span {display:flex;align-items:center;gap:8px}
.staff-app .auth-story-foot {display:flex;justify-content:space-between;gap:20px;position:relative;z-index:1;color:#b5c8aa;font-size:11px}
.staff-app .auth-story-foot>span {color:#8eaa81;letter-spacing:1.4px;text-transform:uppercase;font-size:9px}
.staff-app .auth-page .login-form {max-width:535px;padding:55px 55px;min-height:100dvh;overflow:visible}
.staff-app .auth-page .login-form h2 {font-size:31px;font-weight:500;color:#31592c;letter-spacing:-1px;margin-bottom:10px}
.staff-app .auth-page .login-form>p {font-size:13px;line-height:1.8;color:#607056;margin-bottom:29px}
.staff-app .auth-page .login-form .eyebrow {font-size:10px;color:#5e7150;letter-spacing:1.7px;margin-bottom:12px}
.staff-app .auth-form label {font-size:12px;font-weight:550;color:#4f6d43;margin:17px 0 8px}
.staff-app .auth-form input {min-height:49px;font-size:14px;background:#fff}
.staff-app .auth-submit {width:100%;min-height:48px;margin-top:23px;justify-content:space-between;padding:12px 17px;background:#195f3d!important;border-color:#195f3d!important}
.staff-app .auth-form .form-error {margin-top:16px}
.staff-app .dev-profile-section {margin-top:28px;border-top:1px solid #e1e8d8;padding-top:18px}
.staff-app .dev-profile-section>summary {font-size:12px;color:#5a724c;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none}
.staff-app .dev-profile-section>summary>span {font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#60704f}
.staff-app .dev-profile-section .profile-options {display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}
.staff-app .dev-profile-section .profile-card {padding:12px 10px;min-height:78px;margin:0;border-color:#e0e9d6;box-shadow:none;gap:8px;background:#fafcf7}
.staff-app .dev-profile-section .profile-card .avatar {width:28px;height:28px;font-size:10px}
.staff-app .dev-profile-section .profile-card strong {font-size:11px;color:#547148}
.staff-app .dev-profile-section .profile-card small {font-size:9px;line-height:1.55;color:#5f6f50}
.staff-app .dev-profile-section .profile-card>.icon {display:none}
.staff-app .auth-mobile-brand {display:none}
.staff-app .settings-navigation {display:flex;gap:18px;padding:0 28px;border-bottom:1px solid var(--line);flex-shrink:0;background:#fff}
.staff-app .settings-navigation button {padding:11px 0;border:0;border-bottom:2px solid transparent;border-radius:0;color:#5d7054;font-size:12px;min-height:46px}
.staff-app .settings-navigation button.active {color:#315f2c;border-bottom-color:#478450}
.staff-app .settings-content {padding-top:25px}
.staff-app .settings-section-heading {display:flex;align-items:center;justify-content:space-between;gap:23px;margin:0 0 24px}
.staff-app .settings-section-heading h2 {font-size:23px;font-weight:500;color:#355d2c;margin:6px 0 8px;letter-spacing:-.8px}
.staff-app .settings-section-heading p {font-size:12px;line-height:1.75;color:#5e7150;margin:0}
.staff-app .team-list {border:1px solid #e0e8d8;border-radius:15px;overflow:hidden;background:#fff}
.staff-app .team-member {display:flex;align-items:center;gap:14px;padding:21px 23px;border-bottom:1px solid #e8eee0}
.staff-app .team-member:last-child {border-bottom:0}
.staff-app .member-identity {min-width:0;flex:1}
.staff-app .member-identity>strong {display:block;font-size:13px;color:#365b2d}
.staff-app .member-identity>span {display:block;font-size:11px;color:#5e704f;margin-top:3px;overflow-wrap:anywhere}
.staff-app .member-team-tags {display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}
.staff-app .member-team-tags>span {font-size:10px;padding:2px 6px;border-radius:5px;background:#f0f6e9;color:#537241}
.staff-app .member-role {font-size:12px;color:#537242;max-width:145px}
.staff-app .member-actions {display:flex;gap:6px;align-items:center}
.staff-app .member-actions button {font-size:11px;padding:8px 10px;min-height:37px}
.staff-app .team-guidance {display:flex;gap:14px;padding:20px;background:#f2f7eb;border:1px solid #e1ead4;border-radius:13px;margin-top:20px;color:#54733c}
.staff-app .team-guidance strong {font-size:12px;font-weight:550;color:#50753e}
.staff-app .team-guidance p {font-size:12px;line-height:1.75;margin:5px 0 0;max-width:700px}
.staff-app .staff-dialog {width:min(560px,calc(100vw - 30px));border:1px solid #d6e3cc;border-radius:20px;padding:0;box-shadow:0 24px 100px #163d3040;color:var(--ink);max-height:90dvh;background:#fff;overflow:auto}
.staff-app .staff-dialog::backdrop {background:#143a2c55;backdrop-filter:blur(2px)}
.staff-app .staff-dialog-header {display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:26px 27px 22px;border-bottom:1px solid #e8efde;background:#fbfdf7}
.staff-app .staff-dialog-header h2 {font-size:23px;font-weight:500;margin:5px 0 0;color:#345c2c;letter-spacing:-.7px}
.staff-app .staff-dialog-header .section-label {font-size:10px}
.staff-app .dialog-body {padding:23px 27px}
.staff-app .dialog-body label {font-size:12px;color:#4e743b;margin:15px 0 7px}
.staff-app .dialog-body p {font-size:13px;line-height:1.8;color:#5a7149}
.staff-app .dialog-body .form-error {margin-top:18px}
.staff-app .staff-dialog-actions {display:flex;justify-content:flex-end;gap:10px;padding:18px 27px 23px;border-top:1px solid #edf1e6;background:#fcfdf9}
.staff-app .team-checks {border:0;padding:0;margin:22px 0}
.staff-app .team-checks legend {font-size:12px;color:#547440;margin-bottom:9px;font-weight:550}
.staff-app .team-checks>label {display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e1ead7;border-radius:9px;min-height:46px;margin:7px 0;font-size:12px;color:#537243;cursor:pointer}
.staff-app .team-checks input {min-height:17px;width:17px;height:17px;accent-color:#36894a;box-shadow:none}
.staff-app .member-active-row {margin-top:18px!important}
.staff-app .activation-expiry {display:flex;align-items:center;gap:8px;margin-top:15px;font-size:12px;color:#567341}
.staff-app #activation-url {font-family:ui-monospace,monospace;font-size:12px;line-height:1.65;background:#f6faf0}
.staff-app .operations-form {padding:26px}
.staff-app .operations-meta {display:grid;grid-template-columns:1.2fr 1fr;gap:23px;margin:25px 0}
.staff-app .number-suffix {display:flex;align-items:center;gap:12px}
.staff-app .number-suffix input {max-width:130px}
.staff-app .number-suffix>span {font-size:12px;color:#5b7049}
.staff-app .operations-hours-heading,.staff-app .operations-message-heading {display:flex;justify-content:space-between;align-items:center;gap:15px;margin:28px 0 15px}
.staff-app .operations-hours-heading h3,.staff-app .operations-message-heading h3 {font-size:14px;color:#4d713e;font-weight:550;margin:0}
.staff-app .operations-hours-heading button {min-height:36px;font-size:11px}
.staff-app .hours-row {display:grid;grid-template-columns:1.2fr 1fr 20px 1fr 38px;gap:9px;align-items:center;margin-bottom:9px}
.staff-app .hours-row>span {text-align:center;color:#5f704b}
.staff-app .hours-row input,.staff-app .hours-row select {font-size:13px;min-width:0}
.staff-app .hours-row button {min-height:38px;padding:7px}
.staff-app .hours-empty {font-size:12px;color:#5b7147;border:1px dashed #dbe8ce;border-radius:11px;padding:17px;line-height:1.8}
.staff-app #operations-message {min-height:130px;font-size:13px;line-height:1.8}
.staff-app .operations-actions {display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:23px}
.staff-app .operations-actions>span {font-size:11px;color:#5b7249}
.staff-app #operations-conflict {padding:17px;border-radius:11px;background:#fff9e9;border:1px solid #eadbb5;margin-top:16px;color:#7d673b;font-size:12px;line-height:1.7}
.staff-app #operations-conflict p {font-size:12px;margin:8px 0 12px}
.staff-app .quick-replies-panel {border-color:#d3e3c9;border-radius:16px;box-shadow:0 -12px 50px #20432113;max-height:min(520px,70dvh);overflow:auto;padding:19px}
.staff-app .quick-replies-heading {align-items:flex-start;margin-bottom:14px}
.staff-app .quick-replies-heading strong {display:block;font-size:15px;color:#355b2c;letter-spacing:-.3px;margin-top:4px}
.staff-app .quick-replies-heading .section-label {font-size:9px}
.staff-app .quick-group-label {font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:#5c7049;margin:18px 7px 9px}
.staff-app .quick-reply-item {border-radius:10px;padding:12px 10px;border:1px solid transparent;gap:7px;min-height:97px}
.staff-app .quick-reply-item:hover {border-color:#d9e7cf;background:#f8fbf3}
.staff-app .quick-item-title {display:flex;justify-content:space-between;gap:12px;align-items:center;width:100%}
.staff-app .quick-item-title strong {font-size:12px;color:#456d35;font-weight:550}
.staff-app .quick-item-title kbd {font-size:10px;color:#587144;background:#eef5e6;border-color:#dfe9d5}
.staff-app .quick-reply-item small {font-size:11px;color:#5c7048;line-height:1.65}
.staff-app .quick-reply-item .insert-label {display:flex;justify-content:space-between;width:100%;font-size:10px;color:#5e704b}
.staff-app .insert-label>span {display:flex;align-items:center;gap:4px;color:#48752f}
.staff-app .quick-library-footer {display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e6eedc;padding-top:11px;font-size:10px;color:#5b7048;margin-top:12px}
.staff-app .quick-library-footer button {font-size:11px;color:#4f7436;min-height:34px;padding:5px 7px}
.staff-app .quick-loading,.staff-app .quick-error {padding:23px 7px;font-size:12px;color:#5a7246;line-height:1.7}
.staff-app .quick-loading {display:flex;align-items:center;gap:10px}
.staff-app .quick-error button {font-size:12px}
.staff-app .sla-indicator {display:inline-flex;align-items:center;gap:4px;font-size:10px;color:#5d704d}
.staff-app .sla-indicator.overdue {color:#a44b38}
.staff-app .sla-indicator .icon {width:12px;height:12px}

@media(min-width:1650px){.staff-app .app-layout{grid-template-columns:245px minmax(0,1fr);gap:22px;padding:22px}.staff-app .inbox{grid-template-columns:360px minmax(0,1fr)}.staff-app .thread{padding:28px 36px}.staff-app .composer-wrap{padding:14px 30px 23px}}
@media(max-width:1390px){.staff-app .app-layout{grid-template-columns:210px minmax(0,1fr);gap:12px;padding:12px}.staff-app .sidebar{padding-top:19px}.staff-app .brand{font-size:17px}.staff-app .inbox{grid-template-columns:303px minmax(0,1fr)}.staff-app .detail-shell{grid-template-columns:minmax(0,1fr) 245px}.staff-app .detail-shell.context-closed{grid-template-columns:1fr}.staff-app .detail-header{padding:13px 17px}.staff-app .detail-actions button{font-size:11px;padding:7px 9px}.staff-app .detail-actions .icon-button{padding:7px}.staff-app .thread{padding:23px 19px}.staff-app .composer-wrap{padding:10px 16px 17px}.staff-app .draft-status{display:none}.staff-app .macro-workspace{grid-template-columns:290px minmax(0,1fr)}.staff-app .macro-detail-header{padding:19px 22px}.staff-app .macro-editor-scroll{padding:22px}.staff-app .member-role{display:none}}
@media(max-width:1250px){.staff-app .detail-shell{grid-template-columns:minmax(0,1fr)}.staff-app .detail-shell.context-open .contact-panel{width:min(315px,92%);padding:0 20px 22px;z-index:80;box-shadow:-15px 0 50px #1a41271f,0 0 0 100vmax #173a2c2b}.staff-app .detail-shell.context-closed .contact-panel{display:none}.staff-app .detail-header p{max-width:220px}.staff-app .member-actions{flex-direction:column;align-items:stretch}.staff-app .team-member{padding:17px}.staff-app .operations-meta{gap:17px}.staff-app .macro-meta-grid{gap:15px}}
@media(max-width:1000px){.staff-app .app-layout{grid-template-columns:185px minmax(0,1fr);gap:9px;padding:9px}.staff-app .sidebar{padding:18px 3px 4px}.staff-app .brand{font-size:15px;gap:7px}.staff-app .sidebar .tenant-block{padding:10px 8px}.staff-app .sidebar .sidebar-search{font-size:10px;padding:8px}.staff-app .sidebar .nav-items>button{font-size:12px;padding:10px}.staff-app .sidebar .inbox-view{font-size:11px;padding-left:10px!important}.staff-app .inbox{grid-template-columns:277px minmax(0,1fr)}.staff-app .detail-header{gap:7px}.staff-app .detail-avatar{display:none}.staff-app .detail-actions [data-own-conversation] span{display:none}.staff-app .detail-actions [data-own-conversation]{min-width:39px}.staff-app .topbar{padding:0 19px}.staff-app .page-heading{padding:22px}.staff-app .inbox-heading{padding:18px 20px}.staff-app .send-actions select{max-width:146px;font-size:10px}.staff-app .composer-tools button{font-size:10px}.staff-app .macro-workspace{grid-template-columns:260px minmax(0,1fr)}.staff-app .macro-library{padding:16px 10px}.staff-app .macro-meta-grid{grid-template-columns:1fr}.staff-app .macro-preview-actions{justify-content:flex-start}.staff-app .macro-body-meta{flex-direction:column;gap:4px}.staff-app .macro-comparison{grid-template-columns:1fr}.staff-app .auth-page .login-story{padding:45px 5vw}.staff-app .auth-page .login-story h1{font-size:42px}.staff-app .auth-page .login-form{padding:40px}.staff-app .auth-feature-line{flex-direction:column;gap:12px}}
@media(max-width:850px){.staff-app .macro-workspace{display:block;position:relative}.staff-app .macro-library{height:100%}.staff-app .macro-detail{display:none;height:100%}.staff-app .macro-workspace.has-selection .macro-library{display:none}.staff-app .macro-workspace.has-selection .macro-detail{display:flex}.staff-app .macro-mobile-back{display:inline-flex;min-width:44px;padding:8px}.staff-app .macro-detail-header{gap:10px}.staff-app .macro-detail-header>div{flex:1;min-width:0}.staff-app .macro-detail-header h2{font-size:19px}.staff-app .macro-detail-header>.badge{display:none}}
@media(max-width:820px){.staff-app .app-layout{padding:0;display:grid;grid-template-columns:1fr;gap:0}.staff-app .app-layout>.workspace{border:0;border-radius:0;box-shadow:none}.staff-app .sidebar{background:#f5f6ee;padding:27px 19px 20px;width:270px;z-index:121;border-right:1px solid #dbe6cf}.staff-app .sidebar .brand{font-size:19px;gap:10px}.staff-app .sidebar .nav-items>button{font-size:13px;padding:12px}.staff-app .sidebar .inbox-view{font-size:12px;padding-left:18px!important}.staff-app .sidebar .sidebar-search{font-size:12px;padding:11px}.staff-app .sidebar .tenant-block{padding:13px 11px}.staff-app .app-layout.menu-open::after{display:none}.staff-app .app-layout.menu-open .nav-scrim{display:block;position:fixed;inset:0;background:#183e2d40;border:0;border-radius:0;z-index:120;min-height:100dvh;width:100%;padding:0}.staff-app .topbar{height:56px;padding:0 13px}.staff-app .mobile-menu{display:inline-flex;min-height:44px;min-width:44px;width:44px;padding:9px}.staff-app .top-actions{gap:5px}.staff-app .top-actions .shortcut-button{display:none}.staff-app .top-actions a{font-size:11px}.staff-app .notification-toggle{min-width:40px;min-height:42px}.staff-app .inbox{grid-template-columns:282px minmax(0,1fr)}.staff-app .page-heading{padding:20px}.staff-app .heading-actions .shortcut-button{display:none}.staff-app .settings-navigation{padding:0 20px;gap:18px;overflow-x:auto}.staff-app .settings-navigation button{font-size:12px;white-space:nowrap;flex-shrink:0}.staff-app .settings-section-heading{align-items:flex-start;gap:15px}.staff-app .settings-section-heading h2{font-size:21px}.staff-app .settings-section-heading>button{font-size:11px;min-width:130px}.staff-app .operations-form{padding:19px}.staff-app .operations-meta{grid-template-columns:1fr 1fr}.staff-app .auth-page .login-story{display:none}.staff-app .auth-page .login-form{min-height:100dvh;max-width:500px;padding:40px}.staff-app .auth-mobile-brand{display:flex;align-items:center;gap:10px;color:#395c2d;font-size:20px;font-weight:550;margin-bottom:45px}}
@media(max-width:620px){.staff-app:has(.inbox.has-detail) .inbox-heading{display:none}.staff-app .inbox{display:block}.staff-app .detail-shell{display:none}.staff-app .inbox.has-detail .detail-shell{display:grid;grid-template-columns:minmax(0,1fr)}.staff-app .inbox.has-detail .conversation-pane{display:none}.staff-app .conversation-pane{height:100%}.staff-app .page-heading{min-height:91px;padding:19px 18px;gap:12px}.staff-app .page-heading h1{font-size:23px}.staff-app .page-heading p{font-size:12px;max-width:225px}.staff-app .heading-actions button{font-size:12px;padding:9px 11px}.staff-app .heading-actions .connection-state{font-size:10px;max-width:80px}.staff-app .list-controls{padding:17px 17px 11px}.staff-app .list-controls input{font-size:16px;min-height:46px}.staff-app .filter-tabs{gap:26px;padding:0 19px}.staff-app .filter-tabs button{min-height:44px}.staff-app .list-toolbar{padding:10px 17px}.staff-app .list-toolbar button,.staff-app .list-toolbar select{min-height:40px;font-size:12px}.staff-app .list-summary{font-size:10px;padding:2px 19px 10px}.staff-app .conv-list{padding:3px 10px 13px}.staff-app .conversation-row{min-height:112px;padding:15px 12px}.staff-app .row-line strong{font-size:14px}.staff-app .row-subject,.staff-app .row-preview{font-size:12px}.staff-app .detail-header{padding:9px 10px;gap:5px;min-height:67px;flex-wrap:nowrap}.staff-app .detail-title{min-width:0;flex:1}.staff-app .detail-title h2{font-size:13px;margin-bottom:3px;max-width:110px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.staff-app .detail-title p{font-size:10px;max-width:110px}.staff-app .mobile-back{min-width:40px;min-height:44px;padding:8px}.staff-app .detail-actions{gap:3px;margin:0}.staff-app .detail-actions button{min-height:44px;font-size:11px;padding:8px}.staff-app .detail-actions .icon-button{min-width:40px;min-height:44px;padding:8px}.staff-app .detail-actions [data-own-conversation]{min-width:40px}.staff-app .detail-actions [data-close-conversation]{min-width:83px;gap:5px}.staff-app .detail-actions [data-resolve-next]{display:none}.staff-app .thread-tools{padding:7px 13px;min-height:34px;font-size:10px}.staff-app .thread-tools button{font-size:10px;min-height:28px;padding:2px 4px}.staff-app .thread-channel{display:none}.staff-app .thread{padding:21px 14px 12px}.staff-app .thread-message{max-width:100%;margin-bottom:22px;gap:8px}.staff-app .thread-message>.avatar{width:24px;height:24px;font-size:9px}.staff-app .message-bubble{font-size:14px;padding:12px 14px;line-height:1.7}.staff-app .message-author{font-size:11px;gap:5px}.staff-app .message-author>span,.staff-app .message-author time{font-size:9px}.staff-app .thread-message.internal{margin-left:13px}.staff-app .bot-summary{padding:11px;gap:8px;margin-bottom:19px}.staff-app .bot-summary strong{font-size:11px}.staff-app .bot-summary small{font-size:10px}.staff-app .composer-wrap{padding:9px 11px max(12px,env(safe-area-inset-bottom));background:#fff}.staff-app .composer{border-radius:15px}.staff-app .composer-heading{padding:0 12px}.staff-app .composer-tabs{gap:17px}.staff-app .composer-tabs button{font-size:12px;min-height:39px;padding:7px 0}.staff-app .composer textarea{min-height:69px;max-height:125px;font-size:16px;padding:12px}.staff-app .composer-footer{padding:8px 9px;gap:8px;flex-wrap:wrap}.staff-app .composer-tools{gap:4px;flex:1}.staff-app .composer-tools button{font-size:11px;min-height:35px;padding:5px}.staff-app .composer-tools button .icon{width:15px;height:15px}.staff-app .send-actions{width:100%;justify-content:space-between;margin:0}.staff-app .send-actions select{font-size:11px;max-width:165px;min-height:40px;background:#f6faf1;flex:1}.staff-app .send-actions button{font-size:12px;min-height:44px;min-width:148px}.staff-app .composer-hint{padding:0 11px 9px;font-size:9px}.staff-app .composer-hint>span:last-child{display:none}.staff-app .composer-error{font-size:12px;margin:0 8px}.staff-app .contact-panel{font-size:13px}.staff-app .contact-panel input,.staff-app .contact-panel select{font-size:16px;min-height:46px}.staff-app .detail-shell.context-open .contact-panel{width:min(330px,94%);padding:0 20px 25px}.staff-app .contact-panel-header{min-height:64px}.staff-app .contact-panel-header button{min-width:44px;min-height:44px}.staff-app .macro-library{padding:17px 13px}.staff-app .macro-library input{font-size:16px}.staff-app .macro-filters select{font-size:12px;min-height:40px}.staff-app .macro-detail-header{min-height:78px;padding:14px 11px;gap:6px}.staff-app .macro-detail-header h2{font-size:19px;max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-app .macro-editor-scroll{padding:20px 17px 30px}.staff-app .macro-meta-grid{gap:16px}.staff-app #macro-form input,.staff-app #macro-form textarea,.staff-app #macro-form select{font-size:16px}.staff-app #macro-form .locale-tabs{gap:5px}.staff-app #macro-form .locale-tabs button{min-height:42px;font-size:11px;padding:8px 9px}.staff-app #macro-body{min-height:235px;padding:14px;line-height:1.75}.staff-app .macro-editor-intro{align-items:flex-start;font-size:10px;gap:9px}.staff-app .macro-language-heading{margin-top:24px}.staff-app .macro-variables{gap:6px}.staff-app .macro-variables>span{width:100%}.staff-app .macro-variables button{min-height:38px;font-size:10px}.staff-app .macro-body-meta{font-size:10px}.staff-app .macro-save-actions{justify-content:space-between;gap:8px}.staff-app .macro-save-actions button{font-size:12px}.staff-app .macro-preview-card{padding:18px;margin-top:23px}.staff-app .macro-preview-card select{font-size:16px}.staff-app .macro-preview-body{font-size:13px;padding:15px}.staff-app .macro-preview-actions{flex-direction:column;align-items:stretch}.staff-app .macro-preview-actions button{width:100%}.staff-app .macro-preview-card .field-help{font-size:11px}.staff-app .macro-comparison section{padding:11px}.staff-app .macro-conflict>button{font-size:11px;line-height:1.65}.staff-app .team-member{gap:10px;flex-wrap:wrap;padding:18px 15px}.staff-app .member-identity{flex-basis:calc(100% - 55px)}.staff-app .member-actions{flex-direction:row;width:100%;justify-content:flex-end;margin-top:3px}.staff-app .member-actions button{min-height:42px;font-size:11px}.staff-app .team-member>.badge{position:absolute;right:27px;transform:translateY(-25px);font-size:9px}.staff-app .team-member{position:relative}.staff-app .member-identity>strong{max-width:195px}.staff-app .settings-section-heading{flex-wrap:wrap;margin-bottom:20px}.staff-app .settings-section-heading>button{width:100%;font-size:12px}.staff-app .settings-navigation{padding:0 17px;gap:19px}.staff-app .settings-navigation button{font-size:11px;gap:6px}.staff-app .settings-navigation button .icon{width:16px;height:16px}.staff-app .settings-content{padding-top:22px}.staff-app .operations-form{padding:17px}.staff-app .operations-meta{grid-template-columns:1fr;gap:18px;margin:23px 0}.staff-app .operations-form input,.staff-app .operations-form textarea,.staff-app .operations-form select{font-size:16px}.staff-app .hours-row{grid-template-columns:1fr 1fr 20px 1fr 30px;gap:6px}.staff-app .hours-row input,.staff-app .hours-row select{font-size:12px;padding:8px 6px;min-height:43px}.staff-app .hours-row button{min-height:43px;min-width:30px;padding:5px}.staff-app .operations-hours-heading{align-items:flex-start;gap:10px}.staff-app .operations-hours-heading h3{font-size:13px}.staff-app .operations-hours-heading button{font-size:10px;min-height:38px;padding:7px}.staff-app .operations-message-heading{display:block}.staff-app .operations-message-heading .locale-tabs{margin-top:13px}.staff-app .operations-actions{flex-direction:column;align-items:stretch;gap:12px}.staff-app .operations-actions>button{width:100%}.staff-app .staff-dialog{max-height:94dvh;border-radius:18px}.staff-app .staff-dialog-header{padding:22px 20px 18px}.staff-app .staff-dialog-header h2{font-size:22px}.staff-app .dialog-body{padding:19px 20px}.staff-app .dialog-body input,.staff-app .dialog-body select,.staff-app .dialog-body textarea{font-size:16px}.staff-app .staff-dialog-actions{padding:16px 20px 20px}.staff-app .staff-dialog-actions button{font-size:12px}.staff-app .switch-row{padding:13px;gap:11px}.staff-app .switch-row strong{font-size:12px}.staff-app .switch-row small{font-size:11px}.staff-app .auth-page .login-form{padding:35px 25px;min-height:100dvh;justify-content:center}.staff-app .auth-page .login-form h2{font-size:29px}.staff-app .auth-form input{font-size:16px;min-height:50px}.staff-app .auth-mobile-brand{margin-bottom:36px}.staff-app .dev-profile-section .profile-options{grid-template-columns:1fr 1fr;gap:8px}.staff-app .dev-profile-section .profile-card{min-height:83px;padding:10px 8px}.staff-app .dev-profile-section .profile-card strong{font-size:10px}.staff-app .dev-profile-section .profile-card small{font-size:9px}.staff-app .login-foot{font-size:10px}.staff-app .quick-replies-panel{position:fixed;left:11px;right:11px;bottom:max(16px,env(safe-area-inset-bottom));top:auto;z-index:110;max-height:min(600px,80dvh);padding:18px;box-shadow:0 0 0 100vmax #163a2c26,0 -12px 45px #173b2a20}.staff-app .quick-replies-panel input{font-size:16px}.staff-app .quick-reply-item{min-height:100px}.staff-app .quick-item-title strong{font-size:12px}.staff-app .quick-reply-item small{font-size:12px}.staff-app .quick-library-footer{font-size:9px;gap:7px}.staff-app .quick-library-footer button{font-size:10px}.staff-app .quick-replies-heading strong{font-size:15px}}
@media(max-height:560px){.staff-app:has(.inbox.has-detail) .inbox-heading{display:none}.staff-app .topbar{height:47px}.staff-app .detail-header{min-height:60px;padding-top:8px;padding-bottom:8px}.staff-app .thread-tools{min-height:29px;padding-top:3px;padding-bottom:3px}.staff-app .composer-wrap{padding-top:6px;padding-bottom:9px}.staff-app .composer-heading .composer-tabs button{min-height:34px;padding-top:5px;padding-bottom:5px}.staff-app .composer textarea{min-height:48px;max-height:90px;padding-top:9px;padding-bottom:9px}.staff-app .composer-hint{display:none}.staff-app .composer-footer{padding-top:5px;padding-bottom:5px;flex-wrap:nowrap}.staff-app .send-actions{width:auto;margin-left:auto}.staff-app .send-actions select{max-width:135px}.staff-app .send-actions button{min-width:130px}.staff-app .quick-replies-panel{max-height:85dvh}.staff-app .auth-mobile-brand{margin-bottom:22px}.staff-app .auth-page .login-form{padding-top:25px;padding-bottom:25px}.staff-app .macro-detail-header{min-height:70px}}
@media(max-width:620px){
 .staff-app input,.staff-app textarea,.staff-app select {font-size:16px!important}
 .staff-app .hours-row {grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 44px;gap:7px}
 .staff-app .hours-row select {grid-column:1/-1}
 .staff-app .hours-row input {min-width:0}
 .staff-app .hours-row button {min-width:44px;min-height:44px}
 .staff-app .send-actions select {font-size:12px!important}
 .staff-app .team-member>.badge {position:static;transform:none;margin-left:auto}
}
@media(max-height:480px){
 .staff-app .thread {padding-top:4px;padding-bottom:5px}
 .staff-app .composer-wrap {padding:5px 16px 8px;max-height:calc(100dvh - 160px);overflow-y:auto}
 .staff-app .composer {max-height:calc(100dvh - 175px);overflow-y:auto}
 .staff-app .composer textarea {height:56px;min-height:56px;max-height:56px;padding:8px 13px;resize:none;font-size:16px;line-height:1.6}
 .staff-app .composer-footer {min-height:55px;flex-wrap:nowrap;padding:5px 8px;gap:8px;position:sticky;bottom:0;background:#fff;z-index:1}
 .staff-app .composer-tools {flex:0 0 auto;flex-wrap:nowrap;gap:2px}
 .staff-app .composer-tools .quick-reply-trigger {font-size:0!important;min-width:44px;min-height:44px;padding:8px}
 .staff-app .composer-tools .quick-reply-trigger .icon {width:18px;height:18px}
 .staff-app .composer-tools .composer-prepared-trigger {font-size:0!important;min-width:44px;min-height:44px;padding:8px}
 .staff-app .composer-tools .composer-prepared-trigger>span {display:none}
 .staff-app .composer-tools .composer-prepared-trigger .icon {width:18px;height:18px}
 .staff-app .attachment-picker {min-width:44px;min-height:44px;padding:8px}
 .staff-app .attachment-picker>span {display:none}
 .staff-app .send-actions {min-width:0;flex:1;justify-content:flex-end;gap:6px;margin-left:auto}
 .staff-app .send-actions button {min-height:44px;min-width:130px;white-space:nowrap;font-size:12px}
 .staff-app .send-actions select {min-width:0;max-width:145px;min-height:44px;font-size:12px!important;flex:1}
 .staff-app .staff-file-list {max-height:60px;padding-bottom:6px}
 .staff-app .composer-info {font-size:11px;padding:6px 10px}
 .staff-app .draft-status,.staff-app .composer-hint {display:none}
}
@media(prefers-reduced-motion:reduce){.staff-app *,.staff-app *::before,.staff-app *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}