/* V9.1.4: page cards only; no changes to checkbox or action semantics. */
.page-panel-v999 .page-card-127[data-page-card]{transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;outline:none}
.page-panel-v999 .page-card-127[data-page-card]:hover{background:#f0f8ff;border-color:#71b9df;box-shadow:0 0 0 1px rgba(13,127,181,.12)}
.page-panel-v999 .page-card-127[data-page-card].is-active-v914,
.page-panel-v999 .page-card-127[data-page-card]:focus-within{background:#e9f5ff;border-color:#0d7fb5;box-shadow:0 0 0 2px rgba(13,127,181,.2)}
.page-panel-v999 .page-card-127[data-page-card]:has(.page-select-v999:checked){background:#ebfbf2;border-color:#13a36e;box-shadow:0 0 0 2px rgba(19,163,110,.2)}
@media(prefers-reduced-motion:reduce){.page-panel-v999 .page-card-127[data-page-card]{transition:none}}

/* Only the actual page editor gets this layout. Other shared modals retain
   their existing dimensions. The textarea and expanded settings scroll inside
   their own columns, while the modal title and save actions stay visible. */
#modal .modal-box.edit-page-modal:has(.edit-viewport-form-v914){width:min(1520px,calc(100vw - 40px));height:min(860px,calc(100vh - 40px));height:min(860px,calc(100dvh - 40px));max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow:hidden}
#modal .modal-box.edit-page-modal:has(.edit-viewport-form-v914) .modal-head{padding:10px 16px;gap:12px}
#modal .modal-box.edit-page-modal:has(.edit-viewport-form-v914) .modal-head h3{font-size:16px;line-height:1.4;min-width:0;overflow-wrap:anywhere}
#modal .modal-box.edit-page-modal:has(.edit-viewport-form-v914) .modal-head button{flex:0 0 auto}
#modal .modal-box.edit-page-modal:has(.edit-viewport-form-v914) #modal-body{overflow:hidden;display:flex;padding:12px 16px;min-height:0;flex:1 1 auto}
#modal .edit-viewport-form-v914{width:100%;height:100%;min-width:0;min-height:0;display:flex;flex-direction:column;gap:12px}
#modal .edit-viewport-form-v914>.notice{flex:0 0 auto;margin:0;padding:8px 11px;font-size:12px;line-height:1.5}
#modal .edit-viewport-form-v914 .edit-workspace-v914{display:grid;grid-template-columns:minmax(340px,.95fr) minmax(0,1.35fr);gap:18px;flex:1 1 auto;min-height:0;min-width:0;overflow:hidden}
#modal .edit-viewport-form-v914 .edit-workspace-downloads-v917{grid-template-columns:minmax(250px,.95fr) minmax(220px,.8fr) minmax(0,1.25fr)}
#modal .edit-viewport-form-v914 .edit-downloads-v917{min-width:0;min-height:0;overflow:auto;padding:12px;border:1px solid #d9e0e5;border-radius:6px;background:#f8fbfd;scrollbar-gutter:stable}
#modal .edit-viewport-form-v914 .edit-downloads-v917>h4{margin:0 0 14px;font-size:14px;line-height:1.5}
#modal .edit-viewport-form-v914 .edit-downloads-v917 .form-row{grid-template-columns:minmax(0,1fr);gap:14px}
#modal .edit-viewport-form-v914 .edit-metadata-v914{min-height:0;min-width:0;overflow:auto;padding:0 5px 2px 0;scrollbar-gutter:stable;display:flex;flex-direction:column;gap:10px}
#modal .edit-viewport-form-v914 .edit-metadata-v914>.field,
#modal .edit-viewport-form-v914 .edit-metadata-v914>.form-row,
#modal .edit-viewport-form-v914 .edit-metadata-v914>.compact-details{flex:0 0 auto;min-width:0}
#modal .edit-viewport-form-v914 .field label{margin:0 0 4px;font-size:13px;line-height:1.45}
#modal .edit-viewport-form-v914 .form-row{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
#modal .edit-viewport-form-v914 .form-row.edit-title-row-v914{grid-template-columns:minmax(0,1fr)}
#modal .edit-viewport-form-v914 input:not([type="hidden"]):not([type="file"]),
#modal .edit-viewport-form-v914 select{min-width:0;padding:8px 10px;font-size:13px;line-height:1.45}
#modal .edit-viewport-form-v914 .download-inputs{margin:0;align-items:stretch;gap:7px;grid-template-columns:minmax(0,1fr) auto}
#modal .edit-viewport-form-v914 .field label.upload-btn{display:flex;align-items:center;justify-content:center;margin:0;padding:8px 10px;white-space:nowrap}
#modal .edit-viewport-form-v914 .compact-details{margin:0;padding:8px 10px;font-size:13px}
#modal .edit-viewport-form-v914 .compact-details[open]>summary{margin-bottom:9px}
#modal .edit-viewport-form-v914 textarea[name="seo_description"]{display:block;min-height:76px;height:76px;padding:8px 10px;font-size:13px;line-height:1.5}
#modal .edit-viewport-form-v914 .edit-favicon-preview{margin-top:6px;font-size:12px}
#modal .edit-viewport-form-v914 .edit-favicon-preview .favicon-preview{width:30px;height:30px}
#modal .edit-viewport-form-v914 .edit-code-field-v914{display:flex;flex-direction:column;min-height:0;min-width:0}
#modal .edit-viewport-form-v914 .edit-code-field-v914>label{flex:0 0 auto}
#modal .edit-page-modal .edit-viewport-form-v914 .edit-code-field-v914 textarea.code{display:block;flex:1 1 auto;min-height:0;height:0;max-height:none;width:100%;resize:none;overflow:auto;background:#f8fafc;padding:12px;font-size:13px;line-height:1.65;white-space:pre}
#modal .edit-page-modal .edit-viewport-form-v914>.toolbar{position:static;flex:0 0 auto;margin:0;padding:10px 0 0;border-top:1px solid #d8dee3;background:#fff;gap:8px}
#modal .edit-viewport-form-v914>.toolbar button{padding:8px 14px}

@media(max-width:1100px){
 #modal .edit-viewport-form-v914 .edit-workspace-downloads-v917{display:flex;flex-direction:column;overflow:auto;gap:14px}
 #modal .edit-viewport-form-v914 .edit-workspace-downloads-v917 .edit-metadata-v914,
 #modal .edit-viewport-form-v914 .edit-workspace-downloads-v917 .edit-downloads-v917{flex:0 0 auto;overflow:visible;scrollbar-gutter:auto}
 #modal .edit-viewport-form-v914 .edit-workspace-downloads-v917 .edit-code-field-v914{flex:0 0 320px;min-height:240px}
 #modal .edit-page-modal .edit-viewport-form-v914 .edit-workspace-downloads-v917 .edit-code-field-v914 textarea.code{min-height:200px}
}

/* Compact windows keep all controls reachable without cutting off content. */
@media(max-width:900px){
 #modal .modal-box.edit-page-modal:has(.edit-viewport-form-v914){width:calc(100vw - 28px);height:calc(100vh - 28px);height:calc(100dvh - 28px);max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px)}
 #modal .modal-box.edit-page-modal:has(.edit-viewport-form-v914) #modal-body{padding:10px 12px}
 #modal .edit-viewport-form-v914 .edit-workspace-v914{display:flex;flex-direction:column;overflow:auto;gap:14px}
 #modal .edit-viewport-form-v914 .edit-metadata-v914{flex:0 0 auto;overflow:visible;scrollbar-gutter:auto;padding:0}
 #modal .edit-viewport-form-v914 .edit-code-field-v914{flex:0 0 320px;min-height:240px}
 #modal .edit-page-modal .edit-viewport-form-v914 .edit-code-field-v914 textarea.code{min-height:200px}
}
@media(max-width:560px){
 #modal .edit-viewport-form-v914 .form-row{grid-template-columns:minmax(0,1fr)}
 #modal .edit-viewport-form-v914>.notice{font-size:11px}
 #modal .modal-box.edit-page-modal:has(.edit-viewport-form-v914) .modal-head{padding:8px 12px}
 #modal .modal-box.edit-page-modal:has(.edit-viewport-form-v914) .modal-head h3{font-size:14px;max-height:60px;overflow:auto}
 #modal .edit-viewport-form-v914>.toolbar{gap:6px}
 #modal .edit-viewport-form-v914>.toolbar button{padding:7px 10px;font-size:12px}
}
@media(max-height:520px) and (min-width:901px){
 #modal .edit-viewport-form-v914>.notice{padding:5px 9px}
 #modal .edit-viewport-form-v914{gap:8px}
}