/* 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-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}

/* 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}
}