/* iPad layout supplement. Retains the current UI v2 / mobile colors, fonts and handlers.
   Important declarations in this named layer override legacy unlayered layout rules
   without changing the high-specificity desktop styles or inline visual tokens. */
@layer wncTabletLayout {
 @media (min-width:769px) and (max-width:1366px) {
  body:has(:is(#page-dashboard,#page-houses,#page-vacant,#page-house-intake).active) #wnc-global-shell-v2 .shell {min-width:0!important}
  body:has(:is(#page-dashboard,#page-houses,#page-vacant,#page-house-intake).active) #wnc-global-shell-v2 .header-v2 {gap:10px!important;padding-inline:16px!important;min-width:0!important}
  body:has(:is(#page-dashboard,#page-houses,#page-vacant,#page-house-intake).active) #wnc-global-shell-v2 .global-search {min-width:40px!important;flex:1 1 160px!important;max-width:360px!important}
  body:has(:is(#page-dashboard,#page-houses,#page-vacant,#page-house-intake).active) #wnc-global-shell-v2 .header-right-v2 {gap:8px!important;min-width:0!important}
  body:has(:is(#page-dashboard,#page-houses,#page-vacant,#page-house-intake).active) #wnc-global-shell-v2 .company-picker {min-width:130px!important;max-width:180px!important;flex:0 1 180px!important}
  body:has(:is(#page-dashboard,#page-houses,#page-vacant,#page-house-intake).active) #wnc-global-shell-v2 .company-picker select {min-width:0!important;text-overflow:ellipsis!important}
  body:has(:is(#page-dashboard,#page-houses,#page-vacant,#page-house-intake).active) #wnc-global-shell-v2 .account-button {min-width:0!important;max-width:138px!important}
  body:has(:is(#page-dashboard,#page-houses,#page-vacant,#page-house-intake).active) #wnc-global-shell-v2 .account-button > div {min-width:0!important}
  body:has(:is(#page-dashboard,#page-houses,#page-vacant,#page-house-intake).active) #wnc-global-shell-v2 .account-button strong {max-width:68px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  :is(#dashboard-workbench-v2 .stats,#page-houses .ym-stats-bar,#page-vacant .vc-stats-bar,#page-vacant .dp-stats) {
   display:flex!important;flex-wrap:nowrap!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;max-width:100%!important;
   padding-bottom:6px!important;scroll-snap-type:x proximity!important;overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch;
  }
  :is(#dashboard-workbench-v2 .stats,#page-houses .ym-stats-bar,#page-vacant .vc-stats-bar,#page-vacant .dp-stats) > * {flex:0 0 188px!important;min-width:188px!important;scroll-snap-align:start!important;box-sizing:border-box!important}
  :is(#dashboard-workbench-v2,#page-houses,#page-vacant) :is(.wnc-ds-label,.wnc-ds-value) {white-space:nowrap!important;word-break:normal!important}
  #dashboard-workbench-v2 :is(.panel,.work-row,.work-grid,.legacy-grid) {min-width:0!important}
  #dashboard-workbench-v2 :is(.small-tabs,.quick-head-actions) {flex-wrap:nowrap!important;overflow-x:auto!important;max-width:100%!important}
  #dashboard-workbench-v2 .small-tabs > button {flex:0 0 auto!important;min-height:36px!important}
  #dashboard-workbench-v2 #dwb-quick .quick-grid {grid-template-columns:repeat(6,minmax(0,1fr))!important}
  #dashboard-workbench-v2 .table-wrap {max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  #dashboard-workbench-v2 .todo-row > div {min-width:0!important}
  #dashboard-workbench-v2 .todo-row > div :is(strong,b) {overflow-wrap:anywhere!important}
  #dashboard-workbench-v2 .todo-row > button {flex:0 0 auto!important;min-height:36px!important}
  #dashboard-workbench-v2 #wnc-home-storefront .hs-product-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #dashboard-workbench-v2 #wnc-home-storefront .hs-category-grid {grid-template-columns:repeat(5,minmax(0,1fr))!important}
  #dashboard-workbench-v2 #wnc-home-storefront .hs-lower {grid-template-columns:minmax(0,1fr)!important}
  #dashboard-workbench-v2 #wnc-home-storefront .hs-supplier-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important}
  :is(#page-houses,#page-vacant) :is(.ym-filter-row,.vc-filter-row) {flex-wrap:wrap!important;padding-right:0!important;gap:8px!important}
  :is(#page-houses #list-pagination,#page-vacant #vacant-list-pagination) {position:static!important;inset:auto!important;width:auto!important;height:auto!important;min-height:40px!important;flex-wrap:wrap!important;gap:8px!important;margin:8px 0!important}
  :is(#page-houses,#page-vacant) .house-list-page-controls button {min-width:36px!important;min-height:36px!important}
  :is(#house-list-container,#vacant-list-container) .ym-house-group {display:grid!important;grid-template-columns:minmax(0,1fr)!important;min-width:0!important}
  :is(#house-list-container,#vacant-list-container) .ym-group-header {grid-row:1!important;grid-column:1/-1!important;width:auto!important;min-width:0!important;padding:16px 16px 8px!important}
  :is(#house-list-container,#vacant-list-container) .ym-v2-info {flex:1 1 auto!important;min-width:0!important}
  :is(#house-list-container,#vacant-list-container) .ym-v2-name-row {min-width:0!important;flex-wrap:wrap!important;gap:6px!important}
  :is(#house-list-container,#vacant-list-container) .ym-v2-name {flex:0 1 auto!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important}
  :is(#house-list-container,#vacant-list-container) .ym-v2-meta-row {flex-wrap:wrap!important;gap:6px 12px!important;min-width:0!important}
  :is(#house-list-container,#vacant-list-container) .ym-v2-rate-bar {grid-row:2!important;grid-column:1/-1!important;width:auto!important;padding:6px 16px 12px!important;min-width:0!important;flex-wrap:nowrap!important;gap:10px!important}
  :is(#house-list-container,#vacant-list-container) .ym-v2-progress-wrap {min-width:50px!important;flex:1 1 auto!important;width:auto!important}
  :is(#house-list-container,#vacant-list-container) .ym-v2-ticks {display:none!important}
  :is(#house-list-container,#vacant-list-container) :is(.ym-v2-detail-btn,.house-recycle-move) {flex:0 0 auto!important;white-space:nowrap!important;min-height:36px!important}
  :is(#house-list-container,#vacant-list-container) .ym-room-grid {grid-row:3!important;grid-column:1/-1!important;grid-template-columns:repeat(auto-fill,minmax(132px,1fr))!important;gap:10px!important;padding:0 16px 16px!important;min-width:0!important}
  :is(#house-list-container,#vacant-list-container) .ym-room-card {min-width:0!important;height:auto!important;min-height:132px!important;padding:12px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"status age" "name type" "price price" "fac fac"!important;gap:7px 5px!important}
  :is(#house-list-container,#vacant-list-container) .rc-status-badge {grid-area:status!important;position:static!important;justify-self:start!important}
  :is(#house-list-container,#vacant-list-container) .rc-type-tag {grid-area:type!important;position:static!important;justify-self:end!important}
  :is(#house-list-container,#vacant-list-container) .rc-card-name {grid-area:name!important;display:contents!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;min-width:0!important;padding:0!important}
  :is(#house-list-container,#vacant-list-container) .rc-room-no {grid-area:name!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  :is(#house-list-container,#vacant-list-container) .rc-card-vdays {grid-area:age!important;justify-self:end!important;position:static!important;flex:0 0 auto!important;font-size:11px!important;white-space:nowrap!important}
  :is(#house-list-container,#vacant-list-container) .rc-card-info {grid-area:price!important;position:static!important;min-width:0!important;padding:0!important}
  :is(#house-list-container,#vacant-list-container) .rc-card-price {position:static!important;display:block!important;width:auto!important;min-width:0!important;white-space:nowrap!important}
  :is(#house-list-container,#vacant-list-container) .rc-card-fac {grid-area:fac!important;position:static!important;min-width:0!important;flex-wrap:wrap!important;gap:5px!important}
 }
 @media (min-width:769px) and (max-width:1099px) {
  body:has(:is(#page-dashboard,#page-houses,#page-vacant,#page-house-intake).active) #wnc-global-shell-v2 .global-search :is(span,kbd,em) {display:none!important}
  body:has(:is(#page-dashboard,#page-houses,#page-vacant,#page-house-intake).active) #wnc-global-shell-v2 .global-search {flex:0 0 40px!important;width:40px!important;padding:0!important;justify-content:center!important}
  body:has(:is(#page-dashboard,#page-houses,#page-vacant,#page-house-intake).active) #wnc-global-shell-v2 .header-right-v2 {flex:1 1 auto!important;justify-content:flex-end!important}
  #dashboard-workbench-v2 .work-grid {display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:none!important}
  #dashboard-workbench-v2 .work-row {display:contents!important}
  #dashboard-workbench-v2 .work-grid .panel {grid-area:auto!important}
  #dashboard-workbench-v2 > .legacy-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important}
 }
}
@layer wncTabletLayout {
 @media (min-width:769px) and (max-width:1366px) {
  #page-houses .houses-header, #page-vacant .sf-mode-tabs {max-width:100%!important;min-width:0!important}
  #page-vacant .sf-mode-tabs {overflow-x:auto!important;flex-wrap:nowrap!important}
  #page-vacant .sf-mode-tab {flex:0 0 auto!important;white-space:nowrap!important;min-height:40px!important}
  #page-house-intake :is(.ik-grid.ik-kpi,.ik-sub-tabs) {display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;max-width:100%!important;gap:12px!important;padding-bottom:6px!important}
  #page-house-intake .ik-grid.ik-kpi > * {flex:0 0 188px!important;min-width:188px!important}
  #house-recycle-dialog .hr-filters {grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #house-recycle-dialog :is(input,select,label) {min-width:0!important;max-width:100%!important}
  #house-recycle-dialog .hr-row {grid-template-columns:40px minmax(0,1fr) auto!important}
  #house-recycle-dialog .hr-row .hr-meta {grid-column:2/-1!important;min-width:0!important}
  #house-recycle-dialog .hr-title {overflow-wrap:anywhere!important}
  #page-vacant #sf-smart-mode :is(.ai-row,.ai-box,.res-hdr,.rc-grid,.sm-side,.cnd-row,.geo-card,.flt-card) {min-width:0!important;max-width:100%!important}
  #page-vacant #sf-smart-mode .rc-grid {grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))!important}
  #page-vacant #sf-smart-mode .res-hdr {flex-wrap:wrap!important;gap:8px!important}
  #page-vacant #sf-smart-mode .quick-row {flex-wrap:wrap!important;max-width:100%!important}
  #page-vacant #sf-smart-mode :is(.sc,.sm-filter-toggle,.fc) {min-height:36px!important}
  #sf-deposit-mode .dp-line2 {flex-wrap:wrap!important;white-space:normal!important;gap:5px 8px!important}
  #sf-deposit-mode .dp-line2 .sales {display:inline-flex!important;white-space:normal!important}
  #sf-deposit-mode .dp-house {white-space:normal!important;overflow-wrap:anywhere!important}
  #sf-deposit-mode .dp-main {min-width:0!important}
  #sf-deposit-mode .dp-side {flex:0 0 auto!important}
  #sf-map-mode :is(.mp-city,.map-community-back) {min-height:40px!important}
  #sf-map-mode :is(.mp-comm,#sf-map-card) {min-width:0!important}
  #sf-map-mode #sf-adv-panel {max-width:min(560px,calc(100% - 24px))!important;max-height:calc(100dvh - 160px)!important;overflow-y:auto!important}
 }
 @media (min-width:769px) and (max-width:1099px) {
  #page-vacant #sf-map-mode {height:calc(100dvh - 220px)!important;min-height:480px!important;position:relative!important}
  #page-vacant #sf-map-mode #sf-map-card {max-height:55%!important;overflow-y:auto!important;overscroll-behavior-y:contain!important}
  #page-vacant #sf-map-mode #sf-adv-panel {bottom:12px!important;left:12px!important;right:12px!important;width:auto!important}
 }
 @media (min-width:1100px) and (max-width:1366px) {
  #page-vacant #sf-smart-mode #sf2Body {grid-template-columns:240px minmax(0,1fr)!important;column-gap:12px!important}
  #page-vacant #sf-map-mode.mp-desk {grid-template-columns:290px minmax(0,1fr)!important;gap:12px!important;min-height:460px!important}
  #page-vacant #sf-map-mode.mp-desk .mp-side {width:auto!important;min-width:0!important}
 }
 @media (min-width:600px) and (max-width:1366px) and (pointer:coarse) {
  :is(#page-houses,#page-house-intake,#page-vacant,#dashboard-workbench-v2) :is(button,.sf-mode-tab,.map-community-back,.mp-city) {touch-action:manipulation}
  :is(#page-houses,#page-house-intake,#page-vacant) :is(.house-list-page-controls button,.wf3-adv,.sm-filter-toggle,.sc,.fc,.mp-city,.map-community-back) {min-height:44px!important;min-width:44px!important}
 }
}
@layer wncTabletLayout {
 @media (min-width:769px) and (max-width:1099px) {
  #page-vacant #sf-smart-mode #sf2Body > .sm-filter-toggle {grid-column:1/-1!important;width:100%!important;white-space:nowrap!important;gap:12px!important;justify-content:space-between!important;padding:10px 14px!important}
  #page-vacant #sf-smart-mode #sf2Body > .ai-row {order:-2!important}
 }
}
@layer wncTabletLayout {
 @media (min-width:769px) and (max-width:1366px) {
  :is(#page-houses,#page-vacant,#page-house-intake) .wf3-row {flex-wrap:wrap!important;min-width:0!important}
  :is(#page-houses,#page-vacant,#page-house-intake) .wf3-right {margin-left:auto!important;max-width:100%!important}
  :is(#page-houses,#page-vacant,#page-house-intake) .wf3-srch {min-width:min(100%,180px)!important}
 }
}
@layer wncTabletLayout {
 @media (min-width:769px) and (max-width:1366px) {
  #page-house-intake .ik-grid:not(.ik-kpi),#page-house-intake .ik-card {min-width:0!important}
  #page-house-intake .ik-rowtr {grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr)!important}
  #page-house-intake .ik-row3 {grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #page-house-intake .ik-card h3 {flex-wrap:wrap!important;gap:8px!important}
 }
 @media (min-width:769px) and (max-width:1099px) {
  #page-house-intake .ik-rowtr {grid-template-columns:minmax(0,1fr)!important}
  #page-house-intake .ik-row3 {grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #page-house-intake .ik-row3 > :last-child {grid-column:1/-1!important}
 }
 @media (min-width:600px) and (max-width:1366px) and (pointer:coarse) {
  .desktop-house-detail-dialog > button[aria-label="关闭房间详情"] {min-width:44px!important;min-height:44px!important}
 }
}
/* Small iPad and split view retain the current compact/mobile navigation. */
@layer wncTabletLayout {
 @media (min-width:600px) and (max-width:768px) {
  body:has(:is(#page-dashboard,#page-houses,#page-vacant,#page-house-intake).active) #wnc-global-shell-v2 .header-v2 {grid-template-columns:36px minmax(0,1fr) 36px 36px 36px auto!important;gap:8px!important}
  body:has(:is(#page-dashboard,#page-houses,#page-vacant,#page-house-intake).active) #wnc-global-shell-v2 .global-search {grid-column:3!important;grid-row:1!important}
  body:has(:is(#page-dashboard,#page-houses,#page-vacant,#page-house-intake).active) #wnc-global-shell-v2 .header-right-v2 > .icon-button[aria-label="通知"] {grid-column:4!important;grid-row:1!important}
  body:has(:is(#page-dashboard,#page-houses,#page-vacant,#page-house-intake).active) #wnc-global-shell-v2 .header-right-v2 > .icon-button[aria-label="帮助"] {grid-column:5!important;grid-row:1!important}
  body:has(:is(#page-dashboard,#page-houses,#page-vacant,#page-house-intake).active) #wnc-global-shell-v2 .account-wrap {grid-column:6!important;grid-row:1!important}
  :is(#dashboard-workbench-v2 .stats,#page-houses .ym-stats-bar,#page-vacant .vc-stats-bar,#page-vacant .dp-stats,#page-house-intake .ik-grid.ik-kpi) {display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:10px!important;max-width:100%!important;padding-bottom:6px!important;-webkit-overflow-scrolling:touch}
  :is(#dashboard-workbench-v2 .stats,#page-houses .ym-stats-bar,#page-vacant .vc-stats-bar,#page-vacant .dp-stats,#page-house-intake .ik-grid.ik-kpi)>* {flex:0 0 188px!important;min-width:188px!important;box-sizing:border-box!important}
  #page-houses .ym-stat-item {display:flex!important;flex-direction:row!important;justify-content:flex-start!important;text-align:left!important}
  #page-houses .ym-stat-icon {order:0!important;position:static!important;flex-shrink:0!important}
  #page-houses .ym-stat-body {display:flex!important;flex-direction:column!important;min-width:0!important;text-align:left!important}
  #page-houses .ym-stat-body > * {text-align:left!important}
  :is(#page-houses,#page-vacant,#page-house-intake) .wf3-row {flex-wrap:wrap!important;min-width:0!important}
  :is(#page-houses,#page-vacant,#page-house-intake) .wf3-right {margin-left:auto!important;max-width:100%!important}
  #page-house-intake .ik-rowtr {grid-template-columns:minmax(0,1fr)!important}
  #page-house-intake .ik-row3 {grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #page-house-intake .ik-row3 > :last-child {grid-column:1/-1!important}
 }
}
@layer wncTabletLayout {
 @media (min-width:600px) and (max-width:768px) {
  body:has(:is(#page-dashboard,#page-houses,#page-vacant,#page-house-intake).active) #wnc-global-shell-v2 .account-button > .wnc-uiv2-av {display:none!important}
  #page-houses .ym-stat-icon {display:flex!important;align-items:center!important;justify-content:center!important;transform:none!important;margin:0!important}
 }
}
/* Keep the pre-existing AI DOM regrouping readable during orientation changes. */
@layer wncTabletLayout {
 @media (min-width:600px) and (max-width:1099px) {
  #page-vacant #sf-smart-mode #sf2Body > :is(.ai-row,.cnd-row,.quick-row,.sm-filter-toggle,.sm-side,.stat-bar,.res-hdr,.rc-grid,.geo-card,.flt-card) {grid-column:1/-1!important;min-width:0!important;max-width:100%!important}
  #page-vacant #sf-smart-mode #sf2Body > .rc {grid-column:span 6!important;min-width:0!important}
  #page-vacant #sf-smart-mode #sf2Body:not(.sm-open) > :is(.geo-card,.flt-card) {display:none!important}
 }
}
/* Mobile decorators remain in the DOM after rotation; the tablet desktop view
   already renders the same fields in the original header and room card. */
@layer wncTabletLayout {
 @media (min-width:769px) and (max-width:1366px) {
  :is(#house-list-container,#vacant-list-container) :is(.wm-hsum,.wm-rfoot,.wm-rfac,.wm-pin) {display:none!important}
 }
}