/* PantallIA 0.5.27: final responsive layer, separate asset. */

.pia-wrap .pia-app-content,.pia-wrap .pia-main,.pia-wrap .pia-card,
.pia-wrap .pia-field,.pia-wrap .pia-form-grid>*,.pia-wrap .pia-layout-inspector,
.pia-wrap .pia-layout-stage-panel{min-width:0!important}
.pia-wrap .pia-btn{white-space:normal!important;overflow-wrap:anywhere!important}
.pia-wrap input:not([type="checkbox"]):not([type="radio"]),
.pia-wrap select,.pia-wrap textarea{min-width:0!important;max-width:100%!important}
.pia-wrap .pia-url-card code,.pia-wrap .pia-device-card,
.pia-wrap .pia-client-main,.pia-wrap .pia-screen-identity,
.pia-wrap .pia-template-card-body{overflow-wrap:anywhere!important}
@media(max-width:1100px){
  .pia-wrap .pia-layout-template-bar{grid-template-columns:minmax(0,1fr)!important}
  .pia-wrap .pia-layout-template-bar>*{min-width:0!important}
  .pia-wrap .pia-client-suite{grid-template-columns:minmax(0,1fr)!important}
  .pia-wrap .pia-screen-reference-top{flex-wrap:wrap!important}
  .pia-wrap .pia-screen-reference-title{min-width:0!important}
  .pia-wrap .pia-screen-reference-controls{width:100%!important;margin-left:0!important;justify-content:flex-start!important}
}
@media(max-width:960px){
  .pia-wrap .pia-header{flex-wrap:wrap!important;gap:12px!important}
  .pia-wrap .pia-header-right{flex-wrap:wrap!important;min-width:0!important;max-width:100%!important;gap:8px!important}
  .pia-wrap .pia-layout-builder-grid,
  .pia-wrap .pia-template-editor-grid,
  .pia-wrap .pia-template-editor-body .pia-layout-builder-grid{grid-template-columns:minmax(0,1fr)!important}
  .pia-wrap .pia-device-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))!important}
  .pia-wrap .pia-client-row-full{grid-template-columns:46px minmax(0,1fr)!important}
  .pia-wrap .pia-client-row-full .pia-client-metric{grid-column:2!important;display:flex!important;gap:8px!important;text-align:left!important;border-left:0!important;padding-left:0!important}
  .pia-wrap .pia-client-row-full .pia-client-actions{grid-column:1/-1!important;flex-wrap:wrap!important}
  .pia-wrap .pia-screen-table-head{display:none!important}
  .pia-wrap .pia-admin-screen-row{grid-template-columns:28px minmax(0,1fr)!important;gap:10px!important;padding:14px 12px!important}
  .pia-wrap .pia-admin-screen-row>*{min-width:0!important}
  .pia-wrap .pia-admin-screen-row>*:nth-child(n+3){grid-column:2!important;white-space:normal!important}
  .pia-wrap .pia-admin-screen-row .pia-screen-actions{grid-column:1/-1!important;justify-content:flex-start!important;flex-wrap:wrap!important}
  .pia-wrap .pia-screen-reference-controls>*{min-width:0!important;max-width:100%!important}
}
@media(max-width:782px){
  .wp-admin .pia-wrap{margin-right:0!important;max-width:calc(100% + 10px)!important}
  .pia-wrap .pia-app-shell,.pia-wrap .pia-app-content{width:100%!important;min-width:0!important}
  .pia-wrap .pia-header-right{width:100%!important;justify-content:flex-start!important}
  .pia-wrap .pia-header-right .pia-btn{font-size:12px!important;min-height:44px!important;padding:10px 12px!important}
  .pia-wrap .pia-header-right .pia-version{display:inline-flex!important}
  .pia-wrap .pia-header-right .pia-client-chip{min-width:0!important;max-width:100%!important}
  .pia-wrap .pia-app-content .pia-clients-shell,
  .pia-wrap .pia-app-content .pia-screens-shell,
  .pia-wrap .pia-app-content .pia-screens-shell-reference,
  .pia-wrap .pia-main{padding:12px!important}
  .pia-wrap .pia-card-head{flex-wrap:wrap!important;gap:10px!important;padding:14px 12px!important}
  .pia-wrap .pia-form-grid,.pia-wrap .pia-apk-options{grid-template-columns:minmax(0,1fr)!important}
  .pia-wrap .pia-client-suite{margin:12px!important;padding:12px!important}
  .pia-wrap .pia-client-suite-links{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pia-wrap .pia-client-suite-links a{overflow-wrap:anywhere!important}
  .pia-wrap .pia-types,.pia-wrap .pia-zone-types,
  .pia-wrap #piaZoneInspector>.pia-zone-types{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}
  .pia-wrap .pia-types button,.pia-wrap .pia-zone-types button{min-height:44px!important;font-size:12px!important;padding:10px 6px!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .pia-wrap #piaZoneInspector:not([hidden]){grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  .pia-wrap #piaZoneInspector>*{grid-column:1/-1!important;min-width:0!important}
  .pia-wrap #piaZoneInspector>.pia-zone-geometry-grid,
  .pia-wrap .pia-layout-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pia-wrap #piaZoneInspector>.pia-zone-items{grid-template-columns:minmax(0,1fr)!important;max-height:none!important;overflow:visible!important}
  .pia-wrap .pia-layout-inspector{display:block!important}
  .pia-wrap .pia-layout-inspector-block{margin-bottom:12px!important}
  .pia-wrap .pia-layout-builder-toolbar{flex-wrap:wrap!important;padding:12px!important;gap:8px!important}
  .pia-wrap .pia-layout-builder-toolbar .pia-btn{min-width:0!important;flex:1 1 calc(50% - 8px)!important;min-height:44px!important;padding:10px 6px!important}
  .pia-wrap .pia-layout-head-actions{width:100%!important;flex-wrap:wrap!important}
  .pia-wrap .pia-layout-canvas-frame{width:100%!important;min-width:0!important;max-width:100%!important}
  .pia-wrap .pia-zone-content-head{flex-wrap:wrap!important;gap:8px!important}
  .pia-wrap .pia-zone-item{grid-template-columns:28px minmax(0,1fr)!important;gap:8px!important}
  .pia-wrap .pia-zone-item-duration,.pia-wrap .pia-zone-item-actions{grid-column:2!important;justify-content:flex-start!important;flex-wrap:wrap!important}
  .pia-wrap .pia-zone-item-actions button,.pia-wrap .pia-item-actions button{min-width:40px!important;min-height:40px!important}
  .pia-wrap .pia-template-import{min-width:0!important;width:100%!important;flex-wrap:wrap!important}
  .pia-wrap .pia-template-import select{min-width:0!important;width:100%!important}
  .pia-wrap .pia-template-browser-tools{min-width:0!important;width:100%!important;grid-template-columns:minmax(0,1fr)!important}
  .pia-wrap .pia-template-searchbox{grid-column:auto!important}
  .pia-wrap .pia-template-actions{flex-wrap:wrap!important}
  .pia-wrap .pia-template-grid{grid-template-columns:minmax(0,1fr)!important}
  .pia-wrap .pia-apk-assets{grid-template-columns:minmax(0,1fr)!important}
  .pia-wrap .pia-apk-asset-card{grid-template-columns:minmax(0,1fr)!important}
  .pia-wrap .pia-apk-builder-state{min-width:0!important;max-width:100%!important}
  .pia-wrap .pia-screen-filters{width:100%!important;margin-left:0!important;justify-content:flex-start!important}
  .pia-wrap .pia-screen-filters .pia-client-search,
  .pia-wrap .pia-screen-filter,.pia-wrap .pia-screen-search-box,
  .pia-wrap .pia-screen-location-filter{width:100%!important;min-width:0!important}
  .pia-wrap .pia-screen-reference-controls{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
  .pia-wrap .pia-screen-identity{flex-wrap:wrap!important}
  .pia-wrap .pia-client-main span,.pia-wrap .pia-client-main small{white-space:normal!important}
  .pia-wrap .pia-url-card{min-width:0!important}
  .pia-wrap .pia-url-card>div{min-width:0!important;max-width:100%!important;flex-wrap:wrap!important}
  .pia-wrap .pia-url-card code{white-space:normal!important;word-break:break-word!important}
  .pia-wrap .pia-admin-nav{flex-wrap:wrap!important}
  .pia-wrap input:not([type="checkbox"]):not([type="radio"]),
  .pia-wrap select,.pia-wrap textarea{font-size:16px!important}
  .pia-wrap .pia-actions .pia-btn{min-height:44px!important}
  .pia-modal-overlay{padding:8px!important;align-items:center!important}
  .pia-modal{width:100%!important;max-width:100%!important;max-height:calc(100vh - 16px)!important;max-height:calc(100dvh - 16px)!important;border-radius:12px!important;overscroll-behavior:contain!important}
  .pia-modal-head,.pia-modal-body,.pia-modal-foot{padding:12px!important;min-width:0!important}
  .pia-modal-head h3{overflow-wrap:anywhere!important;min-width:0!important}
  .pia-modal-foot{flex-wrap:wrap!important}
  .pia-modal-foot .pia-btn{min-height:44px!important;flex:1 1 120px!important;white-space:normal!important}
  .pia-modal .pia-form-grid{grid-template-columns:minmax(0,1fr)!important}
  .pia-modal input:not([type="checkbox"]):not([type="radio"]),.pia-modal select,.pia-modal textarea{min-width:0!important;max-width:100%!important;font-size:16px!important}
  .pia-modal .pia-apk-assets,.pia-modal .pia-apk-options{grid-template-columns:minmax(0,1fr)!important}
  .pia-modal .pia-apk-asset-card{grid-template-columns:minmax(0,1fr)!important}
  .pia-modal .pia-credentials>div{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:480px){
  .pia-wrap .pia-brand-row strong{font-size:20px!important}
  .pia-wrap .pia-clients-hero h1{font-size:28px!important;overflow-wrap:anywhere!important}
  .pia-wrap .pia-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pia-wrap .pia-stat{min-width:0!important;padding:12px!important}
  .pia-wrap .pia-stat b,.pia-wrap .pia-stat strong{overflow-wrap:anywhere!important;font-size:24px!important}
  .pia-wrap .pia-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pia-wrap .pia-item>.pia-item-actions{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
  .pia-wrap .pia-client-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}
  .pia-wrap .pia-client-actions .pia-btn{width:100%!important;min-width:0!important;min-height:44px!important}
  .pia-wrap .pia-layout-template-preview{grid-template-columns:minmax(0,1fr)!important}
  .pia-wrap .pia-template-compact{flex-basis:min(210px,80vw)!important}
  .pia-wrap .pia-template-compact.is-portrait{flex-basis:min(155px,65vw)!important}
}
@media(max-width:782px){
  .pia-modal .pia-layout-builder-grid{grid-template-columns:minmax(0,1fr)!important}
  .pia-modal .pia-layout-stage-panel,.pia-modal .pia-layout-inspector,.pia-modal .pia-field{min-width:0!important}
  .pia-modal .pia-layout-inspector{display:block!important}
  .pia-modal #piaZoneInspector:not([hidden]){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  .pia-modal #piaZoneInspector>*{grid-column:1/-1!important;min-width:0!important}
  .pia-modal #piaZoneInspector>.pia-zone-types{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pia-modal .pia-layout-style-grid,.pia-modal #piaZoneInspector>.pia-zone-geometry-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pia-modal .pia-layout-builder-toolbar{flex-wrap:wrap!important}
  .pia-modal .pia-layout-builder-toolbar .pia-btn{min-width:0!important;flex:1 1 calc(50% - 8px)!important;min-height:44px!important}
  .pia-modal .pia-zone-item{grid-template-columns:28px minmax(0,1fr)!important}
  .pia-modal .pia-zone-item-duration,.pia-modal .pia-zone-item-actions{grid-column:2!important;flex-wrap:wrap!important;justify-content:flex-start!important}
  .pia-wrap .pia-screen-action{width:44px!important;height:44px!important;min-width:44px!important}
  .pia-wrap .pia-admin-screen-row-reference .pia-screen-action{width:44px!important;height:44px!important}
}
@media(max-width:1100px){
  .pia-wrap .pia-screen-table-head,.pia-wrap .pia-screen-table-head-reference{display:none!important;min-width:0!important}
  .pia-wrap .pia-admin-screen-row,.pia-wrap .pia-admin-screen-row-reference{min-width:0!important;width:100%!important;grid-template-columns:28px minmax(0,1fr)!important}
  .pia-wrap .pia-admin-screen-row>*{min-width:0!important}
  .pia-wrap .pia-admin-screen-row>*:nth-child(n+3){grid-column:2!important;white-space:normal!important}
  .pia-wrap .pia-admin-screen-row .pia-screen-actions{grid-column:1/-1!important;justify-content:flex-start!important;flex-wrap:wrap!important}
  .pia-wrap .pia-screen-table-reference-wrap{overflow:visible!important;min-width:0!important}
}

/* 0.5.26 · Mobile template catalog and heading spacing. */
.pia-wrap .pia-empty h2{line-height:1.2!important;height:auto!important}
@media(max-width:782px){
  .pia-wrap .pia-template-strip{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;overflow:visible!important;scroll-snap-type:none!important;padding:0!important}
  .pia-wrap .pia-template-strip>.pia-template-compact,
  .pia-wrap .pia-template-strip>.pia-template-compact.is-portrait{width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;flex-basis:auto!important;scroll-snap-align:none!important}
  .pia-wrap .pia-template-compact .pia-template-mini{height:auto!important;aspect-ratio:16/9!important}
  .pia-wrap .pia-template-compact.is-portrait .pia-template-mini{height:auto!important;aspect-ratio:9/16!important;max-height:420px!important}
  .pia-wrap .pia-template-mini-image{object-fit:contain!important}
  .pia-wrap .pia-template-compact-copy{gap:7px!important;padding:14px!important}
  .pia-wrap .pia-template-compact-copy>strong{font-size:16px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .pia-wrap .pia-template-compact-copy>span,.pia-wrap .pia-template-compact-copy>small{font-size:12px!important;line-height:1.45!important;white-space:normal!important}
  .pia-wrap .pia-template-compact .pia-template-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;padding:0 14px 14px!important}
  .pia-wrap .pia-template-compact .pia-template-actions .pia-btn{width:100%!important;min-height:44px!important;line-height:1.35!important;margin:0!important}
  .pia-wrap .pia-template-collection-head{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}
  .pia-wrap .pia-template-collection-head p{font-size:13px!important;line-height:1.55!important}
  .pia-wrap .pia-empty{min-height:0!important;padding:36px 12px!important;gap:12px!important}
  .pia-wrap .pia-empty h2{font-size:clamp(24px,6vw,32px)!important;line-height:1.25!important;letter-spacing:-.4px!important;margin:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}
  .pia-wrap .pia-empty p{font-size:14px!important;line-height:1.6!important;margin:0 0 8px!important;max-width:100%!important}
  .pia-wrap .pia-card h3,.pia-wrap .pia-detail-head h2{line-height:1.3!important}
}

.pia-wrap .pia-empty h2{line-height:1.25!important;height:auto!important}