/* Shared responsive refinements for the POTOPOD website and private portal. */
.pp-menu-toggle{display:none}
@media(max-width:767px){
  #wrapwrap{min-width:0}
  #wrapwrap input:not([type=checkbox]):not([type=radio]),#wrapwrap select,#wrapwrap textarea{font-size:16px!important}
  #wrapwrap .btn{min-height:44px}
  .ph-nav{padding:12px 16px;gap:8px 16px}
  .ph-logo,.ph-nav-actions>a,.ph-links>a,.ph-contact{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .ph-links{flex-wrap:wrap;gap:0 18px;padding:0;font-size:12px}
  .ph-nav-actions{gap:14px}
  .ph-hero{padding:54px 20px 0}
  .ph-hero h1{font-size:clamp(32px,8.5vw,48px);line-height:1.13;letter-spacing:-.045em}
  .ph-hero p{font-size:20px;line-height:1.5;max-width:340px}
  .ph-hero-actions{gap:16px;flex-wrap:wrap;margin-top:28px}
  .ph-hero-actions>a{min-height:48px}
  .ph-preview{width:calc(100% - 32px);margin-top:52px}
  .ph-window{height:auto;border-width:3px}
  .ph-demo{width:auto;transform:none;display:block;min-height:0}
  .ph-demo-sidebar{display:none}
  .ph-demo-main{padding:22px 14px 26px}
  .ph-demo-top>strong{font-size:13px}
  .ph-demo-tools{display:none}
  .ph-demo-heading{margin:28px 0 16px}
  .ph-demo-heading h2{font-size:22px}
  .ph-demo-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .ph-demo-table{min-width:610px}
  .ph-demo-table th{font-size:10px}.ph-demo-table td,.ph-demo-table td:first-child strong{font-size:11px}
  .ph-demo-table td:first-child>span{font-size:10px}
  .ph-demo-label{gap:8px;flex-wrap:wrap;font-size:9px}
  .ph-login-brand{padding:16px 20px}
  .oe_login_form{width:100%}
  .oe_login_form a{display:inline-flex;align-items:center;min-height:44px}
  .oe_login_form .input-group button{min-width:44px}
  .o_portal_wrap{overflow-wrap:anywhere}
  .o_portal_wrap .o_portal_docs{min-width:0}
  .o_portal_wrap .o_portal_index_card{min-width:0}
  .rdl-footer{padding:24px 8px}
  .rdl-footer a{min-height:44px;display:inline-flex;align-items:center}
  #wrapwrap header .navbar-brand::after{width:120px}
  #wrapwrap:has(main img[src*='http_routing/404.svg']) main h1{font-size:30px}
}
@media(max-width:900px){
  .pp-app{display:block}
  .pp-sidebar{position:static;width:100%;height:auto;min-height:0;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0;border-bottom:1px solid #e8e8ef}
  .pp-brand{padding:0;min-height:44px;font-size:18px}
  .pp-sidebar nav{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;padding-top:20px}
  .pp-mobile-ready .pp-menu-toggle{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid #ddd8f2;border-radius:8px;background:#fff;color:#5e51d8;font-size:14px}
  .pp-mobile-ready:not(.pp-menu-open) #pp-navigation{display:none}
  .pp-label,.pp-operations,.pp-divider{grid-column:1/-1}
  .pp-label{margin-bottom:4px}.pp-other{margin-top:14px}
  .pp-sidebar .pp-nav,.pp-subnav .pp-nav{min-height:44px;font-size:14px}
  .pp-workspace{padding:24px 18px}
  .pp-topbar{gap:18px;margin-bottom:28px;flex-wrap:wrap}
  .pp-topbar h1{width:100%;max-width:none;font-size:20px;overflow-wrap:anywhere}
  .pp-tools{width:100%;gap:12px;justify-content:space-between;min-width:0}
  .pp-search{flex:1;width:auto;min-width:0;height:46px}
  .pp-search button{min-width:44px;min-height:44px}
  .pp-account-name{display:none}
  .pp-account summary{min-height:44px;min-width:48px}
  .pp-account-menu a{min-height:44px;font-size:14px}
  .pp-page-heading{gap:12px;align-items:center}.pp-page-heading h2{font-size:25px;overflow-wrap:anywhere}
  .pp-count{white-space:nowrap;font-size:11px}
  .pp-content{min-height:50svh}
  .pp-operation-summary{padding:20px;gap:22px;grid-template-columns:1fr}
  .pp-detail-column>div{grid-template-columns:1fr;gap:5px}
  .pp-operation-summary strong{font-size:15px}
  .pp-back{min-height:44px;display:inline-flex;align-items:center}
}
@media(max-width:600px){
  /* Each table row becomes a labelled card; no client fields are omitted. */
  .pp-stock-panel,.pp-stock-panel .table-responsive{overflow:visible;border:0;border-radius:0}
  .pp-stock-table,.pp-operation-table{display:block;width:100%;min-width:0;font-size:14px}
  .pp-stock-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}
  .pp-stock-table tbody{display:block}
  .pp-stock-table tbody tr{display:block;border:1px solid #e6e7ee;border-radius:12px;overflow:hidden;margin-bottom:14px;background:#fff}
  .pp-stock-table tbody td{display:grid;grid-template-columns:105px minmax(0,1fr);align-items:start;gap:12px;padding:10px 14px;border:0!important;overflow-wrap:anywhere;text-align:left!important;white-space:normal}
  .pp-stock-table tbody td::before{content:attr(data-label);font-size:11px;font-weight:500;color:#858195;padding-top:2px}
  .pp-stock-table tbody td:first-child{display:block;padding-top:16px;padding-bottom:14px;background:#fafafe;font-weight:500;white-space:normal}
  .pp-stock-table tbody td:first-child::before{display:block;margin-bottom:8px}
  .pp-stock-table tbody td:last-child{padding-bottom:16px}
  .pp-stock-table .pp-product{font-size:12px;min-width:0;margin-top:5px}
  .pp-stock-table .pp-condition{font-size:12px;white-space:normal}
  .pp-stock-table td>span{justify-self:start}
  .pp-operation-table tbody td{padding:0;gap:0;align-items:stretch}
  .pp-operation-table tbody td::before{padding:14px 0 10px 14px}
  .pp-operation-table tbody td>a{padding:12px 14px;min-height:44px;font-size:14px;overflow-wrap:anywhere}
  .pp-operation-table tbody td:first-child{padding:0}
  .pp-operation-table tbody td:first-child::before{padding:14px 14px 0;margin:0}
  .pp-operation-table tbody td:first-child>a{padding-top:8px}
  .pp-operation-table tbody td:last-child{padding-bottom:4px}
  .pp-stock-table td[colspan]{display:block}.pp-stock-table td[colspan]::before{display:none}
  .pp-pagination .pagination{flex-wrap:wrap;gap:4px}.pp-pagination a{min-width:44px;min-height:44px;display:grid;place-items:center}
  .pp-footnote{font-size:12px;line-height:1.6}
}