/* V36 — Global Admin Responsive System
   Desktop-first layout with controlled breakpoints for laptop, tablet and mobile. */
.admin-body{--admin-sidebar:258px;--admin-topbar:72px;--admin-pad:clamp(20px,2.15vw,38px);min-width:0;overflow-x:hidden;background:#f4f7f5}
.admin-body *{box-sizing:border-box}
.admin-shell{grid-template-columns:var(--admin-sidebar) minmax(0,1fr);min-width:0}
.admin-main,.admin-content,.panel,.admin-form,.data-table,.pl35-main{min-width:0}
.admin-content{width:100%;max-width:none;margin:0;padding:var(--admin-pad)}
.admin-top{height:var(--admin-topbar);padding-inline:clamp(18px,2vw,32px)}
.sidebar{width:var(--admin-sidebar);min-width:var(--admin-sidebar);overflow:hidden}
.sidebar nav{min-height:0;overscroll-behavior:contain}

/* Consistent page width and spacing on every desktop size */
.admin-heading{gap:18px;margin-bottom:22px}.admin-heading h1{font-size:clamp(26px,2.1vw,34px);line-height:1.16}
.panel{max-width:100%}.panel img,.admin-content img{max-width:100%}
.admin-form input,.admin-form select,.admin-form textarea{max-width:100%}
.admin-form textarea{resize:vertical}
.toolbar{max-width:100%}.toolbar>*{min-width:0}
.data-table{max-width:100%;scrollbar-gutter:stable both-edges}
.data-table table{max-width:none}

/* Product V35 — desktop proportions */
.pl35-page{width:100%;max-width:none}.pl35-heading{min-width:0}.pl35-head-actions{flex:0 0 auto;min-width:0}.pl35-workspace{grid-template-columns:minmax(760px,1fr) clamp(280px,20vw,330px)}
.pl35-main{width:100%}.pl35-table-wrap{max-width:100%;overscroll-behavior-inline:contain}.pl35-preview-panel{width:auto;min-width:0}.pl35-filter-row>*{min-width:0}

/* Large desktop / ultrawide */
@media(min-width:1600px){
 .admin-body{--admin-sidebar:276px;--admin-pad:38px}
 .admin-content{padding-inline:clamp(36px,3vw,56px)}
 .pl35-workspace{grid-template-columns:minmax(900px,1fr) 340px;gap:18px}
 .pl35-table{min-width:1080px}.pl35-table td{padding-top:11px;padding-bottom:11px}
 .form-list-layout{grid-template-columns:minmax(360px,430px) minmax(0,1fr)}
 .editor-grid{grid-template-columns:minmax(0,1fr) minmax(300px,360px)}
}

/* Standard desktop / laptop */
@media(min-width:1200px) and (max-width:1599px){
 .admin-body{--admin-sidebar:248px;--admin-pad:28px}
 .pl35-workspace{grid-template-columns:minmax(680px,1fr) 292px}
 .pl35-filter-row{grid-template-columns:1.15fr 1fr 1fr 1fr auto}
 .pl35-title h1{font-size:25px}
}

/* Small laptop + tablet landscape */
@media(max-width:1199px){
 .admin-body{--admin-sidebar:220px;--admin-pad:22px}
 .admin-shell{grid-template-columns:var(--admin-sidebar) minmax(0,1fr)}
 .sidebar{padding-inline:11px}.sidebar nav a,.admin-nav-group-toggle{font-size:12px}
 .dashboard-grid,.ai-workspace-grid{grid-template-columns:1fr}
 .form-list-layout,.ai-layout{grid-template-columns:minmax(280px,34%) minmax(0,1fr)}
 .editor-grid{grid-template-columns:minmax(0,1fr) 280px}
 .pl35-workspace{grid-template-columns:1fr}
 .pl35-preview-panel{position:fixed;z-index:120;top:0;right:0;bottom:0;width:min(390px,92vw);max-height:100dvh;border-radius:0;transform:translateX(105%);transition:transform .22s ease;overflow:auto;box-shadow:-24px 0 60px rgba(3,34,24,.22)}
 .pl35-preview-panel.open{transform:none}
 .pl35-filter-row{grid-template-columns:repeat(3,minmax(0,1fr))}
 .pl35-filter-row .pl35-apply{min-height:40px}
}

/* Tablet portrait and mobile */
@media(max-width:768px){
 .admin-body{--admin-topbar:62px;--admin-pad:14px;overflow-x:hidden}
 .admin-shell{display:block;min-height:100dvh}
 .admin-main{width:100%;min-height:100dvh}
 .sidebar{position:fixed;inset:0 auto 0 0;z-index:140;width:min(286px,86vw);min-width:0;height:100dvh;left:0;transform:translateX(-105%);transition:transform .22s ease;box-shadow:none;padding:calc(18px + env(safe-area-inset-top)) 12px calc(16px + env(safe-area-inset-bottom));overscroll-behavior:contain}
 .sidebar.open{left:0;transform:none;box-shadow:18px 0 48px rgba(0,25,17,.24)}
 .menu-overlay{position:fixed;inset:0;z-index:130;border:0;background:rgba(0,26,17,.56);backdrop-filter:blur(1px)}
 body:has(.sidebar.open){overflow:hidden}
 .admin-logo{padding:0 9px 18px}.sidebar nav{overflow-y:auto;padding-bottom:12px}.sidebar-user{margin-top:auto}
 .admin-top{height:var(--admin-topbar);padding:0 12px;gap:10px;position:sticky;top:0;z-index:100}
 .sidebar-toggle{display:grid;width:40px;height:40px;place-items:center;border-radius:9px;background:#f1f7f4;color:#174d3c;flex:0 0 40px}
 .admin-top>div{min-width:0}.admin-top>div b{max-width:52vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.admin-top small{font-size:9px}
 .view-site{margin-left:auto;white-space:nowrap;font-size:11px}
 .admin-content{padding:14px 11px calc(28px + env(safe-area-inset-bottom))}
 .admin-heading{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-bottom:16px}.admin-heading h1{font-size:24px;margin:3px 0}.admin-heading>div:last-child:not(:first-child){width:100%;display:grid;gap:8px}.admin-heading .btn{width:100%;min-height:44px}
 .panel{padding:14px;border-radius:13px}.panel-head{gap:9px;align-items:flex-start}.panel-head h2{font-size:15px}
 .kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:0;overflow:visible}.kpi{min-width:0;min-height:98px;padding:12px}.kpi strong{font-size:22px}
 .dashboard-grid,.form-list-layout,.ai-layout,.editor-grid,.ai-pipeline-grid,.ai-workspace-grid{grid-template-columns:1fr!important;gap:12px}.sticky{position:static!important}
 .two-cols,.admin-form .two-cols{grid-template-columns:1fr!important}.admin-form input,.admin-form select,.admin-form textarea{width:100%;min-height:44px;font-size:16px}.admin-form textarea{min-height:120px}.admin-form .btn{min-height:44px}
 .toolbar{position:static;display:grid;grid-template-columns:1fr;gap:8px;padding:0}.toolbar input,.toolbar select,.toolbar .btn{width:100%;max-width:none}
 .simple-list>div{grid-template-columns:42px minmax(0,1fr) auto;gap:9px}.simple-list .public-link{display:none}
 .category-tree .cat-root,.cat-child{min-width:0}.cat-root>div,.cat-child{flex-wrap:wrap}.cat-root small,.cat-child small{width:100%;margin-left:0}

 /* Global data tables become readable mobile cards */
 .data-table{overflow:visible}.data-table table,.data-table thead,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%;min-width:0}.data-table thead{display:none}.data-table tbody{display:grid;gap:10px}.data-table tr{border:1px solid #dfe9e4;border-radius:13px;padding:12px;background:#fff;box-shadow:0 4px 14px rgba(15,52,40,.04)}.data-table td{border:0;padding:6px 0;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;text-align:right}.data-table td[data-label]:not(:first-child)::before{content:attr(data-label);flex:0 0 42%;font-size:10px;color:#71837c;text-align:left;font-weight:600}.data-table td:first-child{padding-bottom:10px;margin-bottom:4px;border-bottom:1px solid #e7eeea;text-align:left;justify-content:flex-start}.data-table td:last-child{padding-top:10px;margin-top:4px;border-top:1px solid #e7eeea;justify-content:flex-end}.product-cell{width:100%;min-width:0}.actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.actions a,.actions button{min-height:38px}

 /* V35 product list — real mobile layout */
 .pl35-heading{display:block;margin-bottom:13px}.pl35-title{align-items:flex-start}.pl35-title-icon{width:44px;height:44px;flex:0 0 44px;font-size:22px}.pl35-title h1{font-size:21px;line-height:1.25}.pl35-title small{font-size:10px;line-height:1.5}.pl35-head-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.pl35-head-actions .pl35-btn{width:100%;min-width:0;min-height:42px;padding:0 10px}.pl35-head-actions .pl35-btn.primary{grid-column:1/-1;min-width:0;order:-1}
 .pl35-main{border-radius:10px}.pl35-filter{padding:10px}.pl35-search{display:grid;grid-template-columns:minmax(0,1fr) auto;max-width:none}.pl35-search input{min-width:0;font-size:16px;padding:10px;border-radius:8px 0 0 8px}.pl35-search button{padding:0 13px}.pl35-filter-row{grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.pl35-filter-row select{font-size:13px;padding:10px 8px}.pl35-filter-row .pl35-apply{grid-column:1/-1;min-height:41px}.pl35-chips{padding:9px 10px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;overscroll-behavior-inline:contain}.pl35-chips::-webkit-scrollbar{display:none}.pl35-chips a{white-space:nowrap;flex:0 0 auto}
 .pl35-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.pl35-table{min-width:880px}.pl35-table th{font-size:10px;padding:9px 7px}.pl35-table td{font-size:11px;padding:8px 7px}.pl35-thumb{width:50px;height:50px}.pl35-name{max-width:205px}.pl35-actions>a,.pl35-actions button{width:34px;height:34px}
 .pl35-footer{padding:11px 10px;flex-direction:column;align-items:stretch;gap:9px}.pl35-pages{overflow-x:auto;padding-bottom:2px}.pl35-pages a{flex:0 0 32px}
 .pl35-preview-panel{z-index:160;width:min(380px,100vw);max-width:100vw}.pl35-preview-head{position:sticky;top:0;background:#fff;z-index:2}.pl35-preview-body{padding:11px}.pl35-preview-image{height:220px}

 /* Prevent long text, URLs and code from breaking mobile */
 .admin-content pre,.admin-content code,.admin-content .seo-preview-title,.admin-content a,.admin-content p,.admin-content td,.admin-content th{overflow-wrap:anywhere;word-break:break-word}
 .admin-content pre{max-width:100%;overflow:auto}
}

/* Small phones */
@media(max-width:480px){
 .admin-content{padding-inline:9px}.admin-top{padding-inline:9px}.admin-top .view-site{font-size:0;width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#f1f7f4}.admin-top .view-site::after{content:'↗';font-size:18px}
 .kpi-grid{grid-template-columns:1fr 1fr}.kpi{padding:10px;grid-template-columns:28px minmax(0,1fr);gap:7px}.kpi>span{width:28px;height:32px;font-size:20px}.kpi strong{font-size:20px}.kpi small{font-size:9px}
 .panel{padding:12px}.admin-heading h1{font-size:22px}
 .pl35-head-actions{grid-template-columns:1fr}.pl35-head-actions .pl35-btn.primary{grid-column:auto}.pl35-filter-row{grid-template-columns:1fr}.pl35-filter-row .pl35-apply{grid-column:auto}.pl35-title-icon{display:none}.pl35-preview-image{height:190px}.pl35-preview-body dl div{grid-template-columns:94px minmax(0,1fr)}
}

/* Touch targets and accessibility */
@media(pointer:coarse){.sidebar nav a,.admin-nav-group-toggle,.pl35-btn,.pl35-actions>a,.pl35-actions button{min-height:42px}}
@media(prefers-reduced-motion:reduce){.sidebar,.pl35-preview-panel{transition:none!important}}