/* Public-area layout and shared PC title summary; selector cards are unchanged. */
.gq-section-amenities { display:none; }
.gq-house-summary { display:none; }
@media (min-width:769px) {
  .desktop-house-detail-dialog .detail-title-area.gq-summary-title { display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; min-width:0; flex:1; }
  .desktop-house-detail-dialog .gq-summary-title #detail-title { flex-basis:100%; margin:0!important; line-height:1.35; }
  .desktop-house-detail-dialog .gq-house-summary { display:flex; flex-wrap:wrap; align-items:center; gap:5px 16px; margin-left:6px; cursor:inherit; }
  .desktop-house-detail-dialog .gq-summary-metric { display:inline-flex; align-items:baseline; gap:6px; font-size:12px; color:#7b8da8; white-space:nowrap; }
  .desktop-house-detail-dialog .gq-summary-metric strong { font-size:14px; font-weight:600; font-variant-numeric:tabular-nums; color:#243d65; }
  .desktop-house-detail-dialog .gq-summary-1 strong { color:#15936d; }
  .desktop-house-detail-dialog .gq-summary-2 strong { color:#d88534; }
  .desktop-house-detail-dialog .gq-summary-3 strong { color:#1769e0; }
  .gq-v3 #dt-info .gq-section-amenities { display:block; grid-row:6; grid-column:1/10; }
  .gq-v3 #dt-info .gq-section-base { grid-row:7; }
  .gq-v3 #dt-info .gq-section-community,.gq-v3 #dt-info .gq-section-intro { grid-row:8; }
  .gq-v3 #dt-info .gq-context { grid-row:9; }
  .gq-v3 #dt-info #svc-policy-slot,.gq-v3 #dt-info .gq-section-note { grid-row:10!important; }
  .gq-v3 #dt-info .gq-section-rooms { grid-row:11!important; }
  .gq-v3 #dt-info>.house-action-row { grid-row:12; }
  .gq-v3 .gq-amenities-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px 20px; }
  .gq-v3 .gq-amenity-group { min-width:0; display:flex; align-items:flex-start; gap:10px; font-size:12px; line-height:23px; }
  .gq-v3 .gq-amenity-label { color:#8192ad; flex-shrink:0; }
  .gq-v3 .gq-amenity-values { display:flex; flex-wrap:wrap; gap:5px; min-width:0; }
  .gq-v3 .gq-amenity-chip { background:#f1f7ff; color:#366499; border:1px solid #e0ebf7; padding:0 7px; border-radius:5px; overflow-wrap:anywhere; }
  .gq-v3 .gq-amenity-empty { color:#92a0b4; }
}
.gq-device-record-tabs { display:none; }
/* Only this duplicate contract payment card is removed on both PC and mobile. */
#dt-contract .gq-contract-payment-removed,#dt-contract #hc-rent-pay-card { display:none!important; }
.gq-contract-viewer { position:fixed; inset:0; z-index:100010; display:flex; align-items:center; justify-content:center; padding:28px; background:rgba(23,42,69,.42); box-sizing:border-box; }
.gq-contract-viewer-panel { width:min(1000px,100%); height:min(800px,calc(100vh - 80px)); display:flex; flex-direction:column; background:#fff; border:1px solid #dce8f5; border-radius:12px; box-shadow:0 20px 70px #12284a35; overflow:hidden; }
.gq-contract-viewer-head,.gq-contract-viewer-foot { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:14px 18px; color:#142a50; font-size:13px; }
.gq-contract-viewer-head strong { font-size:15px; }
.gq-contract-viewer-head>span { color:#7387a4; margin-right:auto; }
.gq-contract-viewer button,.gq-contract-viewer a { padding:7px 10px; border:1px solid #d6e5f6; border-radius:6px; background:#f0f6ff; color:#1769e0; font:inherit; text-decoration:none; cursor:pointer; }
.gq-contract-viewer button:disabled { opacity:.4; cursor:default; }
.gq-contract-viewer button:focus-visible,.gq-contract-viewer a:focus-visible { outline:2px solid #1769e0; outline-offset:2px; }
.gq-contract-viewer-frame { flex:1; min-height:0; display:flex; align-items:center; justify-content:center; padding:18px; overflow:auto; background:#f3f6fa; }
.gq-contract-viewer-frame img { max-width:100%; max-height:100%; object-fit:contain; transform-origin:center; }
.gq-contract-viewer-foot { flex-wrap:nowrap; border-top:1px solid #e8eef6; }
.gq-contract-viewer-pages { display:flex; gap:6px; flex:1; min-width:0; overflow:auto; }
.gq-contract-viewer-pages button[aria-current="page"] { background:#dfeeff; border-color:#87b9f7; font-weight:700; }
@media (min-width:769px) {
  .gq-v3.gq-contract-page #dt-contract.active { grid-column:1/-1; grid-row:5; min-width:0; display:grid!important; grid-template-columns:repeat(12,minmax(0,1fr)); gap:12px; padding:0!important; align-items:stretch; }
  .gq-v3 #dt-contract>.glass-card { min-width:0; margin:0!important; padding:14px 16px!important; border:1px solid #dfeaf4!important; border-radius:8px!important; box-shadow:0 2px 6px #29466a09!important; background:#fff!important; }
  .gq-v3 #dt-contract .gc-title { font-size:14px!important; font-weight:700!important; color:#142a50!important; padding:0 0 10px!important; margin:0 0 6px!important; border-bottom:1px solid #edf2f7; display:flex; align-items:center; gap:8px; }
  .gq-v3 #dt-contract .ll-edit { margin-left:auto; padding:4px 9px!important; border:1px solid #d5e6fb; border-radius:5px; background:#edf5ff!important; color:#1769e0!important; font-size:12px!important; cursor:pointer; }
  .gq-v3 #dt-contract .gq-contract-owner { grid-column:1/6; grid-row:1; }
  .gq-v3 #dt-contract .gq-contract-terms { grid-column:6/10; grid-row:1; }
  .gq-v3 #dt-contract .gq-contract-files { grid-column:1/-1; grid-row:2; }
  .gq-v3 #dt-contract .gq-contract-income { grid-column:1/8; grid-row:3; }
  .gq-v3 #dt-contract .gq-contract-vacancy { grid-column:8/-1; grid-row:3; }
  .gq-v3 #dt-contract .gq-contract-calendar { grid-column:1/-1; grid-row:4; }
  .gq-v3 #dt-contract #hc-bills-card { grid-column:1/-1; grid-row:5; }
  .gq-v3 #dt-contract .gq-contract-hide { display:none!important; }
  .gq-v3 #dt-contract .cf-grp { font-size:12px!important; margin:12px 0 4px!important; letter-spacing:0; color:#7287a4!important; }
  .gq-v3 #dt-contract .gq-contract-terms>.cf-grp { display:none; }
  .gq-v3 #dt-contract .cf-row { cursor:default; gap:9px; padding:8px 0!important; border-color:#edf2f7!important; min-width:0; }
  .gq-v3 #dt-contract .cf-arrow { display:none!important; }
  .gq-v3 #dt-contract .cf-info .t { font-size:12px!important; color:#7084a0!important; font-weight:400!important; }
  .gq-v3 #dt-contract .cf-info .s { font-size:13px!important; color:#263f60!important; min-height:18px; line-height:1.5; overflow-wrap:anywhere; }
  .gq-v3 #dt-contract .cf-info { min-width:0; }
  .gq-v3 #dt-contract .cf-ic { width:30px!important; height:30px!important; font-size:14px!important; background:#f1f6fc!important; color:#5582bd!important; border-radius:7px!important; flex-shrink:0; }
  .gq-v3 #dt-contract .cf-val { font-size:12px!important; white-space:normal; text-align:right; }
  .gq-v3 #dt-contract em { visibility:hidden; }
  .gq-v3 #dt-contract .gq-contract-terms>.cf-row { min-height:42px; }
  .gq-v3 #dt-contract .gq-contract-owner>.cf-row,.gq-v3 #dt-contract .gq-contract-terms>.cf-row { padding:8px 0!important; min-height:37px; }
  .gq-v3 #dt-contract .gq-contract-owner>.cf-row>.cf-ic,.gq-v3 #dt-contract .gq-contract-terms>.cf-row>.cf-ic { display:none!important; }
  .gq-v3 #dt-contract .gq-contract-owner .cf-info,.gq-v3 #dt-contract .gq-contract-terms .cf-info { display:grid; grid-template-columns:120px minmax(0,1fr); align-items:start; gap:8px; }
  .gq-v3 #dt-contract .gq-contract-owner .cf-info { grid-template-columns:85px minmax(0,1fr); }
  .gq-v3 #dt-contract .gq-contract-terms .cf-info .s { font-size:12px!important; }
  .gq-v3 #dt-contract .cf-val:has(em:only-child) { background:transparent!important; padding:0!important; }
  .gq-v3 #dt-contract .gq-contract-owner-group { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px; }
  .gq-v3 #dt-contract .gq-contract-owner-group>.cf-grp { grid-column:1/-1; }
  .gq-v3 #dt-contract .gq-contract-owner-group>.cf-row { padding:7px 0!important; gap:5px; }
  .gq-v3 #dt-contract .gq-contract-owner-group .cf-ic,.gq-v3 #dt-contract .gq-contract-owner-group .cf-right { display:none!important; }
  .gq-v3 #dt-contract .gq-contract-owner-group .cf-info { width:100%; grid-template-columns:65px minmax(0,1fr); gap:7px; }
  .gq-v3 #dt-contract .gq-contract-owner-group .cf-info .s { font-size:12px!important; }
  .gq-contract-term-meta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 16px; border-bottom:1px solid #edf2f7; padding:8px 0; }
  .gq-v3 #dt-contract .gq-contract-term-meta>.cf-row,.gq-contract-meta-item { display:flex!important; gap:8px; padding:4px 0!important; border:0!important; font-size:12px; min-height:22px; }
  .gq-v3 #dt-contract .gq-contract-term-meta .cf-ic,.gq-v3 #dt-contract .gq-contract-term-meta .cf-right { display:none!important; }
  .gq-v3 #dt-contract .gq-contract-term-meta .cf-info { display:grid; grid-template-columns:58px minmax(0,1fr); width:100%; }
  .gq-contract-meta-label { width:58px; flex-shrink:0; color:#7084a0; }
  .gq-contract-meta-value { min-width:0; overflow-wrap:anywhere; color:#263f60; }
  .gq-contract-vacancy-summary { display:flex; gap:14px; padding:8px 0; font-size:12px; color:#7084a0; }
  .gq-contract-vacancy-summary>span:last-child { color:#8292a8; }
  .gq-v3 #dt-contract .gq-contract-bill-row { padding:8px 10px!important; }
  .gq-v3 #dt-contract .gq-contract-bill-row>div:last-child { display:flex; align-items:center; gap:20px; }
  .gq-v3 #dt-contract .gq-contract-money-row .cf-info .s { display:none!important; }
  .gq-v3 #dt-contract .gq-contract-money-row .cf-info { display:block; }
  .gq-v3 #dt-contract .gq-contract-money-row .cf-right { margin-left:auto; }
  .gq-v3 #dt-contract .gq-contract-attachments { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; padding-top:5px; }
  .gq-v3 #dt-contract .gq-contract-attachment { display:grid!important; grid-template-columns:minmax(0,1fr); grid-template-rows:auto 100px auto; gap:8px!important; padding:10px!important; min-height:176px; box-sizing:border-box; border:1px solid #e3ebf5!important; border-radius:7px; background:#fbfdff; }
  .gq-v3 #dt-contract .gq-contract-attachment>.cf-ic,.gq-v3 #dt-contract .gq-contract-attachment .cf-info .s { display:none!important; }
  .gq-v3 #dt-contract .gq-contract-attachment .cf-info { grid-row:1; display:flex; align-items:center; justify-content:space-between; gap:3px; flex-wrap:wrap; }
  .gq-v3 #dt-contract .gq-contract-attachment .cf-info .t { font-size:12px!important; color:#263f60!important; font-weight:600!important; }
  .gq-contract-count { color:#8293a9; font-size:10px; }
  .gq-v3 #dt-contract .gq-contract-attachment>.cf-right { grid-row:3; gap:5px!important; display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; min-height:24px; }
  .gq-v3 #dt-contract .cf-status { font-size:10px!important; margin-right:auto; padding:3px 5px!important; }
  .gq-v3 #dt-contract .cf-up { padding:4px 6px!important; font-size:11px!important; background:#edf5ff!important; border:1px solid #d3e4f9; color:#1769e0!important; border-radius:5px; cursor:pointer; }
  .gq-v3 #dt-contract .cf-clear { padding:3px 4px!important; font-size:10px!important; color:#b56963!important; cursor:pointer; }
  .gq-contract-thumbs { grid-row:2; position:relative; display:flex; gap:4px; min-width:0; }
  .gq-contract-thumb { flex:1; min-width:0; padding:0; border:1px solid #dce5ef; border-radius:4px; background:white; cursor:pointer; overflow:hidden; display:flex; flex-direction:column; align-items:center; justify-content:center; }
  .gq-contract-thumb img { width:100%; height:78px; object-fit:contain; min-height:0; }
  .gq-contract-thumb span { padding:4px 0; color:#7589a5; font-size:9px; }
  .gq-contract-more { position:absolute; right:0; bottom:0; background:#e8f2ff; border:1px solid #cee0f6; border-radius:4px; padding:4px 5px; color:#1769e0; font-size:10px; cursor:pointer; }
  .gq-contract-empty { width:100%; display:flex; align-items:center; justify-content:center; font-size:12px; color:#92a1b6; border:1px dashed #dce5ee; border-radius:5px; background:#f6f9fc; }
  .gq-v3 #dt-contract .gq-contract-attachments:not(:has(.gq-contract-thumb))>.gq-contract-attachment { grid-template-rows:auto auto; min-height:80px; }
  .gq-v3 #dt-contract .gq-contract-attachments:not(:has(.gq-contract-thumb)) .gq-contract-thumbs { display:none; }
  .gq-v3 #dt-contract .gq-contract-attachments:not(:has(.gq-contract-thumb)) .cf-right { grid-row:2; }
  .gq-v3 #dt-contract .ic-compare { padding:14px 0!important; }
  .gq-v3 #dt-contract .gq-contract-income { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:24px; }
  .gq-v3 #dt-contract .gq-contract-income>.gc-title { grid-column:1/-1; }
  .gq-v3 #dt-contract .ic-compare { grid-column:1; grid-row:2; display:flex; flex-direction:column; gap:10px; padding:10px 0!important; }
  .gq-v3 #dt-contract .ic-col { display:flex; align-items:center; justify-content:space-between; gap:8px; text-align:left; }
  .gq-v3 #dt-contract .ic-col .sub,.gq-v3 #dt-contract .ic-divider { display:none; }
  .gq-v3 #dt-contract .ic-col .val { font-size:15px!important; margin:0!important; }
  .gq-v3 #dt-contract .ic-profit { grid-column:1; grid-row:3; padding:8px!important; margin:0!important; }
  .gq-v3 #dt-contract .ic-detail { grid-column:2; grid-row:2/4; display:flex; flex-direction:column; justify-content:center; padding:0!important; margin:0!important; border:0!important; }
  .gq-v3 #dt-contract .ic-detail .item { padding:5px 0!important; }
  .gq-v3 #dt-contract .ic-profit { background:#f0f7ff!important; border-color:#e0ebfa!important; }
  .gq-v3 #dt-contract .vc-date-group { min-width:0; }
  .gq-v3 #dt-contract .vc-date-input { width:0; min-width:0; }
  .gq-v3 #dt-contract .cal-item { display:inline-flex; width:calc(25% - 12px); box-sizing:border-box; margin:4px 6px; padding:9px!important; border:1px solid #e5edf6!important; border-radius:6px; background:#fbfdff; flex-wrap:wrap; gap:7px!important; }
  .gq-v3 #dt-contract .cal-item .period { min-width:30px; }
  .gq-v3 #dt-contract .cal-item .status { min-width:28px; }
}
@media (min-width:769px) and (max-width:1200px) {
  .gq-v3 #dt-contract .gq-contract-owner { grid-column:1/5; }
  .gq-v3 #dt-contract .gq-contract-terms { grid-column:5/9; }
  .gq-v3 #dt-contract .gq-contract-owner-group { grid-template-columns:minmax(0,1fr); }
  .gq-v3 #dt-contract .gq-contract-attachments { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .gq-v3 #dt-contract .cal-item { width:calc(33.333% - 12px); }
}
@media (min-width:769px) {
  .gq-v3.gq-device-page #dt-device.active { grid-column:1/10; grid-row:5; min-width:0; padding:0!important; }
  .gq-v3.gq-device-page .dt-device-tabs { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; padding:4px!important; margin:0 0 12px!important; border:1px solid #dce8f5!important; border-radius:8px!important; background:#eaf1f9!important; }
  .gq-v3.gq-device-page .dt-device-tab { margin:0!important; padding:10px 8px!important; text-align:center; border:1px solid transparent!important; border-radius:6px!important; color:#6b7f9d!important; font-size:14px!important; font-weight:600!important; cursor:pointer; }
  .gq-v3.gq-device-page .dt-device-tab.active { color:#1769e0!important; background:#fff!important; border-color:#cfe0f5!important; box-shadow:0 2px 5px #29466a0b!important; }
  .gq-v3.gq-device-page #dt-device-content { min-width:0; }
  .gq-v3.gq-device-page .scheme-c { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:12px; width:100%!important; max-width:none!important; margin:0!important; }
  .gq-v3.gq-device-page .scheme-c>.card { grid-column:1; grid-row:1; }
  .gq-v3.gq-device-page .scheme-c>.sc-info { grid-column:2; grid-row:1; }
  .gq-v3.gq-device-page .scheme-c>.sc-ops { grid-column:1/-1; grid-row:2; }
  .gq-v3.gq-device-page .scheme-c>.card,.gq-v3.gq-device-page .scheme-c>.sc-info,.gq-v3.gq-device-page .scheme-c>.sc-ops,
  .gq-v3.gq-device-page .hmc-card,.gq-v3.gq-device-page .gq-meter-history,.gq-v3.gq-device-page .gq-meter-records { min-width:0; box-sizing:border-box; background:#fff!important; border:1px solid #dfeaf4!important; border-radius:8px!important; box-shadow:0 2px 6px #29466a09!important; padding:14px!important; margin:0!important; }
  .gq-v3.gq-device-page .sc-head,.gq-v3.gq-device-page .sc-info-title,.gq-v3.gq-device-page .hd { font-size:14px!important; font-weight:700!important; color:#142a50!important; }
  .gq-v3.gq-device-page .sc-title { font-size:14px!important; overflow-wrap:anywhere; }
  .gq-v3.gq-device-page .sc-mid { padding:14px!important; background:#f5f9fd!important; border-radius:7px!important; margin:12px 0!important; }
  .gq-v3.gq-device-page .sc-info-item { display:flex; justify-content:space-between; gap:14px; min-height:32px; font-size:12px!important; border-bottom:1px solid #edf2f7; align-items:center; }
  .gq-v3.gq-device-page .sc-info-item>*:last-child { text-align:right; overflow-wrap:anywhere; min-width:0; }
  .gq-v3.gq-device-page .sc-actions { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; }
  .gq-v3.gq-device-page .scheme-c .btn,.gq-v3.gq-device-page .hmc-qk,.gq-v3.gq-device-page .hmc-sync-entry .btn,.gq-v3.gq-device-page .hmc-save-btn { background:#eef5ff!important; color:#1769e0!important; border:1px solid #cfe0f5!important; box-shadow:none!important; border-radius:6px!important; font-size:12px!important; cursor:pointer; }
  .gq-v3.gq-device-page .scheme-c .btn { min-height:62px; padding:9px!important; }
  .gq-v3.gq-device-page .scheme-c .btn .icon { font-size:18px!important; }
  .gq-v3.gq-device-page .scheme-c .btn .sub { font-size:10px!important; color:#7f91aa!important; }
  .gq-v3.gq-device-page .scheme-c .unbind { margin-top:12px!important; width:100%; min-height:42px; background:#fff5f4!important; border-color:#f0d5d1!important; color:#c96962!important; }
  .gq-v3.gq-device-page .scheme-c .unbind .icon,.gq-v3.gq-device-page .scheme-c .unbind .sub { display:none!important; }
  .gq-v3.gq-device-page .gq-meter-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:12px; align-items:stretch; }
  .gq-v3.gq-device-page .gq-meter-grid>.hmc-sync-entry { grid-column:1/-1; grid-row:1; display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; margin:0!important; }
  .gq-v3.gq-device-page .hmc-sync-entry .btn { width:auto!important; padding:7px 12px!important; font-weight:600!important; }
  .gq-v3.gq-device-page .hmc-sync-entry .note { font-size:11px!important; color:#8190a7!important; margin:0!important; }
  .gq-v3.gq-device-page .gq-meter-grid>.hmc-hdr { grid-column:1/-1; grid-row:2; padding:0 2px!important; margin:0!important; }
  .gq-v3.gq-device-page .hmc-hdr .nm { font-size:15px!important; }
  .gq-v3.gq-device-page .gq-meter-overview { grid-column:1/-1; grid-row:3; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.6fr); column-gap:20px; }
  .gq-v3.gq-device-page .gq-meter-overview>.hd { grid-column:1/-1; grid-row:1; }
  .gq-v3.gq-device-page .gq-meter-total { grid-column:1; grid-row:2; font-size:28px!important; align-self:center; }
  .gq-v3.gq-device-page [id$="-read-note"] { grid-column:1; grid-row:3; font-size:11px!important; }
  .gq-v3.gq-device-page .gq-meter-metrics { grid-column:2; grid-row:2/4; margin:0!important; align-items:stretch; }
  .gq-v3.gq-device-page .gq-meter-metrics>div { display:flex; flex-direction:column; justify-content:center; min-width:0; padding:10px 6px!important; background:#f5f9fd!important; border-color:#e4edf6!important; }
  .gq-v3.gq-device-page .gq-meter-metrics>div>div:last-child { font-size:15px!important; overflow-wrap:anywhere; }
  .gq-v3.gq-device-page .gq-meter-overview>div:not(.hd):not(.gq-meter-total):not(.gq-meter-metrics):not([id$="-read-note"]) { grid-column:1/-1; font-size:11px!important; margin-top:10px!important; }
  .gq-v3.gq-device-page .gq-meter-share { grid-column:1; grid-row:4; }
  .gq-v3.gq-device-page .gq-meter-side { grid-column:2; grid-row:4; display:flex; flex-direction:column; gap:12px; }
  .gq-v3.gq-device-page .gq-meter-side .gq-meter-info { flex:1; }
  .gq-v3.gq-device-page .hmc-share-row input[type="number"] { width:74px!important; flex-shrink:0!important; font-size:12px!important; box-sizing:border-box; }
  .gq-v3.gq-device-page .hmc-kv { min-height:29px; gap:12px; align-items:start; font-size:12px!important; }
  .gq-v3.gq-device-page .hmc-kv .k { flex-shrink:0; }
  .gq-v3.gq-device-page .hmc-kv .v { overflow-wrap:anywhere; min-width:0; }
  .gq-v3.gq-device-page .hmc-seg,.gq-v3.gq-device-page .hmc-share-sub { flex-wrap:wrap; }
  .gq-v3.gq-device-page .hmc-share-note { font-size:11px!important; line-height:1.65; }
  .gq-v3.gq-device-page .gq-device-record-tabs { grid-column:1/-1; grid-row:5; display:flex; border-bottom:1px solid #dce7f3; gap:24px; }
  .gq-v3.gq-device-page .gq-device-record-tabs button { border:0; border-bottom:2px solid transparent; background:transparent; color:#6b7f9d; padding:9px 6px; font-family:inherit; font-size:14px; font-weight:600; cursor:pointer; }
  .gq-v3.gq-device-page .gq-device-record-tabs button[aria-selected="true"] { color:#1769e0; border-bottom-color:#1769e0; }
  .gq-v3.gq-device-page .gq-meter-history,.gq-v3.gq-device-page .gq-meter-records { grid-column:1/-1; grid-row:6; }
  .gq-v3.gq-device-page #hmc-phis,.gq-v3.gq-device-page #hmc-records,.gq-v3.gq-device-page #hmw-phis,.gq-v3.gq-device-page #hmw-records { max-height:300px; overflow:auto; }
  .gq-v3.gq-device-page .gq-meter-grid:not(.gq-records-selected)>.gq-meter-records,.gq-v3.gq-device-page .gq-records-selected>.gq-meter-history { display:none!important; }
  .gq-v3.gq-device-page .gq-meter-actions { grid-column:1/-1; grid-row:7; }
  .gq-v3.gq-device-page .gq-meter-actions>.hd+div { grid-template-columns:repeat(auto-fit,minmax(110px,1fr))!important; }
  .gq-v3.gq-device-page .hmc-qk { min-height:38px!important; padding:8px 10px!important; }
  .gq-v3.gq-device-page .hmc-qk[onclick*="unbind"] { background:#fff5f4!important; border-color:#f0d5d1!important; color:#c96962!important; cursor:pointer!important; }
  .gq-v3.gq-device-page .hmc-qk[disabled] { color:#9ca9b9!important; background:#f5f7fa!important; border-color:#e2e8f0!important; cursor:not-allowed!important; }
  .gq-v3.gq-device-page .hmc-hint-line { font-size:11px!important; color:#8091a8!important; line-height:1.6; margin-top:10px!important; }
}
@media (min-width:769px) and (max-width:1200px) {
  .gq-v3.gq-device-page #dt-device.active { grid-column:1/9; }
  .gq-v3.gq-device-page .scheme-c,.gq-v3.gq-device-page .gq-meter-grid { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); }
  .gq-v3.gq-device-page .gq-meter-overview { column-gap:10px; }
  .gq-v3.gq-device-page .gq-meter-total { font-size:23px!important; }
}
@media (min-width:769px) {
  .desktop-house-detail-overlay { position:fixed; inset:0; z-index:1200; background:rgba(30,46,70,.38); display:flex; align-items:center; justify-content:center; padding:24px; }
  .desktop-house-detail-dialog { position:relative; width:min(1480px,calc(100vw - 48px)); height:min(960px,calc(100vh - 48px)); background:#f1f6fb; border:1px solid #dae5f0; border-radius:12px; box-shadow:0 18px 64px #172b4d40; overflow:hidden; }
  .desktop-house-detail-dialog>.detail-content { height:100%; max-width:none; box-sizing:border-box; overflow:auto; padding:12px 18px 22px; }
  .desktop-house-detail-close { position:absolute; right:14px; top:12px; width:32px; height:32px; z-index:30; border:1px solid #dbe5ef; border-radius:7px; background:white; color:#263c60; font-size:22px; cursor:pointer; }
  .desktop-house-detail-dialog .detail-top-bar { padding-right:42px; }
  .gq-v3 { color:#1e3156; font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif; }
  .desktop-house-detail-dialog.gq-v3 { width:min(1320px,calc(100vw - 64px)); }
  .gq-v3>.detail-content { display:grid!important; grid-template-columns:repeat(12,minmax(0,1fr)); gap:10px 12px; align-content:start; }
  .gq-v3 .detail-top-bar { grid-column:1/-1; grid-row:1; min-height:42px; margin:0!important; display:flex; align-items:center; gap:14px; }
  .gq-v3 .detail-title-area { flex:1; min-width:0; }
  .gq-v3 #detail-title { font-size:20px; line-height:1.3; color:#142a50; }
  .gq-v3 #room-tabs-scroll { grid-column:1/-1; grid-row:2; margin:0!important; height:auto!important; min-height:59px; flex-shrink:0; }
  .gq-v3 #dt-shared-top { grid-column:1/10; grid-row:3; min-width:0; margin:0!important; }
  .gq-v3 #dt-shared-top .gq-lr-header { display:grid!important; grid-template-columns:minmax(0,1.2fr) minmax(240px,1fr)!important; gap:12px!important; margin:0 0 10px!important; align-items:stretch; }
  .gq-v3 .gq-v3-side { grid-column:10/-1; grid-row:3/7; display:flex; flex-direction:column; gap:10px; min-width:0; align-self:start; }
  .gq-v3 .gq-ui-card,.gq-v3 #dt-info .glass-card,.gq-v3 #dt-shared-top .glass-card,.gq-v3 .gq-photos-wrap,.gq-v3 .gq-info { background:#fff!important; border:1px solid #dfeaf4!important; border-radius:8px!important; box-shadow:0 2px 6px #29466a09!important; min-width:0; margin:0!important; }
  .gq-v3 .gq-ui-card,.gq-v3 #dt-info .glass-card { padding:12px 14px!important; }
  .gq-v3 .gq-ui-head,.gq-v3 .gc-title { display:flex!important; align-items:center; justify-content:space-between; gap:8px; font-size:14px!important; font-weight:700!important; color:#142a50!important; margin:0 0 8px!important; padding:0!important; border:0!important; }
  .gq-v3 .gq-ui-btn { font-family:inherit; font-size:12px; line-height:1.3; border:1px solid #d7e7fa; border-radius:5px; background:#f4f9ff; color:#1769e0; padding:6px 10px; cursor:pointer; white-space:nowrap; }
  .gq-v3 .gq-ui-btn:hover { background:#e8f2ff; border-color:#a9cdf6; }
  .gq-v3 .gq-ui-btn.link { border:0; background:transparent; padding:2px 0; }
  .gq-v3 .gq-lock-heading { display:flex; gap:9px; align-items:center; margin:12px 0; }
  .gq-v3 .gq-lock-icon { width:32px; height:32px; background:#edf4ff; color:#1769e0; border-radius:6px; display:grid; place-items:center; }
  .gq-v3 .gq-lock-heading>div { flex:1; min-width:0; }
  .gq-v3 .gq-lock-heading b { display:block; font-size:14px; }
  .gq-v3 .gq-lock-heading small { display:block; color:#7f91aa; font-size:11px; margin-top:4px; overflow-wrap:anywhere; }
  .gq-v3 .gq-lock-heading em { font-size:11px; font-style:normal; color:#658098; background:#edf4f8; border-radius:5px; padding:5px 8px; }
  .gq-v3 .gq-quick-actions { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
  .gq-v3 .gq-quick-actions .accent { color:#1769e0; background:#e7f1ff; }
  .gq-v3 .gq-contract-status { display:inline-flex; background:#e7f8f0; color:#0b9b63; font-size:11px; border-radius:5px; padding:4px 8px; margin:0 0 6px; }
  .gq-v3 .gq-side-kv { display:grid; grid-template-columns:76px minmax(0,1fr); gap:7px; align-items:start; min-height:27px; font-size:12px; line-height:1.55; }
  .gq-v3 .gq-side-kv>span { color:#7487a4; }
  .gq-v3 .gq-side-kv>b { font-weight:500; color:#243d65; overflow-wrap:anywhere; }
  .gq-v3 .gq-side-kv .money { color:#e44c46; }
  .gq-v3 .gq-contract-actions { display:flex; flex-wrap:wrap; gap:6px; padding:3px 0 10px; }
  .gq-v3 .gq-photos-wrap { position:relative; padding:12px!important; }
  .gq-v3 #house-header { position:relative!important; inset:auto!important; height:auto!important; max-height:none!important; overflow:hidden; }
  .gq-v3 .gq-photo-heading { display:flex; align-items:center; justify-content:space-between; font-size:14px; font-weight:700; margin-bottom:9px; }
  .gq-v3 .gq-photo-edit { position:static!important; background:none!important; color:#1769e0!important; font-size:12px!important; width:auto!important; height:auto!important; border-radius:0!important; font-weight:400; }
  .gq-v3 #house-header>div { height:246px!important; border:0!important; border-radius:7px!important; background:#eef3f8; }
  .gq-v3 #house-header .ga-slide img { object-fit:cover!important; }
  .gq-v3 .gq-photo-tag { position:absolute; bottom:8px; left:9px; font-size:11px; color:white; background:#20334c99; border-radius:5px; padding:4px 8px; }
  .gq-v3 .gq-photos-wrap.has-strip { padding-right:98px!important; }
  .gq-v3 .gq-photo-strip { position:absolute; top:42px; bottom:12px; right:12px; width:76px; display:grid; grid-template-rows:repeat(4,1fr); gap:7px; }
  .gq-v3 .gq-photo-strip button { border:1px solid #d7e3f0; border-radius:6px; padding:0; overflow:hidden; cursor:pointer; background:#edf4fb; }
  .gq-v3 .gq-photo-strip img { width:100%; height:100%; object-fit:cover; }
  .gq-v3 .gq-info { padding:12px 14px!important; display:flex!important; flex-direction:column!important; }
  .gq-v3 .gq-status-row { margin:0 0 8px!important; border-bottom:1px solid #e9eff5; padding-bottom:8px!important; }
  .gq-v3 .gq-status-row::before { content:'运营状态'; font-size:14px; font-weight:700; margin-right:12px; }
  .gq-v3 .gq-badge { background:#e7f8f0!important; color:#0b9b63!important; font-size:12px!important; }
  .gq-v3 .gq-device { flex:1; gap:0!important; }
  .gq-v3 .v2-line,.gq-v3 .v2-devrow { min-height:34px; font-size:12px!important; border-bottom:1px solid #edf2f7; }
  .gq-v3 .v2-sep { display:none!important; }
  .gq-v3 .d-lb,.gq-v3 .v2-st { color:#6a7e9c!important; font-size:12px!important; }
  .gq-v3 .gq-pay-rent-btn { margin-top:auto!important; height:40px; min-height:40px; display:flex!important; justify-content:center; align-items:center; border:1px solid #c7defa!important; background:#eaf3ff!important; color:#1769e0!important; box-shadow:none!important; border-radius:6px!important; font-size:15px!important; font-weight:600; cursor:pointer; }
  .gq-v3 .gq-pay-rent-btn:hover { background:#deedff!important; }
  .gq-v3 #dt-shared-top .house-rent-card { padding:8px 10px!important; margin-bottom:6px!important; }
  .gq-v3 .house-rent-card>.gc-title { display:none!important; }
  .gq-v3 .house-rent-grid { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:0!important; }
  .gq-v3 .house-rent-item { display:flex!important; align-items:center; justify-content:center; gap:12px; min-height:42px; border-right:1px solid #e8eef4; }
  .gq-v3 .house-rent-item:nth-child(4) { border-right:0; }
  .gq-v3 .house-rent-item .gc-label { color:#7184a0!important; margin:0!important; font-size:12px!important; }
  .gq-v3 .house-rent-value { font-size:20px!important; }
  .gq-v3 .house-rent-note { grid-column:1/-1!important; font-size:10px!important; border:0!important; padding:3px 0 0!important; }
  .gq-v3 #dt-shared-top .house-booking-card { padding:8px 12px!important; font-size:11px; background:rgba(255,255,255,.75)!important; border:1px solid rgba(255,255,255,.8)!important; border-radius:14px!important; box-shadow:0 2px 8px rgba(0,0,0,.04)!important; }
  .gq-v3 #detail-tabs { grid-column:1/10; grid-row:4; min-width:0; margin:0!important; padding:0 10px!important; height:42px; display:flex; justify-content:space-between; background:#fff; border:1px solid #dfeaf4; border-radius:7px; }
  .gq-v3 .dt-tab { font-size:12px!important; padding:10px 5px!important; white-space:nowrap; }
  .gq-v3 .detail-main-wrap,.gq-v3 .detail-main-left,.gq-v3 #dt-info.active { display:contents!important; }
  .gq-v3 .detail-right-panel,.gq-v3 .dt-sub-content:not(.active),.gq-v3 .gq-v3-side:empty { display:none!important; }
  .gq-v3 #dt-info>* { min-width:0; grid-column:1/10; }
  .gq-v3 #dt-info .gq-section-follow { grid-row:5; }
  .gq-v3 .gq-add-follow,.gq-v3 .gq-note-edit { width:auto!important; height:28px!important; padding:0 9px!important; border-radius:5px!important; box-shadow:none!important; background:#eaf3ff!important; color:#1769e0!important; font-size:12px!important; font-weight:500; }
  .gq-v3 .followup-list { font-size:12px!important; }
  .gq-v3 .gq-section-base { grid-row:6; }
  .gq-v3 .gq-base-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2px 18px; }
  .gq-v3 .gq-base-grid>div { display:grid!important; grid-template-columns:82px minmax(0,1fr)!important; gap:6px!important; align-items:start!important; margin:0!important; padding:0!important; min-height:20px!important; border:0!important; background:transparent!important; font-size:12px!important; line-height:18px!important; }
  .gq-v3 .gq-base-location:last-child { grid-column:1/-1; }
  .gq-v3 .gq-base-location:last-child .gc-val { flex-wrap:wrap; }
  .gq-v3 .gq-base-grid .gc-label,.gq-v3 .dt-room-base-label { color:#8192ad!important; font-size:12px!important; margin:0!important; }
  .gq-v3 .gq-base-grid .gc-val,.gq-v3 .dt-room-base-value { font-size:12px!important; line-height:1.5; color:#243d65!important; white-space:normal!important; overflow-wrap:anywhere; margin:0!important; }
  .gq-v3 .gq-base-grid .gq-base-due .d-ico,.gq-v3 .gq-base-grid .d-days { display:none!important; }
  .gq-v3 .gq-base-grid .d-name { color:#8192ad!important; font-size:12px!important; }
  .gq-v3 .gq-base-grid .d-right { display:flex; justify-content:flex-start; gap:5px; }
  .gq-v3 .gq-base-grid .d-date { font-size:12px!important; }
  .gq-v3 .gq-base-legend { display:flex; justify-content:flex-end; gap:12px; font-size:10px; margin-top:5px; }
  .gq-v3 .gq-section-community { grid-column:1/5!important; grid-row:7; }
  .gq-v3 .gq-section-intro { grid-column:5/-1!important; grid-row:7; }
  .gq-v3 .gq-section-community>.gc-title+div { gap:5px 14px!important; }
  .gq-v3 .gq-section-community .gc-label { font-size:11px!important; color:#8192ad!important; }
  .gq-v3 .gq-section-community .gc-val { font-size:12px!important; color:#243d65!important; }
  .gq-v3 .gq-community-field { display:grid!important; grid-template-columns:72px minmax(0,1fr); align-items:start; gap:5px!important; min-height:22px; }
  .gq-v3 .gq-community-field>.gc-label { margin:0!important; line-height:18px; }
  .gq-v3 .gq-community-field>.gc-val { margin:0!important; line-height:18px; min-width:0; overflow-wrap:anywhere; flex-wrap:wrap; }
  .gq-v3 .dt-ci-text { font-size:12px!important; line-height:1.7!important; color:#667b99!important; }
  .gq-v3 .gq-context { grid-column:1/-1!important; grid-row:8; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; align-items:stretch; }
  .gq-v3 .gq-context .kv-text,.gq-v3 .gq-context .gc-val { font-size:12px!important; }
  .gq-v3 .gq-context .kv-title { font-size:14px!important; font-weight:700!important; color:#142a50!important; }
  .gq-v3 .gq-context .gc-label { font-size:11px!important; color:#7184a0; }
  .gq-v3 .gq-context .gc-title+div>div { display:flex; gap:8px; align-items:center; min-height:20px; }
  .gq-v3 .gq-context .gc-label,.gq-v3 .gq-context .gc-val { margin:0!important; }
  .gq-v3 #svc-policy-slot { grid-column:1/9!important; grid-row:9; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px!important; align-items:stretch; }
  .gq-v3 #svc-policy-slot>.glass-card { min-height:168px; }
  .gq-v3 #svc-policy-slot .gc-title span span { display:none!important; }
  .gq-v3 #svc-policy-slot>.glass-card>.gc-title+div>div[style*="max-width:100px"] { display:none!important; }
  .gq-v3 #svc-policy-slot>.glass-card>.gc-title~div { font-size:12px!important; }
  .gq-v3 #svc-policy-slot>.glass-card>.gc-title~div[style*="padding:9px"] { padding:6px 0!important; }
  .gq-v3 #svc-policy-slot>.glass-card:last-child>.gc-title~div>div:nth-child(2) { display:grid!important; grid-template-columns:48px minmax(0,1fr); gap:5px; align-items:start; }
  .gq-v3 #svc-policy-slot>.glass-card:last-child>.gc-title~div>div:nth-child(2)>div { font-size:12px!important; margin:0!important; line-height:18px!important; }
  .gq-v3 #dt-info .gq-section-note { grid-column:9/-1!important; grid-row:9; min-height:168px; }
  .gq-v3 #dt-info .gq-section-rooms { grid-column:1/-1!important; grid-row:10; padding:12px 15px!important; }
  .gq-v3 .gq-section-rooms>.gc-title { padding-bottom:9px!important; margin-bottom:8px!important; border-bottom:1px solid #edf2f7!important; }
  .gq-v3 .gq-section-rooms .gc-title .gq-ui-btn { flex:none!important; width:auto!important; padding:6px 10px!important; border:1px solid #d7e7fa!important; font-weight:500!important; }
  .gq-v3 .gq-room-header-actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; justify-content:flex-end; }
  .gq-v3 .gq-room-header-actions .house-action-row { display:flex; flex:none; gap:0; margin:0!important; padding:0!important; }
  .gq-v3 .gq-room-header-actions .house-action-btn { padding:6px 10px!important; font-size:12px!important; line-height:1.3; white-space:nowrap; }
  .gq-v3-form #af-submit,.gq-v3-form #gq-note-submit { background:#eaf3ff!important; color:#1769e0!important; border:1px solid #cddff9!important; box-shadow:none!important; }
  .gq-v3 .gq-room-table { border:1px solid #e1e9f2; border-radius:7px; overflow-x:auto; }
  .gq-v3 .gq-room-th,.gq-v3 .gq-room-tr { display:grid; grid-template-columns:9% 9% 11% 9% 27% 15% 20%; column-gap:0; align-items:center; padding:8px 0; font-size:12px; min-width:760px; }
  .gq-v3 .gq-room-th>span,.gq-v3 .gq-room-tr>div { min-width:0; padding:0 14px; box-sizing:border-box; }
  .gq-v3 .gq-room-th>span:nth-child(4),.gq-v3 .gq-room-tr>.gq-room-deposit { padding-right:24px; }
  .gq-v3 .gq-room-th>span:nth-child(5),.gq-v3 .gq-room-tr>.gq-room-tenant { padding-left:28px; }
  .gq-v3 .gq-room-th { background:#f1f6fb; color:#7185a3; min-height:34px; font-weight:500; }
  .gq-v3 .gq-room-tr { min-height:53px; border-top:1px solid #eaf0f6; background:#fff; cursor:pointer; }
  .gq-v3 .gq-room-tr:nth-child(odd) { background:#fcfdff; }
  .gq-v3 .gq-room-tr:hover { background:#f4f9ff; }
  .gq-v3 .gq-room-th>span:nth-child(2),.gq-v3 .gq-room-th>span:nth-child(3),.gq-v3 .gq-room-th>span:nth-child(4),.gq-v3 .gq-room-area,.gq-v3 .gq-room-rent,.gq-v3 .gq-room-deposit { text-align:right; }
  .gq-v3 .room-no { font-size:13px!important; font-weight:600; color:#1d5fb9; }
  .gq-v3 .gq-room-extra { font-size:10px!important; gap:3px!important; }
  .gq-v3 .gq-room-extra .room-meta-line { display:none!important; }
  .gq-v3 .room-price { font-size:13px!important; color:#e44c46!important; }
  .gq-v3 .gq-room-tenant { display:flex; flex-wrap:wrap; gap:5px; min-width:0; overflow-wrap:anywhere; }
  .gq-v3 .room-status { display:inline-flex!important; font-size:10px!important; padding:3px 6px!important; flex-shrink:0; }
  .gq-v3 .gq-room-history { width:100%; font-size:10px!important; color:#7185a3; }
  .gq-v3 .gq-room-expiry { font-size:11px; color:#6c82a0; display:flex; flex-wrap:wrap; gap:4px; }
  .gq-v3 .gq-room-actions .room-action-row { display:flex!important; flex-wrap:wrap; gap:6px!important; margin:0!important; }
  .gq-v3 .room-action-btn { font-size:11px!important; padding:5px 7px!important; border:1px solid #d7e7fa!important; border-radius:4px!important; background:#f4f9ff!important; color:#1769e0!important; }
  .gq-v3 .room-action-btn.offline,.gq-v3 .room-action-btn.online { background:#fff8f0!important; border-color:#f2d7bf!important; color:#cc7a26!important; }
  .gq-v3 .room-action-btn.delete { background:#fff8f8!important; border-color:#f0d4d4!important; color:#d05c5c!important; }
  .gq-v3 .house-action-row { grid-column:1/-1!important; grid-row:11; justify-content:flex-end; }
  .gq-v3.gq-other-tab .gq-v3-side { display:none!important; }
  .gq-v3.gq-other-tab #dt-shared-top,.gq-v3.gq-other-tab #detail-tabs { grid-column:1/-1; }
  .gq-v3.gq-other-tab .dt-sub-content.active { grid-column:1/-1; grid-row:5; }
}
@media (min-width:769px) and (max-width:1200px) {
  .gq-v3 #dt-shared-top,.gq-v3 #detail-tabs,.gq-v3 #dt-info .gq-section-follow,.gq-v3 #dt-info .gq-section-base { grid-column:1/9!important; }
  .gq-v3 .gq-v3-side { grid-column:9/-1; }
  .gq-v3 #dt-shared-top .gq-lr-header { grid-template-columns:minmax(0,1fr) minmax(205px,.85fr)!important; }
  .gq-v3 #house-header>div { height:246px!important; }
  .gq-v3 .gq-section-community { grid-column:1/5!important; }
  .gq-v3 .gq-section-intro { grid-column:5/-1!important; }
  .gq-v3 .gq-base-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .gq-v3 .house-rent-item { flex-direction:column; gap:2px; }
  .gq-v3 .dt-tab { font-size:11px!important; padding:10px 2px!important; }
  .gq-v3 #dt-info .gq-section-amenities { grid-column:1/9!important; }
  .gq-v3 .gq-amenities-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

.gq-section-amenities .gc-title{display:flex;align-items:center;justify-content:space-between}
.gq-amenities-edit{border:0;background:transparent;color:#1769e0;font:inherit;font-size:12px;cursor:pointer;padding:3px 6px}
.gq-amenities-overlay{position:fixed;inset:0;z-index:100020;background:rgba(20,37,62,.34);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}
.gq-amenities-editor{width:560px;max-width:100%;max-height:calc(100dvh - 40px);display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #e1eaf4;border-radius:14px;box-shadow:0 14px 55px #102a4b33;color:#20314a;font-size:13px}
.gq-amenities-editor-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #edf1f6}
.gq-amenities-editor h2{font-size:17px;margin:0}.gq-amenities-close{border:0;background:transparent;color:#64748b;font-size:24px;cursor:pointer;padding:0 5px}
.gq-amenities-editor-body{padding:16px 20px;overflow:auto;min-height:0}.gq-amenities-editor-hint{font-size:12px;color:#728197;line-height:1.6;margin:0 0 14px}
.gq-amenities-editor-group{margin-bottom:20px}.gq-amenities-editor-group:last-child{margin-bottom:0}.gq-amenities-editor h3,.gq-amenities-vacancy-label{display:block;font-size:13px;font-weight:600;margin:0 0 10px}
.gq-amenities-options{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.gq-amenities-option{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #e2e9f1;border-radius:7px;background:#fff;cursor:pointer;overflow-wrap:anywhere;max-width:100%;box-sizing:border-box}.gq-amenities-option:has(input:checked){background:#eef5ff;border-color:#adcffa;color:#1769e0}.gq-amenities-option input{margin:0;accent-color:#1769e0;flex-shrink:0}
.gq-amenities-add-row{display:flex;gap:8px}.gq-amenities-add-row>input{flex:1;min-width:0}.gq-amenities-editor input[type=text]{border:1px solid #dce5ef;border-radius:7px;padding:9px 10px;box-sizing:border-box;background:#fff;color:#20314a;font:inherit}.gq-amenities-editor input[type=text]:focus{outline:2px solid #b6d7ff;outline-offset:1px}.gq-amenities-editor #gq-amenities-vacancy{width:100%;margin-bottom:7px}
.gq-amenities-editor button{cursor:pointer;font:inherit}.gq-amenities-secondary,.gq-amenities-primary{border:1px solid #d5e5fa;border-radius:7px;padding:8px 15px;background:#f4f8ff;color:#1769e0;white-space:nowrap}.gq-amenities-primary{background:#1769e0;border-color:#1769e0;color:#fff}.gq-amenities-editor :disabled{opacity:.6;cursor:wait}.gq-amenities-editor-status{color:#c4483e;font-size:12px;line-height:1.5;margin:0;padding:0 20px;overflow-wrap:anywhere}.gq-amenities-editor-status:not(:empty){padding-bottom:12px}.gq-amenities-editor-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #edf1f6;background:#fafcfe}
@media(max-width:768px){.gq-amenities-overlay{padding:12px}.gq-amenities-editor{max-height:calc(100dvh - 24px)}.gq-amenities-editor-head,.gq-amenities-editor-body,.gq-amenities-editor-foot{padding-left:16px;padding-right:16px}}

/* Approved public-area workorder frame. Other tabs, selector cards and popups are unchanged. */
@media(min-width:769px){
 .gq-v3.gq-workorder-page #dt-workorder.active{grid-column:1/10;grid-row:5;min-width:0;padding:0!important}
 .gq-v3.gq-workorder-page .gq-v3-side{display:flex!important}
}
@media(min-width:769px) and (max-width:1200px){.gq-v3.gq-workorder-page #dt-workorder.active{grid-column:1/9}}

/* One shared desktop header and photo canvas for room/public switching. */
@media (min-width:769px) {
  body #desktop-house-detail-modal .desktop-house-detail-dialog .detail-top-bar {
    display:grid!important; grid-template-columns:auto minmax(0,1fr) auto;
    height:auto!important; min-height:auto!important; gap:10px!important;
    font-family:-apple-system,"PingFang SC","Helvetica Neue","Microsoft YaHei","Noto Sans SC",sans-serif;
  }
  body #desktop-house-detail-modal .detail-title-area.gq-summary-title {
    display:grid!important; grid-template-columns:auto auto minmax(0,1fr);
    gap:6px 12px; align-items:center;
  }
  body #desktop-house-detail-modal .gq-summary-title #detail-title {
    grid-column:1/-1; font-size:20px!important; line-height:1.35!important; color:#0f172a!important;
  }
  body #desktop-house-detail-modal #room-tabs-scroll { margin:0!important; }
  body #desktop-house-detail-modal .gq-v3 #dt-shared-top .gq-lr-header {
    grid-template-columns:minmax(0,1.18fr) minmax(0,1fr)!important;
  }
  body #desktop-house-detail-modal .gq-v3 .gq-photos-wrap {
    padding:0!important; height:286px!important; overflow:hidden;
  }
  body #desktop-house-detail-modal .gq-v3 .gq-photos-wrap.has-strip { padding-right:72px!important; }
  body #desktop-house-detail-modal .gq-v3 .gq-photo-heading {
    position:absolute; top:8px; right:8px; z-index:6; margin:0;
    font-size:0; line-height:0;
  }
  body #desktop-house-detail-modal .gq-v3 .has-strip .gq-photo-heading { right:80px; }
  body #desktop-house-detail-modal .gq-v3 .gq-photo-edit {
    padding:2px 6px; border-radius:4px!important; background:#ffffffeb!important;
    font-size:12px!important; line-height:20px; width:auto!important; height:auto!important;
  }
  body #desktop-house-detail-modal .gq-v3 #house-header { height:100%!important; margin:0!important; }
  body #desktop-house-detail-modal .gq-v3 #house-header>div { height:100%!important; border-radius:7px!important; }
  body #desktop-house-detail-modal .gq-v3 .has-strip #house-header>div { border-radius:7px 0 0 7px!important; }
  body #desktop-house-detail-modal .gq-v3 .gq-photo-strip { top:8px; bottom:8px; right:8px; width:56px; gap:6px; }
}

/* Keep the same main/side columns as the room view on compact desktops. */
@media (min-width:769px) and (max-width:1200px) {
  body #desktop-house-detail-modal .gq-v3 #dt-shared-top,
  body #desktop-house-detail-modal .gq-v3 #detail-tabs,
  body #desktop-house-detail-modal .gq-v3 #dt-info .gq-section-follow,
  body #desktop-house-detail-modal .gq-v3 #dt-info .gq-section-base,
  body #desktop-house-detail-modal .gq-v3 #dt-info .gq-section-amenities { grid-column:1/10!important; }
  body #desktop-house-detail-modal .gq-v3 .gq-v3-side { grid-column:10/-1; }
}

/* Stable desktop shell while original room/public nodes are replaced. */
@media (min-width:769px) {
  body #desktop-house-detail-modal .desktop-house-detail-dialog {
    width:min(1320px,calc(100vw - 64px))!important;
  }
  body #desktop-house-detail-modal .desktop-house-detail-dialog>.detail-content {
    scrollbar-gutter:stable;
    overflow-anchor:none;
  }
}

/* Public photos use the same right-hand thumbnail rail as room photos. */
@media (min-width:769px) {
  body #desktop-house-detail-modal .gq-v3 .gq-photo-strip {
    display:flex; flex-direction:column; min-height:0;
  }
  body #desktop-house-detail-modal .gq-v3 .gq-photo-strip button {
    flex:1; min-height:0; width:56px; padding:0; border:1px solid #dce5f0;
    border-radius:5px; background:#eff4fa; color:#607da4; overflow:hidden;
  }
  body #desktop-house-detail-modal .gq-v3 .gq-photo-arrow {
    position:absolute; top:50%; transform:translateY(-50%); z-index:1;
    width:27px; height:27px; padding:0; border:0; border-radius:50%;
    color:#fff; background:#1c2a4265; font-size:23px; line-height:1; cursor:pointer;
  }
  body #desktop-house-detail-modal .gq-v3 .gq-photo-arrow.prev { left:8px; }
  body #desktop-house-detail-modal .gq-v3 .gq-photo-arrow.next { right:76px; }
}

/* A single photo remains a small thumbnail, matching a three-image room rail. */
@media (min-width:769px) {
  body #desktop-house-detail-modal .gq-v3 .gq-photo-strip>button:only-child {
    flex:0 0 calc((100% - 12px)/3);
  }
}

/* --- 跟进卡中间态外露修复 (2026-10-17) ---
   公区/房间详情重渲染时，渲染器会先在 #dt-info 里画一张「最新跟进」卡
   （位于基础信息上方），之后才由搬家逻辑把它移入右侧栏并去重。
   搬家跑完之前的这一瞬，基础信息上方会露出这张卡（用户所见"残留"，
   刷新时机不同故时有时无）。宽屏(>=1101px)有右侧栏，该卡最终属于侧栏，
   故此时把仍留在 #dt-info 且尚未获得搬家标记的跟进卡隐藏；
   一旦搬家逻辑给上 gqu-moved-follow，或卡片被移出 #dt-info，即自动恢复。
   窄屏(768-1100px)双列布局中该卡本就位于 #dt-info（设计如此，grid-row:5），
   不受影响。仅 CSS，不动 JS 与数据。 */
@media (min-width:1101px) {
  body #desktop-house-detail-modal .gq-v3 #dt-info > .gq-section-follow:not(.gqu-moved-follow):not(.rmp-follow) {
    display:none!important;
  }
}

/* 2026-10-26 付房东房租超期天数（电脑端标题旁） */
.desktop-house-detail-dialog .gq-summary-4 strong, #desktop-house-detail-modal .gq-summary-4 strong { color:#dc2626; }