.cms-compose{--compose-accent:#126b65;--compose-ink:#17333b;--compose-border:#dce6e8;gap:24px!important;max-width:1240px;margin-inline:auto}
.cms-compose .cms-compose-intro{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 30px;background:linear-gradient(110deg,#f0f8f6,#f8fafc);border:1px solid var(--compose-border);border-radius:16px;margin-bottom:24px;color:var(--compose-ink)}
.cms-compose.edit-grid .cms-compose-intro{margin-bottom:0}.cms-compose-eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:1.8px;color:var(--compose-accent);margin-bottom:8px}
.cms-compose .cms-compose-intro h2{font-size:23px;padding:0;margin:0 0 8px;border:0;line-height:1.3}.cms-compose-intro p{font-size:14px;line-height:1.6;margin:0;max-width:660px;color:#536a70}
.cms-compose-state{flex:none;border:1px solid #d4e2df;background:white;border-radius:30px;padding:9px 13px;font-size:12px;color:#47615f}.cms-compose-state.pending{background:#fff8df;border-color:#ead99d;color:#775c18}
.cms-compose .panel{border:1px solid var(--compose-border);border-radius:14px;box-shadow:0 5px 18px #17333b05;overflow:visible}.cms-compose .panel>.pb{padding:25px}
.cms-compose .cms-compose-section{margin:0 0 24px;padding:0 0 16px;border-bottom:1px solid var(--compose-border);font-size:18px}
.cms-compose input:not([type=checkbox]):not([type=radio]):not([type=file]),.cms-compose select,.cms-compose textarea{width:100%;padding:12px 14px;border:1px solid #cbd8dc;border-radius:8px;background:#fff;color:#203940;min-height:46px;font:inherit;font-size:14px;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}
.cms-compose textarea{min-height:125px;line-height:1.7}.cms-compose input:focus,.cms-compose select:focus,.cms-compose textarea:focus{outline:2px solid #126b6540;outline-offset:2px;border-color:var(--compose-accent)}
.cms-compose label{font-size:13px;font-weight:650;color:#344e56}.cms-compose label>input:not([type=checkbox]):not([type=radio]),.cms-compose label>textarea,.cms-compose label>select{display:block;margin-top:8px}.cms-compose .form-grid{gap:23px 20px}.cms-compose .field{margin-bottom:4px}
.cms-compose .rte-area{min-height:260px;line-height:1.8;padding:22px}.cms-compose .rte{border-radius:10px;overflow:hidden}.cms-compose .rte-bar{background:#f7fafb;border-bottom:1px solid var(--compose-border);padding:9px}
.cms-compose .btn{min-height:42px;border-radius:8px;padding:11px 18px;font-size:13px}.cms-compose .cms-compose-save{background:var(--compose-accent);border-color:var(--compose-accent);color:white;box-shadow:0 3px 8px #126b651a}.cms-compose .cms-compose-save:hover{background:#095650}
.cms-compose-sidebar{align-self:start;position:sticky;top:20px}.cms-compose-sidebar .panel>h2{font-size:15px;padding:18px 24px;background:#f8fafb;border-radius:14px 14px 0 0}.cms-compose-sidebar .meta-list{font-size:12px;color:#698087}
.cms-compose-extra{grid-column:1/-1;border:1px solid var(--compose-border);border-radius:9px;padding:14px 16px;background:#fafcfc}.cms-compose-extra summary{cursor:pointer;font-size:13px;font-weight:600;color:#45636b}.cms-compose-extra[open] summary{margin-bottom:16px}.cms-compose-help{font-size:12px!important;color:#687d83;margin:10px 0 0!important}
.cms-compose-upload{border:1px dashed #b6cfca;border-radius:10px;padding:16px!important;background:#f5faf8}.cms-compose input[type=file]{display:block;max-width:100%;font-size:12px;margin-block:12px}.cms-compose input[type=file]::file-selector-button{background:white;border:1px solid #a8c6c0;border-radius:7px;color:#175f58;padding:9px 12px;margin-right:10px;cursor:pointer}.cms-compose-file{display:block;font-size:12px;color:#607b75;overflow-wrap:anywhere}
dialog.cms-friendly-dialog:has(.cms-compose){width:min(620px,calc(100vw - 32px));border:1px solid #dce6e8;border-radius:18px;padding:0;box-shadow:0 25px 90px #122b3c40}dialog .cms-compose{padding:28px}dialog .cms-compose>.cms-compose-intro{padding:20px;margin-bottom:22px}dialog .cms-compose>.cms-compose-intro h2{font-size:21px}dialog .cms-compose>h2{display:none}dialog .cms-compose>label{display:block;margin-bottom:20px}dialog .cms-compose-state{display:none}dialog .cms-compose-extra{margin-block:18px}
@media(max-width:800px){.cms-compose{gap:16px!important}.cms-compose.edit-grid{grid-template-columns:minmax(0,1fr)}.cms-compose .cms-compose-intro{padding:20px;align-items:flex-start;flex-direction:column;gap:14px}.cms-compose-sidebar{position:static}.cms-compose .panel>.pb{padding:18px}.cms-compose .form-grid{grid-template-columns:minmax(0,1fr)}.cms-compose .cms-compose-intro h2{font-size:20px}.cms-compose input,.cms-compose textarea,.cms-compose select{max-width:100%}dialog .cms-compose{padding:20px}}