/* Shared Internal workspace theme. Page layouts, handlers, and access rules remain unchanged. */
body.te-internal-workspace {
  --sidebar-w: 256px;
  --header-h: 80px;
  --internal-accent: #18785b;
  --green: #12805e;
  --green-light: #e8f4ef;
  --black: #202124;
  --gray-dark: #454950;
  --gray-mid: #777b84;
  --gray-light: #9c9fa7;
  --gray-line: #e8e9ee;
  --bg-off: #f5f5f8;
  background: var(--bg-off);
  color: var(--black);
  font-family: 'Helvetica Neue', Arial, 'Sarabun', sans-serif;
}
.te-internal-workspace :is(.beta-header, .beta-sidebar, .hub-root) * { font-family: 'Helvetica Neue', Arial, 'Sarabun', sans-serif; }
.te-internal-workspace .beta-header { height: var(--header-h); background: #fff; border-color: var(--gray-line); gap: 12px; }
.te-internal-workspace .beta-header-logo { padding: 0 24px; gap: 0; }
.te-internal-workspace .beta-header-logo img { height: 38px !important; }
.te-internal-workspace .beta-header-logo > span { color: #18785b !important; background: #e8f4ef !important; font-size: 9px !important; letter-spacing: .08em !important; }
.te-internal-workspace .beta-header-section { gap: 14px; padding: 0 20px; }
.te-internal-workspace .beta-section-label { font-size: 11px; font-weight: 500; letter-spacing: .12em; }
.te-internal-workspace .beta-badge { font-size: 9px; border-color: var(--gray-line); background: #f8f8fa; color: var(--gray-mid); border-radius: 6px; padding: 5px 8px; }
.te-internal-workspace .beta-user-name { font-size: 12px; font-weight: 500; }
.te-internal-workspace .beta-user-role { font-size: 9px; font-weight: 500; margin-top: 4px; color: var(--gray-mid); }
.te-internal-workspace .beta-avatar { background: #e3f0e9; box-shadow: 0 0 0 3px white, 0 0 0 4px var(--gray-line); }
.te-internal-workspace .beta-avatar span { color: #187459; }
.te-internal-workspace .beta-sidebar { background: #fff; border-color: var(--gray-line); }
.te-internal-workspace .int-profile { padding: 24px 20px; gap: 10px; }
.te-internal-workspace .int-profile > div:last-child { min-width: 0; }
.te-internal-workspace .int-profile-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 500; }
.te-internal-workspace .int-avatar { background: #e8f4ef; }
.te-internal-workspace .int-avatar span { color: #187459; font-weight: 500; }
.te-internal-workspace .int-mode-badge { font-size: 8px; letter-spacing: .08em; font-weight: 500; line-height: 1.5; }
.te-internal-workspace .int-switcher { gap: 6px; padding: 14px 14px 20px; }
.te-internal-workspace .int-sw-link { font-size: 9px; font-weight: 500; padding: 6px 8px; }
.te-internal-workspace .beta-nav-group { padding: 0 12px; }
.te-internal-workspace .beta-nav-group-label { padding: 20px 12px 10px; font-size: 9px; letter-spacing: .15em; font-weight: 600; }
.te-internal-workspace .beta-nav-item { min-height: 44px; padding: 11px 12px; margin: 2px 0; border: 0; border-radius: 12px; font-size: 13px; font-weight: 400; gap: 12px; color: #6e737c; }
.te-internal-workspace .beta-nav-item:hover { background: #f2f7f4; color: #187459; }
.te-internal-workspace .beta-nav-icon { width: 18px; height: 18px; }
.te-internal-workspace .beta-nav-divider { margin: 18px 24px 0; }
.te-internal-workspace .beta-nav-sub-label { font-size: 8px; letter-spacing: .12em; padding: 16px 12px 5px; }
.te-internal-workspace .beta-nav-badge { font-size: 8px; font-weight: 500; }
.te-internal-workspace .beta-main { padding: 44px 36px 56px; }
.te-internal-workspace .hub-root { width: 100%; max-width: 1120px; margin: 0 auto; }
.te-internal-workspace .hub-eyebrow { display: flex; align-items: center; gap: 8px; font-size: 10px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: #18785b; margin-bottom: 16px; }
.te-internal-workspace .hub-eyebrow::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #12805e; }
.te-internal-workspace .hub-title { font-size: clamp(28px, 3vw, 42px); font-weight: 600; line-height: 1.2; letter-spacing: -.035em; margin-bottom: 14px; }
.te-internal-workspace .hub-subtitle { font-size: 15px; font-weight: 400; line-height: 1.8; color: var(--gray-mid); margin-bottom: 36px; }
.te-internal-workspace .hub-systems { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-bottom: 28px; }
.te-internal-workspace .hub-system-card { position: relative; display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding: 28px 30px; border: 1px solid var(--gray-line); border-radius: 24px; background: #fff; text-decoration: none; box-shadow: 0 2px 6px rgba(27,31,44,.015); transition: border-color .18s ease, box-shadow .18s ease; }
.te-internal-workspace .hub-system-card:hover { border-color: #bfd9cc; box-shadow: 0 8px 26px rgba(31,76,55,.055); }
.te-internal-workspace .hub-card-icon { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 15px; margin-bottom: 22px; }
.te-internal-workspace .sales .hub-card-icon { color: #326f94; background: #edf4fa; }
.te-internal-workspace .support .hub-card-icon { color: #18785b; background: #e8f4ef; }
.te-internal-workspace .ops .hub-card-icon { color: #78629c; background: #f1edf8; }
.te-internal-workspace .media .hub-card-icon { color: #b17a35; background: #fcf3e5; }
.te-internal-workspace .hub-card-label { font-size: 9px; font-weight: 500; letter-spacing: .13em; text-transform: uppercase; color: var(--gray-mid); margin-bottom: 8px; }
.te-internal-workspace .hub-card-name { font-size: 25px; line-height: 1.3; letter-spacing: -.025em; font-weight: 600; margin-bottom: 12px; }
.te-internal-workspace .hub-card-desc { font-size: 14px; line-height: 1.8; color: var(--gray-mid); margin-bottom: 22px; max-width: 410px; }
.te-internal-workspace .hub-card-items { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; margin-bottom: 24px; }
.te-internal-workspace .hub-card-item { padding: 5px 9px; border-radius: 7px; font-size: 10px; line-height: 1.3; font-weight: 400; color: #737780; background: #f5f6f8; border: 1px solid #f0f1f4; }
.te-internal-workspace .hub-card-cta { display: inline-flex; align-items: center; gap: 16px; border-radius: 12px; padding: 12px 16px; background: #e8f4ef; color: #147456; font-size: 12px; font-weight: 500; line-height: 1.4; }
.te-internal-workspace .hub-system-card:hover .hub-card-cta { background: #12805e; color: #fff; }
.te-internal-workspace .hub-access { display: flex; align-items: center; justify-content: center; gap: 9px; padding: 14px 18px; border-radius: 14px; color: var(--gray-mid); }
.te-internal-workspace .hub-access-dot { width: 6px; height: 6px; border-radius: 50%; background: #12805e; flex-shrink: 0; }
.te-internal-workspace .hub-access-text { font-size: 11px; line-height: 1.7; }
.te-internal-workspace .hub-system-card.is-locked { opacity: .45; pointer-events: none; cursor: default; }
.te-internal-workspace .hub-card-lock { position: absolute; top: 20px; right: 20px; display: flex; align-items: center; gap: 5px; border-radius: 8px; padding: 6px 9px; background: #f5f6f8; border: 1px solid var(--gray-line); color: var(--gray-mid); font-size: 9px; line-height: 1; }
.te-internal-workspace :focus-visible { outline: 2px solid #12805e; outline-offset: 4px; }
@media (max-width: 1050px) and (min-width: 769px) {
  body.te-internal-workspace { --sidebar-w: 232px; }
  .te-internal-workspace .beta-header-logo { padding: 0 18px; }
  .te-internal-workspace .beta-main { padding: 32px 24px 40px; }
  .te-internal-workspace .hub-system-card { padding: 24px; }
}
@media (max-width: 768px) {
  body.te-internal-workspace { --sidebar-w: 0px; --header-h: 68px; }
  .te-internal-workspace .beta-header { height: var(--header-h); gap: 4px; padding: 0 8px; }
  .te-internal-workspace .beta-header-logo { min-width: 98px; max-width: 112px; padding: 0 6px; }
  .te-internal-workspace .beta-header-logo img { height: 30px !important; max-width: 98px; }
  .te-internal-workspace .beta-header-section { padding: 0 6px; }
  .te-internal-workspace .beta-header-user { padding: 0 4px; }
  .te-internal-workspace .beta-header-user > div[style*="text-align:right"] { display: none; }
  .te-internal-workspace .beta-header-menu-toggle { width: 40px; height: 40px; border: 1px solid var(--gray-line); border-radius: 12px; box-shadow: none; }
  .te-internal-workspace .beta-sidebar { width: 280px; }
  .te-internal-workspace .beta-main { padding: 28px 18px 40px; }
  .te-internal-workspace .hub-systems { gap: 16px; }
  .te-internal-workspace .hub-system-card { padding: 24px; }
}
@media (max-width: 600px) {
  .te-internal-workspace .hub-systems { grid-template-columns: minmax(0, 1fr); }
  .te-internal-workspace .hub-subtitle { font-size: 14px; margin-bottom: 26px; }
  .te-internal-workspace .hub-card-name { font-size: 24px; }
  .te-internal-workspace .hub-card-desc { font-size: 13px; }
  .te-internal-workspace .hub-access { align-items: flex-start; padding: 12px 4px; }
  .te-internal-workspace .hub-access-dot { margin-top: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  .te-internal-workspace .hub-system-card { transition: none; }
}
/* Shared controls across Sales, Ops, CRM, Audience, Support, Media, and Team. */
body.te-internal-workspace {
  --radius-sm: 12px;
  --radius-md: 22px;
  --radius-lg: 26px;
  --shadow-card: 0 2px 6px rgba(27, 31, 44, .025);
  --shadow-raised: 0 12px 40px rgba(27, 31, 44, .10);
  --green-dark: #096448;
  --s: #12805e; --sl: #e8f4ef;
  --sales: #12805e; --sales-light: #e8f4ef;
  --ops: #12805e; --ops-light: #e8f4ef; --ops-mid: rgba(18,128,94,.08);
  --sp: #12805e; --sp-light: #e8f4ef; --sp-mid: rgba(18,128,94,.08);
  --support: #12805e; --support-light: #e8f4ef; --support-mid: rgba(18,128,94,.08);
  --crm: #12805e; --crm-light: #e8f4ef;
  --aud: #12805e; --aud-light: #e8f4ef;
  --int: #12805e; --int-light: #e8f4ef; --int-mid: rgba(18,128,94,.08);
}
.te-internal-workspace :is(.beta-main, .drawer, .modal, .modal-backdrop) * {
  font-family: 'Helvetica Neue', Arial, 'Sarabun', sans-serif !important;
}
.te-internal-workspace :is(code, pre, .code-input),
.te-internal-workspace :is(code, pre, .code-input) * { font-family: ui-monospace, SFMono-Regular, Consolas, monospace !important; }
.te-internal-workspace .beta-main { min-width: 0; }
.te-internal-workspace .beta-main :is(.page-header, .ms-page-header, .sp-page-header) { margin-bottom: 28px; gap: 18px; }
.te-internal-workspace .beta-main :is(h1, .page-title, .ms-page-title, .sp-page-title, .pg-title) {
  font-size: clamp(28px, 2.8vw, 40px) !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: -.035em !important;
  color: var(--black);
}
.te-internal-workspace .beta-main :is(.page-subtitle, .page-sub, .pg-sub, .ms-page-sub, .sp-page-subtitle) {
  font-size: 14px;
  line-height: 1.8;
  font-weight: 400;
  color: var(--gray-mid);
}
.te-internal-workspace .beta-main :is(.page-eyebrow, .pg-eyebrow, .ms-page-eyebrow, .sp-page-eyebrow) { color: #18785b; font-size: 10px; font-weight: 500; letter-spacing: .13em; }
.te-internal-workspace .beta-main :is(.card, .panel, .table-card, .section-card, .chart-section, .chart-card, .stat-card, .kpi, .metric, .ms-kpi-card, .sp-stat, .team-card, .src-card, .sum-card, .ks, .add-panel, .invite-form-panel, .cr-form-section, .ms-section, .list-table-wrap, .table-wrapper) {
  border: 1px solid var(--gray-line);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-card);
  background-color: #fff;
}
.te-internal-workspace .beta-main :is(.stat-card, .kpi, .ms-kpi-card, .sp-stat, .ks) { padding: 22px; min-width: 0; }
.te-internal-workspace .beta-main :is(.stat-card, .kpi)::before,
.te-internal-workspace .beta-main :is(.stat-card, .kpi)::after { display: none; }
.te-internal-workspace .beta-main :is(.stat-card-label, .stat-label, .kpi-label, .ms-kpi-label, .sp-stat-label, .ks-lbl) {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .01em;
  text-transform: none;
  line-height: 1.5;
  color: var(--gray-mid);
}
.te-internal-workspace .beta-main :is(.stat-card-val, .stat-value, .kpi-value, .ms-kpi-value, .sp-stat-value, .ks-val) {
  font-size: clamp(26px, 2.4vw, 36px);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -.035em;
  margin-top: 12px;
  margin-bottom: 8px;
}
.te-internal-workspace .beta-main :is(.stat-card-sub, .stat-change, .kpi-sub, .ms-kpi-sub, .ks-sub) { font-size: 11px; line-height: 1.6; font-weight: 400; }
.te-internal-workspace .beta-main :is(.sp-stat.active, .stat-card.accent) { border-color: #cce2d7; background: #f1f8f4; }
.te-internal-workspace :is(.btn, .btn-primary, .btn-ghost, .btn-outline, .btn-secondary, .btn-add, .btn-export, .sp-btn, .cr-btn, .tk-action-btn, .ms-btn, .da-btn) {
  border-radius: 12px;
  box-shadow: none;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1.4;
  min-height: 38px;
}
.te-internal-workspace :is(.btn-primary, .btn.primary, .btn.accent-internal, .btn-add, .sp-btn.primary, .cr-btn.primary, .ms-btn.primary, .da-btn.primary) {
  background: #12805e;
  border-color: #12805e;
  color: #fff;
}
.te-internal-workspace :is(.btn-primary, .btn.primary, .sp-btn.primary, .cr-btn.primary, .ms-btn.primary, .da-btn.primary):hover:not(:disabled) { background: #096448; border-color: #096448; }
.te-internal-workspace :is(.btn-ghost, .btn-outline, .btn-secondary, .btn-export, .sp-btn:not(.primary):not(.danger), .cr-btn:not(.primary):not(.danger)) { background: #fff; color: var(--gray-dark); border: 1px solid var(--gray-line); }
.te-internal-workspace :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]) {
  border-radius: 11px;
  border: 1px solid var(--gray-line);
  background-color: #f8f8fa;
  color: var(--gray-dark);
  font-size: 13px;
  font-weight: 400;
  min-height: 40px;
}
.te-internal-workspace :is(input, select, textarea):focus-visible { border-color: #12805e; outline: 2px solid #d5eadf; outline-offset: 2px; }
.te-internal-workspace :is(.filter-chip, .filter-tab, .month-chip, .sp-chip, .dept-btn, .list-filter-btn, .sp-filter-chip, .chart-tab, .module-tab) { border-radius: 10px; font-size: 11px; letter-spacing: 0; font-weight: 500; }
.te-internal-workspace :is(.filter-chip.is-active, .filter-tab.is-active, .filter-tab.active, .month-chip.is-active, .sp-chip.is-active, .dept-btn.is-active, .list-filter-btn.is-active, .sp-filter-chip.active, .chart-tab.active) { color: #147456; background: #e8f4ef; border-color: #cce2d7; }
.te-internal-workspace :is(.toolbar, .page-actions, .ms-page-actions, .sp-header-actions, .toolbar-actions) { gap: 10px; }
.te-internal-workspace .beta-main thead th { background: #fafafd; border-bottom: 1px solid var(--gray-line); color: var(--gray-mid); font-size: 10px; font-weight: 500; line-height: 1.5; letter-spacing: .07em; padding-top: 16px; padding-bottom: 16px; }
.te-internal-workspace .beta-main tbody td { border-color: var(--gray-line); padding-top: 15px; padding-bottom: 15px; line-height: 1.5; }
.te-internal-workspace :is(.pill, .badge, .role-badge, .sp-status, .tk-meta-pill) { border-radius: 8px; font-weight: 500; letter-spacing: .02em; }
.te-internal-workspace :is(.drawer, .modal, .modal-content, .modal-panel, .sp-detail, .cr-inspector) { border-color: var(--gray-line); box-shadow: var(--shadow-raised); }
.te-internal-workspace :is(.modal, .modal-content, .modal-panel) { border-radius: 22px; }
.te-internal-workspace :is(.drawer-head, .drawer-header, .modal-head, .modal-header, .section-card-header, .card-header) { border-color: var(--gray-line); background-color: #fff; }
/* Fixed-width scroll areas and editor/board positioning continue to use each page's layout. */
.te-internal-workspace :is(.stats-row, .stats-grid, .kpi-row, .ms-kpi-row, .sp-stats) { gap: 14px; }
.te-internal-workspace :is(.ms-root, .sp-page) { max-width: 1440px; margin-left: auto; margin-right: auto; }
@media (max-width: 768px) {
  .te-internal-workspace .beta-main :is(h1, .page-title, .ms-page-title, .sp-page-title, .pg-title) { font-size: 28px !important; }
  .te-internal-workspace .beta-main :is(.stat-card, .kpi, .ms-kpi-card, .sp-stat, .ks) { padding: 16px; border-radius: 18px; }
  .te-internal-workspace .beta-main :is(.stat-card-val, .stat-value, .kpi-value, .ms-kpi-value, .sp-stat-value, .ks-val) { font-size: 28px; }
  .te-internal-workspace :is(.page-header, .page-actions, .toolbar, .toolbar-actions, .sp-header-actions) { flex-wrap: wrap; }
  .te-internal-workspace .beta-main :is(.page-header-left, .search-wrap, .sp-search-wrap, .form-group, .form-field, .field, .stats-row > *, .kpi-row > *) { min-width: 0; }
}
/* Older page-specific names map to the same workspace components. */
.te-internal-workspace .beta-main :is(.ms-root, .list-root, .sp-page) { padding: 0; max-width: none; }
.te-internal-workspace .beta-main :is(.ms-table-wrap, .ms-quick-card, .ms-subtalk-card, .list-table, .data-table-wrap, .leads-table-wrap, .coming-card) { border: 1px solid var(--gray-line); border-radius: 22px; box-shadow: var(--shadow-card); background-color: #fff; }
.te-internal-workspace :is(.ms-new-btn, .list-new-btn, .st-new-btn, .btn-add-lead, .drawer-save-btn, .modal-save, .btn-save-modal, .tk-send-btn, .btn-confirm) { background: #12805e; color: #fff; border: 1px solid #12805e; border-radius: 12px; font-size: 12px; font-weight: 500; line-height: 1.4; letter-spacing: 0; text-transform: none; padding: 10px 16px; box-shadow: none; }
.te-internal-workspace :is(.ms-new-btn, .list-new-btn, .st-new-btn, .btn-add-lead, .drawer-save-btn, .modal-save, .btn-save-modal, .tk-send-btn, .btn-confirm):hover:not(:disabled) { background: #096448; border-color: #096448; }
.te-internal-workspace :is(.cr-btn.cr-btn-publish, .cr-btn.cr-btn-review, .ins-status-btn.is-publish) { background: #12805e; color: #fff; border-color: #12805e; }
.te-internal-workspace :is(.cr-btn.cr-btn-publish, .cr-btn.cr-btn-review, .ins-status-btn.is-publish):hover:not(:disabled) { background: #096448; border-color: #096448; }
.te-internal-workspace :is(.ins-status-btn, .row-btn, .drawer-act-btn, .list-action-btn, .imp-btn, .period-btn, .tab-btn, .view-btn) { border-radius: 10px; font-weight: 500; letter-spacing: 0; }
.te-internal-workspace :is(.row-btn.primary, .drawer-act-btn.primary, .imp-btn.primary, .tab-btn.is-active, .view-btn.is-active) { background: #e8f4ef; border-color: #cce2d7; color: #147456; }
.te-internal-workspace .beta-main :is(.cr-type-chip.is-active, .cr-type-chip.active) { background: #12805e; border-color: #12805e; color: #fff; }
.te-internal-workspace :is(.cr-breadcrumb a, .ms-see-all, .list-eyebrow) { color: #18785b; }
.te-internal-workspace .beta-main #leadsStatsRow > div { background: #fff !important; border-color: var(--gray-line) !important; border-radius: 22px !important; min-width: 0; }
.te-internal-workspace .beta-main #leadsStatsRow > div > div { line-height: 1.5 !important; }
@media (max-width: 768px) {
  .te-internal-workspace .beta-main :is(.filter-tabs, .tab-bar, .list-filter-group, .cr-toolbar-actions) { flex-wrap: wrap; max-width: 100%; }
  .te-internal-workspace .beta-main .tab-bar { width: 100%; }
  .te-internal-workspace .beta-main .tab-btn { padding-left: 12px; padding-right: 12px; }
  .te-internal-workspace .beta-main .settings-layout { grid-template-columns: minmax(0, 1fr); }
  .te-internal-workspace .beta-main :is(.settings-layout > *, .settings-panel, .list-root, .list-row > *) { min-width: 0; max-width: 100%; }
  .te-internal-workspace .beta-main .data-table-wrap { overflow-x: auto; }
  .te-internal-workspace .beta-main #leadsStatsRow { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .te-internal-workspace .beta-main #leadsSPBreakdown > div { overflow-x: auto !important; }
}
/* Inline avatar colors on older pages also follow the shared account treatment. */
.te-internal-workspace .beta-avatar { background: #e3f0e9 !important; }
.te-internal-workspace .beta-avatar span { color: #187459 !important; }
.te-internal-workspace .beta-main :is(.page-eyebrow, .pg-eyebrow, .ms-page-eyebrow, .sp-page-eyebrow) { color: #18785b !important; }
.te-internal-workspace :is(.drawer-act-primary, .modal-save, .imp-btn-primary) { background: #12805e; border-color: #12805e; color: #fff; }
.te-internal-workspace .beta-main :is(.ms-content-table, .sp-list, .sp-detail-panel) { border: 1px solid var(--gray-line); border-radius: 22px; background: #fff; box-shadow: var(--shadow-card); }
@media (max-width: 768px) {
  .te-internal-workspace #actionCenterCard > div > div:first-child { flex-wrap: wrap; gap: 12px; }
  .te-internal-workspace #actionCenterCard > div > div:first-child > div:nth-child(2) { flex-basis: 100%; min-width: 0; justify-content: flex-start !important; }
  .te-internal-workspace #actionCenterCard > div > div:first-child > div:nth-child(2) > div { flex-wrap: wrap; max-width: 100%; border-radius: 14px !important; }
}
.te-internal-workspace .beta-sidebar .beta-nav-item.is-active {
  background: #e8f4ef !important;
  color: #147456 !important;
  border-left-color: transparent !important;
  font-weight: 500;
}
.te-internal-workspace .int-sw-link.is-current { background: #e8f4ef; border-color: #cce2d7; color: #147456; }
.te-internal-workspace .int-sw-link.is-current .int-sw-dot { background: #12805e; }
.te-internal-workspace :is(.ms-td-type, .list-type) { min-width: 0; overflow-wrap: anywhere; line-height: 1.5; }