/* Clearer reading, explicit ownership and compact controls. */
:root { --ink:#263d31; --muted:#58675a; }
input::placeholder, textarea::placeholder { color:#657461; opacity:1; }
[hidden], #toast[hidden] { display:none !important; }
#toast { font-size:14px; line-height:1.6; max-width:min(600px,calc(100% - 32px)); }
.small { font-size:13px; }
.btn.small { font-size:13px; }
.btn, .tab { min-height:36px; }
.nav-item { font-size:14px; color:#536550; }
.nav-label, .brand-sub { color:#596a51; }
.workspace { font-size:14px; }
.workspace small, .connection { font-size:12px; color:#59694f; }
.sidebar { padding-top:22px; gap:20px; }
.profile { padding:13px 3px 0; }
.profile-name { font-size:14px; }
.profile-role { font-size:12px; color:#58694f; line-height:1.5; }
.demo-switch-sidebar { width:100%; font-size:13px; margin-top:-8px; padding:9px 7px; background:#e5ecde; border-color:#d4dfca; }
.demo-switch-mobile { display:none; }
.topbar { height:48px; padding-inline:20px; }
.top-actions { gap:12px; }
.current-account { display:inline-flex; align-items:center; gap:7px; font-size:13px; white-space:nowrap; }
.current-account small { font-size:12px; color:#53694d; padding:3px 6px; background:#eaf0e4; border-radius:5px; }
.logout-button { min-height:34px; padding:6px 10px; font-weight:500; }
.logout-button .icon { width:16px; height:16px; }
.breadcrumb { font-size:12px; color:#56664f; }
.demo-pill { font-size:12px; color:#765b1b; background:#f8efd6; }
.inbox-page { gap:8px; padding:11px 16px 10px; }
.inbox-page .heading { min-height:44px; }
.inbox-page > .heading h1 { font-size:22px; margin:0; }
.inbox-page > .heading p { margin-top:4px; font-size:12px; color:#56664f; }
.role-scope { display:inline-block; margin-left:10px; color:#425b3c; font-weight:500; }
.inbox-page .heading .btn { font-size:14px; padding:8px 12px; }
.inbox-page .metric { padding:8px 12px; gap:8px; min-height:39px; }
.inbox-page .metric-label { font-size:13px; color:#4d6048; }
.inbox-page .metric-value { font-size:20px; }
.metric.selected { border-color:#547346; background:#e9f0e1; box-shadow:inset 0 0 0 1px #547346; }
.metric.red .metric-value { color:#a43f32; }
.inbox { grid-template-columns:310px minmax(0,1fr); }
.list-tools { padding:11px 13px 9px; }
.search-box { min-height:37px; border-color:#dce4d4; }
.search-box input { font-size:14px; padding:8px 0; }
.search-box svg { color:#5c7051; }
.tabs { margin-top:8px; gap:3px; flex-wrap:wrap; }
.tab { padding:7px 10px; font-size:13px; color:#55684b; }
.tab.active { background:#e1ebd7; color:#284d27; }
.filter-summary { display:flex; gap:6px; flex-wrap:wrap; align-items:center; }
.filter-summary:not(:empty) { margin-top:9px; }
.scope-explanation { width:100%; font-size:12px; line-height:1.6; color:#52664a; margin:2px 0 0; }
.filter-chip { display:inline-flex; align-items:center; gap:5px; font-size:12px; line-height:1.5; color:#315526; border:1px solid #bbcea9; background:#edf4e6; border-radius:6px; padding:5px 7px; max-width:100%; overflow-wrap:anywhere; text-align:left; }
.filter-chip .icon { width:13px; height:13px; }
.clear-filters { font-size:12px; padding:5px 0; color:#4e653f; text-decoration:underline; text-underline-offset:3px; }
.list-label { padding:10px 15px; font-size:12px; color:#58684e; }
.mail-card { padding:13px 15px; }
.mail-card .company { font-size:14px; color:#2f4930; }
.mail-card .time { font-size:12px; color:#62705a; }
.mail-card h3 { font-size:15px; font-weight:600; line-height:1.55; margin:7px 0 6px; }
.mail-card p { font-size:14px; color:#58694e; line-height:1.65; margin-bottom:9px; }
.mail-card.active { background:#ecf3e4; }
.mini-owner { font-size:12px; color:#526449; }
.badge { font-size:12px; padding:6px 8px; font-weight:500; }
.badge.open { color:#79580b; background:#fbf0d2; }
.badge.wait { color:#365b6b; background:#e7f0f5; }
.badge.closed { color:#315e40; background:#e5f0e5; }
.badge.red { color:#973a2b; background:#fcebe5; }
.badge.gray { color:#56624f; background:#eaf0e5; }
.priority-star { color:#886114; }
.followup-hint { margin-top:8px; font-size:12px; color:#6d5b24; }
.case-number { font-size:12px; letter-spacing:.5px; color:#5c6d50; }
.detail-header h2 { font-size:18px; }
.detail-header .btn.small { font-size:13px; }
.detail-meta { flex-wrap:wrap; gap:9px; }
.detail-meta .small { font-size:12px; }
.case-owner { display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:13px; color:#53644a; }
.case-owner strong { font-weight:600; color:#304d2e; }
.case-owner .btn { padding:5px 10px; min-height:32px; }
.assignment-actions { flex-wrap:wrap; }
.unassign-action { margin-right:auto; color:#963c30; border-color:#dfb7ad; }
.reading-label { font-size:13px; color:#456837; }
.message-head .sender { font-size:14px; color:#29422f; }
.message-head .sub, .message-head time { font-size:12px; color:#5e6e53; }
.message .body { font-size:15px; line-height:1.85; color:#304735; }
.message.note .body, .message.system .body { font-size:14px; color:#695824; }
.message.note .sender { font-size:13px; color:#695824; }
.delivery { font-size:12px; color:#4f683f; }
.delivery.danger { color:#9b392b; }
.attachment { font-size:13px; }
.thread-history > summary { font-size:13px; color:#526b44; }
.thread-history > summary span { font-size:12px; color:#5e7251; }
.context-panel { width:190px; }
.context-panel h4 { font-size:12px; color:#5d6f50; }
.context-customer strong { font-size:14px; }
.context-customer small, .context-field label { font-size:12px; color:#5e7051; }
.context-field span { font-size:13px; }
.event { font-size:12px; color:#4b633e; }
.event small { font-size:12px; color:#617453; }
.reply-launcher .btn { font-size:14px; }
.reply-launcher .demo-incoming { font-size:12px; }
.compose-tabs button, .compose-tabs .from { font-size:13px; color:#526b43; }
.compose-recipient { font-size:13px; color:#5b6d4b; }
.compose-box textarea { font-size:15px; }
.compose-footer .hint, .compose-notice { font-size:12px; color:#666143; }
.compose-footer .btn { font-size:14px; }
.stale { font-size:13px; color:#775811; }
.empty { padding:26px 20px; min-height:160px; color:#52664a; }
.empty h3 { font-size:16px; }
.empty p { font-size:14px; color:#5a6c4f; }
.empty-action { display:flex; margin:0 auto 25px; font-size:13px; }
.panel p, .table, .intro, dialog .intro { font-size:14px; color:#526548; }
.table th, .table td small, .field label { font-size:13px; color:#5a6c4c; }
.notice { font-size:13px; color:#785e20; }
.login-box p { font-size:14px; color:#576c49; }
.login-user small { font-size:12px; color:#61734e; }
.new-mail-envelope label, .new-mail-field-label { font-size:13px; color:#546b44; }
.new-mail-envelope input, .new-mail-identity strong { font-size:14px; }
.new-mail-message textarea { font-size:15px; }
.new-mail-sender, .new-mail-attachment-hint, .new-mail-count, .new-mail-footer-note, .new-mail-footer-note small { font-size:12px; color:#5c6e4e; }
.new-mail-envelope input::placeholder, .new-mail-message textarea::placeholder { color:#647759; }
.new-mail-footer-actions .btn { font-size:14px; }
.new-mail-footer-note small { margin-top:0; }
@media(max-width:1300px) { .inbox { grid-template-columns:290px minmax(0,1fr); } }
@media(max-width:980px) {
  .demo-switch-sidebar { display:none; }
  .demo-switch-mobile { display:inline-flex; }
  .top-actions { gap:8px; }
  .inbox { grid-template-columns:280px minmax(0,1fr); }
}
@media(max-height:740px) and (min-width:721px) {
  .show-detail .inbox-page > .heading p { display:block; }
  .inbox-page > .heading h1 { font-size:19px; }
  .inbox-page { padding-block:8px; }
  .detail-header { padding-block:6px 9px; }
}
@media(max-width:720px) {
  .topbar { padding-inline:10px; height:46px; }
  .breadcrumb { display:none; }
  .top-actions { width:100%; justify-content:space-between; gap:6px; }
  .current-account { font-size:13px; min-width:0; overflow:hidden; text-overflow:ellipsis; }
  .current-account small { font-size:11px; }
  .demo-pill { display:none; }
  .demo-switch-mobile { order:1; font-size:12px; min-height:33px; padding:5px 8px; }
  .logout-button { order:2; font-size:12px; padding:5px 8px; }
  .logout-button .icon { display:none; }
  .sidebar { padding-top:4px; height:60px; }
  .sidebar .nav-item { font-size:11px; padding:5px 7px; }
  .sidebar .nav-item .icon { width:19px; height:19px; }
  .sidebar .demo-switch-sidebar { display:none; }
  .inbox-page { padding:9px 8px 5px; gap:7px; }
  .inbox-page .heading { min-height:40px; align-items:flex-start; }
  .inbox-page > .heading h1 { font-size:21px; }
  .inbox-page > .heading p { font-size:12px; }
  .service-identity { display:none; }
  .role-scope { display:block; margin-left:0; margin-top:2px; }
  .inbox-page .heading .btn { font-size:13px; padding:7px 9px; }
  .inbox-page .metric { padding:7px 4px; gap:3px; min-height:52px; }
  .inbox-page .metric-label { font-size:12px; white-space:nowrap; }
  .inbox-page .metric-value { font-size:18px; }
  .list-tools { padding:9px 10px 7px; }
  .search-box input { font-size:16px; padding:6px 0; }
  .tabs { margin-top:6px; }
  .tab { font-size:13px; padding:6px 10px; min-height:33px; }
  .list-label { font-size:12px; padding:7px 12px; }
  .mail-card { padding:12px; }
  .mail-card .company { font-size:14px; }
  .mail-card h3 { font-size:15px; margin:5px 0; }
  .mail-card p { font-size:14px; }
  .mail-card .time, .mini-owner, .badge { font-size:12px; }
  .detail-header h2 { font-size:16px; }
  .detail-header .case-number { font-size:12px; }
  .detail-meta .small { font-size:12px; }
  .case-owner { font-size:13px; }
  .message-head .sender { font-size:14px; }
  .message-head .sub, .message-head time { font-size:12px; }
  .message-head { flex-wrap:wrap; gap:7px; }
  .message-head time { margin-left:35px; padding:0; }
  .message .body { font-size:15px; }
  .reply-launcher .btn { font-size:13px; padding:8px 9px; }
  .reply-launcher .demo-incoming { font-size:12px; }
  .compose-box textarea, .new-mail-message textarea, .new-mail-envelope input { font-size:16px; }
  .compose-footer .hint { font-size:12px; max-width:150px; }
  .compose-footer .btn { font-size:13px; }
  .login-users { grid-template-columns:1fr; }
  .login-user { font-size:14px; padding:12px; }
  .login-user small { font-size:12px; }
  .new-mail-footer { flex-wrap:wrap; }
  .new-mail-footer-note { width:100%; font-size:12px; }
  .new-mail-footer-note small { display:none; }
  .new-mail-footer-actions { margin-left:auto; }
  .new-mail-attachment-hint { display:none; }
  .new-mail-identity strong { font-size:13px; }
}
@media(max-width:360px) {
  .current-account small { display:none; }
  .inbox-page .metric-label { font-size:11px; }
}

/* Keep the short scope labels on one row, including narrow side panels. */
.tabs { flex-wrap:nowrap; }
.tabs .tab { flex:1 1 0; min-width:0; white-space:nowrap; padding-inline:6px; }