/* Compact workspace layout: hierarchy and spacing only. Keep colors and behavior intact. */
body[data-page-mode="standalone"] { --section-gap: 12px; }
body[data-page-mode="standalone"] .news-ticker { height: 28px; }
body[data-page-mode="standalone"] .main-content { width: min(100%, 1440px); padding: 12px 18px 96px; gap: 12px; }
body.crm-calculator-popup-open { overflow: hidden; }
.crm-calculator-popup[hidden] { display: none !important; }
.crm-calculator-popup { position: fixed; z-index: 16000; inset: 0; display: grid; place-items: center; padding: 16px; background: rgba(7, 19, 34, .66); backdrop-filter: blur(7px); }
.crm-calculator-popup-card { display: grid; grid-template-rows: auto minmax(0, 1fr); width: min(1220px, 96vw); height: min(900px, 94vh); overflow: hidden; border: 1px solid rgba(255,255,255,.35); border-radius: 22px; background: #f4f7fb; box-shadow: 0 30px 90px rgba(3, 15, 31, .45); animation: crmCalculatorPopupIn .18s ease-out; }
.crm-calculator-popup-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 16px; color: #17365d; background: #fff; border-bottom: 1px solid #d7e1ed; }
.crm-calculator-popup-head > div { display: grid; gap: 1px; }
.crm-calculator-popup-head .eyebrow { margin: 0; font-size: .68rem; color: #7388a4; }
.crm-calculator-popup-head strong { font-size: 1.08rem; }
.crm-calculator-popup-close { display: grid; width: 34px; height: 34px; place-items: center; flex: 0 0 34px; border: 1px solid #cfdae7; border-radius: 50%; color: #17365d; background: #f7fafd; font-size: 1.45rem; line-height: 1; cursor: pointer; }
.crm-calculator-popup-close:hover { color: #fff; background: #17365d; }
.crm-calculator-popup-frame { display: block; width: 100%; height: 100%; min-height: 0; border: 0; background: #f4f7fb; }
@keyframes crmCalculatorPopupIn { from { opacity: 0; transform: translateY(10px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }
body[data-page-mode="standalone"] .app-main { width: min(100%, 1440px); margin-inline: auto; padding: 12px 18px 96px; display: grid; gap: 12px; }
body[data-page-mode="standalone"] .topbar { min-height: 58px; padding: 11px 14px; border-radius: 14px; gap: 10px; }
body[data-page-mode="standalone"] .topbar > div:first-child { display: block !important; min-width: 0; flex: 1 1 auto; }
body[data-page-mode="standalone"] .topbar .eyebrow { margin-bottom: 3px; font-size: .72rem; }
body[data-page-mode="standalone"] .topbar h2 { margin: 0; font-size: clamp(1rem, 1.55vw, 1.35rem); line-height: 1.35; }
body[data-page-mode="standalone"] .content-section.active { display: grid; min-height: 0; gap: 12px; margin: 0; }
body[data-page-mode="standalone"] :is(.panel, .stat-card, .category-card, .hero-card) { min-height: 0; border-radius: 14px; }
body[data-page-mode="standalone"] .panel { padding: 14px; }
body[data-page-mode="standalone"] .panel-head { gap: 10px; margin-bottom: 10px; }
body[data-page-mode="standalone"] .panel-head h3,
body[data-page-mode="standalone"] .hero-card h3 { margin: 0; font-size: clamp(.98rem, 1.2vw, 1.12rem); line-height: 1.4; }
body[data-page-mode="standalone"] .panel-head .subtle,
body[data-page-mode="standalone"] .panel-head p:not(.eyebrow) { margin-top: 4px; line-height: 1.5; }
body[data-page-mode="standalone"] .hero-card { padding: 16px 18px; }
/* Project request workflow: compact enough for sales, clear enough for admin review. */
.project-requests-panel { margin: 14px 0 0; padding: 16px; background: linear-gradient(145deg, #fff, #f7fafc); }
.project-request-list { display: grid; gap: 10px; }
.project-request-card { display: grid; gap: 12px; padding: 14px; border: 1px solid #dce6ef; border-radius: 14px; background: #fff; }
.project-request-card.approved { border-color: #b8dfd1; }
.project-request-card.rejected { opacity: .7; }
.project-request-card-head, .project-request-form-actions, .project-request-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.project-request-card-head strong { display: block; color: #173b64; font-size: 1rem; }
.project-request-card-head small { display: block; margin-top: 3px; color: #7a8da4; }
.project-request-status { padding: 5px 9px; border-radius: 99px; background: #f4ead8; color: #89652f; font-size: .74rem; font-weight: 800; }
.project-request-card.approved .project-request-status { background: #e1f5ed; color: #168262; }
.project-request-card.rejected .project-request-status { background: #fbe8e8; color: #b34d56; }
.project-request-fields { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }
.project-request-fields span { display: grid; gap: 3px; min-width: 0; padding: 9px 10px; border-radius: 10px; background: #f7fafd; color: #365575; font-size: .86rem; overflow-wrap: anywhere; }
.project-request-fields b { color: #8294aa; font-size: .7rem; font-weight: 700; }
.project-request-actions { justify-content: flex-start; }
.project-requests-empty { padding: 20px; border: 1px dashed #cfdae6; border-radius: 12px; color: #7387a0; text-align: center; }
.project-request-sheet-overlay { position: fixed; inset: 0; z-index: 16000; display: grid; place-items: center; padding: 18px; background: rgba(8, 23, 40, .58); backdrop-filter: blur(5px); }
.project-request-sheet { width: min(720px, 100%); max-height: min(88vh, 760px); overflow: auto; padding: clamp(18px, 3vw, 28px); border: 1px solid #dbe5ef; border-radius: 22px; background: #fff; box-shadow: 0 28px 90px rgba(9, 26, 47, .32); }
.project-request-sheet-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 18px; }
.project-request-sheet-head h2 { margin: 7px 0 5px; color: #173b64; }
.project-request-sheet-head p:last-child { margin: 0; color: #71839a; }
.project-request-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 16px; border: 1px solid #e1e9f0; border-radius: 16px; background: #f9fbfd; }
.project-request-form label { display: grid; gap: 6px; }
.project-request-form label span { color: #49647e; font-size: .82rem; font-weight: 700; }
.project-request-form input, .project-request-form select { width: 100%; min-height: 42px; padding: 9px 11px; border: 1px solid #cfdae6; border-radius: 10px; background: #fff; color: #173b64; }
.project-request-form-actions { grid-column: 1 / -1; justify-content: flex-start; margin-top: 4px; }
.personal-orientation-media-tools { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; grid-column: 1 / -1; }
.personal-orientation-media-tools .feedback-record-btn { min-width: 110px; }
@media (max-width: 700px) { .project-request-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); } .project-request-form { grid-template-columns: 1fr; } .project-request-form-actions { grid-column: auto; } }
body[data-page-section="overview"] .overview-command { grid-template-columns: minmax(0, 1fr) minmax(430px, .95fr); gap: 18px; }

/* Client table polish: keep comment controls at the top/end of the note and
   keep row actions underneath the sticky table header while scrolling. */
@media (min-width: 761px) {
  body[data-page-section="clients"] .clients-table,
  body[data-page-section="clients"] .leads-table { min-width: 1160px !important; }

  body[data-page-section="clients"] .clients-table th:nth-child(4),
  body[data-page-section="clients"] .clients-table td:nth-child(4) { width: 155px !important; }
  body[data-page-section="clients"] .clients-table th:nth-child(5),
  body[data-page-section="clients"] .clients-table td:nth-child(5) { width: 118px !important; }
  body[data-page-section="clients"] .clients-table th:nth-child(7),
  body[data-page-section="clients"] .clients-table td:nth-child(7) { width: 92px !important; }

  body[data-page-section="clients"] .client-comment-cell-content {
    position: relative !important;
    display: block !important;
    min-height: 28px !important;
    padding-inline-end: 34px !important;
  }
  body[data-page-section="clients"] .client-comment-cell-content .client-last-comment-text {
    display: block !important;
    width: 100% !important;
  }
  body[data-page-section="clients"] .client-comment-cell-content .client-comments-trigger {
    position: absolute !important;
    inset-inline-end: 0 !important;
    inset-block-start: 0 !important;
    margin: 0 !important;
  }

  body[data-page-section="clients"] .leads-table thead th,
  body[data-page-section="clients"] .clients-table thead th {
    z-index: 1000 !important;
    isolation: isolate;
  }
  body[data-page-section="clients"] .leads-table tbody,
  body[data-page-section="clients"] .leads-table tbody tr,
  body[data-page-section="clients"] .leads-table tbody td { position: relative; z-index: 0 !important; }
  body[data-page-section="clients"] .phone-actions-cell,
  body[data-page-section="clients"] .row-action-wrap,
  body[data-page-section="clients"] .message-apps-wrap,
  body[data-page-section="clients"] .video-call-wrap,
  body[data-page-section="clients"] .row-action-wrap .client-add-action-btn {
    z-index: 0 !important;
  }
  body[data-page-section="clients"] .message-apps-menu.open,
  body[data-page-section="clients"] .video-call-menu.open,
  body[data-page-section="clients"] .client-row-menu.open { z-index: 1001 !important; }
}
body[data-page-section="overview"] .overview-command-copy { gap: 14px; }
body[data-page-section="overview"] .sales-card-headline h3 { font-size: clamp(1.35rem, 2vw, 1.8rem); }
body[data-page-section="overview"] .sales-card-bio { max-width: 1000px; font-size: clamp(1.06rem, 1.45vw, 1.28rem); line-height: 1.85; }
body[data-page-section="overview"] .overview-command-chips { gap: 8px; }
body[data-page-section="overview"] .overview-target-grid { gap: 8px; }
body[data-page-section="overview"] .sales-card-bio { font-size: .9rem; line-height: 1.6; }
body[data-page-section="overview"] .hero-chip { padding: 6px 10px; font-size: .84rem; }
body[data-page-section="overview"] .sales-profile-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 4px;
}
body[data-page-section="overview"] .sales-profile-summary-grid article {
  display: grid;
  gap: 4px;
  min-width: 0;
  min-height: 82px;
  padding: 10px 11px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 12px;
  background: rgba(255,255,255,.08);
}
body[data-page-section="overview"] .sales-profile-summary-grid small { color: rgba(255,255,255,.68); font-size: .68rem; }
body[data-page-section="overview"] .sales-profile-summary-grid strong { color: #fff; font-size: 1.18rem; line-height: 1.15; }
body[data-page-section="overview"] .sales-profile-summary-grid span { color: rgba(255,255,255,.72); font-size: .68rem; line-height: 1.35; }
body[data-page-section="overview"] .sales-profile-reasons { grid-column: span 2; }
body[data-page-section="overview"] .sales-profile-reasons ul { display: grid; gap: 3px; margin: 0; padding-inline-start: 16px; color: rgba(255,255,255,.78); font-size: .7rem; line-height: 1.4; }
body[data-page-section="overview"] :is(.dashboard-shortcuts, #salesLevelQuiz, #mobileTimelineStories) { display: none !important; }
body[data-page-section="overview"] #overview .dashboard-grid > .overview-personal-plan-panel,
body[data-page-section="overview"] #overview .dashboard-grid > .wide:not(.overview-personal-plan-panel) { display: none !important; }
body[data-page-section="overview"] .overview-work-analysis { padding: 13px 15px; }
body[data-page-section="overview"] .overview-work-analysis-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
body[data-page-section="overview"] .overview-work-analysis-card { display: grid; gap: 4px; min-width: 0; padding: 10px 11px; border: 1px solid rgba(16,39,70,.1); border-radius: 12px; background: #fbfdff; }
body[data-page-section="overview"] .overview-work-analysis-card small { color: var(--muted); font-size: .68rem; }
body[data-page-section="overview"] .overview-work-analysis-card strong { color: var(--primary); font-size: 1.12rem; line-height: 1.1; }
body[data-page-section="overview"] .overview-work-analysis-card span { min-height: 26px; color: var(--muted); font-size: .66rem; line-height: 1.35; }
body[data-page-section="overview"] .overview-work-analysis-card i { display: block; height: 5px; overflow: hidden; border-radius: 999px; background: #e8eef4; }
body[data-page-section="overview"] .overview-work-analysis-card i b { display: block; height: 100%; border-radius: inherit; background: #2f78bd; }
body[data-page-section="overview"] .overview-work-analysis-card.tone-gold i b { background: #c89039; }
body[data-page-section="overview"] .overview-work-analysis-card.tone-violet i b { background: #7559b7; }
body[data-page-section="overview"] .overview-work-analysis-card.tone-green i b { background: #2f8e68; }
body[data-page-section="overview"] .overview-work-analysis-card.tone-red i b { background: #d4545d; }
body[data-page-section="overview"] .pro-contact-card { min-height: 380px; padding: 28px; gap: 20px; border-radius: 24px; }
body[data-page-section="overview"] .pro-contact-top { gap: 14px; }
body[data-page-section="overview"] .pro-contact-top h4 { font-size: clamp(1.75rem, 2.8vw, 2.25rem); }
body[data-page-section="overview"] .pro-contact-title { font-size: 1.05rem; }
body[data-page-section="overview"] .pro-contact-badge { min-width: 72px; width: 72px; height: 72px; border-radius: 20px; font-size: 1rem; }
body[data-page-section="overview"] .pro-contact-grid { gap: 10px; }
body[data-page-section="overview"] .pro-contact-item { padding: 14px 15px; border-radius: 15px; }
body[data-page-section="overview"] .pro-contact-item span { font-size: .8rem; }
body[data-page-section="overview"] .pro-contact-item strong { font-size: 1.06rem; }
body[data-page-section="overview"] .analytics-period-analysis { padding: 13px 15px; }
body[data-page-section="analytics"] .analytics-period-analysis { padding: 13px 15px; }
body[data-page-section="analytics"] .analytics-period-analysis .overview-work-analysis-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
body[data-page-section="analytics"] .analytics-period-analysis .overview-work-analysis-card { display: grid; gap: 4px; min-width: 0; padding: 10px 11px; border: 1px solid rgba(16,39,70,.1); border-radius: 12px; background: #fbfdff; }
body[data-page-section="analytics"] .analytics-period-analysis .overview-work-analysis-card small { color: var(--muted); font-size: .68rem; }
body[data-page-section="analytics"] .analytics-period-analysis .overview-work-analysis-card strong { color: var(--primary); font-size: 1.12rem; line-height: 1.1; }
body[data-page-section="analytics"] .analytics-period-analysis .overview-work-analysis-card span { min-height: 26px; color: var(--muted); font-size: .66rem; line-height: 1.35; }
body[data-page-section="analytics"] .analytics-period-analysis .overview-work-analysis-card i { display: block; height: 5px; overflow: hidden; border-radius: 999px; background: #e8eef4; }
body[data-page-section="analytics"] .analytics-period-analysis .overview-work-analysis-card i b { display: block; height: 100%; border-radius: inherit; background: #2f78bd; }
body[data-page-section="analytics"] .analytics-period-analysis .overview-work-analysis-card.tone-gold i b { background: #c89039; }
body[data-page-section="analytics"] .analytics-period-analysis .overview-work-analysis-card.tone-violet i b { background: #7559b7; }
body[data-page-section="analytics"] .analytics-period-analysis .overview-work-analysis-card.tone-green i b { background: #2f8e68; }
body[data-page-section="analytics"] .analytics-period-analysis .overview-work-analysis-card.tone-red i b { background: #d4545d; }
body[data-page-mode="standalone"] .form-grid { gap: 10px; }
body[data-page-mode="standalone"] .form-grid > :is(label, fieldset) { padding: 9px 10px; }
body[data-page-mode="standalone"] .form-grid label > span { margin-bottom: 5px; }
body[data-page-mode="standalone"] .form-actions { gap: 8px; margin-top: 2px; }
body[data-page-mode="standalone"] :is(.split-grid, .dashboard-grid, .analytics-main-grid, .analytics-money-grid, .target-command-grid, .target-history-grid) { gap: 12px; align-items: start; }
body[data-page-mode="standalone"] .top-space { margin-top: 12px; }
body[data-page-mode="standalone"] :is(.data-table, .overview-meeting-table) :is(th, td) { padding: 8px 10px; }
body[data-page-mode="standalone"] .table-wrap { border-radius: 12px; }
body[data-page-mode="standalone"] .empty-state { padding: 18px; }

/* Dashboard summaries should stay compact while charts and reports get the room they need. */
body[data-page-section="overview"] #overviewStats { gap: 10px; }
body[data-page-section="overview"] #overviewStats > * { min-height: 88px; }
body[data-page-section="overview"] .dashboard-grid > * { min-height: 0; }
body[data-page-section="overview"] .overview-filter-donut-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 8px;
}
body[data-page-section="overview"] .overview-filter-donut-card {
  gap: 6px;
  padding: 10px 8px;
  border-radius: 14px;
}
body[data-page-section="overview"] .overview-filter-donut-ring,
body[data-page-section="overview"] .overview-filter-donut-ring svg {
  width: 92px;
  height: 92px;
  max-width: 92px;
  max-height: 92px;
}
body[data-page-section="overview"] .overview-filter-donut-ring .donut-segment,
body[data-page-section="overview"] .overview-filter-donut-ring .donut-track { stroke-width: 12; }
body[data-page-section="overview"] .overview-filter-donut-ring .donut-segment-red { stroke: #d64550; }
body[data-page-section="overview"] .overview-filter-donut-center { width: 64px; height: 64px; }
body[data-page-section="overview"] .overview-filter-donut-center strong { font-size: 1.15rem; }
body[data-page-section="overview"] .overview-filter-donut-center small { font-size: .62rem; }
body[data-page-section="overview"] .overview-filter-donut-title { font-size: .78rem; line-height: 1.25; }
body[data-page-section="overview"] .overview-filter-donut-meta { gap: 6px; font-size: .66rem; }
body[data-page-section="overview"] :is(#overviewDueList, #overviewFollowupList) { max-height: 260px; }
body[data-page-section="overview"] :is(.stack-list, #overviewDueList, #overviewFollowupList) { gap: 8px; }
body[data-page-section="overview"] .stack-item { padding: 8px 10px; }
body[data-page-section="overview"] .stack-item strong { margin-bottom: 3px; font-size: .86rem; }
body[data-page-section="overview"] .stack-item .subtle,
body[data-page-section="overview"] .stack-item > div:not(.top-summary) { font-size: .75rem; line-height: 1.35; }
body[data-page-mode="standalone"] .empty-state { min-height: 0; padding: 12px 14px; font-size: .78rem; }
body[data-page-section="overview"] #overviewCurveChart,
body[data-page-section="analytics"] #analyticsChart { height: 238px !important; min-height: 190px; }

/* Page introductions carry context without pushing useful content below the fold. */
body[data-page-section="analytics"] .analytics-hero,
body[data-page-section="targets"] .targets-hero { min-height: 0; padding: 18px; border-radius: 16px; }
body[data-page-section="analytics"] .analytics-hero h3 { margin: 4px 0 6px; font-size: clamp(1.25rem, 2vw, 1.7rem); }
body[data-page-section="targets"] :is(.targets-hero h1, .targets-hero h2) { margin: 4px 0 6px; font-size: clamp(1.25rem, 2vw, 1.75rem); }

body[data-page-section="profile"] .content-section.active { gap: 14px; }
body[data-page-section="profile"] .profile-account-hero { gap: 14px; padding: 18px; border-radius: 16px; }
body[data-page-section="profile"] .profile-account-progress,
body[data-page-section="profile"] .profile-account-stats > div { padding: 10px 12px; }

body[data-page-section="developer-detail"] .developer-profile-hero { gap: 14px; margin-bottom: 12px; padding: 18px; border-radius: 16px; }
body[data-page-section="developer-detail"] .developer-profile-logo { width: 80px; height: 80px; border-radius: 16px; font-size: 1.6rem; }
body[data-page-section="developer-detail"] .developer-profile-copy h2 { font-size: clamp(1.25rem, 2.2vw, 1.8rem); }

body[data-page-section="all-data"] .all-data-library { grid-template-columns: minmax(240px, 280px) minmax(0, 1fr); gap: 12px; }
body[data-page-section="all-data"] .all-data-side-card { padding: 14px; border-radius: 14px; }
body[data-page-section="all-data"] :is(.all-data-file-card, .all-data-folder-card) { padding: 11px 12px; border-radius: 12px; }

body[data-page-section="calculator"] .calculator-page-intro { padding: 14px 16px; }
body[data-page-section="calculator"] :is(.calculator-page-intro h1, .calculator-page-intro h2) { margin: 3px 0 5px; font-size: clamp(1.25rem, 2vw, 1.7rem); }

body[data-page-section="resale"] #crm-modern-page,
body[data-page-section="timeline"] #crm-modern-page { width: min(100%, 1240px); margin: 12px auto 92px; }
body[data-page-section="resale"] .resale-page-head h1 { font-size: clamp(1.35rem, 2vw, 1.8rem); }
body[data-page-section="resale"] :is(.resale-toolbar, .resale-market-panel) { padding: 12px; border-radius: 14px; }
body[data-page-section="resale"] .resale-results { gap: 12px; }
body[data-page-section="resale"] .resale-card-body { gap: 7px; padding: 12px; }
body[data-page-section="resale"] .resale-card-actions { padding: 0 12px 12px; }

/* Quiz/performance is a compact summary; the detailed history remains scrollable below. */
body[data-page-section="overview"] .sales-performance-panel {
  gap: 10px;
  margin: 10px 0;
  padding: 14px;
  border-radius: 14px;
}
body[data-page-section="overview"] .sales-performance-summary { gap: 8px; }
body[data-page-section="overview"] .sales-performance-summary div { gap: 3px; padding: 9px 10px; }
body[data-page-section="overview"] .sales-performance-summary b { font-size: 1rem; }
body[data-page-section="overview"] .sales-performance-chart { min-height: 82px; gap: 8px; padding: 8px 10px 6px; }
body[data-page-section="overview"] .sales-performance-bar-wrap { height: 66px; min-width: 20px; gap: 3px; font-size: .64rem; }
body[data-page-section="overview"] .sales-performance-bar-wrap i { width: min(20px, 100%); }

/* The floating navigation supports the page instead of competing with it. */
body[data-page-mode="standalone"] #crmFloatingDock .crm-dock-panel { gap: 6px; padding: 7px 9px; }
body[data-page-mode="standalone"] #crmFloatingDock .crm-dock-link { width: 50px; min-width: 50px; }
body[data-page-mode="standalone"] #crmFloatingDock .crm-dock-link svg { width: 38px; height: 38px; padding: 9px; }
body[data-page-mode="standalone"] #crmFloatingDock .crm-dock-link span { font-size: .62rem; }

/* Notification centers stay closed until the user clicks the bell. */
body[data-page-mode="standalone"] .crm-home-notifications-trigger {
  position: relative;
  display: inline-grid !important;
  place-items: center;
  width: 40px;
  height: 40px;
  min-height: 40px !important;
  padding: 0 !important;
  border: 1px solid #d9e3ee;
  border-radius: 50% !important;
  color: #17385f;
  background: #fff;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
  font-size: 0 !important;
}
body[data-page-mode="standalone"] .crm-home-notifications-trigger > span {
  font-size: 1.18rem !important;
  line-height: 1;
}
body[data-page-mode="standalone"] .crm-home-notifications-trigger > b {
  position: absolute;
  inset-inline-end: -4px;
  inset-block-start: -6px;
  display: grid;
  min-width: 20px;
  width: 20px;
  height: 20px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #c84850;
  font-size: .62rem !important;
  line-height: 1;
}
body[data-page-section="clients"] .clients-notification-center.clients-notification-compact {
  display: flex;
  align-items: center;
  min-height: 46px;
  margin: 0 0 8px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
body[data-page-section="clients"] .clients-notification-toggle {
  position: relative;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid #d9e3ee;
  border-radius: 50%;
  background: #fff;
  color: #17385f;
  font: inherit;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(20,43,67,.08);
}
body[data-page-section="clients"] .clients-notification-toggle > span {
  font-size: 1.18rem;
  line-height: 1;
}
body[data-page-section="clients"] .clients-notification-toggle .clients-notification-count {
  position: absolute;
  inset-inline-end: -4px;
  inset-block-start: -6px;
  display: grid;
  min-width: 20px;
  width: 20px;
  height: 20px;
  place-items: center;
  padding: 0;
  border-radius: 50%;
  color: #fff;
  background: #c84850;
  font-size: .62rem;
  line-height: 1;
}
body[data-page-section="clients"] .clients-expected-request-value {
  display: block;
  width: 100%;
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
body[data-page-section="clients"] .clients-expected-request-copy { display: grid; gap: 3px; min-width: 0; }
body[data-page-section="clients"] .clients-expected-request-copy .eyebrow { margin: 0; color: #687b91; font-size: .68rem; font-weight: 700; }
body[data-page-section="clients"] .clients-expected-request-copy strong { color: #173b61; font-size: 1.35rem; line-height: 1.15; letter-spacing: .01em; }
body[data-page-section="clients"] .clients-expected-request-copy small { color: #718196; font-size: .72rem; }
body[data-page-section="clients"] .clients-summary-cards { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 9px; width: 100%; }
body[data-page-section="clients"] .clients-summary-card { position: relative; display: flex; align-items: flex-start; gap: 9px; min-width: 0; min-height: 106px; padding: 13px 12px; overflow: hidden; border: 1px solid #dce5ee; border-radius: 15px; background: linear-gradient(145deg, #fff, #f7fafc); box-shadow: 0 5px 16px rgba(16,39,70,.06); }
body[data-page-section="clients"] .clients-summary-card::after { content: ""; position: absolute; inset-inline-end: -22px; inset-block-end: -30px; width: 82px; height: 82px; border-radius: 50%; background: currentColor; opacity: .045; }
body[data-page-section="clients"] .clients-summary-card-icon { display: grid; place-items: center; flex: 0 0 31px; width: 31px; height: 31px; border-radius: 10px; color: #fff; background: #173b64; font-size: .85rem; font-weight: 900; }
body[data-page-section="clients"] .clients-summary-card-copy { display: grid; gap: 3px; min-width: 0; }
body[data-page-section="clients"] .clients-summary-card-copy > span { overflow: hidden; color: #6b7c91; font-size: .68rem; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
body[data-page-section="clients"] .clients-summary-card-copy strong { color: #173b61; font-size: 1.35rem; line-height: 1.15; white-space: nowrap; }
body[data-page-section="clients"] .clients-summary-card-copy small { overflow: hidden; color: #7b8da1; font-size: .62rem; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
body[data-page-section="clients"] .clients-summary-card.tone-navy { color: #173b64; }
body[data-page-section="clients"] .clients-summary-card.tone-gold { color: #b37b25; }
body[data-page-section="clients"] .clients-summary-card.tone-gold .clients-summary-card-icon { background: #b37b25; }
body[data-page-section="clients"] .clients-summary-card.tone-blue { color: #2873a5; }
body[data-page-section="clients"] .clients-summary-card.tone-blue .clients-summary-card-icon { background: #2873a5; }
body[data-page-section="clients"] .clients-summary-card.tone-green { color: #2b886c; }
body[data-page-section="clients"] .clients-summary-card.tone-green .clients-summary-card-icon { background: #2b886c; }
body[data-page-section="clients"] .clients-summary-card.tone-purple { color: #7355a5; }
body[data-page-section="clients"] .clients-summary-card.tone-purple .clients-summary-card-icon { background: #7355a5; }
body[data-page-section="clients"] .clients-summary-card.tone-red { color: #bd4c58; }
body[data-page-section="clients"] .clients-summary-card.tone-red .clients-summary-card-icon { background: #bd4c58; }
@media (max-width: 1120px) { body[data-page-section="clients"] .clients-summary-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 620px) { body[data-page-section="clients"] .clients-summary-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; } body[data-page-section="clients"] .clients-summary-card { min-height: 94px; padding: 10px; } body[data-page-section="clients"] .clients-summary-card-icon { flex-basis: 27px; width: 27px; height: 27px; } body[data-page-section="clients"] .clients-summary-card-copy strong { font-size: 1.12rem; } }

/* Dashboard lists use their own compact two-column stage instead of stretching
   small meeting/follow-up content across the whole screen. */
body[data-page-section="overview"] .dashboard-grid {
  width: min(100%, 1120px);
  margin-inline: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px;
}
body[data-page-section="overview"] .dashboard-grid > :not(.wide) {
  width: 100%;
  max-width: 554px;
}
body[data-page-section="overview"] .dashboard-grid > .wide {
  width: 100%;
  max-width: none;
}

/* Analytics and targets keep a clear reading order without oversized cards. */
body[data-page-section="analytics"] #analytics,
body[data-page-section="targets"] #targets {
  width: min(100%, 1280px);
  padding-inline: 12px;
}
body[data-page-section="targets"] #targets { gap: 12px; }
body[data-page-section="targets"] .targets-hero {
  min-height: 154px;
  padding: 20px 22px;
  border-radius: 17px;
  gap: 18px;
}
body[data-page-section="targets"] .targets-hero h3 { font-size: clamp(1.18rem, 1.9vw, 1.65rem); }
body[data-page-section="targets"] .targets-hero-text { max-width: 680px; font-size: .82rem; line-height: 1.6; }
body[data-page-section="targets"] .target-hero-ring { width: 96px; height: 96px; }
body[data-page-section="targets"] .target-hero-ring {
  position: relative;
  overflow: hidden;
}
body[data-page-section="targets"] .target-hero-ring::before { display: none; }
body[data-page-section="targets"] .target-hero-ring > div {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 14px);
  height: calc(100% - 14px);
  border-radius: 50%;
  background: #102c56 !important;
}
body[data-page-section="targets"] .target-hero-ring strong { color: #fff; }
body[data-page-section="targets"] .target-hero-ring span { color: rgba(255,255,255,.68); }
body[data-page-section="targets"] .target-metric-grid {
  grid-template-columns: repeat(6, minmax(130px, 1fr));
  gap: 8px;
}
body[data-page-section="targets"] .target-metric-grid > * { min-height: 86px; padding: 10px 11px; border-radius: 13px; }
body[data-page-section="targets"] .target-metric-body { gap: 8px; }
body[data-page-section="targets"] .target-metric-body strong { font-size: 1.12rem; }
body[data-page-section="targets"] .target-command-grid,
body[data-page-section="targets"] .target-history-grid {
  grid-template-columns: minmax(0, 1.22fr) minmax(300px, .78fr);
  gap: 12px;
}
body[data-page-section="targets"] :is(.target-plan-panel, .target-coach-panel, .target-log-panel, .target-history-panel) {
  padding: 14px;
  border-radius: 15px;
}
body[data-page-section="targets"] .target-form-grid { gap: 7px; }
body[data-page-section="targets"] .target-field { padding: 8px 10px; border-radius: 10px; }
body[data-page-section="targets"] .target-field input { min-height: 36px; }
body[data-page-section="targets"] .target-action-plan { min-height: 104px; }
body[data-page-section="targets"] .target-table-wrap { max-height: 300px; }
body[data-page-section="analytics"] .analytics-hero { min-height: 164px; padding: 20px; border-radius: 17px; }
body[data-page-section="analytics"] .analytics-insight-grid { gap: 8px; margin: 10px 0; }
body[data-page-section="analytics"] .analytics-insight-card { min-height: 96px; padding: 11px; border-radius: 13px; }
body[data-page-section="analytics"] .analytics-filter-grid { gap: 8px; }
body[data-page-section="analytics"] .analytics-chart-reading { display: grid; gap: 7px; margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(16,39,70,.1); }
body[data-page-section="analytics"] .analytics-chart-reading-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
body[data-page-section="analytics"] .analytics-chart-reading-head strong { color: var(--primary); font-size: .78rem; }
body[data-page-section="analytics"] .analytics-chart-reading-head span { color: var(--muted); font-size: .68rem; }
body[data-page-section="analytics"] .analytics-chart-reading-card { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 7px 9px; border: 1px solid rgba(16,39,70,.09); border-radius: 10px; background: #fbfdff; }
body[data-page-section="analytics"] .analytics-reading-dot { width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; }
body[data-page-section="analytics"] .analytics-chart-reading-card div { display: grid; gap: 2px; min-width: 0; flex: 1; }
body[data-page-section="analytics"] .analytics-chart-reading-card strong { color: var(--primary); font-size: .72rem; }
body[data-page-section="analytics"] .analytics-chart-reading-card small { color: var(--muted); font-size: .65rem; }
body[data-page-section="analytics"] .analytics-chart-reading-card b { white-space: nowrap; font-size: .68rem; }
body[data-page-section="analytics"] .analytics-chart-reading-card b.is-up { color: #168358; }
body[data-page-section="analytics"] .analytics-chart-reading-card b.is-down { color: #c24c56; }
body[data-page-section="analytics"] .analytics-chart-reading-card b.is-flat,
body[data-page-section="analytics"] .analytics-chart-reading-card b.is-new { color: #7a8898; }
body[data-page-section="analytics"] .analytics-source-panel { overflow: hidden; }
body[data-page-section="analytics"] .source-report-badge { display: inline-flex; align-items: center; min-height: 28px; padding: 5px 9px; border-radius: 999px; color: #285c7b; background: #eaf4fb; font-size: .66rem; font-weight: 850; white-space: nowrap; }
body[data-page-section="analytics"] .analytics-source-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 10px; }
body[data-page-section="analytics"] .analytics-source-summary > div { display: grid; gap: 3px; min-width: 0; padding: 10px 11px; border: 1px solid rgba(16,39,70,.1); border-radius: 11px; background: #fbfdff; }
body[data-page-section="analytics"] .analytics-source-summary small { color: var(--muted); font-size: .67rem; }
body[data-page-section="analytics"] .analytics-source-summary strong { overflow: hidden; color: var(--primary); font-size: .9rem; text-overflow: ellipsis; white-space: nowrap; }
body[data-page-section="analytics"] .analytics-source-table-wrap { overflow-x: auto; }
body[data-page-section="analytics"] .analytics-source-table { min-width: 760px; }
body[data-page-section="analytics"] .analytics-source-table th,
body[data-page-section="analytics"] .analytics-source-table td { vertical-align: middle; }
body[data-page-section="analytics"] .analytics-source-table td strong,
body[data-page-section="analytics"] .analytics-source-table td small { display: block; }
body[data-page-section="analytics"] .analytics-source-table td small { margin-top: 3px; }
body[data-page-section="analytics"] .source-rate { color: var(--muted); font-size: .65rem; }
body[data-page-section="analytics"] .source-rating { display: inline-flex; padding: 4px 7px; border-radius: 999px; font-size: .65rem; font-weight: 850; white-space: nowrap; }
body[data-page-section="analytics"] .source-rating.is-excellent { color: #176b4c; background: #ddf4e8; }
body[data-page-section="analytics"] .source-rating.is-good { color: #2c5c99; background: #e6efff; }
body[data-page-section="analytics"] .source-rating.is-needs-work { color: #986522; background: #fff1d9; }
body[data-page-section="analytics"] .source-rating.is-weak { color: #a63f49; background: #ffe8eb; }
body[data-page-section="analytics"] .source-score { color: var(--muted); font-size: .62rem; }

@media (max-width: 1040px) {
  body[data-page-section="overview"] .overview-command { grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr); }
  body[data-page-section="overview"] .sales-profile-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-page-section="overview"] .overview-work-analysis-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body[data-page-section="targets"] .target-metric-grid { grid-template-columns: repeat(3, minmax(130px, 1fr)); }
  body[data-page-section="analytics"] .analytics-insight-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-page-section="analytics"] .analytics-period-analysis .overview-work-analysis-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 840px) {
  body[data-page-section="targets"] .target-command-grid,
  body[data-page-section="targets"] .target-history-grid { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  body[data-page-section="analytics"] .analytics-source-summary { grid-template-columns: 1fr; }
  body[data-page-section="overview"] .overview-work-analysis-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-page-section="analytics"] .analytics-period-analysis .overview-work-analysis-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-page-section="targets"] .target-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-page-section="targets"] .targets-hero { padding: 16px; }
}

@media (max-width: 760px) {
  body[data-page-section="overview"] .dashboard-grid {
    grid-template-columns: 1fr !important;
  }
  body[data-page-section="overview"] .dashboard-grid > :not(.wide),
  body[data-page-section="overview"] .dashboard-grid > .wide {
    max-width: none;
  }
}

@media (max-width: 900px) { body[data-page-mode="standalone"] .main-content { padding-inline: 12px; } }
@media (max-width: 640px) {
  body[data-page-mode="standalone"] .main-content { padding: 10px 10px 82px; gap: 10px; }
  body[data-page-mode="standalone"] .app-main { padding: 10px 10px 82px; gap: 10px; }
  body[data-page-mode="standalone"] .topbar { min-height: 52px; padding: 9px 11px; }
  body[data-page-mode="standalone"] .panel { padding: 12px; }
  body[data-page-mode="standalone"] .content-section.active { gap: 10px; }
  body[data-page-section="overview"] #overviewStats > * { min-height: 78px; }
  body[data-page-section="overview"] .overview-command { grid-template-columns: 1fr; }
  body[data-page-section="overview"] .sales-profile-summary-grid { grid-template-columns: 1fr; }
  body[data-page-section="overview"] .sales-profile-reasons { grid-column: auto; }
  body[data-page-section="overview"] .overview-work-analysis-grid { grid-template-columns: 1fr; }
  body[data-page-section="analytics"] .analytics-period-analysis .overview-work-analysis-grid { grid-template-columns: 1fr; }
  body[data-page-mode="standalone"] #crmFloatingDock .crm-dock-panel { gap: 3px; padding: 6px 7px; }
  body[data-page-mode="standalone"] #crmFloatingDock .crm-dock-link { width: 44px; min-width: 44px; }
  body[data-page-mode="standalone"] #crmFloatingDock .crm-dock-link svg { width: 34px; height: 34px; padding: 8px; }
  .crm-calculator-popup { padding: 7px; }
  .crm-calculator-popup-card { width: 100%; height: 96vh; border-radius: 16px; }
  .crm-calculator-popup-head { padding: 9px 12px; }
}

/* Feedback input tools: dictation and audio recording are intentionally separate. */
.feedback-text-label-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.feedback-text-label-row > span { min-width: 0; }
.feedback-dictation-btn, .feedback-record-btn { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 34px; padding: 7px 11px; white-space: nowrap; }
.feedback-dictation-btn { width: 38px; min-width: 38px; padding: 0; border-radius: 10px; color: #173d70; background: #eef5ff; }
.feedback-dictation-btn svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.feedback-dictation-btn.is-listening { color: #fff; border-color: #b77a2e; background: #b77a2e; box-shadow: 0 5px 14px rgba(183,122,46,.2); }
.feedback-media-actions .feedback-record-btn { flex: 0 0 116px !important; width: 116px !important; min-width: 116px !important; min-height: 36px; padding: 7px 8px; color: #8f2836 !important; border: 1px solid rgba(143,40,54,.3) !important; background: #fff7f8 !important; opacity: 1 !important; visibility: visible !important; }
.feedback-media-actions .feedback-record-btn:hover { color: #fff !important; border-color: #a93b4c !important; background: #a93b4c !important; }
.feedback-media-actions .upload-btn { margin: 0; }
.personal-orientation-media-tools { grid-column: 1 / -1; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 10px; border: 1px dashed rgba(18,53,104,.2); border-radius: 12px; background: #f7fbff; }
.personal-orientation-media-tools .feedback-record-btn { flex: 0 0 116px; }
.personal-orientation-media-tools .feedback-media-preview { flex-basis: 100%; }
.personal-orientation-audio-list { display: grid; gap: 6px; margin-top: 8px; }
.call-record-details-sheet { z-index: 2200 !important; }
.feedback-action-summary { display: grid; gap: 5px; margin: 12px 0; padding: 13px 15px; border: 1px solid rgba(47,122,95,.18); border-radius: 13px; background: #f1fbf5; }
.feedback-action-summary strong { color: #1d6d50; font-size: .92rem; }
.feedback-action-summary p, .feedback-action-next-message p { margin: 0; color: var(--muted); line-height: 1.7; }
.feedback-action-next-message, .feedback-action-risks { display: grid; gap: 7px; margin-top: 12px; padding: 13px 15px; border-radius: 13px; }
.feedback-action-next-message { border: 1px solid rgba(39,72,111,.16); background: #f3f7fd; }
.feedback-action-next-message > span, .feedback-action-risks > span { color: var(--primary); font-size: .76rem; font-weight: 850; }
.feedback-action-risks { border: 1px solid rgba(192,77,77,.16); background: #fff7f7; }
.feedback-action-risks ul { margin: 0; padding-inline-start: 20px; color: #9a4b52; line-height: 1.7; }
.orientation-structured-summary { margin: 0 0 12px; color: var(--muted); line-height: 1.7; }
.orientation-structured-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.orientation-structured-group { min-width: 0; padding: 13px 14px; border: 1px solid rgba(16,39,70,.1); border-radius: 13px; background: #fff; }
.orientation-structured-group strong { display: block; margin-bottom: 7px; color: var(--primary); }
.orientation-structured-group ul { margin: 0; padding-inline-start: 19px; color: var(--muted); line-height: 1.7; }
body .global-recording-bar .ghost-btn { color: #fff !important; background: rgba(255,255,255,.12) !important; border-color: rgba(255,255,255,.56) !important; }
body .global-recording-bar .primary-btn { color: #8f1d2c !important; background: #fff !important; border-color: #fff !important; }
body[data-page-section="clients"] .call-record-details-sheet::before { content: ""; position: fixed; inset: 0; z-index: -1; background: rgba(10,24,44,.44); backdrop-filter: blur(5px); }
body[data-page-section="clients"] .call-record-details-sheet .call-record-details-panel { position: relative; z-index: 1; }
@media (max-width: 560px) {
  .feedback-text-label-row { align-items: stretch; }
  .feedback-dictation-btn { width: 38px; min-width: 38px; }
  .feedback-media-actions > * { flex: 1 1 150px; }
  .orientation-structured-grid { grid-template-columns: 1fr; }
}

/* Central quick-control button with grouped circular orbit actions. */
#worshipWidget .worship-menu-orbit { position: absolute !important; right: -64px !important; bottom: 68px !important; width: 182px !important; height: 182px !important; padding: 0 !important; display: block !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
#worshipWidget .worship-orbit { position: absolute; inset: 0; }
#worshipWidget .worship-orbit-trigger { position: absolute; width: 58px; height: 58px; display: grid; place-items: center; align-content: center; gap: 1px; padding: 4px; border: 2px solid #d8e3ed; border-radius: 50%; color: var(--primary); background: linear-gradient(145deg,#fff,#eef6fb); box-shadow: 0 9px 20px rgba(7,18,36,.16); cursor: pointer; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
#worshipWidget .worship-orbit-trigger:hover, #worshipWidget .worship-orbit-trigger[aria-expanded="true"] { transform: scale(1.08); border-color: #0874bd; background: #e6f4fc; }
#worshipWidget .worship-orbit-trigger span:last-child { display: block; font-size: .55rem; font-weight: 850; line-height: 1; white-space: nowrap; }
#worshipWidget .worship-orbit-icon { font-size: 1.2rem; line-height: 1; }
#worshipWidget .orbit-islamic { top: 0; left: 62px; }
#worshipWidget .orbit-projects { top: 48px; left: 4px; }
#worshipWidget .orbit-performance { top: 48px; right: 4px; }
#worshipWidget .orbit-system { bottom: 0; left: 62px; }
#worshipWidget .worship-submenu { position: absolute; right: 194px; bottom: 7px; width: min(235px, calc(100vw - 34px)); max-height: min(420px, calc(100vh - 120px)); overflow-y: auto; padding: 10px; border: 1px solid rgba(217,191,153,.72); border-radius: 18px; background: rgba(255,252,246,.98); box-shadow: 0 18px 40px rgba(7,18,36,.24); }
#worshipWidget .worship-submenu[hidden] { display: none !important; }
#worshipWidget .worship-submenu-group { display: grid; gap: 7px; }
#worshipWidget .worship-menu-label { display: block; margin: 2px 5px 3px; color: #0874bd; font-size: .68rem; font-weight: 850; }
#worshipWidget .worship-submenu .worship-menu-action { width: 100%; min-height: 40px; height: auto; display: flex; align-items: center; justify-content: flex-start; gap: 8px; padding: 7px 9px; border: 1px solid #d8e3ed; border-radius: 11px; font-size: .82rem; box-shadow: none; }
#worshipWidget .worship-submenu .worship-menu-action .worship-menu-icon { display: grid; place-items: center; width: 25px; height: 25px; flex: 0 0 25px; border-radius: 8px; background: #edf4f8; font-size: .95rem; }
#worshipWidget .worship-submenu .worship-menu-action span:last-child { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#worshipWidget .worship-fab { position: relative; z-index: 3; }
@media (max-width: 640px) {
  #worshipWidget .worship-menu-orbit { right: -58px !important; bottom: 64px !important; transform: scale(.92); transform-origin: bottom right; }
  #worshipWidget .worship-submenu { right: 154px; bottom: 8px; }
}

/* iPhone-style quick control: closed by default, compact and fully inside the viewport. */
#worshipWidget .worship-menu-orbit[hidden] { display: none !important; }
#worshipWidget .worship-menu-orbit {
  position: absolute !important;
  top: -78px !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
  width: 196px !important;
  height: 196px !important;
  padding: 16px !important;
  overflow: visible !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  border-radius: 38px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.97), rgba(233,242,249,.96)) !important;
  box-shadow: 0 18px 42px rgba(12,35,60,.24), inset 0 1px 0 rgba(255,255,255,.9) !important;
  backdrop-filter: blur(18px) !important;
  transform: none !important;
}
#worshipWidget .worship-orbit { position: absolute; inset: 0; }
#worshipWidget .worship-orbit-trigger {
  position: absolute;
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 2px;
  padding: 4px;
  border: 1px solid rgba(30,67,103,.14);
  border-radius: 50%;
  color: #17385f;
  background: linear-gradient(145deg,#fff,#eef5f9);
  box-shadow: 0 8px 18px rgba(20,46,74,.14), inset 0 1px 0 #fff;
  cursor: pointer;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}
#worshipWidget .worship-orbit-trigger:hover,
#worshipWidget .worship-orbit-trigger[aria-expanded="true"] {
  transform: scale(1.08);
  color: #fff;
  background: linear-gradient(145deg,#2c638f,#143961);
  box-shadow: 0 10px 22px rgba(20,55,91,.28);
}
#worshipWidget .worship-orbit-trigger span:last-child { display: block; font-size: .57rem; font-weight: 850; line-height: 1; white-space: nowrap; }
#worshipWidget .worship-orbit-icon { font-size: 1.18rem; line-height: 1; }
#worshipWidget .orbit-islamic { top: 13px; left: 76px; }
#worshipWidget .orbit-projects { top: 67px; left: 120px; }
#worshipWidget .orbit-performance { bottom: 13px; left: 76px; }
#worshipWidget .orbit-system { top: 67px; left: 32px; }
#worshipWidget .worship-submenu {
  position: absolute;
  top: 10px;
  left: 10px;
  right: auto;
  bottom: auto;
  width: min(286px, calc(100vw - 20px));
  max-height: none;
  overflow: visible;
  padding: 12px;
  border: 1px solid rgba(30,67,103,.14);
  border-radius: 24px;
  background: rgba(250,253,255,.98);
  box-shadow: 0 18px 42px rgba(12,35,60,.24);
  z-index: 5;
}
#worshipWidget .worship-submenu[hidden] { display: none !important; }
#worshipWidget .worship-submenu-group { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
#worshipWidget .worship-menu-label { grid-column: 1 / -1; margin: 1px 4px 2px; color: #0874bd; font-size: .7rem; font-weight: 850; }
#worshipWidget .worship-submenu .worship-menu-action {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
  padding: 7px 8px;
  border: 1px solid #d8e3ed;
  border-radius: 13px;
  font-size: .74rem;
  box-shadow: none;
}
#worshipWidget .worship-submenu .worship-menu-action .worship-menu-icon { width: 24px; height: 24px; flex: 0 0 24px; border-radius: 8px; font-size: .9rem; }
#worshipWidget .worship-submenu .worship-menu-action span:last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 640px) {
  #worshipWidget .worship-menu-orbit { top: -70px !important; left: 0 !important; width: 184px !important; height: 184px !important; padding: 12px !important; border-radius: 34px !important; }
  #worshipWidget .worship-orbit-trigger { width: 56px; height: 56px; }
  #worshipWidget .orbit-islamic { top: 10px; left: 70px; }
  #worshipWidget .orbit-projects { top: 63px; left: 112px; }
  #worshipWidget .orbit-performance { bottom: 10px; left: 70px; }
  #worshipWidget .orbit-system { top: 63px; left: 28px; }
  #worshipWidget .worship-submenu { top: 0; left: 0; width: min(276px, calc(100vw - 16px)); }
}

/* No tray / no bar: only floating circular controls remain visible. */
#worshipWidget .worship-menu-orbit {
  width: 208px !important;
  height: 208px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
#worshipWidget .worship-submenu {
  width: 258px;
  min-height: 150px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
#worshipWidget .worship-submenu-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 9px;
}
#worshipWidget .worship-submenu .worship-menu-label {
  width: 100%;
  margin: 0 0 1px;
  color: #17385f;
  text-align: center;
  text-shadow: 0 1px 5px rgba(255,255,255,.95);
}
#worshipWidget .worship-submenu .worship-menu-action {
  width: 68px;
  min-width: 68px;
  height: 68px;
  min-height: 68px;
  flex: 0 0 68px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 2px;
  padding: 5px;
  border: 1px solid rgba(30,67,103,.17);
  border-radius: 50%;
  color: #17385f;
  background: linear-gradient(145deg,#fff,#edf5fa);
  box-shadow: 0 8px 18px rgba(20,46,74,.18), inset 0 1px 0 #fff;
  text-align: center;
  font-size: .58rem;
  line-height: 1.05;
}
#worshipWidget .worship-submenu .worship-menu-action:hover {
  transform: scale(1.07);
  border-color: #0874bd;
  background: #e6f4fc;
}
#worshipWidget .worship-submenu .worship-menu-action .worship-menu-icon {
  width: auto;
  height: auto;
  flex: 0 0 auto;
  border-radius: 0;
  color: inherit;
  background: transparent;
  font-size: 1.15rem;
}
#worshipWidget .worship-submenu .worship-menu-action span:last-child {
  max-width: 58px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 640px) {
  #worshipWidget .worship-menu-orbit { width: 190px !important; height: 190px !important; }
  #worshipWidget .worship-submenu { width: min(270px, calc(100vw - 12px)); }
  #worshipWidget .worship-submenu .worship-menu-action { width: 62px; min-width: 62px; height: 62px; min-height: 62px; flex-basis: 62px; }
}

/* Final radial layout: a clean three-quarter arc with readable circular tiles. */
#worshipWidget .worship-menu-orbit {
  top: -105px !important;
  left: 0 !important;
  width: 238px !important;
  height: 246px !important;
}
#worshipWidget .worship-orbit-trigger {
  width: 78px;
  height: 78px;
  padding: 6px;
  align-content: center;
  gap: 3px;
}
#worshipWidget .worship-orbit-trigger span:last-child {
  max-width: 68px;
  white-space: normal;
  text-align: center;
  font-size: .62rem;
  line-height: 1.08;
}
#worshipWidget .worship-orbit-icon { font-size: 1.4rem; }
#worshipWidget .orbit-islamic { top: 3px; left: 58px; }
#worshipWidget .orbit-projects { top: 49px; left: 143px; }
#worshipWidget .orbit-performance { top: 137px; left: 143px; }
#worshipWidget .orbit-system { top: 183px; left: 58px; }
#worshipWidget .worship-submenu {
  top: -4px;
  left: 0;
  width: min(316px, calc(100vw - 14px));
  min-height: 220px;
}
#worshipWidget .worship-submenu-group { gap: 10px; }
#worshipWidget .worship-submenu .worship-menu-action {
  width: 82px;
  min-width: 82px;
  height: 82px;
  min-height: 82px;
  flex-basis: 82px;
  padding: 6px;
  gap: 3px;
  font-size: .63rem;
  line-height: 1.08;
}
#worshipWidget .worship-submenu .worship-menu-action .worship-menu-icon { font-size: 1.35rem; }
#worshipWidget .worship-submenu .worship-menu-action span:last-child {
  max-width: 70px;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  text-align: center;
}
@media (max-width: 640px) {
  #worshipWidget .worship-menu-orbit { top: -93px !important; width: 220px !important; height: 226px !important; }
  #worshipWidget .worship-orbit-trigger { width: 68px; height: 68px; }
  #worshipWidget .worship-orbit-icon { font-size: 1.2rem; }
  #worshipWidget .orbit-islamic { top: 2px; left: 48px; }
  #worshipWidget .orbit-projects { top: 45px; left: 132px; }
  #worshipWidget .orbit-performance { top: 126px; left: 132px; }
  #worshipWidget .orbit-system { top: 169px; left: 48px; }
  #worshipWidget .worship-submenu { width: min(294px, calc(100vw - 12px)); }
  #worshipWidget .worship-submenu .worship-menu-action { width: 72px; min-width: 72px; height: 72px; min-height: 72px; flex-basis: 72px; }
}

/* Group focus mode: prevent nested page controls from sitting on top of the main orbit. */
#worshipWidget .worship-menu.has-submenu .worship-orbit {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: scale(.82);
}
#worshipWidget .worship-orbit { transition: opacity .18s ease, transform .18s ease, visibility .18s ease; }
#worshipWidget .worship-fab[aria-expanded="true"] svg { opacity: 0; }
#worshipWidget .worship-fab[aria-expanded="true"]::after {
  content: "×";
  position: absolute;
  color: #fff;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1;
}
#worshipWidget .worship-fab[aria-expanded="true"] { background: radial-gradient(circle at 30% 22%, #8a9fb5 0, #315c82 58%, #17385f 100%) !important; }
#worshipWidget .worship-submenu.is-open { z-index: 8; }
#worshipWidget .worship-submenu .worship-menu-action:nth-child(2) { background: linear-gradient(145deg,#fff8e8,#f7e6bc); }
#worshipWidget .worship-submenu .worship-menu-action:nth-child(3) { background: linear-gradient(145deg,#edf8ff,#cfe8f6); }
#worshipWidget .worship-submenu .worship-menu-action:nth-child(4) { background: linear-gradient(145deg,#effaf4,#d1eddf); }
#worshipWidget .worship-submenu .worship-menu-action:nth-child(5) { background: linear-gradient(145deg,#f5efff,#e3d7f7); }