/* 2026-07 销售执行、周任务、移动端和正式账号增强 */

.enhanced-top-actions { display: flex; align-items: center; gap: 7px; }
.top-icon-button { position: relative; min-width: 38px; min-height: 36px; padding: 0 30px 0 11px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--ink-soft); font-size: 12px; }
.top-icon-button .count-dot { position: absolute; top: -5px; left: -5px; min-width: 18px; height: 18px; display: grid; place-items: center; padding: 0 5px; border-radius: 9px; background: var(--coral); color: #fff; font-size: 9px; }

.sales-workbench, .manager-command { margin-bottom: 18px; }
.workbench-hero { display: grid; grid-template-columns: minmax(300px,1.25fr) minmax(240px,.75fr); gap: 14px; }
.next-call-card, .weekly-progress-card, .manager-command-card { border: 1px solid var(--line); border-radius: 15px; background: var(--surface); box-shadow: var(--shadow-soft); }
.next-call-card { padding: 22px; background: linear-gradient(130deg,#173f32,#29795b); color: #fff; }
.next-call-card .panel-kicker { color: #bfe0d0; }
.next-call-person { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; }
.next-call-person h2 { font-size: 23px; }
.next-call-person p { margin: 7px 0 0; color: #cce1d7; line-height: 1.6; }
.next-call-actions { display: flex; gap: 8px; margin-top: 20px; }
.next-call-actions a, .next-call-actions button { flex: 1; min-height: 43px; display: inline-flex; align-items: center; justify-content: center; border-radius: 9px; text-decoration: none; font-weight: 700; }
.next-call-actions a { background: #fff; color: var(--green-deep); }
.next-call-actions button { border: 1px solid rgba(255,255,255,.35); background: rgba(255,255,255,.1); color: #fff; }
.weekly-progress-card { padding: 20px; }
.weekly-progress-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.weekly-progress-head strong { font-size: 20px; }
.weekly-progress-head span { color: var(--muted); font-size: 10px; }
.weekly-progress-track { height: 10px; margin-top: 16px; overflow: hidden; border-radius: 5px; background: #edf0ee; }
.weekly-progress-track i { display: block; height: 100%; background: linear-gradient(90deg,var(--green),#69ad8f); }
.weekly-remaining-banner { display: flex; align-items: center; gap: 9px; margin-top: 12px; padding: 10px 11px; border-left: 3px solid var(--coral); background: var(--coral-soft); color: #8f453c; font-size: 10px; line-height: 1.45; }
.weekly-remaining-banner b { flex: 0 0 auto; font-size: 11px; }
.weekly-remaining-banner.complete { border-left-color: var(--green); background: var(--green-soft); color: var(--green-deep); }
.weekly-progress-meta { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 15px; }
.weekly-progress-meta div { padding: 10px; background: var(--surface-soft); text-align: center; }
.weekly-progress-meta strong { display: block; font-size: 17px; }
.weekly-progress-meta span { display: block; margin-top: 4px; color: var(--muted); font-size: 9px; }
.weekly-progress-meta em { display: block; margin-top: 4px; color: var(--coral); font-size: 9px; font-style: normal; font-weight: 700; }
.workbench-queue { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin-top: 12px; }
.queue-card { min-height: 90px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 15px; border: 1px solid var(--line); border-radius: 12px; background: #fff; box-shadow: var(--shadow-soft); }
.queue-card strong { display: block; font-size: 22px; }
.queue-card span { color: var(--muted); font-size: 10px; }
.queue-card button { border: 0; background: transparent; color: var(--green); font-weight: 700; }

.manager-command-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }
.manager-command-card { min-height: 102px; padding: 16px; }
.manager-command-card span { color: var(--muted); font-size: 10px; }
.manager-command-card strong { display: block; margin-top: 9px; font-size: 22px; }
.manager-command-card p { margin: 6px 0 0; color: var(--ink-soft); font-size: 10px; line-height: 1.5; }

.customer-source-overview { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-bottom: 12px; }
.source-overview-card { position: relative; min-height: 104px; display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 5px 12px; overflow: hidden; padding: 17px 19px; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: var(--shadow-soft); }
.source-overview-card::after { content: ""; position: absolute; right: -24px; top: -38px; width: 112px; height: 112px; border-radius: 50%; background: rgba(31,118,86,.07); }
.source-overview-card.archive::after { background: rgba(181,132,61,.09); }
.source-overview-card span { grid-column: 1; color: var(--muted); font-size: 10px; }
.source-overview-card strong { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: var(--green-deep); font-size: 30px; z-index: 1; }
.source-overview-card.archive strong { color: #916922; }
.source-overview-card b { grid-column: 1; font-size: 15px; }
.source-segment-tabs { padding: 5px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-soft); }
.customer-source-badge { display: inline-flex; width: fit-content; align-items: center; min-height: 22px; margin-top: 6px; padding: 0 8px; border-radius: 11px; color: var(--green-deep); background: var(--green-soft); font-size: 9px; font-weight: 750; }
.customer-source-badge.wechat_archive { color: #76551f; background: var(--gold-soft); }

.followup-management { margin-bottom: 14px; padding: 17px; }
.followup-management-table { overflow-x: auto; }
.followup-management-table table { min-width: 680px; }
.followup-management-table td, .followup-management-table th { padding: 10px 12px; }
.quota-progress { display: inline-flex; min-width: 56px; justify-content: center; padding: 5px 8px; border-radius: 12px; color: #91483e; background: var(--coral-soft); font-weight: 750; }
.quota-progress.done { color: var(--green-deep); background: var(--green-soft); }
.dual-followup-layout { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(310px,.7fr); gap: 16px; align-items: start; }
.followup-zone-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; align-items: start; }
.followup-zone { min-width: 0; padding: 14px; border: 1px solid var(--line); border-radius: 15px; background: var(--surface-soft); }
.followup-zone.new-wechat-zone { border-top: 3px solid var(--green); }
.followup-zone.archive-zone { border-top: 3px solid var(--gold); }
.followup-zone-head { display: grid; grid-template-columns: 1fr auto; gap: 4px 10px; min-height: 118px; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.followup-zone-head h2 { margin-top: 6px; font-size: 17px; }
.followup-zone-head p { margin: 5px 0 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.followup-zone-head > strong { align-self: center; color: var(--green-deep); font-size: 22px; text-align: right; }
.archive-zone .followup-zone-head > strong { color: #8b661f; }
.followup-zone-head > strong small { display: block; margin-top: 3px; color: var(--muted); font-size: 8px; font-weight: 500; }
.followup-zone-head > span { grid-column: 1 / -1; color: var(--muted); font-size: 9px; }
.followup-zone .task-card { padding: 12px; grid-template-columns: 4px minmax(0,1fr); }
.followup-zone .task-date { grid-column: 2; font-size: 9px; }

.followup-quota-panel { grid-column: 1 / -1; }
.task-feature-panel { grid-column: 1 / -1; }
.task-feature-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.task-feature-toggle { position: relative; display: flex; align-items: flex-start; gap: 12px; min-height: 112px; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-soft); cursor: pointer; transition: border-color .18s ease, background .18s ease, transform .18s ease; }
.task-feature-toggle:hover { border-color: var(--green); background: #f5fbf8; transform: translateY(-1px); }
.task-feature-toggle input { width: 20px; height: 20px; margin-top: 2px; accent-color: var(--green); flex: 0 0 auto; }
.task-feature-toggle span { display: grid; gap: 7px; }
.task-feature-toggle strong { color: var(--ink); font-size: 14px; }
.task-feature-toggle small { color: var(--muted); font-size: 11px; line-height: 1.6; }
.task-feature-toggle:has(input:checked) { border-color: var(--green); background: #edf8f2; box-shadow: inset 3px 0 0 var(--green); }
.task-feature-toggle:has(input:disabled) { cursor: default; transform: none; }
.followup-quota-grid { display: grid; gap: 8px; }
.followup-quota-row { display: grid; grid-template-columns: minmax(180px,1fr) minmax(180px,.8fr) minmax(180px,.8fr); align-items: center; gap: 12px; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-soft); }
.quota-employee { display: flex; align-items: center; gap: 10px; }
.quota-employee strong, .quota-employee small { display: block; }
.quota-employee small { margin-top: 4px; color: var(--muted); font-size: 9px; }
.followup-quota-row label { display: grid; grid-template-columns: 1fr 72px; align-items: center; gap: 4px 8px; color: var(--ink-soft); font-size: 10px; }
.followup-quota-row input { width: 72px; height: 36px; padding: 0 8px; border: 1px solid var(--line-strong); border-radius: 7px; background: #fff; }
.followup-quota-row label small { grid-column: 1 / -1; color: var(--muted); }
.dual-quota-mini { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; margin: 12px 0; }
.dual-quota-mini div { padding: 9px 10px; border-radius: 8px; background: var(--surface-soft); }
.dual-quota-mini span, .dual-quota-mini small { display: block; color: var(--muted); font-size: 9px; }
.dual-quota-mini strong { display: block; margin: 4px 0; font-size: 16px; }

.weekly-task-panel { margin-bottom: 18px; }
.weekly-task-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.weekly-task-dates { color: var(--muted); font-size: 11px; }
.weekly-task-grid { display: grid; grid-template-columns: repeat(3,minmax(250px,1fr)); gap: 10px; }
.weekly-task-item { padding: 15px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface-soft); }
.weekly-task-item-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.weekly-task-item label { display: flex; align-items: center; gap: 7px; margin-top: 12px; color: var(--muted); font-size: 10px; }
.weekly-task-item input { width: 72px; height: 34px; border: 1px solid var(--line-strong); border-radius: 6px; padding: 0 8px; }
.weekly-task-result { color: var(--green-deep); font-size: 10px; }

.customer-tags { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
.customer-tag { display: inline-flex; align-items: center; min-height: 22px; padding: 0 7px; border-radius: 11px; color: #53645c; background: #edf1ef; font-size: 9px; }
.customer-tag.risk { color: #93473d; background: var(--coral-soft); }
.batch-toolbar { display: none; align-items: center; gap: 8px; margin: 0 0 10px; padding: 10px 12px; border: 1px solid #bfd4c9; border-radius: 9px; background: var(--green-soft); }
.batch-toolbar.show { display: flex; }
.batch-toolbar span { margin-right: auto; color: var(--green-deep); font-size: 11px; font-weight: 700; }
.row-select { width: 16px; height: 16px; accent-color: var(--green); }
.mobile-customer-list, .mobile-customer-action-bar { display: none; }
.mobile-customer-card { padding: 15px; border: 1px solid var(--line); border-radius: 13px; background: #fff; box-shadow: var(--shadow-soft); }
.mobile-customer-card.selected { border-color: #78a990; box-shadow: 0 0 0 2px rgba(31,118,86,.08); }
.mobile-customer-card.low-priority, .low-priority-row { opacity: .76; background: #f8f8f6; }
.mobile-customer-head { display: flex; justify-content: space-between; gap: 10px; }
.mobile-customer-name { font-weight: 750; line-height: 1.45; }
.mobile-customer-sub { margin-top: 5px; color: var(--muted); font-size: 11px; }
.mobile-customer-status { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 12px; }
.mobile-customer-next { margin-top: 12px; padding: 10px; border-left: 3px solid var(--gold); background: var(--gold-soft); color: #745824; font-size: 10px; line-height: 1.55; }
.mobile-card-actions { display: grid; grid-template-columns: repeat(4,1fr); gap: 6px; margin-top: 12px; }
.mobile-card-actions a, .mobile-card-actions button { min-height: 42px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--ink-soft); text-decoration: none; font-size: 11px; }
.mobile-card-actions .primary-mobile { border-color: #aacdbc; background: var(--green-soft); color: var(--green-deep); font-weight: 700; }

.dialer-person { padding: 18px; border-radius: 13px; background: linear-gradient(125deg,#183d31,#28785a); color: #fff; }
.dialer-person strong { display: block; font-size: 21px; }
.dialer-person span { display: block; margin-top: 7px; color: #cce1d7; }
.dialer-result-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; margin: 16px 0; }
.dialer-result-grid label { min-height: 48px; display: flex; align-items: center; gap: 9px; padding: 0 12px; border: 1px solid var(--line); border-radius: 9px; background: #fff; cursor: pointer; }
.dialer-result-grid input { accent-color: var(--green); }
.quick-note-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.quick-note-chip { min-height: 30px; border: 1px solid var(--line); border-radius: 15px; background: var(--surface-soft); color: var(--ink-soft); font-size: 10px; }
.voice-note-button.listening { background: var(--coral-soft); color: var(--coral); }

.global-search-input { width: 100%; height: 46px; border: 1px solid var(--line-strong); border-radius: 10px; padding: 0 14px; font-size: 15px; outline: 0; }
.search-result-list, .notification-list, .audit-log-list { display: flex; flex-direction: column; gap: 8px; margin-top: 14px; }
.search-result-item, .notification-item, .audit-log-item { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 12px; padding: 12px; border: 1px solid var(--line); border-radius: 9px; background: #fff; }
.search-result-item strong, .notification-item strong { display: block; }
.search-result-item span, .notification-item span, .audit-log-item span { display: block; margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.5; }
.notification-item.overdue { border-left: 3px solid var(--coral); }
.recent-customer-strip { display: flex; gap: 8px; margin-top: 12px; overflow-x: auto; }
.recent-customer-strip button { min-width: 150px; min-height: 48px; padding: 0 12px; border: 1px solid var(--line); border-radius: 9px; background: #fff; text-align: left; }

.tag-choice-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; }
.tag-choice-grid label { min-height: 42px; display: flex; align-items: center; gap: 8px; padding: 0 11px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-soft); }
.tag-choice-grid input { accent-color: var(--green); }
.lost-reason-list { display: grid; gap: 8px; }
.lost-reason-list label { min-height: 44px; display: flex; align-items: center; gap: 9px; padding: 0 12px; border: 1px solid var(--line); border-radius: 8px; }
.performance-breakdown { display: grid; gap: 10px; }
.performance-breakdown-row { display: grid; grid-template-columns: 120px 1fr 54px; gap: 10px; align-items: center; }
.performance-breakdown-track { height: 8px; border-radius: 4px; background: #edf0ee; overflow: hidden; }
.performance-breakdown-track i { display: block; height: 100%; background: var(--green); }
.performance-breakdown-row b { text-align: right; }
.analysis-item { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 42px; padding: 0 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-soft); }
.analysis-item span { color: var(--ink-soft); }
.analysis-item strong { color: var(--green-deep); }

.import-error-summary { display: none; margin-top: 12px; padding: 12px; border: 1px solid #e9b5ae; border-radius: 8px; background: var(--coral-soft); color: #84443b; font-size: 11px; line-height: 1.6; }
.import-error-summary.show { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.pagination-bar { display: flex; justify-content: flex-end; align-items: center; gap: 8px; margin-top: 10px; }
.pagination-bar button { min-height: 34px; border: 1px solid var(--line); border-radius: 7px; background: #fff; }
.pagination-bar span { color: var(--muted); font-size: 10px; }

.account-status-panel { margin-top: 18px; }
.account-status-line { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.account-status-line:last-child { border-bottom: 0; }
.service-badge { padding: 4px 8px; border-radius: 12px; color: #77551f; background: var(--gold-soft); font-size: 10px; }
.service-badge.online { color: var(--green-deep); background: var(--green-soft); }

.login-overlay { position: fixed; inset: 0; z-index: 500; display: none; place-items: center; padding: 20px; background: linear-gradient(145deg,#10251e,#1d4939); }
.login-overlay.show { display: grid; }
.login-card { width: min(430px,100%); padding: 30px; border-radius: 18px; background: #fff; box-shadow: 0 35px 100px rgba(0,0,0,.35); }
.login-brand { display: flex; gap: 12px; align-items: center; margin-bottom: 25px; }
.login-card h1 { font-size: 24px; }
.login-card p { color: var(--muted); line-height: 1.6; }
.login-error { min-height: 20px; margin-bottom: 8px; color: var(--coral); font-size: 11px; }
.login-card .primary-button { width: 100%; min-height: 44px; }
.login-demo-note { margin-top: 14px; padding: 10px; border-radius: 8px; background: var(--surface-soft); font-size: 10px; }
.login-icp-link { display: block; margin-top: 16px; color: var(--muted); text-align: center; text-decoration: none; font-size: 11px; }
.login-icp-link:hover { color: var(--green); text-decoration: underline; }

.password-guidance { margin-bottom: 16px; padding: 12px 14px; border-left: 3px solid var(--green); background: var(--green-soft); color: var(--green-deep); font-size: 11px; line-height: 1.65; }
.form-error { min-height: 20px; color: var(--coral); font-size: 11px; line-height: 1.5; }
.required-password-change { z-index: 600; }
.required-password-change .modal { box-shadow: 0 34px 110px rgba(9,29,22,.42); }
.account-management-panel { margin-top: 18px; }
.account-create-card { padding: 17px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-soft); }
.account-create-card > div:first-child { margin-bottom: 14px; }
.account-create-card p { margin: 5px 0 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.account-create-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 12px; }
.account-create-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.account-create-actions .form-error { flex: 1; }
.managed-user-list { margin-top: 18px; }
.managed-user-summary { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; margin-bottom: 12px; }
.managed-user-summary div { padding: 12px; border: 1px solid var(--line); border-radius: 9px; background: #fff; }
.managed-user-summary span { display: block; color: var(--muted); font-size: 10px; }
.managed-user-summary strong { display: block; margin-top: 5px; font-size: 20px; }
.managed-user-rows { display: grid; gap: 8px; }
.managed-user-row { display: grid; grid-template-columns: minmax(190px,1fr) auto auto; align-items: center; gap: 12px; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.managed-user-identity { display: flex; align-items: center; gap: 10px; min-width: 0; }
.managed-user-avatar { width: 36px; height: 36px; display: grid; flex: 0 0 auto; place-items: center; border-radius: 11px; background: var(--green-soft); color: var(--green-deep); font-weight: 800; }
.managed-user-identity strong, .managed-user-identity span { display: block; }
.managed-user-identity span { margin-top: 4px; color: var(--muted); font-size: 10px; }
.account-state { padding: 5px 9px; border-radius: 12px; font-size: 10px; white-space: nowrap; }
.account-state.active { color: var(--green-deep); background: var(--green-soft); }
.account-state.disabled { color: #8f453c; background: var(--coral-soft); }
.managed-user-actions { display: flex; gap: 7px; }
.managed-user-actions button { min-height: 34px; padding: 0 11px; }
.danger-outline { border-color: #e0aaa3; color: #9a463b; }

.onboarding-steps { display: grid; gap: 10px; }
.onboarding-step { display: grid; grid-template-columns: 34px 1fr; gap: 11px; padding: 12px; border: 1px solid var(--line); border-radius: 9px; }
.onboarding-step b { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: var(--green-soft); color: var(--green-deep); }
.onboarding-step strong { display: block; }
.onboarding-step span { display: block; margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.5; }

body.compact-ui .view { padding-top: 26px; }
body.compact-ui .page-heading { margin-bottom: 18px; }
body.compact-ui td { padding-top: 11px; padding-bottom: 11px; }

@media (max-width: 1180px) {
  .weekly-task-grid { grid-template-columns: repeat(2,1fr); }
  .manager-command-grid { grid-template-columns: repeat(2,1fr); }
  .workbench-queue { grid-template-columns: repeat(2,1fr); }
  .dual-followup-layout { grid-template-columns: 1fr; }
  .dual-followup-layout .task-detail { position: static; }
}

@media (max-width: 820px) {
  .enhanced-top-actions { margin-left: auto; }
  .top-icon-button { min-width: 40px; width: 40px; padding: 0 !important; font-size: 0; }
  .top-icon-button::before { font-size: 10px; font-weight: 700; }
  #globalSearchButton::before { content: "搜"; }
  #notificationButton::before { content: "通"; }
  #onboardingButton::before { content: "帮"; }
  #accountSecurityButton::before { content: "密"; }
  #logoutButton::before { content: "退"; }
  .workbench-hero { grid-template-columns: 1fr; }
  .weekly-task-grid, .manager-command-grid, .workbench-queue { grid-template-columns: 1fr 1fr; }
  .customer-table-desktop { display: none; }
  .mobile-customer-list { display: grid; gap: 10px; }
  .mobile-customer-action-bar { position: fixed; z-index: 45; left: 10px; right: 10px; bottom: 10px; display: grid; grid-template-columns: repeat(4,1fr); gap: 5px; padding: 7px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.96); box-shadow: 0 18px 45px rgba(31,52,44,.18); backdrop-filter: blur(10px); }
  .mobile-customer-action-bar[hidden] { display: none !important; }
  .mobile-customer-action-bar a, .mobile-customer-action-bar button { min-height: 48px; display: grid; place-items: center; border: 0; border-radius: 8px; background: var(--surface-soft); color: var(--ink-soft); text-decoration: none; font-size: 10px; }
  .mobile-customer-action-bar .primary-mobile { background: var(--green); color: #fff; }
  .batch-toolbar { align-items: stretch; flex-wrap: wrap; }
  .followup-zone-grid, .followup-quota-row, .task-feature-grid { grid-template-columns: 1fr; }
  .followup-quota-row label { grid-template-columns: 1fr 72px; }
  .button-help { width: 22px; height: 22px; font-size: 11px; }
  .button-help::before { content: ""; position: absolute; inset: -2px; }
  .top-icon-button .button-help { top: -4px; right: -4px; width: 16px; height: 16px; font-size: 8px; }
  .top-icon-button .button-help::before { inset: 0; }
  .quiet-button { display: none; }
}

@media (max-width: 520px) {
  .workbench-queue, .weekly-task-grid, .manager-command-grid { grid-template-columns: 1fr; }
  .customer-source-overview { grid-template-columns: 1fr; }
  .weekly-progress-meta { grid-template-columns: repeat(3,1fr); }
  .dialer-result-grid, .tag-choice-grid { grid-template-columns: 1fr; }
  .next-call-person { flex-direction: column; }
  .next-call-actions { flex-direction: column; }
  .search-result-item, .notification-item { grid-template-columns: 1fr; }
  .account-create-grid, .managed-user-summary { grid-template-columns: 1fr; }
  .account-create-actions { align-items: stretch; flex-direction: column; }
  .managed-user-row { grid-template-columns: 1fr; }
  .managed-user-actions { display: grid; grid-template-columns: repeat(2,1fr); }
}