/* Owner shell and embedded market editors; storefront pages keep their layout. */
[data-management-responsive] .app{grid-template-columns:210px minmax(0,1fr);max-width:100%;min-height:100dvh}
[data-management-responsive] .sidebar{position:sticky;top:0;height:100dvh;min-width:0;overscroll-behavior:contain}
[data-management-responsive] .management-menu-collapsed .app{grid-template-columns:minmax(0,1fr)}
[data-management-responsive] .management-menu-collapsed .sidebar{display:none}
.management-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;flex-shrink:0;padding:8px 12px;border:1px solid #d9dfdb;border-radius:10px;background:#fff;color:#254f40;font:700 14px Segoe UI,Arial,sans-serif;cursor:pointer}
.management-menu-toggle>span:first-child{font-size:21px;line-height:1}
.management-menu-toggle:focus-visible,.management-sidebar-heading button:focus-visible{outline:3px solid #a7cabc;outline-offset:3px}
.management-sidebar-heading{display:none}
.management-menu-backdrop{position:fixed;inset:0;z-index:10020;border:0;border-radius:0;background:#10251e80;cursor:pointer}
.management-menu-backdrop[hidden]{display:none!important}
[data-management-responsive] .management-review-note{max-width:100%;box-sizing:border-box;pointer-events:none}
[data-management-responsive] .management-has-review-note .main{padding-bottom:26px}
@media(max-width:1024px){
 [data-management-responsive] body{overflow:hidden}
 [data-management-responsive] .app,[data-management-responsive] .management-menu-collapsed .app{grid-template-columns:minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}
 [data-management-responsive] .app>.main{width:100%;height:100dvh;min-height:0;max-width:100%}
 [data-management-responsive] .sidebar,[data-management-responsive] .management-menu-collapsed .sidebar{display:block;position:fixed;inset:0 auto 0 0;z-index:10030;width:min(300px,calc(100vw - 48px));height:100dvh;padding:12px 14px calc(24px + env(safe-area-inset-bottom));overflow-y:auto;visibility:hidden;transform:translateX(-100%);transition:transform .18s ease;background:#111;box-shadow:8px 0 28px #0004}
 [data-management-responsive] .management-menu-open .sidebar{visibility:visible;transform:translateX(0)}
 .management-sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:#a7c6ba;font:600 12px Segoe UI,Arial,sans-serif}
 .management-sidebar-heading button{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #46574f;border-radius:10px;background:#1b2520;color:#fff;font-size:27px;cursor:pointer}
 [data-management-responsive] .sidebar .brand{gap:10px;padding:4px 4px 18px}
 [data-management-responsive] .sidebar .brand b{font-size:20px}
 [data-management-responsive] .sidebar .brand-logo-box{display:grid;width:46px;height:46px;flex-basis:46px}
 [data-management-responsive] .sidebar .nav button{min-height:44px;padding:12px;font-size:14px;line-height:1.4}
 [data-management-responsive] .sidebar .nav h6{font-size:11px;line-height:1.6}
 [data-management-responsive] .main>.topbar{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:8px;padding:10px 12px;position:relative}
 [data-management-responsive] .main>.topbar .topnav{grid-column:1;grid-row:1;display:flex;flex-wrap:nowrap;gap:7px;min-width:0}
 [data-management-responsive] .topbar .crumbs{display:none}
 [data-management-responsive] .topbar .navtopbtn{min-height:44px;min-width:0;padding:8px 10px;font-size:13px}
 [data-management-responsive] .topbar #globalBack{flex:0 0 44px;width:44px;font-size:0}
 [data-management-responsive] .topbar #globalBack::before{content:'←';font-size:20px}
 [data-management-responsive] .topbar .navtopbtn.home{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 [data-management-responsive] .main>.topbar .alfa-top-tools{grid-column:1;grid-row:2;justify-self:stretch;display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:8px;min-width:0}
 [data-management-responsive] .alfa-top-tools>*{max-width:100%;min-width:0;min-height:40px}
 [data-management-responsive] .alfa-top-tools .arzu-admin-open{padding:8px 10px;font-size:12px}
 [data-management-responsive] .alfa-top-tools .pill{display:inline-flex;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}
 [data-management-responsive] .main>.topbar .alfa-workspaces{grid-column:1;grid-row:3;display:flex;flex-wrap:nowrap;justify-content:flex-start;justify-self:stretch;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;gap:4px;padding:4px}
 [data-management-responsive] .main>.topbar .alfa-workspaces button{flex:0 0 auto;min-height:44px;padding:10px 13px;white-space:nowrap;font-size:13px}
 [data-management-responsive] .main>#alfaMarketHost{flex:1 1 0;min-height:0;height:auto;width:100%}
 [data-management-responsive] .content{padding:16px;width:100%;max-width:100%}
 [data-management-responsive] .management-review-note{font-size:10px!important;line-height:1.3;white-space:normal}
}
@media(max-width:700px){
 [data-management-responsive] .dialog{width:100%;max-width:100%;max-height:calc(100dvh - 24px);padding:20px 16px}
 [data-management-responsive] .modal{padding:12px}
 [data-management-responsive] .formgrid{grid-template-columns:minmax(0,1fr)}
 [data-management-responsive] .field,[data-management-responsive] .field input,[data-management-responsive] .field select,[data-management-responsive] .field textarea{min-width:0;max-width:100%;font-size:16px}
 [data-management-responsive] .toolbar .search{min-width:0;width:100%;flex-basis:100%}
 body.alfa-embedded .admin-container{padding:18px 14px 64px!important}
 body.alfa-embedded.market-admin .workspace-header{gap:12px;padding-bottom:18px;margin-bottom:20px}
 body.alfa-embedded.market-admin .workspace-header h1{font-size:25px;overflow-wrap:anywhere}
 body.alfa-embedded .workspace-page,body.alfa-embedded .workspace-page>*,body.alfa-embedded .form-grid>*{min-width:0;max-width:100%}
 body.alfa-embedded .form-grid{grid-template-columns:minmax(0,1fr)!important}
 body.alfa-embedded .span-2{grid-column:auto!important}
 body.alfa-embedded .site-controls{display:flex;flex-direction:column;align-items:stretch}
 body.alfa-embedded .site-controls>input,body.alfa-embedded .site-controls>select,body.alfa-embedded .site-controls>label{width:100%;max-width:100%;min-width:0;flex:auto}
 body.alfa-embedded .table-wrap{width:100%;max-width:100%;min-width:0;overflow:auto;overscroll-behavior-inline:contain}
 body.alfa-embedded .table-wrap table{min-width:600px}
 body.alfa-embedded .site-tree-row{margin-left:min(calc(var(--depth,0)*10px),40px);gap:8px}
 body.alfa-embedded .site-tree-row>.site-tree-label{flex:1 1 120px;overflow-wrap:anywhere}
 body.alfa-embedded .site-tree-row button{min-height:44px}
 body.alfa-embedded #modal{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);margin:auto;padding:20px 16px calc(20px + env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;border-radius:14px}
 body.alfa-embedded #modal h2{font-size:22px;padding-right:24px}
 body.alfa-embedded #modal label{min-width:0;overflow-wrap:anywhere}
 body.alfa-embedded #modal input:not([type=checkbox]):not([type=radio]),body.alfa-embedded #modal select,body.alfa-embedded #modal textarea{width:100%;max-width:100%;min-width:0;min-height:44px;font-size:16px}
 body.alfa-embedded #modal input[type=checkbox],body.alfa-embedded #modal input[type=radio]{flex-shrink:0;width:20px;height:20px;min-height:20px}
 body.alfa-embedded #modal .check-label,body.alfa-embedded #modal .site-product-pick label{min-height:44px}
 body.alfa-embedded #modal .pattern-preview-grid{grid-template-columns:minmax(0,1fr)}
 body.alfa-embedded #modal .pattern-media-drop{min-height:130px;padding:16px;overflow-wrap:anywhere}
 body.alfa-embedded #modal .site-gallery figure{max-width:100%}
 body.alfa-embedded #modal .section.row{flex-wrap:wrap}
 body.alfa-embedded #modal .section.row>button{flex:1;min-height:44px}
}
@media(max-width:380px){body.alfa-embedded .workspace-stats{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){[data-management-responsive] .sidebar{transition:none}}