/* Admin-only responsive detail polish; public cards keep their own styles. */
:root{--muted:#747789}
.template-library,.template-summary-info,.page-heading>div,.form-panel,.designer-toolbar>label{min-width:0}
.panel-head h2,.saved-template strong,.assigned-person,.page-heading h1{overflow-wrap:anywhere}
.field,.form-section>p,.template-summary-info dt,.template-summary-info dd{color:#737082}
.designer-section-title p,.designer-help,.property-note,.property-heading p,.setting-toggle small,.canvas-caption{color:#737082}
.designer-tabs>button,.designer-mobile-tabs>button{min-height:44px}
.designer-tabs>button{font-size:13px}
.designer-tabs>button.active{color:#6550c4}
.designer-toolbar input{color:var(--text)}
.designer-grid>*{overscroll-behavior:contain}
.rt-error:not(:empty){line-height:1.6}
.rt-footer{flex-wrap:wrap;color:#776d84}
.nav-close,.nav-scrim{display:none}
.nav-scrim[hidden]{display:none}
.sidebar{overflow-y:auto}
button:disabled{cursor:default}
@media(max-width:1050px){
 .designer-grid{min-height:0}
 .designer-library,.designer-canvas,.designer-properties{height:100%;min-height:0;overflow-y:auto}
 .designer-mobile-tabs{flex-shrink:0}
 .designer-mobile-tabs button{font-size:13px}
 .designer-toolbar{flex-wrap:wrap}
 .designer-toolbar>label{flex:1}
 .designer-toolbar input{width:100%;min-width:0}
}
@media(max-width:640px){
 .modal-overlay.designer-overlay{padding:0}
 .designer-modal{width:100vw!important;max-width:none;height:100dvh;max-height:100dvh!important;border-radius:0}
 .designer-canvas{padding:0}
 .designer-phone{width:100%;max-width:none;border:0;border-radius:0;box-shadow:none}
 .canvas-label{padding:10px 16px;margin:0}
 .canvas-caption{padding:0 16px}
 .topbar{gap:10px;padding-inline:16px}
 .topbar-right{flex:1;min-width:0;gap:8px}
 .workspace-picker{min-width:0;max-width:calc(100vw - 150px);font-size:13px;min-height:44px;flex:1}
 .topbar .icon-button{width:44px;height:44px;flex-shrink:0}
 .nav-close{display:inline-flex;position:absolute;right:8px;top:12px;width:44px;height:44px}
 .sidebar .brand{max-width:160px;padding:0;margin-top:12px}
 .layout.menu-open .nav-scrim:not([hidden]){display:block;position:fixed;inset:0;background:#25273665;border:0;z-index:19}
 .sidebar{z-index:20}
 .page-heading{flex-wrap:wrap;gap:14px}
 .page-heading>.actions{max-width:100%;justify-content:flex-start}
 .page-heading p{font-size:12px;line-height:1.7}
 .button,.button.small,.page-heading .button{min-height:44px;font-size:13px;padding:10px 13px}
 .icon-button{min-width:44px;min-height:44px}
 .text-button{min-height:44px;min-width:44px;font-size:12px}
 .form-actions{flex-wrap:wrap;position:sticky;bottom:-20px;z-index:4;padding:14px 0;background:#fff;box-shadow:0 -8px 16px #fff}
 .form-actions .button{flex:1 1 100px}
 .field input:not([type=checkbox]):not([type=range]):not([type=color]),.field select,.field textarea,.designer-toolbar input,.designer-properties .field input:not([type=range]):not([type=color]),.designer-properties .field select,.designer-properties .field textarea{font-size:16px;min-height:44px}
 .field input[type=file]{max-width:100%;font-size:13px!important}
 .designer-toolbar{align-items:center;padding:10px 12px}
 .designer-toolbar>label{display:block;flex:1;min-width:0;font-size:11px}
 .designer-toolbar input{display:block;margin-top:4px;padding:8px}
 .designer-toolbar .button{align-self:flex-end;min-height:44px;font-size:12px}
 .designer-mobile-tabs{padding:5px 12px}
 .designer-mobile-tabs button{padding:8px 12px}
 .designer-properties #design-properties{padding:20px 16px}
 .designer-library{padding:18px 14px}
 .designer-library .component-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}
 .component-catalog button{min-width:0;min-height:98px}
 .design-block-row{flex-wrap:wrap;min-height:48px}
 .block-select{min-width:0;min-height:44px;flex:1 1 120px;overflow-wrap:anywhere}
 .block-select>span:last-child{min-width:0}
 .block-row-actions{margin-left:auto}
 .block-row-actions .icon-button{min-width:40px;width:40px;min-height:44px;padding:6px}
 .rt-toolbar{gap:4px;padding:8px}
 .rt-toolbar button,.rt-color{min-width:44px;min-height:44px;height:44px;font-size:14px}
 .rt-toolbar select{min-height:44px;max-width:104px!important;font-size:14px!important}
 .rt-color{width:44px}
 .rt-media-panel .actions{flex-wrap:wrap}
 .rt-content{font-size:16px}
 .designer-properties .field span,.designer-section-title p,.designer-help,.property-note{font-size:12px}
 .setting-toggle{gap:14px}
 .setting-toggle span{min-width:0}
 .setting-toggle input{min-width:22px;min-height:22px}
}

.preview-bottom-nav{color:var(--action-accent,var(--accent))}