/* hana-stable-address-20261026.css */ /* Fixed geometry for registration address controls only, PC and mobile. */ #registerView.hana-guided #guidedAddressRow, #registerView.hana-guided .guided-address-row { width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; } #registerView.hana-guided .guided-address-row > * { min-width:0!important; max-width:100%!important; } #registerView.hana-guided .guided-address-summary { box-sizing:border-box!important; display:flex!important; width:100%!important; min-width:0!important; max-width:100%!important; height:auto!important; min-height:68px!important; max-height:none!important; overflow:visible!important; overflow-wrap:anywhere!important; word-break:break-word!important; } #registerView.hana-guided .guided-address-summary > * { display:block!important; box-sizing:border-box!important; min-width:0!important; max-width:100%!important; flex-shrink:0!important; overflow:visible!important; overflow-wrap:anywhere!important; white-space:normal!important; text-overflow:clip!important; } #registerView.hana-guided #guidedAddressDetails, #registerView.hana-guided .guided-detail-fields, #registerView.hana-guided .guided-detail-fields > label:has(input[name="address"]) { box-sizing:border-box!important; width:100%!important; min-width:0!important; max-width:100%!important; } #registerView.hana-guided #listingForm .guided-detail-fields input[name="address"] { box-sizing:border-box!important; width:100%!important; min-width:0!important; max-width:100%!important; text-overflow:ellipsis!important; } #guidedAddressDialog { box-sizing:border-box!important; width:min(560px,calc(100vw - 24px))!important; min-width:0!important; max-width:calc(100vw - 24px)!important; overflow-x:hidden!important; } #guidedAddressDialog .guided-address-result, #guidedAddressDialog .guided-selected-address, #guidedAddressDialog #guidedSelectedRoad, #guidedAddressDialog #guidedSelectedLot { min-width:0!important; max-width:100%!important; overflow-wrap:anywhere!important; } @media(max-width:650px){ #registerView.hana-guided .guided-address-row { grid-template-columns:82px minmax(0,1fr)!important; } #registerView.hana-guided .guided-address-summary { height:auto!important; min-height:68px!important; max-height:none!important; } } /* hana-mobile-contact-workspace-20261026.css */ @media screen and (max-width:980px){ /* Mobile-only contact search screen. Reuses the current search, result and SMS DOM. */ #hanaMobileContactPage, #hanaMobileContactEntry, #hanaMobileContactSidebarEntry {display:none!important;} @media screen and (max-width:980px){ body.hana-mobile-contact-workspace-open{overflow:hidden!important;} html body.has-sidebar.hana-mobile-ui #listView .listing-toolbar #hanaPhoneLookup{display:none!important;} html body.has-sidebar.hana-mobile-ui #hanaMobileContactEntry{ display:inline-flex!important; box-sizing:border-box!important; align-items:center!important; justify-content:center!important; min-height:40px!important; height:40px!important; max-height:40px!important; aspect-ratio:auto!important; flex:0 0 126px!important; width:126px!important; max-width:144px!important; margin:6px 0 6px auto!important; padding:8px 13px!important; border:1px solid #bdcfe1!important; border-radius:9px!important; background:#f5f9fc!important; color:#254e6f!important; font-size:13px!important; font-weight:750!important; cursor:pointer!important; } #officeSidebar #hanaMobileContactSidebarEntry{ display:flex!important; align-items:center!important; width:100%!important; min-height:44px!important; padding:9px 13px!important; border-radius:8px!important; font-size:14px!important; font-weight:700!important; text-align:left!important; } #hanaMobileContactPage:not([hidden]){ display:flex!important; position:fixed!important; inset:0!important; width:100vw!important; height:100dvh!important; max-width:100vw!important; box-sizing:border-box!important; z-index:10150!important; flex-direction:column!important; background:#fff!important; overflow:hidden!important; color:#203d54!important; } #hanaMobileContactPage[hidden]{display:none!important;} #hanaMobileContactPage .hana-mobile-contact-header{ display:flex!important; align-items:center!important; gap:14px!important; box-sizing:border-box!important; flex:none!important; min-height:58px!important; padding:calc(10px + env(safe-area-inset-top,0px)) 15px 10px!important; border-bottom:1px solid #e3eaf0!important; background:#fff!important; } #hanaMobileContactBack{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:40px!important; padding:8px 10px!important; border:0!important; border-radius:8px!important; background:#f4f7fa!important; color:#315674!important; font-weight:700!important; font-size:14px!important; } #hanaMobileContactPage .hana-mobile-contact-title{ font-size:16px!important; font-weight:800!important; } #hanaMobileContactContent{ display:block!important; flex:1 1 auto!important; min-height:0!important; box-sizing:border-box!important; width:100%!important; padding:16px 16px calc(18px + env(safe-area-inset-bottom,0px))!important; overflow-y:auto!important; overscroll-behavior:contain!important; -webkit-overflow-scrolling:touch!important; } #hanaMobileContactPage #hanaPhoneLookup{ box-sizing:border-box!important; display:block!important; position:static!important; z-index:auto!important; width:100%!important; min-width:0!important; max-width:100%!important; margin:0!important; padding:0!important; } #hanaMobileContactPage .hana-phone-search{ width:100%!important; max-width:100%!important; position:relative!important; } #hanaMobileContactPage #hanaPhoneSearch{ width:100%!important; box-sizing:border-box!important; height:46px!important; min-height:46px!important; padding:10px 32px 10px 13px!important; font-size:16px!important; border-radius:10px!important; } #hanaMobileContactPage #hanaPhonePanel, #hanaMobileContactPage #hanaPhonePanel:not([hidden]){ display:block!important; box-sizing:border-box!important; position:static!important; transform:none!important; width:100%!important; min-width:0!important; max-width:100%!important; max-height:none!important; overflow:visible!important; margin:12px 0 0!important; padding:0!important; border:0!important; border-radius:0!important; background:#fff!important; box-shadow:none!important; } #hanaMobileContactPage #hanaPhoneClose, #hanaMobileContactPage .hana-phone-pc-tip{display:none!important;} #hanaMobileContactPage #hanaPhoneResults, #hanaMobileContactPage #hanaPhoneChoices{ max-height:none!important; overflow:visible!important; display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:0!important; width:100%!important; } #hanaMobileContactPage #hanaPhoneChoices[hidden], #hanaMobileContactPage #hanaPhoneComposer[hidden] {display:none!important;} #hanaMobileContactPage .hana-phone-result-row { display:flex!important; flex-wrap:nowrap!important; align-items:stretch!important; gap:6px!important; padding:4px 0!important; border-bottom:1px solid #e8eef2!important; min-width:0!important; } #hanaMobileContactPage .hana-phone-result{ flex:1 1 auto!important; box-sizing:border-box!important; width:100%!important; min-width:0!important; max-width:100%!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important; gap:3px!important; padding:9px 4px!important; border:0!important; border-radius:0!important; background:#fff!important; box-shadow:none!important; text-align:left!important; } #hanaMobileContactPage .hana-phone-result-sms{ flex:0 0 70px!important; max-width:70px!important; min-width:0!important; min-height:32px!important; } #hanaMobileContactPage #hanaPhoneStatus{font-size:12px!important;} #hanaMobileContactPage .hana-phone-result-detail{ width:100%!important; overflow-wrap:anywhere!important; white-space:normal!important; } } } /* hana-registration-finish-20261026.css */ /* * HANA registration finishing layout, 2026-10-26. * Presentation only. Never rename/remove actual form controls or adjust Runner validation. */ html body #registerView.hana-guided #listingForm { display:flex!important; flex-direction:column!important; align-items:stretch!important; min-width:0!important; } html body #registerView.hana-guided #listingForm > :not(#hana-owner-section):not(.savebar) { order:0!important; min-width:0!important; } html body #registerView.hana-guided #listingForm > .savebar {order:999!important;} html body #registerView.hana-guided #listingForm > #hana-owner-section, html body #registerView.hana-guided:not(.hana-entry-expanded) #listingForm > #hana-owner-section { display:block!important; visibility:visible!important; order:990!important; width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; margin-top:10px!important; margin-bottom:96px!important; padding:19px 22px!important; } html body #registerView.hana-guided #listingForm > #hana-owner-section > .fields { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; align-items:end!important; gap:10px 14px!important; min-width:0!important; width:100%!important; } html body #registerView.hana-guided #listingForm > #hana-owner-section > .fields > label { display:flex!important; flex-direction:column!important; align-items:stretch!important; box-sizing:border-box!important; width:100%!important; max-width:100%!important; min-width:0!important; gap:7px!important; font-size:12px!important; } html body #registerView.hana-guided #listingForm > #hana-owner-section > .fields > label > input, html body #registerView.hana-guided #listingForm > #hana-owner-section > .fields > label > select { box-sizing:border-box!important; width:100%!important; max-width:100%!important; min-width:0!important; min-height:41px!important; margin:0!important; } html body #registerView.hana-guided #listingForm > #hana-owner-section > .owner-summary { display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:7px!important; width:100%!important; min-width:0!important; max-width:100%!important; margin:12px 0 0!important; padding:0!important; font-size:12px!important; } html body #registerView.hana-guided #listingForm > #hana-owner-section > .owner-summary button { min-height:32px!important; font-size:12px!important; white-space:nowrap!important; } html body #registerView.hana-guided #listingForm > #hana-owner-section > .owner-summary #ownerInfoStatus { display:inline-block!important; font-size:12px!important; white-space:normal!important; overflow-wrap:anywhere!important; } html body #registerView.hana-guided #listingForm > #hana-owner-section > .entry-section-hint { margin:0 0 12px!important; font-size:12px!important; } html body #registerView.hana-guided #listingForm > #hana-owner-section > #hanaBankOwnerConsent { display:flex!important; align-items:flex-start!important; max-width:100%!important; width:100%!important; box-sizing:border-box!important; margin:9px 0 0!important; border-color:#e6edf3!important; padding:7px 9px!important; font-size:11px!important; line-height:1.4!important; } html body #registerView.hana-guided #listingForm > #hana-owner-section > #hanaBankOwnerConsent > input[type=checkbox] { flex:0 0 17px!important; } html body #registerView.hana-guided #listingForm > #hana-owner-section > #hanaBankOwnerConsent > span { flex:1!important; min-width:0!important; overflow-wrap:anywhere!important; } /* Optional website registration badges are a visual hint, not a property-save requirement. */ html body #registerView.hana-guided #listingForm .hanbang-required-badge, html body #registerView.hana-guided #listingForm .entry-required-mark.bank-kind-required { display:none!important; } /* Seven original option checkboxes remain bound to the original draft/save model. */ html body #registerView.hana-guided #listingForm fieldset.compact-options.facility-extra-group:has(input[data-canonical="studioFeatures"]) { display:flex!important; flex-flow:row nowrap!important; align-items:center!important; justify-content:flex-start!important; gap:7px 12px!important; box-sizing:border-box!important; width:100%!important; min-width:0!important; max-width:100%!important; max-height:none!important; padding:9px 0!important; margin:0!important; overflow-x:auto!important; overflow-y:hidden!important; scrollbar-width:thin; } html body #registerView.hana-guided #listingForm fieldset.compact-options.facility-extra-group:has(input[data-canonical="studioFeatures"])[hidden] { display:none!important; } html body #registerView.hana-guided #listingForm fieldset.compact-options.facility-extra-group:has(input[data-canonical="studioFeatures"]) > label { display:inline-flex!important; flex:0 0 auto!important; width:auto!important; min-width:0!important; max-width:none!important; align-items:center!important; justify-content:flex-start!important; white-space:nowrap!important; gap:4px!important; padding:0!important; margin:0!important; font-size:12px!important; line-height:24px!important; } html body #registerView.hana-guided #listingForm fieldset.compact-options.facility-extra-group:has(input[data-canonical="studioFeatures"]) > legend { flex:0 0 auto!important; white-space:nowrap!important; padding:0 8px 0 0!important; margin:0!important; font-size:12px!important; line-height:24px!important; } @media(max-width:900px){ html body #registerView.hana-guided #listingForm > #hana-owner-section > .fields { grid-template-columns:repeat(2,minmax(0,1fr))!important; } html body #registerView.hana-guided #listingForm > #hana-owner-section > .fields > label:last-child { grid-column:1/-1!important; } } @media(max-width:580px){ html body #registerView.hana-guided #listingForm > #hana-owner-section { padding:15px 14px!important; margin-bottom:110px!important; } html body #registerView.hana-guided #listingForm > #hana-owner-section > .fields { grid-template-columns:1fr!important; gap:9px!important; } html body #registerView.hana-guided #listingForm > #hana-owner-section > .fields > label:last-child { grid-column:auto!important; } } /* Correct the legacy desktop two-column owner layout, without moving form nodes. */ html body.clean-registration.has-sidebar #registerView.content-fixed.hana-guided #listingForm > #hana-owner-section { display:block!important; grid-template-columns:none!important; grid-template-rows:none!important; } html body.clean-registration.has-sidebar #registerView.content-fixed.hana-guided #listingForm > #hana-owner-section > .fields { display:grid!important; width:100%!important; max-width:100%!important; grid-column:auto!important; grid-row:auto!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:12px!important; align-items:end!important; } html body.clean-registration.has-sidebar #registerView.content-fixed.hana-guided #listingForm > #hana-owner-section > .fields > label { --entry-field-width:100%!important; box-sizing:border-box!important; display:flex!important; flex-direction:column!important; grid-column:auto!important; grid-row:auto!important; width:100%!important; min-width:0!important; max-width:100%!important; } html body.clean-registration.has-sidebar #registerView.content-fixed.hana-guided #listingForm > #hana-owner-section > .fields > label > :is(input,select) { box-sizing:border-box!important; width:100%!important; min-width:0!important; max-width:100%!important; } html body.clean-registration.has-sidebar #registerView.content-fixed.hana-guided #listingForm > #hana-owner-section > .owner-summary { display:flex!important; position:static!important; grid-column:auto!important; grid-row:auto!important; width:100%!important; min-width:0!important; max-width:100%!important; margin-top:12px!important; padding:0!important; align-self:stretch!important; } html body.clean-registration.has-sidebar #registerView.content-fixed.hana-guided #listingForm > #hana-owner-section > #hanaBankOwnerConsent { grid-column:auto!important; grid-row:auto!important; width:100%!important; max-width:100%!important; } @media(max-width:900px){ html body.clean-registration.has-sidebar #registerView.content-fixed.hana-guided #listingForm > #hana-owner-section > .fields{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } html body.clean-registration.has-sidebar #registerView.content-fixed.hana-guided #listingForm > #hana-owner-section > .fields > label:last-child { grid-column:1/-1!important; } } @media(max-width:580px){ html body.clean-registration.has-sidebar #registerView.content-fixed.hana-guided #listingForm > #hana-owner-section > .fields{ grid-template-columns:minmax(0,1fr)!important; } html body.clean-registration.has-sidebar #registerView.content-fixed.hana-guided #listingForm > #hana-owner-section > .fields > label:last-child { grid-column:auto!important; } } /* hana-mobile-install-memo-compact-20261026.css */ @media screen and (max-width:980px){ /* HANA minimal mobile install text and compact memo windows. * Mobile-only presentation; original install/notes events and PC layout remain unchanged. */ @media screen and (max-width:980px) { #hanaAppInstallButton.hana-mobile-install-inline { position:static!important; inset:auto!important; top:auto!important;right:auto!important;bottom:auto!important;left:auto!important; transform:none!important; height:auto!important; min-height:30px!important; width:auto!important;min-width:0!important;max-width:none!important; margin:0!important;padding:5px 8px!important; border:0!important;border-radius:5px!important; box-shadow:none!important; background:transparent!important; color:#75889a!important; font:550 12px/1.4 system-ui,"Malgun Gothic",sans-serif!important; white-space:nowrap!important; text-decoration:none!important; opacity:.9!important; cursor:pointer!important; z-index:auto!important; flex:none!important; } #hanaAppInstallButton.hana-mobile-install-inline[hidden] { display:none!important; } #hanaAppInstallButton.hana-mobile-install-inline:focus-visible { outline:2px solid #7898b5!important; outline-offset:1px!important; } #officeSidebar .sidebar-main #hanaAppInstallButton.hana-mobile-install-inline{ display:inline-flex; width:100%!important; max-width:100%!important; min-height:38px!important; align-items:center!important; justify-content:flex-start!important; text-align:left!important; padding:8px 13px!important; font-size:13px!important; font-weight:500!important; border-radius:7px!important; color:#677b8f!important; } #officeSidebar .sidebar-main #hanaAppInstallButton.hana-mobile-install-inline[hidden] { display:none!important; } .public-app .public-quick-filters:has(#hanaAppInstallButton.hana-mobile-install-inline:not([hidden])) > #public-property-type-filter, .public-app .public-quick-filters:has(#hanaAppInstallButton.hana-mobile-install-inline:not([hidden])) > #public-trade-filter { box-sizing:border-box!important; flex:0 0 calc((100% - 38px)/2)!important; width:calc((100% - 38px)/2)!important; max-width:none!important; min-width:0!important; } .public-app .public-quick-filters #hanaAppInstallButton.hana-mobile-install-inline { display:inline-flex; flex:0 0 auto!important; align-items:center!important; justify-content:center!important; align-self:center!important; height:34px!important; min-height:34px!important; padding:3px 7px!important; color:#8a969f!important; font-size:12px!important; font-weight:500!important; } .public-app .public-quick-filters #hanaAppInstallButton.hana-mobile-install-inline[hidden]{ display:none!important; } /* Standard notes drawer: leave space to tap the dark backdrop for closing. */ html body.quick-notes-drawer-visible #quickNotesView:not([hidden]) { width:min(80vw,342px)!important; max-width:min(80vw,342px)!important; min-width:0!important; padding:calc(12px + env(safe-area-inset-top,0px)) 11px calc(70px + env(safe-area-inset-bottom,0px))!important; } html body.quick-notes-drawer-visible #quickNotesView .quick-notes-head { display:flex!important; flex-direction:row!important; align-items:center!important; flex-wrap:nowrap!important; justify-content:space-between!important; gap:5px!important; position:sticky!important; top:calc(-12px - env(safe-area-inset-top,0px))!important; z-index:4!important; box-sizing:border-box!important; margin:0 0 10px!important; padding:8px 0!important; background:#f6f8fb!important; } html body.quick-notes-drawer-visible #quickNotesView .quick-notes-head .quick-notes-mobile-home { display:inline-flex!important; flex:0 1 auto!important; align-items:center!important; min-width:0!important; min-height:34px!important; margin:0!important; padding:5px 3px!important; font-size:12px!important; white-space:nowrap!important; } html body.quick-notes-drawer-visible #quickNotesView .quick-notes-head h1 { flex:0 1 auto!important; min-width:0!important; margin:0!important; font-size:15px!important; white-space:nowrap!important; } html body.quick-notes-drawer-visible #quickNotesView #hanaCompactMemoClose { display:inline-flex!important; flex:0 0 auto!important; align-items:center!important; justify-content:center!important; min-width:54px!important; min-height:35px!important; margin:0 0 0 auto!important; padding:5px 7px!important; border:1px solid #d8e0e8!important; border-radius:8px!important; background:#fff!important; color:#405c74!important; font-size:12px!important; font-weight:650!important; cursor:pointer!important; } /* Memo editor: smaller centered modal and writing area with scrolling retained. */ html body.quick-notes-drawer-visible #quickNotesView.quick-notes-composing .quick-notes-editor { position:fixed!important; inset:50% auto auto 50%!important; transform:translate(-50%,-50%)!important; width:min(312px,calc(80vw - 22px))!important; min-width:0!important; max-width:calc(80vw - 22px)!important; height:auto!important; max-height:min(70dvh,570px)!important; overflow-x:hidden!important; overflow-y:auto!important; padding:0 11px 10px!important; border:1px solid #d9e3ed!important; border-radius:14px!important; gap:9px!important; } html body.quick-notes-drawer-visible #quickNotesView.quick-notes-composing .quick-notes-editor > textarea { box-sizing:border-box!important; height:125px!important; min-height:110px!important; max-height:25dvh!important; resize:vertical!important; overflow:auto!important; line-height:1.5!important; } html body.quick-notes-drawer-visible #quickNotesView.quick-notes-composing .quick-notes-mobile-editor-head{ display:flex!important; align-items:center!important; position:sticky!important; top:0!important; z-index:3!important; min-height:44px!important; margin:0 -11px!important; padding:6px 11px!important; background:#fff!important; } html body.quick-notes-drawer-visible #quickNotesView.quick-notes-composing .quick-notes-editor-actions { position:sticky!important; bottom:-10px!important; margin:0 -11px -10px!important; padding:9px 11px 10px!important; background:#fff!important; } /* Original quick memo entry on the right tool strip. Keep every button and input. */ html body.hana-mobile-quick-tools-ready #hanaQuickMemoPanel:not([hidden]) { position:fixed!important; left:max(10px,env(safe-area-inset-left,0px))!important; right:auto!important; top:auto!important; bottom:calc(12px + env(safe-area-inset-bottom,0px))!important; transform:none!important; box-sizing:border-box!important; width:min(330px,calc(100vw - 74px))!important; min-width:0!important; max-width:calc(100vw - 74px)!important; max-height:min(58dvh,480px)!important; overflow-y:auto!important; padding:13px 12px!important; border-radius:15px!important; } html body.hana-mobile-quick-tools-ready #hanaQuickMemoPanel:not([hidden]) #hanaQuickMemoText { box-sizing:border-box!important; width:100%!important; min-height:96px!important; height:112px!important; max-height:23dvh!important; resize:vertical!important; overflow:auto!important; font-size:16px!important; } html body.hana-mobile-quick-tools-ready.hana-mobile-keyboard #hanaQuickMemoPanel:not([hidden]) { max-height:45dvh!important; } } @media screen and (min-width:981px){ #hanaCompactMemoClose {display:none!important;} } } /* hana-mobile-list-tap-safety-20261026.css */ @media screen and (max-width:980px){ /* 2026-10-26 Mobile listing native dial and edit-only-on-explicit-button guard. */ @media screen and (max-width:980px){ /* A duplicate contact inside the address button can trigger the wrong action. The separate native tel: link next to the address stays visible. */ html body.has-sidebar.hana-mobile-ui #listView #savedListingsList .hana-crm-row .hana-crm-address > .hana-crm-owner-contact { display:none!important; pointer-events:none!important; } html body.has-sidebar.hana-mobile-ui #listView #savedListingsList .hana-carrot-address-row > a.hana-carrot-phone[href^="tel:"] { display:inline-flex!important; align-items:center!important; min-height:27px!important; flex:0 0 auto!important; max-width:100%!important; position:relative!important; z-index:2!important; pointer-events:auto!important; touch-action:manipulation!important; text-decoration:underline!important; text-underline-offset:2px!important; color:#2468a5!important; cursor:pointer!important; } html body.has-sidebar.hana-mobile-ui #listView #savedListingsList .hana-crm-row .hana-simple-photo-action { cursor:default!important; box-shadow:none!important; /* Passive photo display: the original edit button remains the only edit entry. */ } html body.has-sidebar.hana-mobile-ui #listView #savedListingsList .hana-crm-row .hana-crm-number-edit, html body.has-sidebar.hana-mobile-ui #listView #savedListingsList .hana-crm-row .hana-carrot-address, html body.has-sidebar.hana-mobile-ui #listView #savedListingsList .hana-crm-row .hana-crm-address { cursor:default!important; } } } /* bank-runner-menu-hitfix-20261026.css */ @media (min-width: 1680px) { html body #listView #savedListingsList .dashboard-property-row.hana-crm-row > .hana-crm-auto-cell { grid-template-columns: minmax(0, 1fr) !important; grid-auto-flow: row !important; align-content: center !important; } html body #listView #savedListingsList .dashboard-property-row.hana-crm-row > .hana-crm-auto-cell > .hana-cloud-tower-button { grid-column: 1 !important; grid-row: 1 !important; } html body #listView #savedListingsList .dashboard-property-row.hana-crm-row > .hana-crm-auto-cell > .hana-simple-runner-toggle { grid-column: 1 !important; grid-row: 2 !important; } html body #listView #savedListingsList .dashboard-property-row.hana-crm-row > .hana-crm-auto-cell > .hana-runner-inline-activity { grid-column: 1 !important; grid-row: 3 !important; } } /* hana-customer-intake-compact-20261026.css */ /* Keep customer intake aligned with the 1020px property intake workspace. */ body.simple-entry main > #customerIntakeView, body.simple-entry.has-sidebar main > #customerIntakeView, #customerIntakeView.hana-customer-intake { box-sizing: border-box; width: min(100%, 1020px) !important; max-width: 1020px !important; min-width: 0 !important; margin: 0 auto !important; padding: 18px 0 40px !important; flex: 0 1 1020px !important; } #customerIntakeView .hana-ci-entry, #customerIntakeView .hana-ci-list-panel { min-width: 0; padding: 18px 22px; border-radius: 8px; } #customerIntakeView .hana-ci-grid-primary { gap: 11px 14px; } #customerIntakeView .hana-ci-grid-primary label { gap: 5px; font-size: 12px; } #customerIntakeView .hana-ci-grid-primary input, #customerIntakeView .hana-ci-grid-primary select, #customerIntakeView .hana-ci-grid-primary textarea { min-height: 38px; padding: 8px 10px; border-radius: 6px; font-size: 14px; } /* The generic input rule must not stretch telephone-type radio choices. */ #customerIntakeView .hana-ci-intent { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 18px; min-width: 0; margin: 0; padding: 8px 10px 10px; border: 1px solid #cbd5de; border-radius: 6px; } #customerIntakeView .hana-ci-intent legend { padding: 0 4px; } #customerIntakeView .hana-ci-intent label { display: inline-flex; flex-direction: row; align-items: center; gap: 6px; width: auto; min-height: 24px; white-space: nowrap; cursor: pointer; } #customerIntakeView .hana-ci-intent input[type="radio"] { display: inline-block; flex: none; width: 16px !important; height: 16px !important; min-height: 0 !important; margin: 0; padding: 0 !important; accent-color: #244b70; } @media (min-width: 981px) { #customerIntakeView .hana-ci-table-head, #customerIntakeView .hana-ci-table-row { grid-template-columns: 65px 80px 80px 150px 62px 100px 90px 75px 80px minmax(160px, 1fr); min-width: 942px; } #customerIntakeView .hana-ci-table-head { font-size: 11px; } #customerIntakeView .hana-ci-cell { padding: 9px 6px; font-size: 11px; } #customerIntakeView .hana-ci-empty { min-width: 942px; } } @media (max-width: 1020px) { body.simple-entry main > #customerIntakeView, body.simple-entry.has-sidebar main > #customerIntakeView, #customerIntakeView.hana-customer-intake { padding: 14px 12px 30px !important; } #customerIntakeView .hana-ci-entry, #customerIntakeView .hana-ci-list-panel { padding: 14px 12px; } } /* hana-admin-ui-repair-20261026.css */ /* Keep the runner save action compact without changing the adjacent site menu. */ #listView #savedListingsList .dashboard-property-row.hana-crm-row > .hana-crm-auto-cell > .hana-cloud-tower-button:not([data-progress="true"]) { box-sizing: border-box !important; width: 84px !important; min-width: 0 !important; max-width: 84px !important; min-height: 24px !important; height: 24px !important; padding: 2px 4px !important; font-size: 10px !important; line-height: 1.1 !important; justify-self: center !important; } /* Match the two action columns to their separate table headings. */ @media (min-width: 981px) { html body #listView #savedListingsList .dashboard-property-row.hana-crm-row.hana-auto-simple > .hana-crm-auto-cell { box-sizing: border-box !important; grid-column: 9 / 11 !important; grid-row: 1 !important; display: grid !important; grid-template-columns: 110px 150px !important; grid-template-rows: auto auto !important; align-items: center !important; width: 100% !important; min-width: 0 !important; gap: 0 !important; } html body #listView #savedListingsList .dashboard-property-row.hana-crm-row.hana-auto-simple > .hana-crm-auto-cell > .hana-cloud-tower-button { grid-column: 1 !important; grid-row: 1 / 3 !important; justify-self: center !important; } html body #listView #savedListingsList .dashboard-property-row.hana-crm-row.hana-auto-simple > .hana-crm-auto-cell > .hana-simple-runner-toggle { grid-column: 2 !important; grid-row: 1 / 3 !important; justify-self: center !important; align-self: center !important; } html body #listView #savedListingsList .dashboard-property-row.hana-crm-row.hana-auto-simple > .hana-crm-auto-cell > .hana-crm-site-buttons, html body #listView #savedListingsList .dashboard-property-row.hana-crm-row.hana-auto-simple > .hana-crm-auto-cell > .hana-crm-auto-log { grid-column: 2 !important; } html body #listView .listing-dashboard-head.hana-crm-head.hana-auto-simple > .hana-crm-log-head { display: block !important; grid-column: 12 !important; } } /* The mobile contact screen must never appear below desktop workspaces. */ @media (min-width: 981px) { #hanaMobileContactPage, #hanaMobileContactEntry, #hanaMobileContactSidebarEntry { display: none !important; } } /* Preserve the existing 814px form beside the 430px lookup panel and 16px gap. */ @media (min-width: 981px) { html body.clean-registration.has-sidebar.simple-entry #registerView.content-fixed.hana-guided:not([hidden]):has(> #propertyTools) { width: min(100%, 1296px) !important; max-width: 1296px !important; } } /* hana-mobile-list-search-20261026.css */ @media screen and (max-width:980px){ /* The property query is first; phone lookup opens in its own mobile screen. */ @media screen and (max-width:980px) { html body.has-sidebar.hana-mobile-ui #listView #hanaStickyListControls { display:flex!important; flex-direction:column!important; } html body.has-sidebar.hana-mobile-ui #listView #hanaStickyListControls > .listing-toolbar {order:0!important;} html body.has-sidebar.hana-mobile-ui #listView #hanaStickyListControls > .listing-work-scope-tabs {order:1!important;} html body.has-sidebar.hana-mobile-ui #listView #hanaStickyListControls > #hanaAdStatusBar {order:2!important;} html body.has-sidebar.hana-mobile-ui #listView #hanaStickyListControls > .listing-summary-action-row {order:3!important;} html body.has-sidebar.hana-mobile-ui #listView #hanaStickyListControls > .listing-dashboard-head {order:4!important;} } @media screen and (max-width:760px) { html body.has-sidebar.hana-mobile-ui #listView .listing-toolbar:not(.hana-mobile-search-sheet-open) { display:grid!important; grid-template-columns:minmax(0,1fr) 104px!important; align-items:center!important; gap:8px!important; margin:8px 0 4px!important; padding:8px!important; } html body.has-sidebar.hana-mobile-ui #listView .listing-toolbar > label:has(#listingSearch) { display:block!important; grid-column:1!important; min-width:0!important; width:100%!important; } html body.has-sidebar.hana-mobile-ui #listView #listingSearch { min-height:48px!important; height:48px!important; padding:0 11px!important; font-size:15px!important; } html body.has-sidebar.hana-mobile-ui #listView #hanaStickyListControls .listing-toolbar > #hanaMobileContactEntry { display:flex!important; grid-column:2!important; box-sizing:border-box!important; width:100%!important; min-width:0!important; max-width:none!important; min-height:48px!important; height:48px!important; max-height:48px!important; margin:0!important; padding:5px!important; font-size:13px!important; line-height:1.2!important; white-space:normal!important; text-align:center!important; } html body.has-sidebar.hana-mobile-ui #listView .listing-summary-action-row :is(.listing-dashboard-add,.listing-quick-entry) { min-height:46px!important; padding:9px 13px!important; } html body.has-sidebar #hanaCalendarOpen:not([hidden]) { right:14px!important; bottom:calc(78px + env(safe-area-inset-bottom,0px))!important; min-height:48px!important; padding:10px 15px!important; border-radius:24px!important; font-size:14px!important; z-index:70!important; } } } /* hana-mobile-theme-readable-20261029.css */ @media screen and (max-width:980px){ /* Phone and tablet admin theme. Desktop styling and saved business data are untouched. */ @media screen and (max-width:980px) { html[data-hana-mobile-theme="dark"] { color-scheme:dark; --ink:#ffffff;--muted:#ffffff;--line:#686868;--blue:#ffffff;--soft:#1b1b1b; } html[data-hana-mobile-theme="dark"] body, html[data-hana-mobile-theme="dark"] body.has-sidebar main, html[data-hana-mobile-theme="dark"] body.has-sidebar main > .view:not([hidden]), html[data-hana-mobile-theme="dark"] body.has-sidebar #listView, html[data-hana-mobile-theme="dark"] body.has-sidebar #listView #batchPanel, html[data-hana-mobile-theme="dark"] body.has-sidebar #listView #savedListingsList, html[data-hana-mobile-theme="dark"] body.has-sidebar #listView #hanaStickyListControls { background:#080808!important;color:#ffffff!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar :is(.panel,.registration-group,.listing-toolbar,.listing-summary-action-row,.entry-savebar,.settings-detail,.settings-card), html[data-hana-mobile-theme="dark"] body.has-sidebar #listView .listing-toolbar, html[data-hana-mobile-theme="dark"] body.has-sidebar #listView .listing-summary-action-row { background:#111111!important;color:#ffffff!important;border-color:#686868!important; box-shadow:none!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar :is(h1,h2,h3,strong,legend,label) {color:#ffffff;} html[data-hana-mobile-theme="dark"] body.has-sidebar :is(.intro p,.hana-v3-subtitle,.fields label,.listing-page-label,small) {color:#ffffff;} html[data-hana-mobile-theme="dark"] body.has-sidebar :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea), html[data-hana-mobile-theme="dark"] body.has-sidebar #listView #listingSearch, html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaPhoneSearch { background:#1b1b1b!important;color:#ffffff!important;border-color:#686868!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar :is(input,textarea)::placeholder {color:#ffffff!important;} html[data-hana-mobile-theme="dark"] body.has-sidebar #listView .listing-work-scope-tabs > button, html[data-hana-mobile-theme="dark"] body.has-sidebar #listView .listing-dashboard-tabs > button, html[data-hana-mobile-theme="dark"] body.has-sidebar #listView #hanaMobileContactEntry, html[data-hana-mobile-theme="dark"] body.has-sidebar #listView .listing-quick-entry { background:#1b1b1b!important;color:#ffffff!important;border-color:#686868!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #listView .listing-work-scope-tabs > button[aria-pressed="true"], html[data-hana-mobile-theme="dark"] body.has-sidebar #listView .listing-dashboard-tabs > button[aria-pressed="true"] { background:#303030!important;color:#ffffff!important;border-color:#686868!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #listView #savedListingsList .dashboard-property-row, html[data-hana-mobile-theme="dark"] body.has-sidebar #listView #savedListingsList .dashboard-property-row.hana-crm-row { background:#111111!important;color:#ffffff!important;border-color:#686868!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #listView #savedListingsList .hana-crm-row :is(.hana-carrot-address,.hana-carrot-summary,.hana-crm-price) {color:#ffffff!important;} html[data-hana-mobile-theme="dark"] body.has-sidebar #listView #savedListingsList .hana-crm-row :is(.hana-carrot-kind,.hana-carrot-status,.hana-crm-number) {color:#ffffff!important;} html[data-hana-mobile-theme="dark"] body.has-sidebar #listView #listingResultCount {color:#ffffff!important;} html[data-hana-mobile-theme="dark"] body.has-sidebar #listView #hanaAdStatusBar, html[data-hana-mobile-theme="dark"] body.has-sidebar #listView #hanaAdStatusBar button {background:#1b1b1b!important;color:#ffffff!important;border-color:#686868!important;} html[data-hana-mobile-theme="dark"] body.has-sidebar > .brand-header, html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui:has(#listView:not([hidden])) > .brand-header { background:#111111!important;border-color:#686868!important;color:#ffffff!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileTopTabs20261026 {background:#1b1b1b!important;} html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileTopTabs20261026 > button {color:#ffffff!important;} html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileTopTabs20261026 > button[aria-current="page"] {background:#303030!important;color:#ffffff!important;} html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileTextDrawerOpener {background:#1b1b1b!important;color:#ffffff!important;border-color:#686868!important;} html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileNav, html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileQuickTools {background:#111111!important;color:#ffffff!important;border-color:#686868!important;} html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileNav :is(button,a), html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileQuickTools button {color:#ffffff!important;} html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileTextDrawer { background:#111111!important;color:#ffffff!important;border-color:#686868!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileTextDrawer .hana-tm-head {border-color:#686868!important;} html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileTextDrawer .hana-tm-head button, html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileTextDrawer .hana-tm-item {color:#ffffff!important;} html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileTextDrawer .hana-tm-group > h2 {background:#1b1b1b!important;color:#ffffff!important;border-left-color:#686868!important;} html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileTextDrawer .hana-tm-item[aria-current="page"] {background:#303030!important;color:#ffffff!important;} html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileContactPage:not([hidden]), html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileContactPage .hana-mobile-contact-header, html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileContactPage #hanaPhonePanel, html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileContactPage .hana-phone-result { background:#111111!important;color:#ffffff!important;border-color:#686868!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileContactPage #hanaMobileContactBack {background:#1b1b1b!important;color:#ffffff!important;} html[data-hana-mobile-theme="dark"] body.has-sidebar .hana-mobile-new-v3:not([hidden]) { --v3-bg:#080808;--v3-card:#111111;--v3-text:#ffffff;--v3-sub:#ffffff; --v3-border:#686868;--v3-input:#1b1b1b;--v3-accent:#363636; color-scheme:dark!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar :is(dialog,dialog[open]):not(#hanaMobileThemeDialog) {background:#111111!important;color:#ffffff!important;border-color:#686868!important;} /* Explicit white mode keeps existing OS-dark media rules from overriding the user's choice. */ html[data-hana-mobile-theme="light"] body.has-sidebar #hanaMobileTextDrawer, html[data-hana-mobile-theme="light"] body.has-sidebar #officeSidebar {background:#fff!important;color:#253648!important;border-color:#d8e1eb!important;} html[data-hana-mobile-theme="light"] body.has-sidebar #hanaMobileTextDrawer .hana-tm-head {border-color:#e2e8f0!important;} html[data-hana-mobile-theme="light"] body.has-sidebar #hanaMobileTextDrawer .hana-tm-head button {color:#52657b!important;} html[data-hana-mobile-theme="light"] body.has-sidebar #hanaMobileTextDrawer .hana-tm-item {color:#263849!important;} html[data-hana-mobile-theme="light"] body.has-sidebar #hanaMobileTextDrawer .hana-tm-group > h2 {background:#f1f4f8!important;color:#435a72!important;border-left-color:#b2c3d5!important;} html[data-hana-mobile-theme="light"] body.has-sidebar #hanaMobileTextDrawer .hana-tm-item[aria-current="page"] {background:#edf4fa!important;color:#174f7d!important;} html[data-hana-mobile-theme="light"] body.has-sidebar .hana-mobile-new-v3:not([hidden]) { --v3-bg:#f4f6f9;--v3-card:#fff;--v3-text:#1e3047;--v3-sub:#607186; --v3-border:#dde4ed;--v3-input:#f9fafc;--v3-accent:#dc6b21; color-scheme:light!important; } #hanaMobileThemeLauncher { display:block!important;flex:0 0 auto!important;width:calc(100% - 24px)!important; min-height:48px!important;margin:7px 12px calc(12px + env(safe-area-inset-bottom,0px))!important; padding:10px 14px!important;text-align:left!important;border:1px solid #cbd8e3!important; border-radius:10px!important;background:#f3f7fa!important;color:#244c6e!important;font-size:14px!important;font-weight:750!important; } html[data-hana-mobile-theme="dark"] #hanaMobileThemeLauncher {background:#1b1b1b!important;color:#ffffff!important;border-color:#686868!important;} #hanaMobileThemeDialog { box-sizing:border-box!important;width:min(360px,calc(100vw - 28px))!important;max-width:none!important; padding:20px!important;border:1px solid #d8e2ec!important;border-radius:16px!important; background:#fff!important;color:#20364a!important;box-shadow:0 15px 50px #0f213344!important; } #hanaMobileThemeDialog::backdrop {background:#071522a6!important;} #hanaMobileThemeDialog .hana-theme-head {display:flex;align-items:center;justify-content:space-between;gap:10px;} #hanaMobileThemeDialog h2 {margin:0!important;font-size:19px!important;color:inherit!important;} #hanaMobileThemeDialog p {margin:8px 0 15px!important;color:#667b8d!important;font-size:13px!important;} #hanaMobileThemeDialog button {min-height:46px!important;} #hanaMobileThemeDialog .hana-theme-head button {background:transparent!important;border:0!important;color:inherit!important;} #hanaMobileThemeDialog > button[data-theme-mode] { display:block!important;width:100%!important;margin:7px 0!important;padding:10px 14px!important; border:1px solid #d8e2ec!important;border-radius:10px!important;text-align:left!important; background:#f6f9fc!important;color:#25445f!important;font-weight:700!important; } #hanaMobileThemeDialog > button[data-theme-mode][aria-pressed="true"] {background:#e9f3fb!important;color:#155587!important;border-color:#6aa9d7!important;} html[data-hana-mobile-theme="dark"] #hanaMobileThemeDialog {background:#111111!important;color:#ffffff!important;border-color:#686868!important;} html[data-hana-mobile-theme="dark"] #hanaMobileThemeDialog p {color:#ffffff!important;} html[data-hana-mobile-theme="dark"] #hanaMobileThemeDialog > button[data-theme-mode] {background:#1b1b1b!important;color:#ffffff!important;border-color:#686868!important;} html[data-hana-mobile-theme="dark"] #hanaMobileThemeDialog > button[data-theme-mode][aria-pressed="true"] {background:#303030!important;color:#ffffff!important;border-color:#686868!important;} /* The list loads several older stylesheets after this file. Anchor these overrides to its live controls so a saved dark choice remains consistent. */ html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #listView #hanaStickyListControls { background:#111111!important;color:#ffffff!important;border-color:#686868!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #listView #hanaStickyListControls .listing-toolbar, html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #listView #hanaStickyListControls .listing-summary-action-row { background:#111111!important;color:#ffffff!important;border-color:#686868!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #listView #hanaStickyListControls #listingSearch { background:#1b1b1b!important;color:#ffffff!important;border-color:#686868!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #listView #hanaStickyListControls .listing-work-scope-tabs > button { background:#1b1b1b!important;color:#ffffff!important;border-color:#686868!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #listView #hanaStickyListControls .listing-work-scope-tabs > button[aria-pressed="true"] { background:#303030!important;color:#ffffff!important;border-color:#686868!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #listView #savedListingsList { background:#080808!important;color:#ffffff!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #listView #batchPanel { background:#080808!important;color:#ffffff!important;border-color:#686868!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #listView #savedListingsList > article.dashboard-property-row { background:#111111!important;color:#ffffff!important;border-color:#686868!important; box-shadow:0 2px 9px #00000066!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #listView #savedListingsList > article.dashboard-property-row :is(.hana-crm-price,.hana-crm-address strong,.hana-crm-area strong,.hana-carrot-address) { color:#ffffff!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #listView #savedListingsList > article.dashboard-property-row :is(.hana-crm-kind span:not(.hana-crm-badge),.hana-crm-area small,.hana-crm-address small,.hana-carrot-kind,.hana-crm-listing-no) { color:#ffffff!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #listView #savedListingsList > article.dashboard-property-row .hana-carrot-status { color:#ffffff!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #listView #savedListingsList > article.dashboard-property-row :is(.hana-crm-photo-cell,.hana-carrot-route,.hana-mobile-more-button) { background:#1b1b1b!important;color:#ffffff!important;border-color:#686868!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #listView #savedListingsList > article.dashboard-property-row .hana-crm-badge { background:#303030!important;color:#ffffff!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #hanaMobileContactPage #hanaMobileContactContent { background:#080808!important;color:#ffffff!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #hanaMobileContactPage #hanaPhonePanel { background:#111111!important;color:#ffffff!important;border-color:#686868!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #hanaMobileContactPage #hanaPhoneSearch::placeholder { color:#ffffff!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #hanaMobileContactPage .hana-phone-hint { color:#ffffff!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #listView #savedListingsList > article.dashboard-property-row .hana-carrot-phone { color:#ffffff!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #customersView .customer-list { background:#080808!important;color:#ffffff!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #customersView .customer-list > article.customer-row { background:#111111!important;color:#ffffff!important;border-color:#686868!important; box-shadow:0 2px 9px #00000066!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #customersView .customer-list > article.customer-row.overdue { border-left-color:#686868!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #customersView .customer-list > article.customer-row :is(.customer-primary,.customer-source-grid,.customer-quick-line,.customer-bottom) { color:#ffffff!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #customersView .customer-list > article.customer-row :is(.customer-source-grid span,.customer-quick-line span,.customer-bottom span) { color:#ffffff!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #customersView .customer-list > article.customer-row .hana-sms-trial-number { color:#ffffff!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #customersView .customer-list > article.customer-row :is(button,.customer-memo-preview) { background:#1b1b1b!important;color:#ffffff!important;border-color:#686868!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #customersView .customer-list > article.customer-row .customer-delete { color:#ffffff!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui:has(#listView:not([hidden])) > main, html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui main #listView { background:#080808!important;color:#ffffff!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #listView #listingResultCount, html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #listView #savedListingsList .listing-empty { color:#ffffff!important; } } /* 2026-10-29: mobile black surfaces and white text, including edit states. Color only: preserve layout, visibility, form behavior and desktop/light styles. */ @media screen and (max-width:980px) { html[data-hana-mobile-theme="dark"] { --hana-dark-page:#080808; --hana-dark-surface:#111111; --hana-dark-input:#1b1b1b; --hana-dark-selected:#363636; --hana-dark-border:#686868; --hana-dark-text:#ffffff; --hana-dark-hint:#eeeeee; --ink:#ffffff; --muted:#ffffff; --line:#686868; --blue:#ffffff; --soft:#1b1b1b; } /* The two edit flows have their own light-only colors in older stylesheets. */ html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaCrmDetail, html[data-hana-mobile-theme="dark"] body.has-sidebar #registerView, html[data-hana-mobile-theme="dark"] body.has-sidebar #registerView #listingForm { background:#080808!important; color:#ffffff!important; border-color:#686868!important; color-scheme:dark!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaCrmDetail :is(.hana-crm-detail-head,.hana-crm-detail-tabs,.hana-crm-detail-body,.hana-crm-detail-footer,.hana-qe-workspace,.hana-qe-scroll,.hana-qe-footer,.hana-qe-info-footer,.hana-qe-docs), html[data-hana-mobile-theme="dark"] body.has-sidebar #registerView :is(.intro,.entry-sections,.entry-top-save-actions,.entry-savebar,.savebar,.guided-savebar,.guided-more-menu), html[data-hana-mobile-theme="dark"] body.has-sidebar #registerView.hana-guided #listingForm > .panel { background:#111111!important; color:#ffffff!important; border-color:#686868!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaCrmDetail :is(.hana-qe-meta,.hana-qe-section,.hana-qe-info-hero,.hana-qe-info-value,.hana-qe-docs-intro,.hana-qe-doc-card), html[data-hana-mobile-theme="dark"] body.has-sidebar #registerView :is(.guided-address-summary,.guided-address-summary.is-empty,.choice-segment,.guided-approval-date-trigger,.hana-edit-load-failure), html[data-hana-mobile-theme="dark"] body.has-sidebar #registerView.hana-guided #listingForm :is(.choice-segment,.registration-group,.owner-summary,fieldset) { background:#1b1b1b!important; color:#ffffff!important; border-color:#686868!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaCrmDetail .hana-qe-info-photo { background:#202020!important; color:#ffffff!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaCrmDetail .hana-qe-info-section { border-color:#686868!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaCrmDetail .hana-qe-info-field[data-active="true"] { background:#202020!important; color:#ffffff!important; border-color:#bcbcbc!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaCrmDetail :is(h2,h3,strong,span,small,label,p,.hana-qe-label,.hana-qe-info-label,.hana-qe-info-hint,.hana-qe-explanation,.hana-qe-status,.hana-qe-status[data-error="true"],.hana-crm-detail-close), html[data-hana-mobile-theme="dark"] body.has-sidebar #registerView :is(h1,h2,h3,strong,small,label,legend,summary,dt,dd,p,.field-heading,.entry-section-hint,.guided-required,.fixed-choice-note,.guided-field-note,.guided-card-hint,.guided-autofill-status), html[data-hana-mobile-theme="dark"] body.has-sidebar #registerView.hana-guided #listingForm > .panel > h2, html[data-hana-mobile-theme="dark"] body.has-sidebar #registerView.hana-guided #listingForm :is(.field-heading,.fixed-choice-note,.guided-field-note,.area-pair > span,.guided-save-info > span,#status,#autoDraftStatus,#ownerInfoStatus), html[data-hana-mobile-theme="dark"] body.has-sidebar #registerView.hana-guided #listingForm .entry-required-mark::after { color:#ffffff!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #registerView.hana-guided { --guided-ink:#ffffff; --guided-border:#686868; --guided-accent:#363636; } html[data-hana-mobile-theme="dark"] body.has-sidebar #registerView.hana-guided #listingForm > .panel > h2 { border-color:#686868!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar :is(.save,.source-badge,.work-navigation a) { background:#252525!important; color:#ffffff!important; border-color:#686868!important; } /* Native form controls: cover text, select, date, memo and autofill text. */ html[data-hana-mobile-theme="dark"] body.has-sidebar :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea), html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaCrmDetail #hanaQuickEditBody .hana-qe-field .hana-qe-input, html[data-hana-mobile-theme="dark"] body.has-sidebar #registerView.hana-guided #listingForm :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea) { background-color:#1b1b1b!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; caret-color:#ffffff!important; border-color:#787878!important; color-scheme:dark!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar :is(input,textarea)::placeholder, html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaCrmDetail #hanaQuickEditBody .hana-qe-input::placeholder, html[data-hana-mobile-theme="dark"] body.has-sidebar #registerView.hana-guided #listingForm :is(input,textarea)::placeholder { color:#eeeeee!important; -webkit-text-fill-color:#eeeeee!important; opacity:1!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar :is(select option,select optgroup) { background:#1b1b1b!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar :is(input[type="checkbox"],input[type="radio"],input[type="range"]) { accent-color:#dddddd!important; color-scheme:dark!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar :is(input,textarea):is(:autofill,:-webkit-autofill) { -webkit-box-shadow:0 0 0 1000px #1b1b1b inset!important; -webkit-text-fill-color:#ffffff!important; caret-color:#ffffff!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar :is(input,select,textarea):disabled, html[data-hana-mobile-theme="dark"] body.has-sidebar #registerView.hana-guided #listingForm :is(input,select,textarea):disabled { color:#eeeeee!important; -webkit-text-fill-color:#eeeeee!important; opacity:1!important; } /* Existing detail and registration actions retain their handlers and states. */ html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaCrmDetail :is(button,a), html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaCrmDetail .hana-crm-detail-tabs > button, html[data-hana-mobile-theme="dark"] body.has-sidebar #registerView :is(button,.entry-sections a), html[data-hana-mobile-theme="dark"] body.has-sidebar #registerView.hana-guided #listingForm button, html[data-hana-mobile-theme="dark"] body.has-sidebar #registerView.hana-guided .entry-top-save-actions #saveListingDraft.guided-top-draft, html[data-hana-mobile-theme="dark"] body.has-sidebar #registerView.hana-guided #listingForm .guided-save-actions > :is(#saveListingButton,#saveListingDraft,#archiveEditingListingButton) { background-color:#252525!important; color:#ffffff!important; border-color:#868686!important; box-shadow:none!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaCrmDetail .hana-qe-primary, html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaCrmDetail .hana-crm-detail-tabs > button[data-active="true"], html[data-hana-mobile-theme="dark"] body.has-sidebar #registerView.hana-guided #listingForm :is(button[aria-checked="true"],button[aria-pressed="true"],#saveListingButton) { background-color:#363636!important; color:#ffffff!important; border-color:#d0d0d0!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #registerView.hana-guided .guided-radio-options button::before { background:#111111!important; border-color:#bcbcbc!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #registerView.hana-guided .guided-radio-options button[aria-checked="true"]::before { border-color:#ffffff!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaCrmDetail :is(.hana-qe-missing,.hana-qe-missing[data-complete="true"]) { background:#202020!important; color:#ffffff!important; border-color:#868686!important; } /* The mobile wizard reads custom properties; override both OS and later refinements. */ html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileRegisterV3.hana-mobile-new-v3 { --v3-bg:#080808!important; --v3-card:#111111!important; --v3-text:#ffffff!important; --v3-sub:#ffffff!important; --v3-border:#787878!important; --v3-input:#1b1b1b!important; --v3-accent:#363636!important; --v3-accent-text:#ffffff!important; color-scheme:dark!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileRegisterV3 :is(input,select,textarea) { background-color:#1b1b1b!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; caret-color:#ffffff!important; border-color:#787878!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileRegisterV3 :is(h1,h2,h3,strong,span,p,small,label,dt,dd,.hana-v3-text-button,.hana-v3-verified,.hana-v3-api-status,.hana-v3-help,.hana-v3-errors), html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileRegisterV3 .hana-v3-field.is-api-filled > .hana-v3-field-label::after { color:#ffffff!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileRegisterV3 :is(input,textarea)::placeholder { color:#eeeeee!important; -webkit-text-fill-color:#eeeeee!important; opacity:1!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileRegisterV3 :is(.hana-v3-errors,.hana-v3-required,.hana-v3-api-status,.hana-v3-address-summary) { background:#202020!important; color:#ffffff!important; border-color:#868686!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileRegisterV3 .hana-v3-api-status[data-state], html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileRegisterV3 .hana-v3-errors:not([hidden]) { background:#202020!important; color:#ffffff!important; border-color:#868686!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileRegisterV3 button, html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileRegisterV3 .hana-v3-trade[aria-pressed="true"] { box-shadow:none!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileRegisterV3 :is(button[aria-pressed="true"],.hana-v3-primary,.hana-v3-accent) { background-color:#363636!important; color:#ffffff!important; border-color:#d0d0d0!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-new-v3-open #hanaMobileRegisterV3 .hana-v3-footer button.hana-v3-primary:not([hidden]):not(:disabled) { background:#363636!important; color:#ffffff!important; border-color:#d0d0d0!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileRegisterV3 .hana-v3-progress-fill { background:#eeeeee!important; } /* Dialogs and native address lookup controls are also part of input mode. */ html[data-hana-mobile-theme="dark"] body.has-sidebar dialog, html[data-hana-mobile-theme="dark"] body.has-sidebar :is(#guidedAddressDialog,#ownerDialog,#missingDialog,#hanaMobileThemeDialog) { background:#111111!important; color:#ffffff!important; border-color:#686868!important; color-scheme:dark!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar dialog :is(h1,h2,h3,strong,label,legend,p,span,small,summary,dt,dd), html[data-hana-mobile-theme="dark"] body.has-sidebar #guidedAddressDialog :is(h2,h3,strong,label,p,span,small,summary,dt,dd,.guided-search-help,.guided-no-result,.guided-unit-select-help,#guidedSelectedLot,#guidedAddressMessage), html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileThemeDialog p { color:#ffffff!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar dialog :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,button), html[data-hana-mobile-theme="dark"] body.has-sidebar #guidedAddressDialog :is(input,select,textarea,button), html[data-hana-mobile-theme="dark"] body.has-sidebar #guidedAddressDialog #guidedUnitSelect { background-color:#1b1b1b!important; color:#ffffff!important; border-color:#787878!important; color-scheme:dark!important; box-shadow:none!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #guidedAddressDialog :is(.guided-dialog-head,.guided-dialog-actions,.guided-recent-chips,.guided-address-result,.guided-unit-result,#guidedLookupPreview,#guidedRegistryLinks,#guidedUnitResults) { background:#1b1b1b!important; color:#ffffff!important; border-color:#686868!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar dialog::backdrop { background:rgba(0,0,0,.72)!important; } /* The third-party postcode widget is a light document. Keep this inversion limited to its iframe; photos, maps and other embedded pages are unaffected. */ html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileRegisterV3 .hana-v3-postcode, html[data-hana-mobile-theme="dark"] body.has-sidebar #guidedAddressDialog .guided-postcode { background:#080808!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileRegisterV3 .hana-v3-postcode iframe, html[data-hana-mobile-theme="dark"] body.has-sidebar #guidedAddressDialog .guided-postcode iframe { color-scheme:light!important; filter:invert(1) grayscale(1)!important; } /* Mobile memo, contact and quick-intake panels are not native dialogs. */ html[data-hana-mobile-theme="dark"] body.has-sidebar :is(#quickNotesView,#hanaQuickMemoPanel,#hanaQuickCustomerPanel,#hanaCustomerIntakeListPanel,#hanaOfficeMorePanel), html[data-hana-mobile-theme="dark"] body.has-sidebar.quick-notes-drawer-visible #quickNotesView:not([hidden]) { background:#111111!important; color:#ffffff!important; border-color:#686868!important; color-scheme:dark!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #quickNotesView :is(.quick-notes-head,.quick-notes-editor,.quick-notes-editor-actions,.quick-notes-mobile-editor-head,.quick-notes-workspace,.quick-notes-folders,.quick-notes-list-column,.quick-notes-cards,.quick-notes-card,.quick-notes-card-actions,.quick-notes-preview,.quick-notes-preview-head), html[data-hana-mobile-theme="dark"] body.has-sidebar.quick-notes-drawer-visible #quickNotesView.quick-notes-composing :is(.quick-notes-mobile-editor-head,.quick-notes-editor-actions), html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaCustomerIntakeListPanel :is(.hana-cil-results,.hana-cil-card,.hana-cil-card-details,.hana-cil-card[open] summary), html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaQuickCustomerPanel #hanaQuickCustomerForm > label, html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaQuickMemoPanel .hana-qm-row { background:#1b1b1b!important; color:#ffffff!important; border-color:#686868!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #quickNotesView :is(.quick-notes-list-notice,.quick-notes-meta span,.quick-notes-folder.active,.quick-notes-card.quick-notes-selected), html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaCustomerIntakeListPanel .hana-cil-state { background:#303030!important; color:#ffffff!important; border-color:#bcbcbc!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar :is(#quickNotesView,#hanaQuickMemoPanel,#hanaQuickCustomerPanel,#hanaCustomerIntakeListPanel,#hanaOfficeMorePanel,#hanaMobileContactPage,#hanaPhonePanel) :is(h1,h2,h3,h4,strong,b,span,time,p,label,legend,summary,small,a,.quick-notes-count,.quick-notes-empty,.quick-notes-preview-empty), html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaPhonePanel :is(.hana-phone-result-name,.hana-phone-result-number,.hana-phone-result-detail,.hana-phone-result-type,#hanaPhoneStatus), html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileContactPage #hanaPhonePanel :is(strong,b,span,small,a), html[data-hana-mobile-theme="dark"] body.has-sidebar :is(#hanaQuickCustomerStatus,#hanaQuickMemoStatus) { color:#ffffff!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar :is(#quickNotesView,#hanaQuickMemoPanel,#hanaQuickCustomerPanel,#hanaCustomerIntakeListPanel,#hanaOfficeMorePanel,#hanaMobileContactPage,#hanaPhonePanel) :is(button,input:not([type="checkbox"]):not([type="radio"]),select,textarea), html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaQuickCustomerPanel #hanaQuickCustomerForm :is(input,select,textarea), html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileContactPage #hanaPhonePanel :is(button,input,select,textarea), html[data-hana-mobile-theme="dark"] body.has-sidebar :is(#hanaQuickMemoLauncher,#hanaQuickCustomerToggle,#hanaCustomerIntakeListToggle,#hanaOfficeMoreToggle), html[data-hana-mobile-theme="dark"] body.has-sidebar #officeSidebar #hanaAppInstallButton.hana-mobile-install-inline { background-color:#252525!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; border-color:#787878!important; box-shadow:none!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar :is(#quickNotesView,#hanaQuickMemoPanel,#hanaQuickCustomerPanel,#hanaCustomerIntakeListPanel,#hanaPhonePanel) :is(input,textarea)::placeholder, html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileContactPage #hanaPhonePanel :is(input,textarea)::placeholder { color:#eeeeee!important; -webkit-text-fill-color:#eeeeee!important; opacity:1!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar.quick-notes-drawer-visible #quickNotesView #hanaCompactMemoClose, html[data-hana-mobile-theme="dark"] body.has-sidebar #quickNotesView :is(.quick-notes-title,.quick-notes-mobile-home,.quick-notes-mobile-new,.quick-notes-save), html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaOfficeMorePanel :is(button,a) { background:#252525!important; color:#ffffff!important; border-color:#868686!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaQuickCustomerIntake:has(#hanaQuickCustomerPanel:not([hidden])), html[data-hana-mobile-theme="dark"] body.has-sidebar :is(.quick-notes-drawer-backdrop,.quick-notes-editor-backdrop):not([hidden]) { background:rgba(0,0,0,.72)!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #listView #hanaMobileSearchCompact, html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #listView .listing-toolbar.hana-mobile-search-sheet-open { background:#111111!important; color:#ffffff!important; border-color:#686868!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileSearchCompact :is(span,small,strong), html[data-hana-mobile-theme="dark"] body.has-sidebar #listView .listing-toolbar.hana-mobile-search-sheet-open :is(strong,small,label,span) { color:#ffffff!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar.hana-mobile-ui #listView .listing-toolbar.hana-mobile-search-sheet-open #listingSearch, html[data-hana-mobile-theme="dark"] body.has-sidebar #listView .hana-mobile-search-sheet-close { background:#1b1b1b!important; color:#ffffff!important; border-color:#787878!important; } /* Make keyboard focus and unavailable controls readable without changing behavior. */ html[data-hana-mobile-theme="dark"] body.has-sidebar :is(#hanaCrmDetail,#registerView,#hanaMobileRegisterV3,dialog) :is(input,select,textarea):focus { border-color:#ffffff!important; box-shadow:0 0 0 2px rgba(255,255,255,.2)!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar :is(#hanaCrmDetail,#registerView,#hanaMobileRegisterV3,dialog) :is(input,textarea):is(:autofill,:-webkit-autofill):focus { -webkit-box-shadow:0 0 0 1000px #1b1b1b inset,0 0 0 2px rgba(255,255,255,.2)!important; -webkit-text-fill-color:#ffffff!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar :is(#hanaCrmDetail,#registerView,#hanaMobileRegisterV3,dialog) :is(button,a):focus-visible { outline-color:#ffffff!important; box-shadow:0 0 0 2px #ffffff!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar :is(#hanaCrmDetail,#registerView,#hanaMobileRegisterV3,dialog) button:disabled { background-color:#181818!important; color:#dddddd!important; border-color:#686868!important; opacity:1!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar :is(#hanaCrmDetail,#registerView,#hanaMobileRegisterV3,dialog) ::selection { background:#4a4a4a; color:#ffffff; -webkit-text-fill-color:#ffffff; } /* Match the ID specificity of the existing guided form and quick editor. */ html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaCrmDetail #hanaQuickEditBody .hana-qe-field .hana-qe-input:focus, html[data-hana-mobile-theme="dark"] body.has-sidebar #registerView.hana-guided #listingForm :is(input,select,textarea):focus, html[data-hana-mobile-theme="dark"] body.has-sidebar :is(#quickNotesView,#hanaQuickMemoPanel,#hanaQuickCustomerPanel,#hanaCustomerIntakeListPanel,#hanaPhonePanel) :is(input,select,textarea):focus, html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileContactPage #hanaPhonePanel :is(input,select,textarea):focus { border-color:#ffffff!important; box-shadow:0 0 0 2px rgba(255,255,255,.2)!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaCrmDetail #hanaQuickEditBody .hana-qe-field .hana-qe-input:disabled, html[data-hana-mobile-theme="dark"] body.has-sidebar #registerView.hana-guided #listingForm :is(input,select,textarea):disabled { color:#eeeeee!important; -webkit-text-fill-color:#eeeeee!important; opacity:1!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaCrmDetail .hana-crm-detail-tabs > button:disabled, html[data-hana-mobile-theme="dark"] body.has-sidebar #registerView.hana-guided #listingForm button:disabled, html[data-hana-mobile-theme="dark"] body.has-sidebar #registerView.hana-guided #listingForm .guided-save-actions > :is(#saveListingButton,#saveListingDraft,#archiveEditingListingButton):disabled, html[data-hana-mobile-theme="dark"] body.has-sidebar #registerView.hana-guided .entry-top-save-actions #saveListingDraft.guided-top-draft:disabled, html[data-hana-mobile-theme="dark"] body.has-sidebar :is(#quickNotesView,#hanaQuickMemoPanel,#hanaQuickCustomerPanel,#hanaCustomerIntakeListPanel,#hanaPhonePanel) button:disabled { background-color:#181818!important; color:#dddddd!important; -webkit-text-fill-color:#dddddd!important; border-color:#686868!important; opacity:1!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaCrmDetail #hanaQuickEditBody .hana-qe-field .hana-qe-input:is(:autofill,:-webkit-autofill):focus, html[data-hana-mobile-theme="dark"] body.has-sidebar #registerView.hana-guided #listingForm :is(input,textarea):is(:autofill,:-webkit-autofill):focus { -webkit-box-shadow:0 0 0 1000px #1b1b1b inset,0 0 0 2px rgba(255,255,255,.2)!important; -webkit-text-fill-color:#ffffff!important; } html[data-hana-mobile-theme="dark"] body.has-sidebar #registerView.hana-guided #listingForm button:focus-visible, html[data-hana-mobile-theme="dark"] body.has-sidebar #registerView.hana-guided #listingForm .guided-save-actions > :is(#saveListingButton,#saveListingDraft,#archiveEditingListingButton):focus-visible, html[data-hana-mobile-theme="dark"] body.has-sidebar #registerView.hana-guided .entry-top-save-actions #saveListingDraft.guided-top-draft:focus-visible, html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileRegisterV3 button:focus-visible, html[data-hana-mobile-theme="dark"] body.has-sidebar #hanaMobileRegisterV3 .hana-v3-trade[aria-pressed="true"]:focus-visible { outline-color:#ffffff!important; box-shadow:0 0 0 2px #ffffff!important; } } /* 2026-10-30 mobile registration contrast cache repair */ @media screen and (max-width:980px) { html[data-hana-mobile-theme="dark"] body #hanaMobileRegisterV3.hana-mobile-new-v3 { --v3-bg:#080808!important; --v3-card:#111111!important; --v3-text:#ffffff!important; --v3-sub:#eeeeee!important; --v3-border:#787878!important; --v3-input:#1b1b1b!important; color-scheme:dark!important; } html[data-hana-mobile-theme="dark"] body #registerView #listingForm :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea), html[data-hana-mobile-theme="dark"] body #hanaMobileRegisterV3 :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) { background-color:#1b1b1b!important; color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; caret-color:#ffffff!important; border-color:#787878!important; color-scheme:dark!important; } html[data-hana-mobile-theme="dark"] body #registerView #listingForm :is(input,textarea)::placeholder, html[data-hana-mobile-theme="dark"] body #hanaMobileRegisterV3 :is(input,textarea)::placeholder { color:#eeeeee!important; -webkit-text-fill-color:#eeeeee!important; opacity:1!important; } html[data-hana-mobile-theme="dark"] body :is(#registerView,#hanaMobileRegisterV3) :is(input,textarea):is(:autofill,:-webkit-autofill) { -webkit-box-shadow:0 0 0 1000px #1b1b1b inset!important; -webkit-text-fill-color:#ffffff!important; } } } /* hana-mobile-register-guide-20261026.css */ @media screen and (max-width:980px){ @media screen and (max-width:980px) { #hanaMobileRegisterV3 .hana-v3-step-block[hidden] {display:none!important;} #hanaMobileRegisterV3 :is(button,input,select,textarea) {touch-action:manipulation;} #hanaMobileRegisterV3 .hana-v3-footer button {min-height:52px!important;font-size:16px!important;font-weight:800!important;} #hanaMobileRegisterV3 .hana-v3-footer .hana-v3-primary:not([hidden]):not(:disabled) { background:#145a91!important;color:#fff!important;border-color:#145a91!important;opacity:1!important; } #hanaMobileRegisterV3 .hana-v3-footer .hana-v3-primary:disabled { background:#748498!important;color:#fff!important;border-color:#748498!important; } #hanaMobileRegisterV3 .hana-v3-trade-choices button {min-height:52px!important;font-size:16px!important;} #hanaMobileRegisterV3 .hana-v3-field :is(input,select,textarea) {min-height:48px!important;font-size:16px!important;} #hanaMobileRegisterV3 .hana-v3-search-line button {min-height:48px!important;} #hanaMobileRegisterV3 .hana-v3-head .hana-v3-step-count {display:block!important;font-size:14px!important;font-weight:800!important;white-space:nowrap!important;} html[data-hana-mobile-theme="light"] #hanaMobileRegisterV3 .hana-v3-head strong {color:#173047!important;} html[data-hana-mobile-theme="dark"] #hanaMobileRegisterV3 .hana-v3-head strong {color:#f1f5f9!important;} } } /* hana-header-intake-labels-20261027.css */ /* Header intake buttons only: keep click handlers and neighboring menus unchanged. */ html body #headerOfficeNavigation > button[data-view="intakeList"], html body #headerOfficeNavigation > button[data-view="intakeList"]:is(:hover,:focus,:active,.active,.is-active,[aria-expanded="true"]) { background:#bd3037!important; border-color:#bd3037!important; color:#fff!important; } html body #headerOfficeNavigation > button[data-view="customerIntake"], html body #headerOfficeNavigation > button[data-view="customerIntake"]:is(:hover,:focus,:active,.active,.is-active,[aria-expanded="true"]) { background:#1764a0!important; border-color:#1764a0!important; color:#fff!important; } html body #headerOfficeNavigation > button[data-view="intakeList"] .sidebar-label, html body #headerOfficeNavigation > button[data-view="customerIntake"] .sidebar-label { color:#fff!important; } html body #hanaQuickCustomerPanel:not([hidden]) { pointer-events:auto!important; } html body #hanaQuickCustomerPanel:not([hidden]) :is(input,textarea,select,button,summary,label) { pointer-events:auto!important; } /* hana-crm-detail-desktop-recovery-20261027.css */ /* Scope: desktop address-click listing detail drawer ONLY. Restore the missing legacy CRM detail presentation; keep all JS/data/actions unchanged. */ @media screen and (min-width:981px) { html body #hanaCrmDetail[hidden] { display:none!important; } html body #hanaCrmDetail { box-sizing:border-box!important; position:fixed!important;top:0!important;bottom:0!important;right:0!important;left:auto!important; z-index:80!important;display:flex!important;flex-direction:column!important; width:min(460px,100vw)!important;height:100dvh!important;max-height:100dvh!important; min-height:0!important;overflow:hidden!important; color:#203243!important;background:#fff!important;border-left:1px solid #e0e5e9!important; box-shadow:-9px 0 26px #17293b1e!important; transform:translateX(102%);transition:transform .26s cubic-bezier(.2,.75,.25,1); } html body #hanaCrmDetail.is-open {transform:translateX(0)!important;} html body #hanaCrmDetail .hana-crm-detail-head { box-sizing:border-box!important;display:flex!important;align-items:center!important; justify-content:space-between!important;gap:12px!important; flex:0 0 auto!important;min-height:52px!important;padding:10px 16px!important; color:#1c2f41!important;background:#fff!important;border-bottom:1px solid #edf0f2!important; } html body #hanaCrmDetail .hana-crm-detail-head>strong { color:#1c2f41!important;font-size:17px!important;font-weight:750!important; } html body #hanaCrmDetail .hana-crm-detail-close { display:grid!important;place-items:center!important; flex:none!important;width:32px!important;height:32px!important;min-height:0!important; padding:0!important;border:0!important;border-radius:50%!important; background:transparent!important;color:#485968!important; font-size:25px!important;line-height:1!important;cursor:pointer!important; } html body #hanaCrmDetail .hana-crm-detail-close:hover {background:#f1f3f5!important;} /* These controls are generated for phones, not the desktop detail drawer. */ html body #hanaCrmDetail :is(.hana-crm-mobile-address-actions,.hana-crm-mobile-summary,.hana-crm-mobile-flow) { display:none!important; } html body #hanaCrmDetail .hana-crm-detail-tabs { box-sizing:border-box!important;display:flex!important;flex:0 0 auto!important; gap:5px!important;padding:8px 16px!important;border-bottom:1px solid #edf0f2!important; background:#fff!important; } html body #hanaCrmDetail .hana-crm-detail-tabs>button { min-width:0!important;min-height:35px!important;padding:7px 10px!important; border:1px solid #e0e6ed!important;border-radius:6px!important; background:#f5f7fa!important;color:#66778a!important;font-size:13px!important;font-weight:700!important; } html body #hanaCrmDetail .hana-crm-detail-tabs>button.is-active { border-color:#bfd8fa!important;background:#eaf3ff!important;color:#1261c4!important; } /* A compact, bounded photograph leaves room for all original information and actions. */ html body #hanaCrmDetail .hana-crm-detail-body { box-sizing:border-box!important;display:block!important;flex:1 1 auto!important; min-height:0!important;padding:12px 16px 18px!important; overflow-x:hidden!important;overflow-y:auto!important; overscroll-behavior:contain!important;scrollbar-width:none!important; } html body #hanaCrmDetail .hana-crm-detail-body::-webkit-scrollbar, html body #hanaCrmDetail .hana-qe-scroll::-webkit-scrollbar {display:none!important;width:0!important;} html body #hanaCrmDetail .hana-qe-scroll {scrollbar-width:none!important;} html body #hanaCrmDetail .hana-crm-detail-photo { box-sizing:border-box!important;position:relative!important;display:flex!important; align-items:center!important;justify-content:center!important; width:100%!important;height:132px!important;min-height:132px!important;max-height:132px!important; margin:0!important;overflow:hidden!important;border-radius:6px!important;background:#f2f4f6!important; } html body #hanaCrmDetail .hana-crm-detail-photo>.hana-crm-photo { box-sizing:border-box!important;display:block!important;width:100%!important;height:100%!important; max-width:100%!important;max-height:132px!important;object-fit:contain!important; } html body #hanaCrmDetail .hana-crm-detail-photo>.hana-crm-no-photo { display:flex!important;align-items:center!important;justify-content:center!important; width:100%!important;height:100%!important; } html body #hanaCrmDetail .hana-crm-detail-photo:has(.hana-crm-photo-prompt){flex-direction:column!important;gap:6px!important;} html body #hanaCrmDetail .hana-crm-detail-photo:has(img) .hana-crm-photo-prompt { position:absolute!important;z-index:1!important;left:0!important;right:0!important;text-align:center!important; } html body #hanaCrmDetail .hana-crm-detail-kinds { display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:11px 0 6px!important; } html body #hanaCrmDetail .hana-crm-detail-kinds span { padding:3px 7px!important;background:#f2f4f6!important; color:#43576a!important;font-size:13px!important;font-weight:650!important;border-radius:4px!important; } html body #hanaCrmDetail .hana-crm-detail-price { display:block!important;margin:0 0 10px!important;color:#1558ac!important; font-size:22px!important;line-height:1.3!important;font-weight:750!important;overflow-wrap:anywhere!important; } html body #hanaCrmDetail .hana-crm-detail-address { margin:0 0 14px!important;padding:0 0 12px!important;border-bottom:1px solid #edf0f2!important; } html body #hanaCrmDetail :is(.hana-crm-detail-address,.hana-crm-description)>h3 { margin:0 0 5px!important;color:#778491!important;font-size:12px!important;font-weight:700!important; } html body #hanaCrmDetail .hana-crm-detail-address-line { display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important; } html body #hanaCrmDetail .hana-crm-detail-address-line strong { flex:1!important;min-width:0!important;color:#20354a!important;font-size:16px!important; line-height:1.4!important;font-weight:700!important;overflow-wrap:anywhere!important; } html body #hanaCrmDetail :is(.hana-crm-detail-address-sub,.hana-crm-detail-address-alt) { margin:4px 0 0!important;color:#596a79!important;font-size:13px!important;line-height:1.4!important;overflow-wrap:anywhere!important; } html body #hanaCrmDetail .hana-crm-detail-grid { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:11px 14px!important;margin:0!important; } html body #hanaCrmDetail .hana-crm-field {min-width:0!important;} html body #hanaCrmDetail .hana-crm-field dt {color:#778491!important;font-size:12px!important;} html body #hanaCrmDetail .hana-crm-field dd { margin:3px 0 0!important;color:#273b4e!important;font-size:15px!important; font-weight:650!important;line-height:1.35!important;overflow-wrap:anywhere!important; } html body #hanaCrmDetail .hana-crm-description-text { max-height:132px!important;overflow-y:auto!important; white-space:pre-wrap!important;overflow-wrap:anywhere!important; } html body #hanaCrmDetail .hana-crm-detail-extra {margin-top:15px!important;padding-top:12px!important;border-top:1px solid #edf0f2!important;} html body #hanaCrmDetail .hana-crm-detail-extra .hana-crm-field:first-child{grid-column:1/-1!important;} html body #hanaCrmDetail .hana-crm-detail-sites {display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-top:15px!important;padding-top:12px!important;border-top:1px solid #edf0f2!important;} html body #hanaCrmDetail .hana-crm-detail-sites h3{width:100%!important;margin:0 0 2px!important;color:#778491!important;font-size:12px!important;} html body #hanaCrmDetail .hana-crm-detail-sites span{padding:3px 6px!important;color:#566879!important;font-size:12px!important;} html body #hanaCrmDetail .hana-crm-detail-footer{ box-sizing:border-box!important;display:flex!important;flex:0 0 auto!important; justify-content:flex-end!important;gap:8px!important;padding:10px 16px!important; border-top:1px solid #e6ebf0!important;background:#fff!important; } html body #hanaCrmDetail .hana-crm-detail-footer button{min-height:38px!important;} } @media(prefers-reduced-motion:reduce){html body #hanaCrmDetail{transition:none!important;}} /* Keep the desktop listing drawer still while current data loads. */ @media screen and (min-width:981px) { html body #hanaCrmDetail { transition:none!important; } html body #hanaCrmDetail:not(.hana-onhouse-popup) { width:min(420px,100vw)!important;max-width:100vw!important; } html body #hanaCrmDetail[data-hana-popup-loading="true"]:not(.hana-onhouse-popup) :is(.hana-crm-detail-tabs,.hana-crm-detail-body,.hana-crm-detail-footer,.hana-qe-workspace) { visibility:hidden!important; } html body #hanaCrmDetail[data-hana-popup-loading="true"]:not(.hana-onhouse-popup)::after { content:'매물 정보 불러오는 중…';position:absolute;inset:56px 0 0;display:grid;place-items:center;background:#fff;color:#40566b;font-size:14px;font-weight:650;z-index:5; } } @media(min-width:981px){#hanaCrmDetail .hana-crm-field-needs-check{border-left:2px solid #d87469!important;padding-left:7px!important}#hanaCrmDetail .hana-crm-detail-kinds .hana-crm-field-needs-check{border-radius:2px}#hanaCrmDetail .hana-crm-detail-price.hana-crm-field-needs-check{display:block}} /* hana-page-layout-repair-20261027.css */ /* 2026-10-27: narrowly scoped desktop width corrections. No behavior or JS changes. */ @media (min-width:981px) and (max-width:1599px) { html body.has-sidebar #archiveView, html body.has-sidebar #settingsView { min-width:0!important; width:100%!important; max-width:min(1020px,100%)!important; box-sizing:border-box!important; } html body.has-sidebar #archiveView > .panel, html body.has-sidebar #settingsView > .panel, html body.has-sidebar #settingsView .settings-detail { box-sizing:border-box!important; max-width:100%!important; min-width:0!important; } html body.has-sidebar #listView #savedListingsList { min-width:0!important; width:100%!important; max-width:100%!important; } html body.has-sidebar #listView .listing-dashboard-head.hana-crm-head, html body.has-sidebar #listView #savedListingsList .dashboard-property-row.hana-crm-row { box-sizing:border-box!important; min-width:0!important; max-width:100%!important; width:100%!important; } } @media (min-width:1301px) and (max-width:1599px) { html body #listView .listing-dashboard-head.hana-crm-head, html body #listView #savedListingsList .dashboard-property-row.hana-crm-row { grid-template-columns:20px 52px 68px 50px 90px minmax(160px,1fr) 82px 90px 92px 72px 98px 78px!important; column-gap:5px!important; } html body #listView #savedListingsList .dashboard-property-row.hana-crm-row > .hana-simple-row-actions { min-width:0!important; max-width:100%!important; gap:2px!important; } } @media (min-width:981px) and (max-width:1300px) { html body.has-sidebar #listView .listing-dashboard-head.hana-auto-simple { /* An older list patch applies inline display:grid!important. Collapse its visual header without rewriting other menu logic. */ overflow:hidden!important; height:0!important; min-height:0!important; max-height:0!important; padding:0!important; border:0!important; margin:0!important; visibility:hidden!important; pointer-events:none!important; } html body #listView #savedListingsList .dashboard-property-row.hana-crm-row { grid-template-columns:52px 78px minmax(0,1fr) 100px 100px!important; grid-template-rows:auto auto auto!important; gap:6px 8px!important; padding:9px!important; align-items:center!important; } html body #listView #savedListingsList .dashboard-property-row.hana-crm-row > .hana-crm-photo-cell { grid-column:1!important;grid-row:1 / 3!important; } html body #listView #savedListingsList .dashboard-property-row.hana-crm-row > .hana-crm-number { grid-column:2!important;grid-row:1!important; } html body #listView #savedListingsList .dashboard-property-row.hana-crm-row > .hana-crm-kind { grid-column:2!important;grid-row:2!important; } html body #listView #savedListingsList .dashboard-property-row.hana-crm-row > .hana-simple-property-kind { grid-column:2!important;grid-row:3!important; } html body #listView #savedListingsList .dashboard-property-row.hana-crm-row > .hana-crm-address { grid-column:3 / 5!important;grid-row:1!important;width:100%!important;max-width:100%!important; } html body #listView #savedListingsList .dashboard-property-row.hana-crm-row > .hana-crm-price { grid-column:3!important;grid-row:2!important; } html body #listView #savedListingsList .dashboard-property-row.hana-crm-row > .hana-crm-area { grid-column:4!important;grid-row:2!important; } html body #listView #savedListingsList .dashboard-property-row.hana-crm-row > .hana-simple-documents { grid-column:5!important;grid-row:2!important; max-width:100%!important;min-width:0!important; } html body #listView #savedListingsList .dashboard-property-row.hana-crm-row > .hana-simple-row-actions { grid-column:5!important;grid-row:1!important; max-width:100%!important;min-width:0!important;gap:4px!important; justify-content:flex-end!important; } html body.has-sidebar #listView #savedListingsList .dashboard-property-row.hana-auto-simple.hana-crm-row > .hana-crm-auto-cell { grid-column:3 / 6!important;grid-row:3!important; min-width:0!important;max-width:100%!important; } } /* Page-level widths for mid-sized desktop windows, without hiding controls. */ @media (min-width:981px) and (max-width:1599px) { html body.has-sidebar main > #adminView, html body.has-sidebar main > #staffCommissionView, html body.has-sidebar main > #resourcesView { min-width:0!important; width:100%!important; max-width:100%!important; box-sizing:border-box!important; } html body.has-sidebar #adminView > .panel, html body.has-sidebar #staffCommissionView > .panel, html body.has-sidebar #resourcesView > .panel { min-width:0!important; max-width:100%!important; box-sizing:border-box!important; } } /* hana-address-auto-simple-20261028.css */ /* Small, unobtrusive controls. Original official cadastral lookup stays visible. */ #guidedAddressDialog .hana-auto-address-scope,#hanaMobileV3Form .hana-auto-address-scope{ display:block!important;max-width:100%;margin:6px 0 8px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important } #guidedAddressDialog .hana-auto-address-controls,#hanaMobileV3Form .hana-auto-address-controls{ display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 7px!important } #guidedAddressDialog .hana-auto-address-controls button,#hanaMobileV3Form .hana-auto-address-controls button{ appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important; box-sizing:border-box!important;width:auto!important;min-width:0!important;min-height:30px!important; height:30px!important;padding:4px 9px!important;border:1px solid #d1dfe9!important;border-radius:6px!important; background:#fff!important;color:#356079!important;font-size:12px!important;font-weight:650!important; line-height:1.1!important;box-shadow:none!important;cursor:pointer!important; } #guidedAddressDialog .hana-auto-address-controls button[aria-pressed=true],#hanaMobileV3Form .hana-auto-address-controls button[aria-pressed=true]{ border-color:#9ac5e0!important;background:#edf7fe!important;color:#165785!important } #guidedAddressDialog .hana-auto-address-entry,#hanaMobileV3Form .hana-auto-address-entry{ display:grid;gap:5px!important;margin:4px 0 8px!important;color:#365169!important;font-size:12px!important;font-weight:700!important } #guidedAddressDialog .hana-auto-address-entry input,#hanaMobileV3Form .hana-auto-address-entry input{ box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:38px!important; min-height:38px!important;padding:7px 10px!important;border:1px solid #bdd0df!important;border-radius:7px!important; background:#fff!important;color:#233c52!important;font-size:14px!important;line-height:1.4!important } #guidedAddressDialog .hana-auto-address-entry small,#hanaMobileV3Form .hana-auto-address-entry small{ color:#738597!important;font-size:11px!important;font-weight:400!important;line-height:1.35!important } #guidedAddressDialog .hana-auto-internal,#hanaMobileV3Form .hana-auto-internal{display:none!important} #guidedAddressDialog #guidedOptionalUnitDetails{margin:6px 0!important;padding:0!important} #guidedAddressDialog #guidedOptionalUnitDetails>summary{font-size:11px!important;color:#6d8191!important} #guidedAddressDialog #guidedUnitResults{margin-top:5px!important} #guidedAddressDialog .guided-selected-address{padding-bottom:10px!important;margin-bottom:9px!important} #guidedAddressDialog .guided-unit-heading{margin-bottom:3px!important} #guidedAddressDialog .guided-unit-heading small{display:none!important} #guidedAddressDialog #guidedWholeBuilding{display:none!important} #guidedAddressDialog [hidden],#hanaMobileV3Form .hana-auto-address-scope [hidden]{display:none!important} #guidedAddressDialog .guided-dialog-actions{position:sticky;bottom:0;background:#fff;z-index:3;padding-top:8px!important} /* hana-mobile-010-white-20261028.css */ @media screen and (max-width:980px){ /* Mobile-only number color. Preserves existing card layouts and all desktop styles. */ @media screen and (max-width:980px) { html body .hana-mobile-010-white { color:#ffffff!important; text-shadow:0 1px 2px rgba(7,24,44,.92),0 0 3px rgba(7,24,44,.75)!important; } } }