/* Shared presentation for the existing administrative and document pages.
   No table columns, form fields, route handlers or business rules are replaced. */
body.product-secondary {
    font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    --ui-focus: #2563eb;
    --ui-line: #d6dce4;
}
.product-secondary *, .product-secondary *::before, .product-secondary *::after { box-sizing: border-box; }
.product-secondary :focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 3px; }
.product-secondary :is(button, input, select, textarea) { font-family: inherit; }
.product-secondary :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]), select, textarea) {
    min-height: 40px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.5;
    max-width: 100%;
    padding: 8px 12px;
}
.product-secondary :is(input, select, textarea):focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 2px; }
.product-secondary textarea { resize: vertical; min-height: 88px; }
.product-secondary :is(button, .btn, .button) {
    min-height: 36px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.4;
    transition: background-color 120ms, border-color 120ms, opacity 120ms;
}
.product-secondary :is(button, .btn):active { filter: brightness(.94); transform: none; }
.product-secondary :is(button, input, select, textarea):disabled { opacity: .6; cursor: not-allowed; }
.product-secondary label { line-height: 1.5; }
.product-secondary h1 { font-size: 24px; line-height: 1.3; letter-spacing: -.3px; }
.product-secondary h2 { font-size: 20px; line-height: 1.4; }
.product-secondary h3 { font-size: 16px; line-height: 1.5; }
.product-secondary table { font-size: 13px; font-variant-numeric: tabular-nums; }
.product-secondary th { font-weight: 600; text-align: left; white-space: nowrap; }
.product-secondary :is(th, td) { padding: 10px 12px; vertical-align: middle; }
.product-secondary :is(.table-wrapper, .table-container, .table-wrap) { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
.product-secondary :is(.card, .panel, .section) { box-shadow: none; border-radius: 8px; }
.product-secondary .topnav { background: #222730; box-shadow: none; gap: 16px; }
.product-secondary .topnav .logo { letter-spacing: .3px; }
.product-secondary :is(.error, .error-message, .success-message, .message) { line-height: 1.5; overflow-wrap: anywhere; }
.product-secondary input[type=checkbox], .product-secondary input[type=radio] { accent-color: var(--ui-focus); }
.product-secondary .table-scroll { overflow-x: auto; overscroll-behavior-x: contain; }
.product-secondary .table-scroll-hint { color: #596678; font-size: 12px; margin-block: 8px; }
.company-projects-page .table { min-width: 620px; }
.company-projects-page .project-name { white-space: normal; overflow-wrap: anywhere; overflow: visible; }
.company-projects-page .table th { text-align: left; }
.company-projects-page .table th:nth-child(2) { width: 22% !important; }
.company-projects-page .table th:nth-child(3) { width: 33% !important; }
.company-projects-page #account-link { display: grid; place-items: center; min-width: 44px; min-height: 44px; }
.project-exports-page .table { min-width: 560px; }
.project-exports-page .btn { background: #fff; color: #243247; border: 1px solid #cbd5e1; }
.project-exports-page .btn:hover { background: #eef2f6; }
.project-costs-page .table { min-width: 900px; }
.company-account-page .tab, .company-account-page .tab:hover { background: transparent; color: #475569; border-radius: 0; }
.company-account-page .tab.active { color: #1e40af; border-bottom-color: #2563eb; }
.company-account-page .tab:hover { background: #f1f5f9; }
.company-account-page .upload-indicator:not(.visible) { visibility: hidden; }
.company-account-page .file-row button { background: #eef2f6; color: #243247; border: 1px solid #cbd5e1; }
.project-editor-page .task-details .form-row { display: grid; grid-template-columns: 140px minmax(0, 1fr); align-items: center; gap: 12px !important; }
.project-editor-page .task-details .actions { grid-column: 2; }
.company-projects-page .evm-status { display: inline-block; font-size: 12px; margin-right: 8px; color: #526175; }
.product-secondary dialog.app-modal { padding: 0; border: 0; background: transparent; color: inherit; width: min(520px, calc(100% - 32px)); max-width: none; overflow: visible; }
.product-secondary dialog.app-modal::backdrop { background: rgb(15 23 42 / .45); }
.product-secondary dialog.app-modal .modal-container { width: 100%; max-width: none; max-height: calc(100dvh - 48px); overflow-y: auto; background: #fff; border-radius: 12px; box-shadow: 0 12px 40px rgb(15 23 42 / .18); animation: operational-dialog-in 140ms ease-out; }
.product-secondary dialog.app-modal .modal-body { overflow: visible; }
.product-secondary dialog.app-modal .form-row { gap: 6px; }
.product-secondary dialog.app-modal label:not(:first-child) { margin-top: 10px; }
.product-secondary .field-error { color: #b42318; font-size: 13px; margin: 4px 0 8px; }
.product-secondary [aria-invalid=true] { border-color: #b42318; }
.report-editor-page .report-information { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; }
.report-editor-page .report-information > :is(h2, .status-message, .form-group:last-child) { grid-column: 1 / -1; }
.report-editor-page .report-information .form-group { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.report-editor-page .report-information .status-message { background: #f1f5f9; color: #475569; border: 0; }
.report-editor-page .task-item-content { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; }
.report-editor-page :is(.task-item, .problem-item) { padding: 12px 0; border: 0; border-top: 1px solid #e2e8f0; border-radius: 0; background: transparent; }
.report-editor-page :is(.task-item-actions, .problem-item-header) .btn-danger { color: #b42318; background: transparent; border: 1px solid #d6dce4; }
.report-editor-page dialog.app-modal .modal-content { padding: 20px; }
.project-timeline-page .progress-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; }
.project-timeline-page .progress-card { border: 0; border-radius: 0; background: transparent; border-right: 1px solid #e2e8f0; }
.project-timeline-page .progress-card:last-child { border-right: 0; }
.project-timeline-page .card-emoji { display: none; }
.project-timeline-page .gantt-container { box-shadow: none; }
.project-timeline-page .gantt-title { overflow-wrap: anywhere; }
.project-timeline-page .report-edit-btn { background: #fff; color: #334155; border: 1px solid #cbd5e1; border-radius: 6px; min-height: 40px; display: inline-flex; align-items: center; }
.project-timeline-page .report-edit-btn:hover { background: #f1f5f9; }
.project-timeline-page .task-name { white-space: normal; line-height: 1.4; }
.project-timeline-page .reports-container { max-width: 1000px; margin: auto; }
.project-timeline-page #evm-summary { background: #fff !important; border-color: #d6dce4 !important; border-radius: 8px !important; }
.project-timeline-page .evm-container > div { box-shadow: none !important; border-radius: 8px !important; }
.project-timeline-page .evm-container :is(h2, h3) { font-size: 20px !important; font-weight: 600 !important; }
.project-timeline-page #evm-summary svg { display: none; }
.project-timeline-page #evm-summary p:last-child { font-size: 18px !important; font-weight: 600 !important; }
.project-timeline-page .data-note { color: #526175; background: #eef2f6; padding: 12px; font-size: 13px; border-left: 3px solid #94a3b8; }
.project-timeline-page #evm-chart { overflow-x: auto; }
.project-timeline-page #evm-task-table { min-width: 580px; }
.product-secondary.company-register-page { background: #f1f5f9; }
.company-register-page .container { border-radius: 8px; box-shadow: none; border: 1px solid #d6dce4; padding: 24px; }
.company-register-page :is(h1, .subtitle) { text-align: left; }
.company-register-page .plan-card { border-width: 1px; padding: 16px; border-radius: 6px; }
.company-register-page .plan-card:hover { transform: none; box-shadow: none; }
.company-register-page .plan-card.selected { background: #f8fafc; border-color: #2563eb; }
.company-register-page .plan-card:focus-within { outline: 2px solid #2563eb; outline-offset: 3px; }
.company-register-page .plan-card input[type=radio]:checked ~ .plan-content { border-left: 0; padding-left: 0; }
.company-register-page .plan-header { padding-right: 20px; gap: 16px; }
.company-register-page .plan-name { font-size: 16px; }
.company-register-page .plan-price, .company-register-page .plan-features li::before { color: #475569; }
.company-register-page button { background: #2563eb; box-shadow: none; }
.company-register-page button:hover { transform: none; box-shadow: none; background: #1d4ed8; }
.admin-login-page .container { width: min(400px, calc(100% - 32px)); box-shadow: none; border: 1px solid #d6dce4; padding: 24px; }
.admin-login-page :is(.pwa-icon, .pwa-install-btn) { background: #2563eb; box-shadow: none; }
.admin-login-page .pwa-install-content { max-width: min(440px, calc(100% - 32px)); padding: 24px; border-radius: 12px; }
.sales-page .card { border-radius: 0; }
.product-secondary.sales-page { --bg: #171b22; --card: #222730; --card-2: #2a3039; --border: #414b59; --muted: #b0bac8; --accent: #2dd4bf; }
.sales-page dialog.app-modal .modal-container { background: var(--card); padding: 20px; }
.sales-page dialog.app-modal #group-members, .sales-page dialog.app-modal #transfer-companies { max-height: none !important; overflow: visible !important; }
@media (prefers-color-scheme: light) {
    .product-secondary.sales-page { --bg: #f1f5f9; --card: #fff; --card-2: #f8fafc; --border: #cbd5e1; --muted: #526175; --accent: #0f766e; }
}
.sales-page :is(.panel, .who) { border-radius: 6px; }
.sales-page .earn-cell { border: 0; border-right: 1px solid var(--border); border-radius: 0; background: transparent; text-align: left; }
.sales-page .earn-cell:last-child { border-right: 0; }
.sales-page .co-item { border: 0; border-bottom: 1px solid var(--border); border-radius: 0; background: transparent; padding-inline: 0; }
.sales-page .plan-badge { color: var(--text); background: var(--card-2); border: 1px solid var(--border); }
.sales-page :is(.wa, .tg) { background: var(--card-2); color: var(--text); border: 1px solid var(--border); }
.sales-page .msg { overflow-wrap: anywhere; }
.sales-page :is(.create-row input, .earn-cell) { min-width: 0; }
.sales-page .earn-val { overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
@keyframes operational-dialog-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
@media (min-width:768px) and (max-width:1100px) {
    .product-secondary .topnav { padding-inline: 20px; }
    .product-secondary .topnav .menu { gap: 16px; }
    .product-secondary :is(.form-row, .two-columns) { gap: 16px; }
}
@media (max-width:767px) {
    .product-secondary:is(.company-projects-page, .project-editor-page, .project-costs-page, .project-exports-page) { margin: 0; }
    .product-secondary:is(.company-projects-page, .project-editor-page, .project-costs-page, .project-exports-page) .container { max-width: 100%; margin: 20px auto; padding: 0 16px; }
    .product-secondary .page-header { gap: 12px; align-items: flex-start; flex-wrap: wrap; }
    .product-secondary .page-header .title { flex: 1; min-width: 0; }
    .product-secondary .title svg { flex-shrink: 0; }
    .product-secondary:is(.project-editor-page, .project-costs-page) .page-header .title { flex-basis: 100%; }
    .product-secondary:is(.project-editor-page, .project-costs-page) .page-header > div:last-child { flex-wrap: wrap; gap: 8px !important; }
    .project-editor-page .card > .form-row { display: grid; grid-template-columns: 1fr; }
    .project-editor-page .card > .form-row input { width: 100%; }
    .product-secondary dialog.app-modal { margin: auto 0 0; width: 100%; max-height: 100dvh; }
    .product-secondary dialog.app-modal .modal-container { border-radius: 12px 12px 0 0; max-height: calc(100dvh - 24px); padding-bottom: env(safe-area-inset-bottom); }
    .project-timeline-page .progress-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .project-timeline-page .progress-card:nth-child(2) { border-right: 0; }
    .project-timeline-page :is(.reports-container, .evm-container) { padding: 16px !important; }
    .project-timeline-page #evm-summary { grid-template-columns: minmax(0, 1fr) !important; padding: 12px !important; }
    .project-timeline-page #project-header-actions { flex-wrap: wrap; margin-top: 12px; }
    .project-timeline-page .task-progress .task-price { white-space: nowrap; width: auto; font-size: 12px; }
    .company-projects-page .card, .project-exports-page .card { padding: 0; overflow: hidden; }
    .company-account-page .container { margin: 0; padding: 20px 16px 88px; border-radius: 0; box-shadow: none; }
    .company-account-page #back-to-projects { min-height: 44px; flex-shrink: 0; margin-left: 12px; }
    .company-account-page .inline-controls .control { flex-basis: 140px; }
    .project-editor-page .task-details .form-row { grid-template-columns: minmax(0, 1fr); gap: 6px !important; }
    .project-editor-page .task-details .form-row label:not(:first-child) { margin-top: 10px; }
    .project-editor-page .task-details .actions { grid-column: 1; margin-top: 12px; }
    .product-secondary :is(button, .btn, .button) { min-height: 44px; }
    .product-secondary :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]), select, textarea) { min-height: 44px; font-size: 16px; }
    .product-secondary h1 { font-size: 22px; }
    .product-secondary .topnav { height: auto; min-height: 56px; padding: 10px 16px; flex-wrap: wrap; }
    .product-secondary .topnav .menu { gap: 16px; overflow-x: auto; max-width: 100%; }
    .product-secondary .topnav .menu a { line-height: 40px; white-space: nowrap; }
    .product-secondary :is(.form-row, .phone-row) > * { min-width: 0; }
    .product-secondary table :is(input, select) { min-width: 112px; }
    .product-secondary :is(.actions, .form-actions, .toolbar) { flex-wrap: wrap; gap: 8px; }
}
@media (prefers-reduced-motion: reduce) {
    .product-secondary *, .product-secondary *::before, .product-secondary *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

@media (max-width: 1100px) {
 .product-secondary :is(button, .btn, .button) { min-height: 44px; }
 .project-costs-page td a { display: inline-flex; align-items: center; min-height: 44px; padding-inline: 4px; }
}
/* Documentation and operational logs retain their own information models. */
.usage-guide-page .header { background: #222730; padding: 24px; box-shadow: none; }
.usage-guide-page .header h1 { letter-spacing: 0; }
.usage-guide-page .flow-card { padding: 24px 0; box-shadow: none; border-radius: 0; border-bottom: 1px solid #d6dce4; margin: 0; }
.usage-guide-page .flow-title { color: #243247; border: 0; margin: 0 0 24px; }
.usage-guide-page .step-number { color: #526175; background: #f1f5f9; border-color: #d6dce4; }
.product-secondary.log-viewer-page { background: #171b22; color: #e6eaf0; height: 100dvh; }
.log-viewer-page .header { padding: 16px 20px; border-bottom: 1px solid #414b59; background: #222730; }
.log-viewer-page .header h1 { color: #e6eaf0; font-size: 20px; }
.log-viewer-page .controls { flex-wrap: wrap; gap: 8px 16px; }
.log-viewer-page .refresh-btn { color: #e6eaf0; background: #303844; border: 1px solid #536174; }
.log-viewer-page .refresh-btn:hover { background: #414b59; }
.log-viewer-page .tab-container, .log-viewer-page .status-bar { background: #222730; border-color: #414b59; }
.log-viewer-page .tabs { gap: 0; }
.log-viewer-page .tab { display: flex; align-items: center; gap: 8px; padding: 10px 20px; min-height: 44px; }
.log-viewer-page .tab.active { color: #e6eaf0; background: #303844; border-bottom-color: #60a5fa; }
.log-viewer-page .tab-badge { position: static; background: #414b59; border-radius: 4px; color: #e6eaf0; min-width: 22px; width: auto; padding: 2px 5px; height: auto; }
.log-viewer-page .tab-content { min-height: 0; background: #171b22; }
.log-viewer-page .log-container { font-size: 12px; line-height: 1.5; padding: 12px; }
.log-viewer-page .log-entry { background: transparent; padding: 8px 10px; border-radius: 0; border-bottom: 1px solid #353d48; white-space: normal; }
.log-viewer-page .log-entry.session-header { background: #222730; padding-block: 12px; }
.log-viewer-page .log-header { flex-wrap: wrap; row-gap: 4px; }
.log-viewer-page .log-message { white-space: pre-wrap; overflow-wrap: anywhere; }
.log-viewer-page .log-timestamp, .log-viewer-page .log-location { color: #b0bac8; font-weight: 400; }
.log-viewer-page .status-bar { color: #b0bac8; flex-wrap: wrap; gap: 8px; padding: 8px 12px; }
.log-viewer-page :is(.auto-refresh, .session-controls) { min-height: 44px; }
.log-viewer-page input[type=checkbox] { accent-color: #60a5fa; }
.sales-page #bottom-nav .ico:not(#nav-chat-ico) { display: none; }
@media (max-width: 767px) {
 .log-viewer-page .header { padding: 12px 16px; gap: 8px; }
 .log-viewer-page .controls { justify-content: flex-start; }
 .log-viewer-page .tab { flex: 1; justify-content: center; padding-inline: 10px; }
 .log-viewer-page .session-info { flex-basis: 100%; }
}
@media (min-width: 1101px) {
 .company-register-page .container { max-width: 1040px; }
 .company-register-page .plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
 .company-register-page .plan-header { flex-direction: column; align-items: flex-start; gap: 4px; }
}
@media (min-width: 768px) and (max-width: 1100px) {
 .company-register-page .container { max-width: 760px; }
 .company-register-page .plan-features { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 16px; }
}

/* Administration keeps every role, action and column in its existing section. */
body.developer-dashboard-page { height: auto; min-height: 100dvh; overflow-y: auto; color: #243247; background: #f4f6f8; }
.developer-dashboard-page .main-content { width: calc(100% - 48px); max-width: 1440px; min-height: calc(100dvh - 104px); height: auto; margin: 24px auto; padding: 24px; border: 1px solid #d6dce4; border-radius: 8px; box-shadow: none; overflow: visible; }
.developer-dashboard-page .section-title { color: #243247; font-size: 20px; font-weight: 600; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.developer-dashboard-page :is(.add-btn, .save-btn) { background: #2563eb; color: #fff; border: 1px solid #2563eb; font-size: 14px; }
.developer-dashboard-page :is(.add-btn, .save-btn):hover { background: #1d4ed8; border-color: #1d4ed8; }
.developer-dashboard-page :is(.action-btn, .edit-btn, .cancel-btn, .signup-action-btn, .ref-link, .ref-action) { background: #fff; color: #334155; border: 1px solid #cbd5e1; padding: 7px 12px; border-radius: 6px; }
.developer-dashboard-page :is(.action-btn, .edit-btn, .cancel-btn):hover { background: #edf1f5; }
.developer-dashboard-page .action-btn.delete { color: #b42318; background: #fff; border-color: #cbd5e1; }
.developer-dashboard-page #confirm-dialog .action-btn.delete { background: #b42318; border-color: #b42318; color: #fff; }
.developer-dashboard-page #prompt-dialog-ok { color: #fff; background: #2563eb; border-color: #2563eb; }
.developer-dashboard-page .styled-table { width: 100%; border-collapse: collapse; }
.developer-dashboard-page .styled-table th { color: #526175; background: #f1f4f7; }
.developer-dashboard-page .styled-table td { color: #243247; }
.developer-dashboard-page .styled-table td:last-child { white-space: nowrap; }
.developer-dashboard-page :is(#developers-table, #referrals-table) { min-width: 800px; }
.developer-dashboard-page :is(#plans-table, #sales-apps-table) { min-width: 1050px; }
.developer-dashboard-page #custom-plans-table { min-width: 820px; }
.developer-dashboard-page :is(#companies-table, #telegram-table) { min-width: 480px; }
.developer-dashboard-page .table-state { padding: 28px 16px; color: #596678; text-align: center; white-space: normal !important; }
.developer-dashboard-page .table-state button { margin-left: 8px; }
.developer-dashboard-page .referral-form { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) auto 170px auto; align-items: end; gap: 16px; margin-bottom: 24px; padding: 0; background: transparent; }
.developer-dashboard-page .referral-form > label { display: flex; flex-direction: column; gap: 6px; font-size: 13px; }
.developer-dashboard-page .referral-form .ref-expiry { flex-direction: row; align-items: center; min-height: 40px; }
.developer-dashboard-page .referral-form :is(input, button) { margin: 0; }
.developer-dashboard-page .referral-form input:not([type=checkbox]) { width: 100%; }
.developer-dashboard-page dialog.app-modal .modal-content { min-width: 0; width: 100%; margin: 0; padding: 24px; box-shadow: none; }
.developer-dashboard-page dialog.app-modal .modal-content h3 { color: #243247; margin: 0 40px 20px 0; }
.developer-dashboard-page dialog.app-modal .close { top: 12px; right: 12px; min-width: 40px; min-height: 40px; display: grid; place-items: center; padding: 0; background: transparent; color: #596678; border: 0; line-height: 1; }
.developer-dashboard-page dialog.app-modal .close:hover { background: #edf1f5; }
.developer-dashboard-page dialog.app-modal label { display: flex; flex-direction: column; gap: 6px; margin: 0 0 16px; color: #334155; font-size: 14px; }
.developer-dashboard-page dialog.app-modal :is(input, select) { margin: 0; border-color: #cbd5e1; }
.developer-dashboard-page dialog.app-modal input[type=checkbox] { width: 16px; height: 16px; min-height: 16px; vertical-align: middle; }
.developer-dashboard-page dialog.app-modal small { color: #596678; line-height: 1.5; font-size: 12px; font-weight: 400; }
.developer-dashboard-page :is(.modal-actions, .confirm-actions) { display: flex; justify-content: flex-end; gap: 8px; margin-top: 20px; }
.developer-dashboard-page #plan-modal { width: min(680px, calc(100% - 32px)); }
.developer-dashboard-page #plan-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; }
.developer-dashboard-page dialog.app-modal #plan-form > label { margin-top: 0; }
.developer-dashboard-page #plan-form > :is(.full-width, .modal-actions, .form-error) { grid-column: 1 / -1; }
.developer-dashboard-page #plan-form .checkbox-label { display: block; margin-top: 12px; }
.developer-dashboard-page #plan-caps-fieldset { margin: 0 0 12px !important; padding: 12px !important; }
.developer-dashboard-page #plan-caps-fieldset:disabled { opacity: .6; }
.developer-dashboard-page #plan-caps-fieldset legend { padding-inline: 4px; }
.developer-dashboard-page #link-user-results { max-height: none !important; overflow: visible !important; }
.developer-dashboard-page .signups-tabs { display: flex; overflow-x: auto; gap: 0; border-bottom: 1px solid #d6dce4; }
.developer-dashboard-page .signups-tab { flex: 1; border-radius: 0; white-space: nowrap; }
.developer-dashboard-page .signups-tab.active { background: #edf1f5; color: #1d4ed8; }
.developer-dashboard-page .signup-list { max-height: none; overflow: visible; }
@media (max-width: 1100px) {
 .developer-dashboard-page .topnav { height: auto; display: block; padding: 12px 20px 0; }
 .developer-dashboard-page .topnav .logo { display: block; margin-bottom: 8px; }
 .developer-dashboard-page .topnav .menu { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; height: 56px; gap: 20px; width: 100%; }
 .developer-dashboard-page .topnav .menu > * { flex-shrink: 0; }
 .developer-dashboard-page .referral-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .developer-dashboard-page .referral-form .ref-expiry { order: 2; }
 .developer-dashboard-page .referral-form > button { justify-self: start; }
}
@media (max-width: 767px) {
 .developer-dashboard-page .topnav { position: static; padding-inline: 16px; }
 .developer-dashboard-page .main-content { margin: 0; width: 100%; min-height: calc(100dvh - 100px); padding: 20px 16px; border: 0; border-radius: 0; }
 .developer-dashboard-page .section-title { align-items: flex-start; flex-wrap: wrap; font-size: 20px; }
 .developer-dashboard-page dialog.app-modal .modal-content { padding: 20px 16px; padding-bottom: max(20px, env(safe-area-inset-bottom)); }
 .developer-dashboard-page #plan-modal { width: 100%; }
 .developer-dashboard-page #plan-form { grid-template-columns: minmax(0, 1fr); }
 .developer-dashboard-page .referral-form { grid-template-columns: minmax(0, 1fr); }
 .developer-dashboard-page .referral-form .ref-expiry { order: 0; }
 .developer-dashboard-page .referral-form > button { justify-self: stretch; }
}

/* Agent overview is a ledger and two related lists, not a card grid. */
.sales-page #view-agent > .panel { background: transparent; border: 0; border-top: 1px solid var(--border); border-radius: 0; padding: 20px 0 0; margin-top: 20px; }
.sales-page #btn-transfer-companies { width: auto; }
.sales-page #view-agent .earn-val { color: var(--text); }
.sales-page #nav-chat-ico:empty { display: none; }