/* 麦塔出海: Frappe density, social-blue actions, platform and semantic color roles. */
:root {
 /* Brand primitives, with darker UI tones for readable labels. */
 --facebook:#0866ff; --linkedin:#0a66c2;
 --instagram-purple:#833ab4; --instagram-pink:#c13584;
 --whatsapp:#25d366; --youtube:#ff0033;
 --ink:#202b3c; --muted:#5e697a; --faint:#657185; --line:#e8ecf2;
 --canvas:#f7f9fc; --surface:#fff; --soft:#f9fafc; --shadow:none;
 --accent:var(--facebook); --accent-dark:#0755d5; --accent-text:#0756c7;
 --accent-pale:#edf4ff; --accent-line:#c7dcff;
 --success:#147a45; --success-pale:#eaf8ef; --success-line:#ccebd8;
 --creative:#8137a7; --creative-pale:#f6eefb; --creative-line:#e7d3f2;
 --danger:#c5233a; --danger-pale:#fff0f2; --warning:#946015;
 --z-nav:40; --z-modal:100; --z-toast:200;
}
body {font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;color:var(--ink);background:#fff;}
button,input,select,textarea {font-weight:400;-webkit-tap-highlight-color:transparent;}
button,a {transition:background-color .15s,border-color .15s,color .15s;}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {outline:2px solid var(--accent);outline-offset:3px;}
button:active:not(:disabled) {filter:brightness(.97);}
.line-icon {width:17px;height:17px;}
.btn {min-height:30px;padding:6px 10px;gap:6px;border:1px solid transparent;border-radius:7px;background:#f1f4f8;color:#344155;font-size:13px;font-weight:450;box-shadow:none;}
.btn:hover {background:#eaeaea;border-color:transparent;}
.btn.primary {background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 1px 2px #0756c71a;}
.btn.primary:hover {background:var(--accent-dark);border-color:var(--accent-dark);}
.btn.small {font-size:12px;min-height:29px;padding:5px 9px;}
.btn .line-icon {width:15px;height:15px;}
.btn.ghost {color:#344155;}
.btn:disabled {opacity:.5;cursor:not-allowed;}
.icon-btn {display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:5px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:20px;}
.icon-btn:hover {background:#eee;color:var(--ink);}
.card {border:1px solid var(--line);border-radius:9px;box-shadow:none;}
.avatar {background:var(--line);color:#555;font-weight:500;}
.field,.stage-select,.wide-text {background:#f4f6f9;border:1px solid transparent;border-radius:7px;color:#333;font-size:13px;}
.field:focus,.stage-select:focus,.wide-text:focus {border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-pale);background:#fff;}
input::placeholder,textarea::placeholder,.field::placeholder {color:var(--faint);opacity:1;}

/* Sidebar and single-level page header. */
.app {min-height:100dvh;background:#fff;}
.sidebar {width:220px;flex-basis:220px;height:100dvh;padding:20px 10px 14px;background:var(--canvas);border-right:1px solid var(--line);color:#4c596b;position:sticky;top:0;}
.sidebar .brand {padding:0 10px 25px;gap:10px;font-size:15px;font-weight:600;color:var(--ink);letter-spacing:0;}
.sidebar .brand-mark {width:32px;height:32px;display:block;object-fit:contain;border-radius:9px;box-shadow:0 1px 2px #0866ff18;}
.sidebar .brand small {margin-top:6px;color:#646464;font-size:11px;letter-spacing:0;font-weight:400;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sidebar-search {display:flex;align-items:center;gap:9px;margin:0 2px 16px;padding:7px 9px;background:transparent;border:0;color:#676767;font-size:13px;text-align:left;border-radius:6px;}
.sidebar-search:hover {background:#eee;}
.sidebar-search .line-icon {width:16px;height:16px;}
.sidebar-search kbd {margin-left:auto;color:#6a6a6a;font:10px -apple-system,sans-serif;border:1px solid #e4e4e4;padding:2px 4px;border-radius:4px;}
.nav {gap:3px;}
.nav button {background:transparent;min-height:33px;padding:7px 10px;gap:10px;color:#4c596b;font-size:13px;font-weight:400;border:1px solid transparent;border-radius:7px;}
.nav button:hover {background:#eee;color:var(--ink);}
.nav button.active {color:var(--accent-text);background:var(--accent-pale);font-weight:550;border-color:var(--accent-line);box-shadow:none;}
.nav .line-icon {width:17px;height:17px;}
.nav-count {min-width:19px;height:18px;font-size:11px;border-radius:4px;background:var(--accent-pale);color:var(--accent-text);}
.nav .active .nav-count {background:var(--accent);color:#fff;}
.nav-label {margin:0 11px 10px;font-size:11px;font-weight:450;letter-spacing:0;color:#707070;}
.second-label {margin-top:32px;}
.workspace-status {display:flex;align-items:center;gap:9px;margin:0 10px 16px;padding:10px 0;}
.status-dot {width:6px;height:6px;border-radius:50%;background:#858585;flex-shrink:0;}
.workspace-status b {color:#616161;font-size:11px;font-weight:450;}
.workspace-status small {display:block;color:#727272;font-size:10px;margin-top:5px;}
.profile {padding:14px 7px 0;border-top:1px solid #e7e7e7;gap:8px;}
.profile .avatar {width:28px;height:28px;font-size:11px;background:var(--accent-pale);color:var(--accent-text);}
.profile > div {flex:1;min-width:0;}
.profile b {font-size:12px;font-weight:500;color:#344155;}
.profile small {color:#6e6e6e;max-width:120px;font-size:10px;margin-top:4px;}
.profile .logout {width:25px;flex-shrink:0;}
.main {margin:0;min-height:100dvh;background:#fff;border:0;border-radius:0;overflow:hidden;}
.topbar {height:54px;padding:0 24px;border-bottom:1px solid var(--line);background:#fff;box-shadow:none;gap:15px;}
.crumb {display:flex;align-items:center;gap:10px;min-width:0;color:var(--faint);font-size:14px;}
.crumb h1 {margin:0;font-size:14px;color:#333;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.crumb .line-icon {color:var(--faint);width:16px;height:16px;}
.crumb .crumb-slash {margin:0 1px;color:#6d6d6d;}
.crumb-link {border:0;background:transparent;color:#666;padding:0;font-size:14px;white-space:nowrap;}
.crumb-link:hover {color:#171717;}
.view-selector {display:flex;align-items:center;gap:6px;min-width:0;}
.view-selector select {max-width:140px;border:0;background:transparent;padding:4px 0;color:#4c596b;font-size:13px;cursor:pointer;}
.top-actions {display:flex;align-items:center;gap:12px;flex-shrink:0;}
.demo-pill {background:#f4f6f9;color:#696969;border:0;border-radius:5px;font-size:10px;padding:4px 7px;font-weight:400;white-space:nowrap;}
.content {max-width:none;padding:24px;}
.content.crm-content {padding:0;}
.heading .eyebrow {display:none;}
.heading h1 {font-size:22px;font-weight:600;letter-spacing:0;}
.heading p {font-size:13px;color:var(--muted);}
.heading {margin-bottom:24px;}

/* Compact collection, with controls that stay beside the records. */
.crm-page {min-height:calc(100dvh - 54px);display:flex;flex-direction:column;min-width:0;}
.crm-toolbar {display:flex;align-items:center;gap:8px;padding:17px 24px;min-width:0;}
.search-field {display:flex;align-items:center;gap:7px;width:270px;min-width:150px;padding:0 9px;border:1px solid transparent;border-radius:7px;background:#f2f5f9;color:var(--faint);}
.search-field .line-icon {width:15px;height:15px;}
.search-field input {width:100%;min-width:0;background:transparent;border:0;outline:0;color:#333;padding:6px 0;font-size:12px;line-height:1.5;}
.search-field:focus-within {border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-pale);background:#fff;}
.search-field input:focus-visible {outline:0;}
.filter-field {display:flex;align-items:center;gap:6px;padding:0 8px;min-height:31px;background:#f2f5f9;border:1px solid transparent;border-radius:7px;color:var(--muted);}
.filter-field .line-icon {width:14px;height:14px;}
.filter-field select {min-height:28px;max-width:140px;padding-right:2px;border:0;background:transparent;color:#616161;font-size:12px;outline:0;}
.filter-field:focus-within {outline:2px solid var(--accent);outline-offset:2px;}
.sort-field {margin-left:auto;}
.crm-table-scroll {overflow:auto;max-width:100%;padding:0 24px;}
.crm-table {width:100%;border-collapse:separate;border-spacing:0;white-space:nowrap;text-align:left;font-size:13px;}
.crm-table th {background:#f2f5f9;color:#6a6a6a;font-size:12px;font-weight:400;height:34px;padding:8px 12px;border:0;}
.crm-table th + th {border-left:0;}
.crm-table td {color:#4c596b;padding:11px 12px;height:57px;border-bottom:1px solid #efefef;}
.crm-table th:first-child {border-radius:7px 0 0 7px;}
.crm-table th:last-child {border-radius:0 7px 7px 0;}
.crm-table th:first-child,.crm-table td:first-child {padding-left:12px;width:25%;}
.crm-table th:last-child,.crm-table td:last-child {padding-right:12px;}
.crm-table tbody tr {transition:background-color .15s;}
.crm-table tbody tr:hover {background:var(--soft);}
.company-cell {display:flex;align-items:center;gap:9px;width:100%;min-width:0;padding:0;border:0;background:transparent;text-align:left;}
.company-cell:hover strong {text-decoration:underline;text-underline-offset:3px;color:var(--accent-text);}
.company-avatar {width:27px;height:27px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:9px;letter-spacing:0;font-weight:500;border:1px solid #00000006;}
.tone-0 {color:var(--accent-text);background:var(--accent-pale);}
.tone-1 {color:#08569f;background:#eaf3fa;}
.tone-2 {color:var(--creative);background:var(--creative-pale);}
.tone-3 {color:var(--success);background:var(--success-pale);}
.tone-4 {color:#a02c6d;background:#fbeef6;}
.tone-5 {color:#58657a;background:#edf1f7;}
.company-avatar.large {width:44px;height:44px;border-radius:50%;font-size:14px;}
.company-cell strong {display:block;max-width:235px;color:#333;font-size:13px;font-weight:450;overflow:hidden;text-overflow:ellipsis;}
.contact-cell {display:flex;flex-direction:column;gap:4px;font-size:12px;color:#4c596b;}
.contact-cell small {color:#727272;font-size:10px;}
.owner-cell {display:inline-flex;align-items:center;gap:7px;font-size:12px;}
.owner-dot {width:21px;height:21px;flex-shrink:0;border-radius:50%;background:var(--accent-pale);color:var(--accent-text);display:inline-flex;align-items:center;justify-content:center;font-size:8px;font-weight:500;}
.owner-dot.unassigned {background:#f1f4f8;color:#696969;border:1px dashed #ccc;}
.channel-cell {gap:6px;font-size:12px;}
.platform {width:17px;height:17px;border-radius:4px;font-size:10px;}
.platform svg {width:74%;height:74%;display:block;}
/* Platform logos keep their identity; text uses darker accessible tones. */
.platform.fb {background:var(--facebook);}
.platform.ig {background:linear-gradient(35deg,#ffb747 0%,#f53c74 46%,#833ab4 100%);}
.platform.ms {background:#7851d5;}
.platform.wa {background:var(--whatsapp);}
.platform.li {background:var(--linkedin);}
.platform.yt {background:var(--youtube);}
.platform.tt {background:#202b3c;}
.platform.manual {background:#edf1f7;color:#58657a;}
.tag {display:inline-flex;align-items:center;gap:6px;padding:4px 7px;border-radius:5px;font-weight:450;font-size:11px;line-height:1.4;background:#f1f4f8;color:#58657a;white-space:nowrap;}
.tag:before {content:'';width:5px;height:5px;border-radius:50%;background:currentColor;}
.tag.green {background:var(--success-pale);color:var(--success);}
.tag.warn {background:#fff6e8;color:var(--warning);}
.tag.gray {background:#f1f4f8;color:#58657a;}
.tag.blue {background:var(--accent-pale);color:var(--accent-text);}
.tag.purple {background:var(--creative-pale);color:var(--creative);}
.followup {display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);}
.followup .line-icon {width:13px;height:13px;}
.followup.due {color:#966322;}
.followup.overdue {color:var(--danger);}
.followup small {font-size:9px;padding:2px 4px;background:var(--danger-pale);border-radius:4px;}
.cell-muted {color:var(--faint);font-size:11px;}
.crm-table-footer {display:flex;justify-content:space-between;align-items:center;padding:14px 24px;gap:12px;font-size:11px;color:var(--faint);margin-top:auto;border-top:1px solid #eee;}
.crm-table-footer b {color:#344155;font-weight:500;}
.crm-empty {text-align:center;padding:72px 24px;color:var(--muted);}
.crm-empty > .line-icon {width:30px;height:30px;color:#6d6d6d;margin:0 auto 18px;}
.crm-empty h1,.crm-empty h2 {font-size:18px;font-weight:500;margin:0 0 11px;color:#344155;}
.crm-empty p {font-size:13px;line-height:1.7;margin:0 0 20px;}

/* Activity on the left, customer context on the right. */
.customer-layout {display:grid;grid-template-columns:minmax(0,1fr) 320px;flex:1;}
.customer-main {min-width:0;}
.detail-tabs {display:flex;gap:24px;padding:0 26px;border-bottom:1px solid var(--line);}
.detail-tabs button {display:flex;align-items:center;gap:7px;padding:15px 0 13px;border:0;border-bottom:2px solid transparent;background:transparent;color:#6c6c6c;font-size:12px;}
.detail-tabs button.active {color:var(--accent-text);border-bottom-color:var(--accent);font-weight:550;}
.detail-tabs .line-icon {width:15px;height:15px;}
.customer-tab-content {padding:28px 30px 36px;max-width:980px;}
.note-composer {background:#fff;border:1px solid #e1e1e1;border-radius:8px;overflow:hidden;margin-bottom:30px;box-shadow:0 1px 2px #00000004;}
.note-composer > label {display:block;font-size:13px;font-weight:500;margin:15px 16px 2px;}
.note-composer textarea {width:100%;min-height:82px;resize:vertical;border:0;background:transparent;padding:12px 16px;font-size:13px;line-height:1.7;outline:0;}
.note-composer textarea:focus {outline:0;}
.note-composer:focus-within {border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-pale);}
.note-composer-bottom {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;background:var(--soft);border-top:1px solid #eee;}
.note-composer-bottom > label {display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;flex-wrap:wrap;}
.note-composer-bottom .line-icon {width:14px;height:14px;}
.note-composer-bottom input {max-width:130px;padding:4px 2px;color:#4c596b;font-size:11px;border:0;background:transparent;}
.inline-error {margin:9px 16px;color:var(--danger);font-size:12px;line-height:1.5;}
.inline-error:empty {display:none;}
.timeline-heading {display:flex;justify-content:space-between;align-items:center;margin:0 0 20px;}
.timeline-heading h2 {margin:0;font-size:14px;font-weight:500;}
.timeline-heading > span {font-size:11px;color:var(--faint);}
.crm-timeline {padding-left:2px;}
.timeline-item {display:flex;position:relative;gap:12px;padding-bottom:25px;}
.timeline-item:not(:last-child):before {content:'';position:absolute;top:27px;bottom:0;left:12px;width:1px;background:#eee;}
.timeline-icon {display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;flex-shrink:0;background:#f7f7f7;color:#6d6d6d;z-index:1;}
.timeline-icon.is-note {background:var(--accent-pale);color:var(--accent-text);}
.timeline-icon .line-icon {width:14px;height:14px;}
.timeline-body {flex:1;min-width:0;}
.timeline-meta {display:flex;align-items:center;min-height:25px;gap:7px;flex-wrap:wrap;color:var(--faint);font-size:12px;}
.timeline-meta b {color:#344155;font-weight:500;}
.timeline-meta time {margin-left:auto;color:var(--faint);font-size:11px;}
.timeline-body p {margin:8px 0 0;padding:13px 15px;color:#4c596b;background:#f7f7f7;border:0;border-radius:7px;font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;}
.timeline-empty {padding:20px 0;color:var(--faint);font-size:13px;}
.customer-properties {background:#fff;border-left:1px solid var(--line);padding:0 22px 24px;min-width:0;}
.record-identity {display:flex;align-items:center;gap:12px;padding:27px 0 24px;border-bottom:1px solid var(--line);}
.record-identity > div {min-width:0;}
.record-identity h2 {margin:0;font-size:17px;line-height:1.5;font-weight:500;overflow-wrap:anywhere;}
.record-identity p {margin:5px 0 0;font-size:11px;color:#6a6a6a;line-height:1.6;}
.properties-heading {display:flex;justify-content:space-between;align-items:center;gap:8px;margin:20px 0;}
.properties-heading h2,.property-section h2 {margin:0;font-size:12px;font-weight:500;color:#344155;}
.customer-properties dl {display:grid;grid-template-columns:80px minmax(0,1fr);gap:18px 10px;margin:0 0 22px;font-size:12px;}
.customer-properties dt {align-self:center;color:var(--faint);}
.customer-properties dd {margin:0;color:#4c596b;line-height:1.5;overflow-wrap:anywhere;}
.customer-properties dd a:hover {color:var(--ink);text-decoration:underline;}
.property-label {display:block;color:var(--faint);font-size:12px;margin-bottom:8px;}
.customer-properties .field {width:100%;padding:7px 9px;font-size:12px;}
.property-section {border-top:1px solid var(--line);padding-top:20px;margin-top:23px;}
.commercial-summary dl {margin:20px 0 0;}
.commercial-summary strong {font-weight:500;color:#333;}
.commercial-summary small {font-size:10px;color:var(--faint);}
.connected-source {display:flex;align-items:center;gap:9px;margin:18px 0 14px;}
.connected-source > .platform {width:26px;height:26px;border-radius:7px;font-size:13px;}
.connected-source b {display:block;color:#4c596b;font-size:12px;font-weight:500;}
.connected-source small {display:block;color:var(--faint);font-size:11px;line-height:1.5;margin-top:5px;}
.related-chat {width:100%;font-size:12px;}
.property-hint {font-size:11px;line-height:1.9;color:var(--faint);margin-top:22px;}
.linked-deal {width:100%;display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #e7e7e7;border-radius:8px;margin-bottom:12px;padding:16px;color:#344155;text-align:left;}
.linked-deal:hover {background:var(--soft);border-color:#ccc;}
.linked-deal > span:first-child {flex:1;min-width:0;}
.linked-deal .line-icon {display:inline-block;vertical-align:middle;width:16px;margin-right:8px;color:var(--faint);}
.linked-deal strong {font-size:13px;font-weight:500;overflow-wrap:anywhere;}
.linked-deal small {display:block;font-size:11px;color:var(--faint);margin-top:9px;}
.linked-deal > b {font-size:15px;font-weight:500;}
.requirements h2 {font-size:14px;font-weight:500;margin:0 0 12px;}
.requirements p {margin:0 0 27px;color:#4c596b;font-size:13px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;}

/* White board surface; color is reserved for stage indicators. */
.deals-page {background:#fff;}
.board-guidance {margin-left:auto;color:var(--faint);font-size:11px;}
.pipeline-scroll {flex:1;min-width:0;overflow-x:auto;padding:0 24px 26px;background:#fff;}
.pipeline {display:grid;grid-template-columns:repeat(var(--columns),minmax(235px,1fr));gap:18px;align-items:start;min-height:380px;}
.pipeline-column {min-width:0;padding:0 0 8px;border-radius:8px;transition:background .15s;}
.pipeline-column.drop-target {background:var(--accent-pale);outline:1px dashed var(--accent);}
.pipeline-heading {padding:8px 4px 14px;}
.pipeline-heading > div {display:flex;align-items:center;gap:8px;}
.pipeline-heading > div > span:not(.deal-stage) {font-size:11px;color:var(--faint);font-weight:400;}
.pipeline-heading .icon-btn {margin-left:auto;width:24px;height:24px;}
.pipeline-heading b {display:block;color:var(--faint);font-size:11px;font-weight:400;margin:7px 0 0 14px;font-variant-numeric:tabular-nums;}
.deal-stage {--stage-color:#58657a;--stage-pale:#f1f4f8;display:inline-flex;align-items:center;gap:7px;padding:4px 7px;border-radius:5px;color:var(--stage-color);background:var(--stage-pale);white-space:nowrap;font-size:11px;font-weight:500;}
.deal-stage i {width:7px;height:7px;border:0;border-radius:50%;background:currentColor;}
.stage-1 {--stage-color:var(--accent-text);--stage-pale:var(--accent-pale);}
.stage-2 {--stage-color:#08569f;--stage-pale:#eaf3fa;}
.stage-3 {--stage-color:var(--creative);--stage-pale:var(--creative-pale);}
.stage-4 {--stage-color:var(--success);--stage-pale:var(--success-pale);}
.stage-5 {--stage-color:var(--danger);--stage-pale:var(--danger-pale);}
.deal-stack {display:flex;flex-direction:column;gap:12px;}
.deal-card {padding:12px 13px 0;background:#fff;border:1px solid var(--line);border-radius:10px;cursor:grab;box-shadow:0 1px 2px #00000004;transition:border-color .15s,background .15s;}
.deal-card:hover {border-color:#ccc;background:#fefefe;box-shadow:0 2px 5px #00000006;}
.deal-card.dragging {opacity:.4;}
.deal-card-top {display:flex;align-items:center;gap:6px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #efefef;}
.deal-company {display:flex;align-items:center;gap:7px;flex:1;min-width:0;padding:0;border:0;background:transparent;color:#4c596b;font-size:12px;text-align:left;}
.deal-company > span:last-child {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.deal-company .company-avatar {width:22px;height:22px;border-radius:50%;font-size:8px;}
.deal-edit {width:22px;height:22px;font-size:18px;padding:0;letter-spacing:1px;}
.deal-title {display:block;padding:0;min-height:22px;border:0;background:transparent;color:#333;font-size:13px;line-height:1.6;font-weight:500;text-align:left;overflow-wrap:anywhere;}
.deal-summary {display:flex;align-items:baseline;gap:6px;margin:10px 0;}
.deal-amount {font-size:17px;font-weight:500;letter-spacing:0;color:#333;font-variant-numeric:tabular-nums;}
.deal-currency {font-size:10px;color:var(--faint);font-weight:400;}
.deal-contact {display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;margin-bottom:12px;}
.deal-contact .platform {height:15px;width:15px;border-radius:4px;font-size:8px;}
.deal-card-foot {display:flex;align-items:center;justify-content:space-between;padding:9px 0;gap:7px;border-top:1px solid #efefef;color:var(--faint);font-size:11px;}
.deal-card-foot > span {display:flex;align-items:center;gap:5px;}
.deal-card-foot .line-icon {height:13px;width:13px;}
.card-owner {max-width:110px;}
.card-owner > span:last-child {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.card-owner .owner-dot {height:19px;width:19px;font-size:8px;}
.pipeline-empty {padding:28px 12px;color:var(--faint);font-size:12px;text-align:center;border:1px dashed #e1e1e1;border-radius:8px;}
.add-deal {display:flex;align-items:center;gap:7px;width:100%;padding:12px 7px;border:0;background:transparent;color:var(--faint);font-size:11px;text-align:left;}
.add-deal:hover {color:#333;background:#f6f6f6;border-radius:6px;}
.add-deal .line-icon {width:14px;height:14px;}
.deals-page > .crm-table-footer {background:#fff;}
/* Forms remain fully operable in the narrow preview. */
.modal-back { background: #17171759; backdrop-filter: none; z-index: var(--z-modal); padding: 24px; overflow-y: auto; grid-template-columns: minmax(0,1fr); }
.modal { border-radius: 12px; max-height: calc(100dvh - 48px); box-shadow: 0 15px 65px #20263829; overflow: auto; }
.crm-modal { width: min(610px,100%); min-width: 0; display: flex; flex-direction: column; overflow: hidden; }
.crm-modal form { display: flex; flex-direction: column; min-height: 0; }
.modal-head { padding: 21px 24px; border-bottom: 1px solid var(--line); }
.modal-head h2 { font-size: 18px; font-weight: 650; }
.modal-head button { border: 0; border-radius: 6px; background: #f1f4f8; color: #6a758a; font-size: 22px; }
.modal-head, .modal-foot { flex-shrink: 0; }
.modal-body { padding: 24px; }
.crm-modal .modal-body { min-height: 0; overflow-y: auto; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 18px; }
.form-field { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.form-field > span { color: #4c596b; font-size: 12px; font-weight: 500; }
.form-field em { color: #ac4c56; font-style: normal; margin-left: 4px; }
.form-field .field { width: 100%; min-height: 38px; padding: 9px 10px; font-size: 13px; }
.form-field .wide-text { width: 100%; min-height: 86px; padding: 11px; font-size: 13px; resize: vertical; }
.form-field.full { grid-column: 1 / -1; }
.modal-foot { padding: 16px 24px; background: var(--soft); border-top: 1px solid var(--line); }
.modal-foot > div { display: flex; gap: 8px; }
.modal-foot .note { color: var(--muted); font-size: 11px; }
.toast { z-index: var(--z-toast); background: var(--ink); color: white; border: 0; border-radius: 8px; font-size: 12px; box-shadow: 0 4px 8px #2028381a; max-width: calc(100vw - 32px); }

/* Shared destinations use one header, one typography scale and neutral surfaces. */
.header-count {display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:5px;background:#f2f2f2;color:#666;font-size:11px;}
.content.inbox-content {padding:0;}
/* Fixed global navigation, approved by the user on 2026-10-17. Keep identical across routes. */
.compact-navigation .sidebar {width:76px;flex-basis:76px;padding:18px 7px 14px;}
.compact-navigation .sidebar .brand {justify-content:center;padding:0 0 23px;}
.compact-navigation .brand > span:last-child,.compact-navigation .sidebar-search,.compact-navigation .second-label,.compact-navigation .pinned-nav,.compact-navigation .workspace-status,.compact-navigation .profile > div {display:none;}
.compact-navigation .nav {gap:7px;}
.compact-navigation .nav button {position:relative;flex-direction:column;justify-content:center;gap:6px;min-height:59px;padding:8px 2px;font-size:10px;white-space:nowrap;}
.compact-navigation .nav .line-icon {width:20px;height:20px;}
.compact-navigation .nav-count {position:absolute;right:5px;top:3px;min-width:14px;height:14px;font-size:8px;}
.compact-navigation .profile {flex-direction:column;gap:12px;padding:15px 0 0;}
.inbox-workspace {display:grid;grid-template-columns:88px minmax(0,1fr);grid-template-rows:64px minmax(0,1fr);height:calc(100dvh - 54px);min-height:0;overflow:hidden;}
.inbox-channel-bar {grid-column:1;grid-row:1 / -1;display:flex;flex-direction:column;min-height:0;padding:17px 7px 12px;border-right:1px solid var(--line);background:#fcfcfc;}
.channel-rail-label {color:var(--faint);font-size:10px;text-align:center;margin:0 0 16px;}
.inbox-channel-tabs {display:flex;flex-direction:column;gap:7px;min-height:0;overflow-y:auto;scrollbar-width:thin;padding:2px;}
.inbox-channel-tab {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-height:64px;width:100%;padding:8px 3px;border:1px solid transparent;border-radius:8px;background:transparent;color:#666;font-size:10px;white-space:nowrap;}
.inbox-channel-tab:hover {background:#f0f0f0;}
.inbox-channel-tab {--channel-color:var(--accent-text);--channel-pale:var(--accent-pale);--channel-line:var(--accent-line);}
.inbox-channel-tab[data-inbox-channel="ig"] {--channel-color:#a02c6d;--channel-pale:#fbeef6;--channel-line:#efc9df;}
.inbox-channel-tab[data-inbox-channel="wa"] {--channel-color:var(--success);--channel-pale:var(--success-pale);--channel-line:var(--success-line);}
.inbox-channel-tab[data-inbox-channel="li"] {--channel-color:#08569f;--channel-pale:#eaf3fa;--channel-line:#c7dfef;}
.inbox-channel-tab[data-inbox-channel="yt"] {--channel-color:var(--danger);--channel-pale:var(--danger-pale);--channel-line:#f5cbd2;}
.inbox-channel-tab[data-inbox-channel="ms"] {--channel-color:var(--creative);--channel-pale:var(--creative-pale);--channel-line:var(--creative-line);}
.inbox-channel-tab[data-inbox-channel="tt"] {--channel-color:var(--ink);--channel-pale:#edf1f7;--channel-line:#d5dce5;}
.inbox-channel-tab.active {background:var(--channel-pale);border-color:var(--channel-line);color:var(--channel-color);font-weight:550;}
.inbox-channel-tab > .line-icon {width:25px;height:25px;}
.inbox-channel-tab .platform {width:26px;height:26px;border-radius:7px;}
.channel-count {position:absolute;right:3px;top:4px;display:inline-flex;align-items:center;justify-content:center;min-width:14px;height:14px;padding:0 3px;border-radius:4px;background:#eee;color:#626262;font-size:8px;font-variant-numeric:tabular-nums;}
.inbox-channel-tab.active .channel-count {background:#fff;color:var(--channel-color);}
.rail-settings {flex-shrink:0;margin: auto auto 0;padding-top:14px;height:40px;}
.inbox-channel-mobile {display:none;}
.chat-workspace-head {grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 23px;border-bottom:1px solid var(--line);background:var(--soft);min-width:0;}
.chat-channel-title {display:flex;align-items:center;gap:10px;min-width:0;}
.chat-channel-title > .platform {width:24px;height:24px;border-radius:6px;}
.chat-channel-title > .line-icon {width:22px;height:22px;color:#555;}
.chat-channel-title h2 {display:flex;align-items:baseline;gap:12px;margin:0;font-size:15px;font-weight:550;white-space:nowrap;}
.chat-channel-title h2 span {color:var(--faint);font-size:11px;font-weight:400;}
.chat-workspace-controls {display:flex;align-items:center;gap:10px;}
.inbox-owner-filter {display:flex;align-items:center;gap:7px;padding:0 9px;background:#fff;border:1px solid #e4e4e4;border-radius:6px;color:#666;}
.inbox-owner-filter > .line-icon {width:15px;height:15px;}
.inbox-owner-filter select {height:32px;min-width:120px;padding:0 15px 0 0;font-size:12px;border:0;background:transparent;color:#444;}
.chat-workspace-controls .btn {min-height:34px;background:#fff;border-color:#e4e4e4;}
.chat-workspace-controls .btn:hover {background:#f0f0f0;}
.inbox-layout {grid-column:2;grid-row:2;position:relative;display:grid;grid-template-columns:300px minmax(300px,1fr) 290px;min-width:0;min-height:0;overflow:hidden;background:#fff;}
.chat-head-avatar {width:36px;height:36px;background:#eee7de;color:#745d44;font-size:11px;}
.inbox-detail-tabs {position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 12px;height:54px;border-bottom:1px solid var(--line);background:#fff;z-index:1;}
.inbox-detail-tabs > div {display:flex;align-items:stretch;justify-content:space-between;flex:1;height:100%;}
.inbox-detail-tabs [data-inbox-detail] {display:flex;align-items:center;gap:6px;padding:0 8px;color:var(--muted);background:transparent;border:0;border-bottom:2px solid transparent;font-size:12px;}
.inbox-detail-tabs [data-inbox-detail].active {border-bottom-color:var(--accent);color:var(--accent-text);font-weight:550;}
.inbox-detail-tabs .line-icon {width:15px;height:15px;}
.close-inbox-detail,.inbox-detail-scrim {display:none;}
.inbox-detail-body .section-title {margin-bottom:13px;}
.inbox-need {font-size:12px;line-height:1.85;color:#555;margin:0;overflow-wrap:anywhere;}
.inbox-panel-heading {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px;}
.inbox-panel-heading h3 {font-size:12px;font-weight:550;margin:0;}
.inbox-panel-heading h3 span {color:var(--faint);font-weight:400;margin-left:3px;}
.inbox-panel-heading .btn {font-size:11px;}
.next-followup {display:flex;align-items:center;justify-content:space-between;gap:7px;margin:0 0 23px;color:var(--faint);font-size:11px;}
.inbox-activity-list article {position:relative;border-left:1px solid #e6e6e6;margin-left:4px;padding:0 0 25px 16px;}
.inbox-activity-list article:before {content:'';position:absolute;left:-4px;top:5px;width:7px;height:7px;background:#aaa;border:2px solid #fff;box-sizing:content-box;border-radius:50%;}
.inbox-activity-list article > div {display:flex;justify-content:space-between;gap:8px;font-size:11px;}
.inbox-activity-list b {font-weight:500;}
.inbox-activity-list time {color:var(--faint);font-size:10px;white-space:nowrap;}
.inbox-activity-list p {color:#555;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;}
.inbox-panel-empty {text-align:center;padding:22px 4px;color:var(--faint);font-size:12px;line-height:1.8;}
.inbox-panel-empty > .line-icon {margin:auto;width:25px;height:25px;}
.inbox-deal-list {display:grid;gap:12px;}
.inbox-deal-list > button {display:flex;flex-direction:column;gap:16px;padding:15px;text-align:left;border:1px solid #e5e5e5;border-radius:8px;background:#fff;color:#444;}
.inbox-deal-list > button:hover {background:var(--soft);border-color:#ccc;}
.inbox-deal-list > button > span {font-size:12px;line-height:1.6;}
.inbox-deal-list strong {font-size:20px;font-weight:550;}
.inbox-deal-list small {font-size:10px;color:var(--muted);font-weight:400;}
.inbox-deal-list > button > div {display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;}
.inbox-list {display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--line);background:#fff;}
.inbox-toolbar {padding:18px 14px 0;}
.inbox-toolbar .search-field {width:100%;background:#f2f5f9;}
.tabs {display:flex;justify-content:space-between;align-items:center;gap:4px;padding:14px 0 12px;}
.tabs button {padding:6px 9px;background:transparent;border:0;border-radius:6px;color:var(--muted);font-size:12px;}
.tabs button:hover {background:#f4f6f9;}
.tabs button.active {background:var(--accent-pale);color:var(--accent-text);font-weight:550;}
.inbox-list-caption {display:flex;justify-content:space-between;padding:10px 18px;border-top:1px solid var(--line);font-size:11px;color:var(--faint);}
.thread-list {flex:1;min-height:0;overflow-y:auto;padding:0 6px;}
.thread {display:flex;align-items:flex-start;gap:10px;min-height:93px;width:100%;padding:15px 11px;border:1px solid transparent;border-bottom:1px solid #f0f0f0;border-radius:7px;background:#fff;text-align:left;color:#4c596b;}
.thread:hover {background:var(--soft);}
.thread.selected {background:var(--accent-pale);border-color:var(--accent-line);}
.thread-avatar {position:relative;flex-shrink:0;margin-top:2px;}
.thread-avatar .avatar {width:31px;height:31px;font-size:10px;background:#eee8df;color:#7c5e3f;}
.thread-avatar .platform {position:absolute;bottom:-3px;right:-4px;width:14px;height:14px;box-shadow:0 0 0 2px #fff;border-radius:4px;}
.thread-main {flex:1;min-width:0;}
.thread-title {display:flex;align-items:center;gap:6px;}
.thread-title b {color:#333;font-size:12px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.thread-title time {margin-left:auto;color:#696969;font-size:9px;white-space:nowrap;}
.thread-meta {display:block;color:#696969;font-size:10px;line-height:1.5;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.thread-bottom {display:flex;align-items:center;gap:7px;margin-top:5px;}
.thread-snippet {min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--muted);line-height:1.6;}
.unread {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:16px;height:16px;padding:0 4px;border-radius:5px;background:var(--accent);color:#fff;font-size:9px;}
.inbox-list-foot {padding:13px 18px;border-top:1px solid var(--line);color:#707070;font-size:10px;line-height:1.5;}
.inbox-list-empty {padding:45px 10px;text-align:center;color:var(--faint);font-size:12px;}
.inbox-list-empty > .line-icon {margin:auto;width:23px;height:23px;}
.conversation {min-width:0;min-height:0;display:flex;flex-direction:column;background:#fff;overflow:hidden;}
.conversation-head {display:flex;align-items:center;gap:10px;min-height:76px;padding:17px 22px;border-bottom:1px solid var(--line);flex-shrink:0;}
.conversation-person {min-width:0;flex:1;}
.conversation-person h2 {font-size:15px;font-weight:550;color:var(--ink);margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.conversation-person p {display:flex;align-items:center;gap:6px;color:#6c6c6c;font-size:11px;margin:7px 0 0;white-space:nowrap;}
.conversation-person .platform {width:14px;height:14px;}
.conversation-person p > span:not(.platform) {color:var(--faint);margin:0 2px;}
.conversation-tools {display:flex;align-items:center;gap:6px;}
.conversation-tools .btn {font-size:11px;}
.mobile-back,.compact-customer-link {display:none;}
.messages {min-height:0;flex:1;overflow-y:auto;padding:24px;overscroll-behavior:contain;}
.conversation-context {text-align:center;margin:0 0 30px;color:#6f6f6f;font-size:11px;line-height:1.6;}
.conversation-context small {display:block;color:var(--faint);font-size:10px;margin-top:7px;}
.bubble-row {display:flex;align-items:flex-start;gap:9px;margin-bottom:23px;}
.bubble-row.mine {flex-direction:row-reverse;}
.bubble-avatar {width:26px;height:26px;font-size:8px;border-radius:50%;background:#f1eee9;color:#735b40;margin-top:2px;}
.bubble-row.mine .bubble-avatar {background:var(--accent-pale);color:var(--accent-text);}
.bubble-row > div {min-width:0;max-width:84%;}
.bubble {padding:12px 14px;background:#fff;border:1px solid #e6e6e6;color:#344155;border-radius:9px;line-height:1.75;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 1px 2px #00000003;}
.mine .bubble {background:var(--accent-pale);border-color:var(--accent-line);color:#25476f;}
.bubble-time {color:var(--faint);font-size:10px;margin:7px 2px 0;line-height:1.5;}
.mine .bubble-time {text-align:right;}
.simulated {color:var(--muted);background:#f0f0f0;border-radius:4px;padding:2px 5px;margin-left:4px;}
.live-label {color:var(--success);background:var(--success-pale);}
.composer {background:#fff;padding:10px 22px 20px;flex-shrink:0;}
.composer-box {border:1px solid #dedede;border-radius:9px;overflow:hidden;}
.composer-box:focus-within {border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-pale);}
.composer-label {display:flex;align-items:center;gap:6px;padding:11px 13px 0;color:#4c596b;font-size:12px;}
.composer-label .line-icon {width:14px;height:14px;}
.composer textarea {display:block;width:100%;min-height:85px;max-height:170px;resize:vertical;border:0;background:transparent;padding:11px 13px;outline:0;color:#333;font-size:13px;line-height:1.6;}
.composer textarea:focus-visible {outline:none;}
.composer textarea:disabled {background:var(--soft);color:var(--faint);}
.composer-bottom {display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid #eee;background:var(--soft);color:var(--muted);font-size:10px;line-height:1.6;}
.composer-bottom > span {min-width:0;}
.composer-bottom > button {flex-shrink:0;}
.detail {display:block;min-width:0;overflow-y:auto;border-left:1px solid var(--line);background:#fff;}
.detail-top {display:flex;align-items:center;gap:11px;padding:26px 20px;border-bottom:1px solid var(--line);}
.detail-top .avatar {width:42px;height:42px;background:#f1eee8;color:#775d3f;font-size:13px;}
.detail-top > div {min-width:0;}
.detail-top h2 {margin:0;font-size:15px;font-weight:500;color:#333;overflow-wrap:anywhere;}
.detail-top p {margin:6px 0 0;font-size:11px;color:var(--muted);line-height:1.5;}
.detail-section {padding:23px 20px;border-bottom:1px solid var(--line);}
.section-title {margin:0 0 22px;font-size:12px;color:#344155;font-weight:500;}
.conversation-properties {display:grid;grid-template-columns:72px minmax(0,1fr);gap:20px 8px;margin:0;font-size:11px;}
.conversation-properties dt {color:var(--faint);align-self:center;}
.conversation-properties dd {margin:0;overflow-wrap:anywhere;line-height:1.6;color:#4c596b;}
.conversation-properties .owner-cell {font-size:11px;}
.form-label,.field-label {display:block;font-size:12px;color:#666;font-weight:400;margin:22px 0 8px;}
.stage-select {width:100%;padding:8px 10px;font-size:12px;}
.detail-action {width:100%;margin-top:16px;font-size:12px;}
.detail-section .connected-source {margin:0;}
.detail-section .property-hint {margin:17px 0 0;font-size:11px;}
.conversation-empty {grid-column:2/-1;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--faint);min-width:0;}
.conversation-empty > .line-icon {width:30px;height:30px;margin-bottom:15px;}
.conversation-empty h2 {font-size:15px;font-weight:500;color:#4c596b;}
.conversation-empty p {font-size:12px;}

/* Overview, publishing and connection states follow the same record-first layout. */
.workspace-content {padding:26px 24px 30px;}
.section-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;}
.section-heading h2 {margin:0;font-size:14px;font-weight:500;color:#333;}
.section-heading h2 > span {font-size:11px;color:var(--faint);margin-left:7px;font-weight:400;}
.section-heading > span {font-size:11px;color:var(--faint);}
.metric-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.metric {padding:18px 20px;min-height:130px;}
.metric-head {display:flex;align-items:center;justify-content:space-between;color:#616161;font-size:12px;}
.metric-head .line-icon {width:16px;height:16px;color:var(--faint);}
.metric {--metric-color:var(--accent-text);--metric-pale:var(--accent-pale);}
.metric-green {--metric-color:var(--success);--metric-pale:var(--success-pale);}
.metric-deep-blue {--metric-color:#08569f;--metric-pale:#eaf3fa;}
.metric-purple {--metric-color:var(--creative);--metric-pale:var(--creative-pale);}
.metric-head > .line-icon {box-sizing:content-box;padding:7px;border-radius:8px;background:var(--metric-pale);color:var(--metric-color);}
.metric strong {display:block;font-size:27px;font-weight:500;letter-spacing:-.5px;margin-top:13px;color:var(--metric-color);}
.metric-foot {font-size:11px;color:var(--faint);margin-top:7px;}
.lower-row {display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:18px;margin-top:24px;align-items:start;}
.panel {padding:20px;min-width:0;}
.panel-title {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;}
.panel-title h2 {font-size:14px;font-weight:500;margin:0;color:#333;}
.mini-table {width:100%;border-collapse:collapse;font-size:12px;text-align:left;white-space:nowrap;}
.mini-table th {font-size:11px;font-weight:400;padding:9px 9px;color:#707070;background:#f4f6f9;}
.mini-table td {padding:13px 9px;border-bottom:1px solid #eee;color:#4c596b;}
.mini-table tr:last-child td {border-bottom:0;}
.list-person {display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:0;text-align:left;}
.list-person .avatar {width:28px;height:28px;font-size:9px;}
.list-person b {display:block;font-weight:500;font-size:12px;color:#344155;}
.list-person small {display:block;font-size:10px;color:var(--faint);margin-top:5px;}
.list-person:hover b {text-decoration:underline;}
.task-row {display:flex;align-items:flex-start;gap:10px;padding:16px 0;border-bottom:1px solid #eee;}
.task-row:first-child {padding-top:3px;}
.task-row:last-child {border:0;padding-bottom:0;}
.task-dot {display:grid;place-items:center;width:28px;height:28px;border-radius:6px;background:var(--creative-pale);color:var(--creative);flex-shrink:0;}
.task-dot .line-icon {width:15px;height:15px;}
.task-row > div {flex:1;min-width:0;}
.task-row b {display:block;font-size:12px;font-weight:450;color:#344155;line-height:1.5;}
.task-row small {display:block;font-size:10px;color:var(--faint);margin-top:6px;}
.when {font-size:10px;color:var(--faint);white-space:nowrap;margin-top:3px;}
.workspace-footnote {font-size:11px;color:var(--faint);margin:22px 0 0;line-height:1.8;}
.page-notice {display:flex;align-items:flex-start;gap:10px;background:#f7f7f7;border:1px solid var(--line);border-radius:7px;padding:13px 15px;margin-bottom:26px;color:var(--muted);}
.page-notice > .line-icon {width:16px;height:16px;margin-top:2px;}
.page-notice p {margin:0;font-size:12px;line-height:1.8;}
.page-notice b {font-weight:500;color:#344155;margin-right:12px;}
.data-table {width:100%;border-collapse:separate;border-spacing:0;text-align:left;font-size:12px;min-width:800px;}
.data-table th {color:var(--muted);font-size:12px;font-weight:400;padding:10px 12px;white-space:nowrap;background:#f1f4f8;}
.data-table th:first-child {border-radius:7px 0 0 7px;}
.data-table th:last-child {border-radius:0 7px 7px 0;}
.data-table td {padding:17px 12px;border-bottom:1px solid #eee;color:#4c596b;line-height:1.7;}
.data-table .title {color:#333;font-size:13px;font-weight:450;}
.data-table .tag {font-size:11px;}
.post-cell {display:flex;align-items:center;gap:10px;min-width:180px;max-width:280px;}
.post-preview {width:30px;height:30px;display:grid;place-items:center;background:var(--creative-pale);border-radius:6px;color:var(--creative);flex-shrink:0;}
.post-preview .line-icon {width:16px;height:16px;}
.post-platforms {display:flex;gap:5px;}
.source-copy {max-width:320px;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;}
.channel-directory {border:1px solid #e9e9e9;border-radius:8px;overflow:hidden;}
.channel-row {display:flex;align-items:center;gap:24px;padding:22px 24px;border-bottom:1px solid #eee;}
.channel-row:last-child {border:0;}
.channel-name {display:flex;align-items:center;gap:15px;flex:1;min-width:0;}
.channel-name > .platform {width:32px;height:32px;border-radius:8px;}
.channel-name h3 {font-size:14px;font-weight:500;margin:0;color:#333;}
.channel-name p {font-size:12px;color:var(--muted);margin:7px 0 0;line-height:1.6;}
.channel-next {font-size:11px;color:var(--faint);max-width:240px;line-height:1.6;}
.channel-row > .tag {min-width:70px;font-size:11px;}

/* Post forms and sign-in share the same controls as CRM. */
.post-modal {min-width:0;display:flex;flex-direction:column;overflow:hidden;}
.post-modal form {min-height:0;display:flex;flex-direction:column;}
.post-modal .modal-body {min-height:0;overflow-y:auto;}
.form-group {margin-bottom:20px;}
.form-group:last-child {margin-bottom:0;}
.form-group .form-label,.form-group .field-label {margin:0 0 9px;}
.form-group .field,.form-group .wide-text {width:100%;}
.form-group .wide-text {padding:11px;min-height:130px;line-height:1.7;resize:vertical;}
.account-checks {display:flex;gap:8px;flex-wrap:wrap;}
.account-check {display:flex;align-items:center;gap:6px;padding:9px;border:1px solid #e5e5e5;border-radius:6px;font-size:12px;color:#4c596b;cursor:pointer;}
.account-check:has(input:checked) {background:var(--accent-pale);border-color:var(--accent-line);color:var(--accent-text);}
.account-check input {accent-color:var(--accent);margin:0;}
.login-page {position:relative;isolation:isolate;overflow:hidden;min-height:100dvh;background:#f5f8ff;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:45px 20px 65px;}
.login-brand {position:relative;display:flex;align-items:center;gap:9px;margin-bottom:28px;font-size:16px;font-weight:550;}
.login-brand .brand-mark {width:31px;height:31px;display:block;object-fit:contain;border-radius:8px;}
.login-card {position:relative;width:min(380px,100%);padding:28px;border:1px solid #e1e9f6;border-radius:13px;background:#fff;box-shadow:0 18px 55px #4168a50c,0 3px 8px #4168a506;}
.login-card h1 {font-size:21px;font-weight:550;color:var(--ink);margin:0 0 10px;}
.login-card > p {font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 23px;}
.login-card label {display:block;font-size:12px;color:#4c596b;margin:17px 0 8px;}
.login-card input {width:100%;padding:10px 11px;border:1px solid #e2e2e2;border-radius:6px;background:var(--soft);font-size:13px;color:#333;}
.login-card input:focus {background:#fff;}
.login-card .btn {width:100%;margin-top:23px;min-height:36px;font-size:13px;}
.login-hint {font-size:11px;color:var(--muted);line-height:1.8;margin-top:22px;border-top:1px solid #eee;padding-top:18px;}
.login-side-foot {position:relative;font-size:11px;color:var(--faint);margin:23px 0 0;}
.login-atmosphere {position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;}
.login-atmosphere:after {content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 48%,#f7faffb3 0%,#f7faff66 24%,transparent 62%);}
.login-glow {position:absolute;display:block;width:100vmax;height:100vmax;border-radius:50%;animation:login-drift 28s ease-in-out infinite alternate;}
.glow-blue {top:-70vmax;right:-30vmax;background:radial-gradient(ellipse,#8dacf4a6 0%,#b5cbfb80 24%,#e1eaff26 53%,transparent 68%);animation-duration:26s;}
.glow-cyan {left:-49vmax;bottom:-69vmax;background:radial-gradient(ellipse,#6dd6f57a 0%,#9ce2fa70 26%,#c8eaf944 42%,transparent 67%);animation-name:login-drift-cyan;animation-duration:32s;}
.glow-sky {right:-53vmax;bottom:-73vmax;background:radial-gradient(ellipse,#648eec7a 0%,#a8c8ff66 27%,#d7e6ff33 46%,transparent 65%);animation-duration:23s;animation-delay:-11s;}
.login-orbits {position:absolute;width:112vmax;height:68vmax;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-28deg);}
.login-orbit {position:absolute;inset:8%;border:1px solid #7ba2ea2e;border-radius:50%;box-shadow:0 0 0 22px #fff3,0 0 0 23px #91b5f014;animation:login-orbit 62s linear infinite;}
.login-orbit:before,.login-orbit:after {content:"";position:absolute;left:50%;top:-3px;width:6px;height:6px;border-radius:50%;background:#83a9ec;box-shadow:0 0 0 5px #b0ccff26,0 0 16px #4c86e733;}
.login-orbit:after {top:auto;bottom:-2px;width:4px;height:4px;background:#7bbfdb;}
.login-orbit.orbit-two {inset:20% -4%;border-color:#ffffffb3;box-shadow:0 0 0 1px #8baeea1a;transform:rotate(24deg);animation-duration:80s;animation-direction:reverse;}
.login-orbit.orbit-three {inset:-5% 13%;border-color:#b6cbeb40;box-shadow:none;animation-duration:100s;animation-delay:-28s;}
.login-sparks {position:absolute;inset:0;animation:login-float 18s ease-in-out infinite alternate;}
.login-sparks i {position:absolute;display:block;left:18%;top:26%;width:3px;height:3px;background:#6696de80;border-radius:50%;box-shadow:0 0 0 4px #9dbff51a;}
.login-sparks i:nth-child(2) {left:27%;top:73%;width:5px;height:5px;background:#71bdda80;}
.login-sparks i:nth-child(3) {left:75%;top:23%;width:5px;height:5px;}
.login-sparks i:nth-child(4) {left:84%;top:62%;}
.login-sparks i:nth-child(5) {left:12%;top:61%;}
.login-sparks i:nth-child(6) {left:69%;top:82%;width:4px;height:4px;}
.login-motion-toggle {position:absolute;right:24px;bottom:20px;display:flex;align-items:center;gap:7px;min-height:30px;padding:6px 10px;border:1px solid #d6e2f1;border-radius:20px;background:#ffffffbf;color:#536781;font-size:10px;}
.login-motion-toggle:hover {background:#fff;border-color:#9fbae6;color:var(--accent-text);}
.login-motion-symbol {width:10px;text-align:center;font-size:11px;}
.motion-paused .login-atmosphere * {animation-play-state:paused!important;}
@keyframes login-drift {from{transform:translate3d(-3%,1%,0) scale(1)}to{transform:translate3d(10%,12%,0) scale(1.13)}}
@keyframes login-drift-cyan {from{transform:translate3d(0,5%,0) scale(1)}to{transform:translate3d(14%,-9%,0) scale(1.12)}}
@keyframes login-orbit {from{rotate:0deg}to{rotate:360deg}}
@keyframes login-float {from{transform:translate3d(0,-8px,0)}to{transform:translate3d(15px,14px,0)}}
@media (max-width:600px) {
 .login-page {padding:30px 20px 72px;}
 .login-card {padding:25px;}
 .login-card input {font-size:16px;}
 .login-orbits {width:150vmax;height:85vmax;}
 .glow-blue {right:-62vmax;top:-63vmax;}
 .glow-cyan {left:-67vmax;bottom:-54vmax;}
 .login-sparks i:nth-child(n+4) {display:none;}
 .login-motion-toggle {right:18px;bottom:16px;}
}
@media (prefers-reduced-motion:reduce) {.login-motion-toggle {display:none;}}

@media (min-width:1560px) {
 .company-cell strong {max-width:300px;}
 .customer-layout {grid-template-columns:minmax(0,1fr) 340px;}
}
@media (max-width:1320px) {
 .crm-table th:nth-child(3),.crm-table td:nth-child(3) {display:none;}
 .company-cell strong {max-width:205px;}
 .customer-layout {grid-template-columns:minmax(0,1fr) 285px;}
 .customer-properties {padding:0 20px 24px;}

}
@media (max-width:1080px) {
 .crm-table th:nth-child(4),.crm-table td:nth-child(4) {display:none;}
 .customer-layout {grid-template-columns:minmax(0,1fr) 270px;}
 .customer-tab-content {padding:24px;}
 .board-guidance {display:none;}
}
@media (max-width:760px) {
 .app {background:#fff;}
 .sidebar {display:none;}
 .main {margin:0;border:0;border-radius:0;min-height:100dvh;}
 .topbar {height:56px;padding:0 16px;display:flex;gap:8px;}
 .crumb {font-size:12px;gap:6px;}
 .crumb h1,.crumb-link {font-size:13px;}
 .crumb > .line-icon {display:none;}
 .view-selector {gap:0;}
 .view-selector > .line-icon {display:none;}
 .view-selector select {max-width:92px;font-size:12px;}
 .top-actions {gap:5px;}
 .top-actions .demo-pill {display:none;}
 .top-actions .btn {font-size:11px;padding:6px 8px;min-height:32px;gap:3px;}
 .top-actions .btn .line-icon {width:13px;height:13px;}
 .content {padding:22px 16px 80px;}
 .content.crm-content {padding:0 0 64px;}
 .crm-page {min-height:calc(100dvh - 120px);}
 .crm-toolbar {flex-wrap:wrap;padding:16px;gap:8px;}
 .search-field {width:100%;min-width:0;}
 .search-field input {font-size:12px;min-height:33px;}
 .filter-field {min-height:32px;padding:0 6px;}
 .filter-field select {font-size:11px;min-height:28px;max-width:112px;}
 .sort-field {margin-left:auto;}
 .export-customers {font-size:11px;min-height:31px;padding:6px 8px;}
 .crm-table-scroll {padding:0 16px;}
 .crm-table th:first-child,.crm-table td:first-child {width:auto;padding-left:10px;}
 .crm-table th:nth-child(2),.crm-table td:nth-child(2),.crm-table th:nth-child(6),.crm-table td:nth-child(6),.crm-table th:nth-child(7),.crm-table td:nth-child(7) {display:none;}
 .crm-table th {font-size:11px;padding:8px;height:33px;}
 .crm-table td {padding:14px 8px;height:62px;}
 .crm-table th:nth-child(5),.crm-table td:nth-child(5) {padding-right:10px;text-align:right;}
 .crm-table th:nth-child(5) {border-radius:0 7px 7px 0;}
 .company-cell {gap:8px;}
 .company-avatar {height:26px;width:26px;border-radius:6px;font-size:8px;}
 .company-cell strong {font-size:12px;max-width:190px;}
 .tag {font-size:10px;gap:5px;}
 .tag:before {width:5px;height:5px;}
 .crm-table-footer {padding:14px 16px;font-size:10px;line-height:1.7;align-items:flex-start;}
 .crm-table-footer > span:last-child {max-width:145px;text-align:right;}
 .mobile-nav {display:flex;height:62px;padding-bottom:env(safe-area-inset-bottom);z-index:var(--z-nav);border-top:1px solid #e9e9e9;background:var(--soft);box-shadow:none;bottom:0;}
 .mobile-nav button {flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px 0;background:transparent;border:0;color:var(--faint);font-size:10px;}
 .mobile-nav button.active {color:var(--accent-text);background:var(--accent-pale);}
 .mobile-nav .line-icon {width:18px;height:18px;}
 .customer-layout {display:flex;flex-direction:column;}
 .customer-main {width:100%;}
 .detail-tabs {padding:0 16px;gap:23px;}
 .detail-tabs button {font-size:12px;padding:15px 0 13px;gap:5px;}
 .customer-tab-content {padding:20px 16px;}
 .note-composer-bottom {gap:5px;padding:9px;}
 .note-composer-bottom > label {font-size:10px;gap:4px;}
 .note-composer-bottom input {max-width:112px;font-size:10px;}
 .note-composer-bottom .btn {font-size:11px;}
 .customer-properties {padding:0 22px 24px;border-left:0;border-top:1px solid #eee;}
 .customer-properties dl {grid-template-columns:95px minmax(0,1fr);font-size:12px;}
 .customer-properties .field {max-width:320px;}
 .related-chat {max-width:320px;}
 .property-hint {max-width:400px;}
 .timeline-meta {font-size:11px;gap:5px;}
 .timeline-meta time {width:100%;margin:0;font-size:10px;}
 .timeline-body p {font-size:12px;padding:13px;}
 .linked-deal {flex-wrap:wrap;padding:14px;gap:11px;}
 .linked-deal > span:first-child {flex-basis:100%;}
 .pipeline-scroll {padding:0 16px 22px;}
 .pipeline {grid-template-columns:repeat(var(--columns),minmax(263px,1fr));gap:14px;}
 .pipeline-column {min-height:310px;}
 .modal-back {padding:12px;align-items:center;}
 .modal {max-height:calc(100dvh - 24px);}
 .modal-head {padding:18px;}
 .modal-body {padding:21px 18px;}
 .form-grid {gap:17px 12px;}
 .form-field input,.form-field select,.form-field textarea {font-size:16px!important;}
 .form-field .field {min-height:43px;padding:9px 7px;}
 .modal-foot {padding:14px 18px;}
 .modal-foot .note {max-width:100px;font-size:10px;line-height:1.6;}
 .modal-foot .btn {min-height:41px;}

}
@media (max-width:390px) {
 .company-cell strong {max-width:164px;}
 .note-composer-bottom {flex-wrap:wrap;}
 .note-composer-bottom .btn {margin-left:auto;}
 .form-grid {grid-template-columns:1fr;}
 .form-field.full {grid-column:auto;}
}
@media (prefers-reduced-motion:reduce) {
 *,*:before,*:after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}

/* Responsive workspace: keep conversation controls and send actions inside the viewport. */
@media (max-width:1320px) {
 .lower-row {grid-template-columns:1fr;}
 .channel-next {max-width:190px;}
}
@media (max-width:1250px) {
 .inbox-layout {grid-template-columns:285px minmax(0,1fr);}
 .inbox-layout > .detail {display:none;}
 .compact-customer-link {display:inline-flex;}
 .inbox-layout.detail-open > .detail {display:block;position:absolute;inset:0 0 0 auto;width:310px;max-width:calc(100% - 24px);z-index:61;box-shadow:-8px 0 28px #00000015;}
 .close-inbox-detail {display:inline-flex;}
 .inbox-detail-scrim {display:block;position:absolute;inset:0;z-index:60;width:100%;height:100%;background:#00000020;border:0;border-radius:0;}
 .chat-channel-title h2 span {display:none;}
}
@media (max-width:950px) {
 .metric-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .channel-next {display:none;}
}
@media (max-width:760px) {
 .workspace-content {padding:22px 16px 85px;}
 .content.inbox-content {padding:0 0 62px;}
 .inbox-workspace {display:flex;flex-direction:column;height:calc(100dvh - 56px - 62px);}
 .inbox-channel-bar,.chat-channel-title,.manage-chat-accounts {display:none;}
 .chat-workspace-head {flex-shrink:0;padding:10px 14px;gap:9px;}
 .inbox-channel-mobile {display:flex;flex:1;min-width:0;}
 .inbox-channel-mobile select {width:100%;height:36px;border:1px solid #e4e4e4;border-radius:6px;background:#fff;padding:0 7px;font-size:12px;color:#333;}
 .chat-workspace-controls {flex-shrink:0;}
 .inbox-owner-filter {padding:0 7px;gap:4px;}
 .inbox-owner-filter select {height:34px;min-width:0;width:100px;font-size:11px;padding-right:2px;}
 .inbox-workspace.is-chat .chat-workspace-head {display:none;}
 .inbox-layout {display:block;flex:1;min-height:0;}
 .chat-head-avatar {display:none;}
 .inbox-list {height:100%;border:0;}
 .inbox-toolbar {padding:16px 16px 0;}
 .tabs {justify-content:flex-start;gap:10px;}
 .tabs button {padding:7px 11px;font-size:12px;}
 .thread-list {padding:0 7px;}
 .thread {min-height:92px;padding:15px 12px;}
 .thread-title b {font-size:13px;}
 .thread-title time {font-size:10px;}
 .thread-meta {font-size:11px;}
 .thread-snippet {font-size:12px;}
 .inbox-layout .conversation {display:none;}
 .inbox-layout.show-conversation .inbox-list {display:none;}
 .inbox-layout.show-conversation .conversation {display:flex;height:100%;}
 .inbox-layout .detail,.conversation-empty {display:none;}
 .mobile-back {display:inline-flex;width:26px;height:30px;padding:4px;}
 .conversation-head {min-height:70px;padding:12px 13px;gap:6px;}
 .conversation-person h2 {font-size:14px;}
 .conversation-person p {font-size:10px;gap:4px;}
 .conversation-person .platform {width:13px;height:13px;}
 .conversation-tools {gap:2px;}
 .conversation-tools .btn {font-size:10px;padding:5px 7px;min-height:28px;}
 .conversation-tools .icon-btn {width:25px;height:28px;padding:5px;}
 .conversation-tools .line-icon {width:15px;height:15px;}
 .messages {padding:20px 15px;}
 .bubble-row > div {max-width:86%;}
 .bubble {font-size:13px;padding:10px 12px;}
 .bubble-avatar {width:22px;height:22px;font-size:8px;}
 .bubble-row {gap:7px;margin-bottom:20px;}
 .composer {padding:8px 13px 13px;}
 .composer textarea {font-size:16px;min-height:70px;max-height:130px;padding:10px 12px;}
 .composer-label {font-size:11px;padding:10px 12px 0;}
 .composer-bottom {padding:9px 10px;gap:8px;}
 .composer-bottom > span {font-size:10px;}
 .composer-bottom .btn {font-size:11px;min-height:31px;}
 .conversation-context {margin-bottom:22px;}
 .section-heading > span {font-size:10px;max-width:165px;text-align:right;line-height:1.6;}
 .metric-grid {gap:10px;}
 .metric {padding:15px;min-height:125px;}
 .metric strong {font-size:25px;}
 .metric-foot {font-size:10px;}
 .lower-row {gap:16px;margin-top:19px;}
 .panel {padding:16px;}
 .mini-table th:nth-child(2),.mini-table td:nth-child(2),.mini-table th:nth-child(4),.mini-table td:nth-child(4) {display:none;}
 .mini-table td,.mini-table th {padding-left:5px;padding-right:5px;}
 .mini-table .tag {font-size:11px;}
 .page-notice {padding:12px;margin-bottom:22px;}
 .page-notice b {display:block;margin:0 0 3px;}
 .page-notice p {font-size:11px;}
 .data-table {min-width:0;}
 .data-table th:nth-child(2),.data-table td:nth-child(2),.data-table th:nth-child(4),.data-table td:nth-child(4),.data-table th:nth-child(5),.data-table td:nth-child(5) {display:none;}
 .data-table th:nth-child(3) {border-radius:0 7px 7px 0;}
 .data-table td {padding:17px 8px;}
 .data-table th {font-size:11px;padding:10px 8px;}
 .data-table .title {font-size:12px;line-height:1.7;}
 .post-cell {min-width:0;max-width:none;gap:8px;}
 .post-preview {width:26px;height:26px;}
 .channel-row {padding:18px 14px;gap:12px;}
 .channel-name {gap:11px;}
 .channel-name > .platform {width:29px;height:29px;}
 .channel-name h3 {font-size:13px;}
 .channel-name p {font-size:11px;}
 .channel-row > .tag {font-size:10px;min-width:50px;}
 .post-modal .form-group input,.post-modal textarea {font-size:16px;}
 .post-modal .modal-foot {flex-direction:column;align-items:stretch;gap:10px;}
 .post-modal .modal-foot .note {max-width:none;}
 .post-modal .modal-foot > div {justify-content:flex-end;}
 .post-modal .modal-foot .btn {font-size:12px;}
 .account-check {font-size:11px;padding:9px 8px;}
 .toast {bottom:78px;right:16px;}
}
@media (max-width:760px) and (max-height:520px) {
 .conversation-head {min-height:50px;padding:8px 12px;}
 .conversation-person p,.composer-label {display:none;}
 .composer {padding:6px 12px;}
 .composer textarea {height:44px;min-height:44px;resize:none;}
 .composer-bottom {padding:5px 8px;}
 .messages {padding:12px;}
}

.post-copy {min-width:0;}
.post-mobile-meta,.post-mobile-body {display:none;}
/* Workbench: compact summary, actionable queues, and a quieter secondary column. */
.workspace-content:has(> .workbench) {background:#f6f8fb;min-height:calc(100dvh - 54px);padding:26px 32px 20px;}
.workbench {max-width:1480px;margin:0 auto;}
.workbench-welcome {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;}
.workbench-date {font-size:11px;letter-spacing:.25px;color:var(--muted);margin-bottom:8px;}
.workbench-welcome h2 {margin:0;color:#1f2c40;font-size:24px;font-weight:600;letter-spacing:-.6px;line-height:1.4;}
.workbench-welcome h2 > span {font-size:13px;color:var(--muted);letter-spacing:0;font-weight:400;margin-left:16px;}
.workbench-create {display:flex;gap:8px;}
.workbench-create .btn {background:#fff;border-color:#e1e6ee;min-height:34px;padding:7px 12px;font-size:12px;}
.workbench-create .btn:hover {border-color:var(--accent-line);background:var(--accent-pale);color:var(--accent-text);}
.workbench-metrics {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid #e3e8f0;border-radius:12px;overflow:hidden;margin-bottom:22px;box-shadow:0 2px 3px #20375b03;}
.workbench-metric {--metric-tone:var(--accent-text);--metric-bg:var(--accent-pale);border:0;border-right:1px solid #edf0f5;background:transparent;text-align:left;padding:17px 22px 16px;color:var(--ink);min-width:0;}
.workbench-metric:last-child {border-right:0;}
.workbench-metric:hover {background:#f8faff;}
.workbench-metric:focus-visible {outline-offset:-4px;}
.workbench-metric.tone-green {--metric-tone:var(--success);--metric-bg:var(--success-pale);}
.workbench-metric.tone-navy {--metric-tone:#356697;--metric-bg:#edf3f9;}
.workbench-metric.tone-purple {--metric-tone:var(--creative);--metric-bg:var(--creative-pale);}
.workbench-metric-label {display:flex;align-items:center;justify-content:space-between;color:#4e5c70;font-size:13px;font-weight:500;}
.workbench-metric-icon {background:var(--metric-bg);color:var(--metric-tone);border-radius:7px;padding:6px;}
.workbench-metric-icon .line-icon {width:15px;height:15px;}
.workbench-metric strong {display:block;font-size:32px;font-weight:600;line-height:1.25;letter-spacing:-1px;margin:1px 0 7px;font-variant-numeric:tabular-nums;}
.workbench-metric:first-child strong {color:var(--accent-text);}
.workbench-metric strong small {font-size:11px;font-weight:400;color:var(--muted);letter-spacing:0;margin-left:8px;}
.workbench-metric-hint {display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted);}
.workbench-arrow .line-icon,.workbench-link .line-icon,.workbench-panel-foot .line-icon,.workbench-row-owner > .line-icon,.workbench-tool-links button > .line-icon {width:14px;height:14px;transform:rotate(180deg);}
.workbench-arrow {opacity:0;transform:translateX(-4px);transition:opacity .15s,transform .15s;}
.workbench-metric:hover .workbench-arrow,.workbench-metric:focus-visible .workbench-arrow {opacity:1;transform:none;}
.workbench-grid {display:grid;grid-template-columns:minmax(0,1.8fr) minmax(330px,1fr);gap:20px;}
.workbench-panel {background:#fff;border:1px solid #e3e8f0;border-radius:12px;min-width:0;overflow:hidden;box-shadow:0 2px 3px #20375b03;}
.workbench-panel-head {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:57px;padding:17px 20px 13px;}
.workbench-panel-head > div {display:flex;align-items:center;gap:8px;min-width:0;}
.workbench-panel-head h3 {margin:0;font-size:15px;line-height:1.4;font-weight:600;white-space:nowrap;}
.workbench-heading-mark {width:3px;height:14px;background:var(--accent);border-radius:2px;}
.workbench-heading-mark.purple {background:var(--creative);}
.workbench-count {color:var(--muted);background:#f2f4f8;font-size:10px;line-height:20px;padding:0 6px;border-radius:4px;white-space:nowrap;}
.workbench-link {display:inline-flex;gap:6px;align-items:center;background:transparent;border:0;padding:3px 0;font-size:11px;color:var(--muted);white-space:nowrap;}
.workbench-link:hover {color:var(--accent-text);}
.workbench-tabs {display:flex;gap:22px;padding:0 20px;border-bottom:1px solid #edf0f5;}
.workbench-tabs button {position:relative;display:flex;align-items:center;gap:6px;background:transparent;border:0;padding:9px 0 12px;font-size:12px;color:var(--muted);white-space:nowrap;}
.workbench-tabs button > span {font-size:10px;min-width:17px;line-height:16px;border-radius:4px;background:#f0f3f7;color:#57657a;padding:0 4px;}
.workbench-tabs button.active {color:var(--accent-text);font-weight:550;}
.workbench-tabs button.active > span {background:var(--accent-pale);color:var(--accent-text);}
.workbench-tabs button.active:after {content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent);border-radius:2px 2px 0 0;}
.workbench-queue {min-height:258px;padding:0 20px;}
.workbench-queue-row {display:flex;align-items:center;width:100%;min-height:86px;gap:13px;text-align:left;background:transparent;border:0;border-bottom:1px solid #edf0f5;padding:15px 0;color:var(--ink);}
.workbench-queue-row:last-child {border-bottom:0;}
.workbench-queue-row:hover {background:#f8faff;}
.workbench-person-avatar {position:relative;width:36px;height:36px;border-radius:11px;font-size:11px;font-weight:550;color:#38648e;background:#eaf1f9;}
.workbench-person-avatar.avatar-tone-1 {background:#f0edfa;color:#716095;}
.workbench-person-avatar.avatar-tone-2 {background:#edf3ed;color:#537857;}
.workbench-person-avatar.avatar-tone-3 {background:#faf0e8;color:#926747;}
.workbench-person-avatar > span {position:absolute;bottom:-4px;right:-4px;display:flex;border:2px solid #fff;border-radius:6px;}
.workbench-person-avatar .platform {height:15px;width:15px;border-radius:4px;}
.workbench-person-avatar .platform svg {height:12px;width:12px;}
.workbench-person {flex:1;min-width:0;display:block;}
.workbench-person-title {display:flex;align-items:center;gap:8px;min-width:0;}
.workbench-person-title > b {font-size:14px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.workbench-person-title .tag {padding:2px 6px;font-size:10px;border-radius:4px;flex-shrink:0;line-height:1.5;gap:4px;}
.workbench-person-title .tag:before {width:4px;height:4px;}
.workbench-live {font-size:9px;font-style:normal;color:var(--accent-text);white-space:nowrap;}
.workbench-company {display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.workbench-company > span {color:#8993a2;}
.workbench-preview {display:block;color:#5b6778;font-size:12px;margin-top:5px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.workbench-row-aside {display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-size:10px;color:var(--muted);flex-shrink:0;}
.workbench-row-owner {display:flex;align-items:center;gap:8px;}
.workbench-unread {display:inline-grid;place-items:center;font-size:10px;min-width:17px;height:17px;padding:0 4px;background:var(--accent);color:#fff;border-radius:5px;font-weight:500;}
.workbench-panel-foot {display:flex;justify-content:space-between;gap:10px;padding:12px 20px;font-size:10px;color:var(--muted);border-top:1px solid #edf0f5;background:#fcfdff;}
.workbench-panel-foot > span:last-child {display:flex;align-items:center;gap:6px;}
.workbench-empty {display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:248px;padding:25px 16px;}
.workbench-empty > .line-icon {width:25px;height:25px;color:var(--accent-text);background:var(--accent-pale);box-sizing:content-box;padding:12px;border-radius:50%;}
.workbench-empty h4 {font-size:13px;font-weight:500;margin:15px 0 0;}
.workbench-empty p {font-size:11px;color:var(--muted);line-height:1.7;margin:9px 0 14px;}
.workbench-plans {display:flex;flex-direction:column;}
.workbench-plan-list {padding:0 20px;flex:1;}
.workbench-plan {width:100%;display:flex;align-items:center;gap:13px;padding:14px 0;background:transparent;border:0;border-bottom:1px solid #edf0f5;text-align:left;color:var(--ink);}
.workbench-plan:last-child {border-bottom:0;}
.workbench-plan:hover .workbench-plan-copy > b {color:var(--accent-text);}
.workbench-plan-date {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex-shrink:0;width:42px;height:49px;border:1px solid #e8ecf2;border-radius:7px;background:#fafbfd;color:var(--muted);}
.workbench-plan-date.is-scheduled {color:var(--creative);background:#faf5fd;border-color:#ebdef3;}
.workbench-plan-date small {font-size:9px;}
.workbench-plan-date b {font-size:19px;font-weight:550;line-height:1;}
.workbench-plan-copy {display:block;min-width:0;flex:1;}
.workbench-plan-meta {display:flex;align-items:center;gap:5px;color:var(--muted);font-size:10px;margin-bottom:6px;}
.workbench-plan:has(.is-scheduled) .workbench-plan-meta {color:var(--creative);}
.workbench-plan-copy > b {display:block;font-size:13px;font-weight:550;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.workbench-plan-channels {display:flex;align-items:center;gap:4px;margin-top:7px;color:var(--muted);}
.workbench-plan-channels .platform {width:12px;height:12px;border-radius:3px;}
.workbench-plan-channels .platform svg {width:9px;height:9px;}
.workbench-plan-channels small {font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:3px;}
.workbench-add-plan {display:flex;align-items:center;justify-content:center;gap:6px;margin:10px 20px 0;min-height:32px;background:#f8f9fc;border:1px dashed #d8dfeb;border-radius:6px;color:#52647e;font-size:11px;}
.workbench-add-plan:hover {color:var(--accent-text);background:var(--accent-pale);border-color:var(--accent-line);}
.workbench-add-plan .line-icon {width:13px;height:13px;}
.workbench-plan-note {font-size:9px;text-align:center;color:var(--muted);margin:10px 16px 14px;line-height:1.5;}
.workbench-pipeline .workbench-panel-head,.workbench-tools .workbench-panel-head {min-height:51px;padding-bottom:9px;}
.workbench-pipeline-body {display:flex;align-items:center;gap:30px;padding:10px 20px 23px;}
.workbench-pipeline-total {flex-shrink:0;}
.workbench-pipeline-total > span {font-size:10px;color:var(--muted);}
.workbench-pipeline-total strong {display:flex;align-items:baseline;gap:6px;margin-top:10px;font-size:25px;line-height:1.2;font-weight:550;letter-spacing:-.7px;font-variant-numeric:tabular-nums;}
.workbench-pipeline-total small {font-size:9px;letter-spacing:0;color:var(--muted);font-weight:400;}
.workbench-stages {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;flex:1;min-width:0;}
.workbench-stage > div:first-child {display:flex;flex-direction:column;gap:8px;font-size:10px;color:var(--muted);}
.workbench-stage b {font-size:18px;line-height:1;font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums;}
.workbench-stage-track {height:4px;background:#f0f3f8;border-radius:2px;overflow:hidden;margin-top:10px;}
.workbench-stage-track > span {display:block;height:100%;border-radius:2px;background:var(--stage-tone);}
.workbench-tool-links {display:grid;grid-template-columns:1fr 1fr;padding:10px 20px 22px;gap:18px;}
.workbench-tool-links button {display:flex;flex-wrap:wrap;align-items:center;gap:9px;text-align:left;color:var(--ink);background:transparent;border:0;padding:0;}
.workbench-tool-links button > span:nth-child(2) {display:block;}
.workbench-tool-links b {display:block;font-size:12px;font-weight:500;white-space:nowrap;}
.workbench-tool-links small {display:block;color:var(--muted);font-size:9px;margin-top:6px;}
.workbench-tool-icon {display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#f1f5fa;color:#4c6a8d;}
.workbench-tool-links button > .line-icon {display:none;}
.workbench-tool-links button:hover b {color:var(--accent-text);}
.workbench-footnote {display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);line-height:1.7;margin:17px 2px 0;}
@media (max-width:1150px) {
 .workspace-content:has(> .workbench) {padding:24px;}
 .workbench-grid {grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:16px;}
 .workbench-welcome h2 > span {display:block;margin:4px 0 0;font-size:12px;}
 .workbench-row-aside > span:first-child {font-size:9px;}
 .workbench-person-title {gap:5px;flex-wrap:wrap;}
 .workbench-pipeline-body {flex-direction:column;align-items:stretch;gap:18px;}
 .workbench-pipeline-total {display:flex;align-items:baseline;justify-content:space-between;gap:10px;}
 .workbench-pipeline-total strong {margin:0;}
 .workbench-stage > div:first-child {flex-direction:row;justify-content:space-between;gap:4px;}
 .workbench-tool-links {grid-template-columns:1fr;gap:18px;}
 .workbench-tool-links button > .line-icon {display:block;margin-left:auto;color:var(--muted);}
 .workbench-metric {padding:16px;}
}
@media (max-width:900px) {
 .workbench-grid {grid-template-columns:minmax(0,1fr);}
 .workbench-pipeline {grid-row:2;}
 .workbench-tool-links {grid-template-columns:1fr 1fr;}
 .workbench-plan-list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
 .workbench-plan {align-items:flex-start;border-bottom:0;}
 .workbench-plan-channels small {display:none;}
 .workbench-pipeline-body {flex-direction:row;align-items:center;gap:35px;}
 .workbench-pipeline-total {display:block;}
 .workbench-pipeline-total strong {margin-top:10px;}
}
@media (max-width:600px) {
 .workspace-content:has(> .workbench) {padding:20px 16px 88px;}
 .workbench-welcome {align-items:flex-start;margin-bottom:18px;gap:10px;}
 .workbench-welcome h2 {font-size:21px;}
 .workbench-welcome h2 > span {font-size:11px;margin-top:6px;}
 .workbench-date {font-size:10px;}
 .workbench-create {flex-direction:column;gap:6px;}
 .workbench-create .btn {font-size:10px;min-height:30px;padding:5px 8px;gap:4px;}
 .workbench-create .line-icon {width:12px;height:12px;}
 .workbench-metrics {grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px;border-radius:10px;}
 .workbench-metric {padding:13px 15px;}
 .workbench-metric:nth-child(2) {border-right:0;}
 .workbench-metric:nth-child(-n+2) {border-bottom:1px solid #edf0f5;}
 .workbench-metric-label {font-size:11px;}
 .workbench-metric strong {font-size:28px;margin:2px 0 5px;}
 .workbench-metric-hint {font-size:9px;}
 .workbench-metric-icon {padding:5px;}
 .workbench-metric-icon .line-icon {height:13px;width:13px;}
 .workbench-arrow {display:none;}
 .workbench-panel {border-radius:10px;}
 .workbench-panel-head {padding:15px 14px 10px;min-height:50px;}
 .workbench-panel-head h3 {font-size:13px;}
 .workbench-link {font-size:10px;}
 .workbench-tabs {padding:0 14px;gap:20px;}
 .workbench-tabs button {font-size:11px;padding-bottom:11px;}
 .workbench-queue {padding:0 14px;min-height:0;}
 .workbench-queue-row {gap:10px;padding:14px 0;min-height:93px;}
 .workbench-person-avatar {width:30px;height:30px;border-radius:9px;font-size:10px;}
 .workbench-person-title > b {font-size:12px;}
 .workbench-person-title .tag {font-size:8px;}
 .workbench-company {display:block;font-size:9px;}
 .workbench-company > span {margin:0 4px;}
 .workbench-preview {font-size:10px;}
 .workbench-row-aside {gap:14px;font-size:9px;max-width:62px;}
 .workbench-row-aside > span:first-child {font-size:8px;}
 .workbench-row-owner {gap:5px;}
 .workbench-panel-foot {font-size:9px;padding:10px 14px;}
 .workbench-panel-foot > span:last-child {display:none;}
 .workbench-plan-list {display:block;padding:0 14px;}
 .workbench-plan {border-bottom:1px solid #edf0f5;align-items:center;}
 .workbench-plan-channels small {display:block;}
 .workbench-add-plan {margin-left:14px;margin-right:14px;min-height:36px;}
 .workbench-pipeline-body {flex-direction:column;align-items:stretch;gap:20px;padding:8px 14px 20px;}
 .workbench-pipeline-total {display:flex;}
 .workbench-pipeline-total strong {font-size:23px;margin:0;}
 .workbench-stages {gap:10px;}
 .workbench-stage > div:first-child {flex-direction:column;font-size:9px;gap:8px;}
 .workbench-tool-links {padding:10px 14px 18px;gap:12px;}
 .workbench-tool-links button > .line-icon {display:none;}
 .workbench-tool-links button {gap:8px;}
 .workbench-tool-links b {font-size:11px;}
 .workbench-tool-links small {font-size:8px;}
 .workbench-footnote {flex-direction:column;gap:4px;font-size:9px;margin:15px 2px 0;}
}
@media (prefers-reduced-motion:reduce) {.workbench-arrow {transition:none;}}
/* Human review lives inside the conversation, keeping the existing shell. */
.conversation > [hidden] {display:none !important;}
.inbox-ai-toolbar {display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:10px 18px;border-bottom:1px solid var(--line);background:var(--soft);flex-shrink:0;}
.inbox-auto-bar {display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;flex-shrink:0;padding:10px 18px;border-bottom:1px solid var(--line);background:var(--soft);font-size:12px;}
.inbox-auto-bar.is-enabled {background:#edf7f1;border-color:#c9e5d5;}
.inbox-auto-copy {display:flex;flex-direction:column;gap:4px;flex:1 1 200px;min-width:0;overflow-wrap:anywhere;}
.inbox-auto-copy strong {font-size:12px;color:var(--ink);}
.inbox-auto-copy span,.inbox-auto-copy small {font-size:11px;line-height:1.5;color:var(--muted);}
.inbox-auto-copy .inbox-auto-error {color:#9a3d16;}
.inbox-auto-actions {display:flex;gap:6px;flex-wrap:wrap;}
.inbox-auto-actions .btn {white-space:nowrap;}
@media(max-width:600px){.inbox-auto-bar{padding:9px 12px;}.inbox-auto-actions{margin-left:auto;}}
.inbox-ai-entry {display:flex;align-items:center;gap:7px;min-width:0;flex:1;}
.inbox-ai-entry > label {font-size:12px;font-weight:600;white-space:nowrap;color:var(--ink);}
.inbox-ai-entry select,.inbox-ai-history select {min-width:0;max-width:210px;flex:1;border:1px solid var(--line);border-radius:6px;background:#fff;padding:7px 9px;font:inherit;font-size:12px;color:var(--ink);}
.inbox-ai-entry .btn,.inbox-ai-view {white-space:nowrap;flex-shrink:0;font-size:11px;}
.inbox-ai-hint {margin:0;padding:8px 0;font-size:11px;line-height:1.65;color:var(--muted);overflow-wrap:anywhere;}
.conversation > .inbox-ai-hint {padding:6px 18px;border-bottom:1px solid var(--line);flex-shrink:0;}
.inbox-ai-hint .text-btn {font-size:inherit;color:var(--accent-text);}
.inbox-ai-review {display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;background:#fff;}
.inbox-ai-review-head {display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 20px 12px;flex-shrink:0;border-bottom:1px solid var(--line);}
.inbox-ai-review-head h3 {display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:15px;margin:0;color:var(--ink);}
.inbox-ai-review-head p {font-size:11px;line-height:1.6;color:var(--muted);margin:6px 0 0;}
.inbox-ai-review-head .btn {flex-shrink:0;}
.inbox-ai-review-scroll {overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:16px 20px;}
.inbox-ai-history {display:flex;gap:10px;align-items:center;font-size:12px;margin-bottom:14px;color:var(--muted);}
.inbox-ai-history select {max-width:none;}
.inbox-ai-alert {padding:11px 12px;margin-bottom:14px;border:1px solid #f0d2a1;border-radius:6px;background:#fff8ed;color:#7c4b0b;font-size:12px;line-height:1.7;overflow-wrap:anywhere;}
.inbox-ai-alert .btn {display:block;margin-top:8px;}
.inbox-ai-empty {padding:26px 4px;}
.inbox-ai-empty h4 {font-size:14px;margin:0 0 8px;}
.inbox-ai-empty p {font-size:12px;color:var(--muted);line-height:1.7;}
.inbox-ai-reply-label {display:flex;align-items:center;gap:10px;color:var(--ink);font-size:12px;font-weight:550;margin-bottom:8px;}
.inbox-ai-reply-label span {margin-left:auto;font-size:10px;font-weight:400;color:var(--muted);}
.inbox-ai-review textarea {display:block;min-width:0;width:100%;border:1px solid var(--line);border-radius:7px;padding:10px 12px;background:#fff;color:var(--ink);font:inherit;font-size:13px;line-height:1.7;resize:vertical;overflow-wrap:anywhere;}
.inbox-ai-review textarea:focus {border-color:var(--accent);outline:2px solid var(--accent-pale);outline-offset:1px;}
.inbox-ai-review textarea:disabled {color:#4c596b;background:var(--soft);opacity:1;}
.inbox-ai-review input[type=checkbox] {width:14px;height:14px;accent-color:var(--accent);flex-shrink:0;}
.inbox-ai-original {margin:10px 0 20px;}
.inbox-ai-review details summary {cursor:pointer;color:var(--muted);font-size:11px;line-height:1.7;overflow-wrap:anywhere;}
.inbox-ai-review details p {font-size:12px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);}
.inbox-ai-review details small {font-size:10px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere;}
.inbox-ai-section-title {display:flex;align-items:center;gap:8px;margin:20px 0 12px;}
.inbox-ai-section-title h4,.inbox-ai-next h4 {font-size:12px;font-weight:600;margin:0;color:var(--ink);}
.inbox-ai-section-title > span {font-size:10px;color:var(--muted);margin-left:auto;}
.inbox-ai-facts {border-top:1px solid var(--line);}
.inbox-ai-fact {margin:0 0 14px;}
.inbox-ai-fact > label {display:flex;align-items:center;gap:7px;font-size:11px;color:var(--ink);margin-bottom:6px;}
.inbox-ai-fact textarea {font-size:12px;line-height:1.6;min-height:42px;padding:8px 10px;}
.inbox-ai-fact-evidence small {display:block;font-size:10px;color:var(--muted);line-height:1.65;overflow-wrap:anywhere;margin-top:5px;white-space:pre-wrap;}
.inbox-ai-copy {display:flex;align-items:flex-start;gap:7px;font-size:11px;line-height:1.7;color:var(--ink);}
.inbox-ai-copy input {margin-top:3px;}
.inbox-ai-recorded {font-size:11px;color:var(--success);}
.inbox-ai-next {border-top:1px solid var(--line);padding-top:15px;margin-top:16px;}
.inbox-ai-next p {font-size:12px;line-height:1.7;color:var(--ink);overflow-wrap:anywhere;margin:7px 0;}
.inbox-ai-next small {font-size:10px;color:var(--muted);}
.inbox-ai-sources {border-top:1px solid var(--line);margin-top:17px;}
.inbox-ai-sources details {padding:9px 0;border-bottom:1px solid var(--line);}
.inbox-ai-sources details:last-child {border-bottom:0;}
.inbox-ai-review-actions {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:12px 18px;border-top:1px solid var(--line);background:var(--soft);flex-shrink:0;}
.inbox-ai-review-actions > span {font-size:10px;line-height:1.7;color:var(--muted);}
.inbox-ai-review-actions > div {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;margin-left:auto;}
.inbox-ai-review-actions .btn {font-size:11px;}
@media (max-width:760px) {
 .inbox-ai-toolbar {padding:8px 12px;gap:6px;}
 .inbox-ai-entry {flex-basis:100%;}
 .inbox-ai-entry select {max-width:none;font-size:16px;padding:5px 7px;}
 .inbox-ai-view {margin-left:auto;min-height:28px;}
 .inbox-ai-review-head {padding:12px;}
 .inbox-ai-review-head h3 {font-size:14px;}
 .inbox-ai-review-scroll {padding:12px;}
 .inbox-ai-review textarea,.inbox-ai-history select {font-size:16px;}
 .inbox-ai-review-actions {padding:9px 12px;}
 .inbox-ai-review-actions > span {flex-basis:100%;}
 .inbox-ai-review-actions .btn {min-height:34px;}
}
@media (max-width:760px) {
 .post-cell {align-items:flex-start;}
 .post-mobile-meta,.post-mobile-body {display:block;font-size:10px;color:var(--muted);line-height:1.7;margin-top:6px;overflow-wrap:anywhere;}
 .data-table td:last-child {vertical-align:top;}
}