/* DOR Phone Layout 1.0.0 (Oct 24, 2026): the Back Office on a phone. Everything here applies under 768 px only. */
@media (max-width: 767px) {

    /* U1: one row of icon buttons in a record's header; the title can wrap; Follow lives on the desk view. */
    .page-header .page-header-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
    .page-header .page-header-column-1, .page-header .page-header-column-2 { width: 100%; float: none; }
    .page-header .header-breadcrumbs .title { white-space: normal; font-size: 80% !important; }
    .page-header .header-buttons { float: none !important; display: flex; flex-wrap: nowrap; }
    .page-header .header-buttons > .btn:has(> .fas, > .far) > span:not([class*="fa-"]) { display: none; }
    .page-header .header-buttons > .btn:has(> .fas, > .far) { padding-left: 14px; padding-right: 14px; }
    .page-header .header-buttons > .btn[data-name="follow"], .page-header .header-buttons > .btn[data-name="unfollow"] { display: none; }
    .page-header .header-buttons > .btn:not(:has(> .fas, > .far)):not(.dropdown-toggle) { white-space: nowrap; max-width: 46vw; overflow: hidden; text-overflow: ellipsis; }
    .detail-button-container.record-buttons { margin-top: -4px; }

    /* U2: empty fields fold away (phone.js marks them). */
    .record .panel:not(.dor-show-empty) .cell.dor-empty { display: none; }
    .dor-empty-toggle { display: block; padding: 10px 0 2px; font-size: 13px; color: #006835; cursor: pointer; clear: both; }

    /* U9: the Transaction's tabs wrap instead of running off the screen. */
    .record .tabs.middle-tabs { display: flex; flex-wrap: wrap; gap: 2px 4px; }
    .record .tabs.middle-tabs > .btn { flex: 0 1 auto; padding: 6px 10px; }

    /* U13: Property Flyers and the other kit lists become cards; Delete is a small link. */
    .kl-body table.dme-table, .kl-body table.dme-table tbody { display: block; width: 100%; }
    .kl-body table.dme-table thead { display: none; }
    .kl-body table.dme-table tr { display: flex; flex-wrap: wrap; gap: 4px 12px; padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,.08); }
    .kl-body table.dme-table td { display: block; padding: 0 !important; border: 0 !important; }
    .kl-body table.dme-table td:first-child { width: 100%; font-weight: 600; }
    .kl-body [data-del] { border: 0 !important; background: none !important; padding: 0 !important; margin-left: 8px !important; font-size: 12px; text-decoration: underline; }

    /* U3: each list shows its name and the one column that matters on a phone. */
    body[data-dor-scope="Task"][data-dor-mode="list"] .list table :is(th, td):not([data-name="name"]):not([data-name="dateEnd"]):not([data-name="buttons"]):not(.action-cell) { display: none; }
    body[data-dor-scope="Task"][data-dor-mode="list"] .list table { min-width: 0 !important; width: 100% !important; table-layout: auto !important; }
    body[data-dor-scope="Task"][data-dor-mode="list"] .list table :is(th, td)[data-name="name"] { width: 100% !important; max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    body[data-dor-scope="Task"][data-dor-mode="list"] .list table :is(th, td)[data-name="dateEnd"] { width: 1% !important; white-space: nowrap; text-align: right; padding-left: 10px; }
    body[data-dor-scope="Contact"][data-dor-mode="list"] .list table :is(th, td):not([data-name="name"]):not([data-name="phoneNumber"]):not([data-name="emailAddress"]):not([data-name="buttons"]):not(.action-cell) { display: none; }
    body[data-dor-scope="Contact"][data-dor-mode="list"] .list table { min-width: 0 !important; width: 100% !important; table-layout: auto !important; }
    body[data-dor-scope="Contact"][data-dor-mode="list"] .list table :is(th, td)[data-name="name"] { width: 100% !important; max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    body[data-dor-scope="Contact"][data-dor-mode="list"] .list table :is(th, td)[data-name="phoneNumber"] { width: 1% !important; white-space: nowrap; text-align: right; padding-left: 10px; }
    body[data-dor-scope="Contact"][data-dor-mode="list"] .list table :is(th, td)[data-name="emailAddress"] { width: 1% !important; white-space: nowrap; text-align: right; padding-left: 10px; }
    body[data-dor-scope="Contact"][data-dor-mode="list"] .list table:has(td[data-name="phoneNumber"]) :is(th, td)[data-name="emailAddress"] { display: none; }
    body[data-dor-scope="Lead"][data-dor-mode="list"] .list table :is(th, td):not([data-name="name"]):not([data-name="status"]):not([data-name="buttons"]):not(.action-cell) { display: none; }
    body[data-dor-scope="Lead"][data-dor-mode="list"] .list table { min-width: 0 !important; width: 100% !important; table-layout: auto !important; }
    body[data-dor-scope="Lead"][data-dor-mode="list"] .list table :is(th, td)[data-name="name"] { width: 100% !important; max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    body[data-dor-scope="Lead"][data-dor-mode="list"] .list table :is(th, td)[data-name="status"] { width: 1% !important; white-space: nowrap; text-align: right; padding-left: 10px; }
    body[data-dor-scope="Opportunity"][data-dor-mode="list"] .list table :is(th, td):not([data-name="name"]):not([data-name="stage"]):not([data-name="buttons"]):not(.action-cell) { display: none; }
    body[data-dor-scope="Opportunity"][data-dor-mode="list"] .list table { min-width: 0 !important; width: 100% !important; table-layout: auto !important; }
    body[data-dor-scope="Opportunity"][data-dor-mode="list"] .list table :is(th, td)[data-name="name"] { width: 100% !important; max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    body[data-dor-scope="Opportunity"][data-dor-mode="list"] .list table :is(th, td)[data-name="stage"] { width: 1% !important; white-space: nowrap; text-align: right; padding-left: 10px; }
    body[data-dor-scope="Offer"][data-dor-mode="list"] .list table :is(th, td):not([data-name="name"]):not([data-name="offerPrice"]):not([data-name="buttons"]):not(.action-cell) { display: none; }
    body[data-dor-scope="Offer"][data-dor-mode="list"] .list table { min-width: 0 !important; width: 100% !important; table-layout: auto !important; }
    body[data-dor-scope="Offer"][data-dor-mode="list"] .list table :is(th, td)[data-name="name"] { width: 100% !important; max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    body[data-dor-scope="Offer"][data-dor-mode="list"] .list table :is(th, td)[data-name="offerPrice"] { width: 1% !important; white-space: nowrap; text-align: right; padding-left: 10px; }
    body[data-dor-scope="RealEstateProperty"][data-dor-mode="list"] .list table :is(th, td):not([data-name="name"]):not([data-name="price"]):not([data-name="buttons"]):not(.action-cell) { display: none; }
    body[data-dor-scope="RealEstateProperty"][data-dor-mode="list"] .list table { min-width: 0 !important; width: 100% !important; table-layout: auto !important; }
    body[data-dor-scope="RealEstateProperty"][data-dor-mode="list"] .list table :is(th, td)[data-name="name"] { width: 100% !important; max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    body[data-dor-scope="RealEstateProperty"][data-dor-mode="list"] .list table :is(th, td)[data-name="price"] { width: 1% !important; white-space: nowrap; text-align: right; padding-left: 10px; }
    body[data-dor-scope="Meeting"][data-dor-mode="list"] .list table :is(th, td):not([data-name="name"]):not([data-name="dateStart"]):not([data-name="buttons"]):not(.action-cell) { display: none; }
    body[data-dor-scope="Meeting"][data-dor-mode="list"] .list table { min-width: 0 !important; width: 100% !important; table-layout: auto !important; }
    body[data-dor-scope="Meeting"][data-dor-mode="list"] .list table :is(th, td)[data-name="name"] { width: 100% !important; max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    body[data-dor-scope="Meeting"][data-dor-mode="list"] .list table :is(th, td)[data-name="dateStart"] { width: 1% !important; white-space: nowrap; text-align: right; padding-left: 10px; }
    body[data-dor-scope="Call"][data-dor-mode="list"] .list table :is(th, td):not([data-name="name"]):not([data-name="dateStart"]):not([data-name="buttons"]):not(.action-cell) { display: none; }
    body[data-dor-scope="Call"][data-dor-mode="list"] .list table { min-width: 0 !important; width: 100% !important; table-layout: auto !important; }
    body[data-dor-scope="Call"][data-dor-mode="list"] .list table :is(th, td)[data-name="name"] { width: 100% !important; max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    body[data-dor-scope="Call"][data-dor-mode="list"] .list table :is(th, td)[data-name="dateStart"] { width: 1% !important; white-space: nowrap; text-align: right; padding-left: 10px; }
    body[data-dor-scope="Account"][data-dor-mode="list"] .list table :is(th, td):not([data-name="name"]):not([data-name="type"]):not([data-name="buttons"]):not(.action-cell) { display: none; }
    body[data-dor-scope="Account"][data-dor-mode="list"] .list table { min-width: 0 !important; width: 100% !important; table-layout: auto !important; }
    body[data-dor-scope="Account"][data-dor-mode="list"] .list table :is(th, td)[data-name="name"] { width: 100% !important; max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    body[data-dor-scope="Account"][data-dor-mode="list"] .list table :is(th, td)[data-name="type"] { width: 1% !important; white-space: nowrap; text-align: right; padding-left: 10px; }
    body[data-dor-scope="COpenHouseSignIn"][data-dor-mode="list"] .list table :is(th, td):not([data-name="name"]):not([data-name="createdAt"]):not([data-name="buttons"]):not(.action-cell) { display: none; }
    body[data-dor-scope="COpenHouseSignIn"][data-dor-mode="list"] .list table { min-width: 0 !important; width: 100% !important; table-layout: auto !important; }
    body[data-dor-scope="COpenHouseSignIn"][data-dor-mode="list"] .list table :is(th, td)[data-name="name"] { width: 100% !important; max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    body[data-dor-scope="COpenHouseSignIn"][data-dor-mode="list"] .list table :is(th, td)[data-name="createdAt"] { width: 1% !important; white-space: nowrap; text-align: right; padding-left: 10px; }
    body[data-dor-scope="ClientReview"][data-dor-mode="list"] .list table :is(th, td):not([data-name="name"]):not([data-name="rating"]):not([data-name="buttons"]):not(.action-cell) { display: none; }
    body[data-dor-scope="ClientReview"][data-dor-mode="list"] .list table { min-width: 0 !important; width: 100% !important; table-layout: auto !important; }
    body[data-dor-scope="ClientReview"][data-dor-mode="list"] .list table :is(th, td)[data-name="name"] { width: 100% !important; max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    body[data-dor-scope="ClientReview"][data-dor-mode="list"] .list table :is(th, td)[data-name="rating"] { width: 1% !important; white-space: nowrap; text-align: right; padding-left: 10px; }
    body[data-dor-scope="RealEstateRequest"][data-dor-mode="list"] .list table :is(th, td):not([data-name="name"]):not([data-name="hsStatus"]):not([data-name="buttons"]):not(.action-cell) { display: none; }
    body[data-dor-scope="RealEstateRequest"][data-dor-mode="list"] .list table { min-width: 0 !important; width: 100% !important; table-layout: auto !important; }
    body[data-dor-scope="RealEstateRequest"][data-dor-mode="list"] .list table :is(th, td)[data-name="name"] { width: 100% !important; max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    body[data-dor-scope="RealEstateRequest"][data-dor-mode="list"] .list table :is(th, td)[data-name="hsStatus"] { width: 1% !important; white-space: nowrap; text-align: right; padding-left: 10px; }
    body[data-dor-scope="TransactionDocument"][data-dor-mode="list"] .list table :is(th, td):not([data-name="name"]):not([data-name="status"]):not([data-name="buttons"]):not(.action-cell) { display: none; }
    body[data-dor-scope="TransactionDocument"][data-dor-mode="list"] .list table { min-width: 0 !important; width: 100% !important; table-layout: auto !important; }
    body[data-dor-scope="TransactionDocument"][data-dor-mode="list"] .list table :is(th, td)[data-name="name"] { width: 100% !important; max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    body[data-dor-scope="TransactionDocument"][data-dor-mode="list"] .list table :is(th, td)[data-name="status"] { width: 1% !important; white-space: nowrap; text-align: right; padding-left: 10px; }
    body[data-dor-scope="EscrowEntry"][data-dor-mode="list"] .list table :is(th, td):not([data-name="name"]):not([data-name="amount"]):not([data-name="buttons"]):not(.action-cell) { display: none; }
    body[data-dor-scope="EscrowEntry"][data-dor-mode="list"] .list table { min-width: 0 !important; width: 100% !important; table-layout: auto !important; }
    body[data-dor-scope="EscrowEntry"][data-dor-mode="list"] .list table :is(th, td)[data-name="name"] { width: 100% !important; max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    body[data-dor-scope="EscrowEntry"][data-dor-mode="list"] .list table :is(th, td)[data-name="amount"] { width: 1% !important; white-space: nowrap; text-align: right; padding-left: 10px; }
    body[data-dor-scope="AgentFileItem"][data-dor-mode="list"] .list table :is(th, td):not([data-name="itemType"]):not([data-name="status"]):not([data-name="buttons"]):not(.action-cell) { display: none; }
    body[data-dor-scope="AgentFileItem"][data-dor-mode="list"] .list table { min-width: 0 !important; width: 100% !important; table-layout: auto !important; }
    body[data-dor-scope="AgentFileItem"][data-dor-mode="list"] .list table :is(th, td)[data-name="itemType"] { width: 100% !important; max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    body[data-dor-scope="AgentFileItem"][data-dor-mode="list"] .list table :is(th, td)[data-name="status"] { width: 1% !important; white-space: nowrap; text-align: right; padding-left: 10px; }
    body[data-dor-scope="CWebInquiry"][data-dor-mode="list"] .list table :is(th, td):not([data-name="name"]):not([data-name="createdAt"]):not([data-name="buttons"]):not(.action-cell) { display: none; }
    body[data-dor-scope="CWebInquiry"][data-dor-mode="list"] .list table { min-width: 0 !important; width: 100% !important; table-layout: auto !important; }
    body[data-dor-scope="CWebInquiry"][data-dor-mode="list"] .list table :is(th, td)[data-name="name"] { width: 100% !important; max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    body[data-dor-scope="CWebInquiry"][data-dor-mode="list"] .list table :is(th, td)[data-name="createdAt"] { width: 1% !important; white-space: nowrap; text-align: right; padding-left: 10px; }
    body[data-dor-scope="DorEmailCampaign"][data-dor-mode="list"] .list table :is(th, td):not([data-name="name"]):not([data-name="status"]):not([data-name="buttons"]):not(.action-cell) { display: none; }
    body[data-dor-scope="DorEmailCampaign"][data-dor-mode="list"] .list table { min-width: 0 !important; width: 100% !important; table-layout: auto !important; }
    body[data-dor-scope="DorEmailCampaign"][data-dor-mode="list"] .list table :is(th, td)[data-name="name"] { width: 100% !important; max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    body[data-dor-scope="DorEmailCampaign"][data-dor-mode="list"] .list table :is(th, td)[data-name="status"] { width: 1% !important; white-space: nowrap; text-align: right; padding-left: 10px; }
    body[data-dor-scope="Cma"][data-dor-mode="list"] .list table :is(th, td):not([data-name="name"]):not([data-name="status"]):not([data-name="buttons"]):not(.action-cell) { display: none; }
    body[data-dor-scope="Cma"][data-dor-mode="list"] .list table { min-width: 0 !important; width: 100% !important; table-layout: auto !important; }
    body[data-dor-scope="Cma"][data-dor-mode="list"] .list table :is(th, td)[data-name="name"] { width: 100% !important; max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    body[data-dor-scope="Cma"][data-dor-mode="list"] .list table :is(th, td)[data-name="status"] { width: 1% !important; white-space: nowrap; text-align: right; padding-left: 10px; }
    body[data-dor-scope="KnowledgeBaseArticle"][data-dor-mode="list"] .list table :is(th, td):not([data-name="name"]):not([data-name="status"]):not([data-name="buttons"]):not(.action-cell) { display: none; }
    body[data-dor-scope="KnowledgeBaseArticle"][data-dor-mode="list"] .list table { min-width: 0 !important; width: 100% !important; table-layout: auto !important; }
    body[data-dor-scope="KnowledgeBaseArticle"][data-dor-mode="list"] .list table :is(th, td)[data-name="name"] { width: 100% !important; max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    body[data-dor-scope="KnowledgeBaseArticle"][data-dor-mode="list"] .list table :is(th, td)[data-name="status"] { width: 1% !important; white-space: nowrap; text-align: right; padding-left: 10px; }
    body[data-dor-scope="MlsListing"][data-dor-mode="list"] .list table :is(th, td):not([data-name="name"]):not([data-name="listPrice"]):not([data-name="buttons"]):not(.action-cell) { display: none; }
    body[data-dor-scope="MlsListing"][data-dor-mode="list"] .list table { min-width: 0 !important; width: 100% !important; table-layout: auto !important; }
    body[data-dor-scope="MlsListing"][data-dor-mode="list"] .list table :is(th, td)[data-name="name"] { width: 100% !important; max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    body[data-dor-scope="MlsListing"][data-dor-mode="list"] .list table :is(th, td)[data-name="listPrice"] { width: 1% !important; white-space: nowrap; text-align: right; padding-left: 10px; }
    body[data-dor-scope="NurtureEnrollment"][data-dor-mode="list"] .list table :is(th, td):not([data-name="name"]):not([data-name="status"]):not([data-name="buttons"]):not(.action-cell) { display: none; }
    body[data-dor-scope="NurtureEnrollment"][data-dor-mode="list"] .list table { min-width: 0 !important; width: 100% !important; table-layout: auto !important; }
    body[data-dor-scope="NurtureEnrollment"][data-dor-mode="list"] .list table :is(th, td)[data-name="name"] { width: 100% !important; max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    body[data-dor-scope="NurtureEnrollment"][data-dor-mode="list"] .list table :is(th, td)[data-name="status"] { width: 1% !important; white-space: nowrap; text-align: right; padding-left: 10px; }
    body[data-dor-scope="AgentChange"][data-dor-mode="list"] .list table :is(th, td):not([data-name="name"]):not([data-name="status"]):not([data-name="buttons"]):not(.action-cell) { display: none; }
    body[data-dor-scope="AgentChange"][data-dor-mode="list"] .list table { min-width: 0 !important; width: 100% !important; table-layout: auto !important; }
    body[data-dor-scope="AgentChange"][data-dor-mode="list"] .list table :is(th, td)[data-name="name"] { width: 100% !important; max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    body[data-dor-scope="AgentChange"][data-dor-mode="list"] .list table :is(th, td)[data-name="status"] { width: 1% !important; white-space: nowrap; text-align: right; padding-left: 10px; }
    body[data-dor-scope="DorProblemReport"][data-dor-mode="list"] .list table :is(th, td):not([data-name="name"]):not([data-name="status"]):not([data-name="buttons"]):not(.action-cell) { display: none; }
    body[data-dor-scope="DorProblemReport"][data-dor-mode="list"] .list table { min-width: 0 !important; width: 100% !important; table-layout: auto !important; }
    body[data-dor-scope="DorProblemReport"][data-dor-mode="list"] .list table :is(th, td)[data-name="name"] { width: 100% !important; max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    body[data-dor-scope="DorProblemReport"][data-dor-mode="list"] .list table :is(th, td)[data-name="status"] { width: 1% !important; white-space: nowrap; text-align: right; padding-left: 10px; }
    /* A long label in the second column (a stage, a status) is shortened rather than squeezing the name. */
    body[data-dor-mode="list"] .list table td.cell:not([data-name="name"]) .label { display: inline-block; max-width: 44vw; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
}