@font-face{font-family:OpCairo;src:url('fonts/Cairo.ttf') format('truetype');font-display:swap}
#opApp{position:fixed;inset:0;z-index:99990;background:#edf3f5;color:#173c4c;direction:rtl;font-family:OpCairo,Cairo,Tahoma,sans-serif;overflow:auto}
#opApp[hidden]{display:none!important}body.op-open{overflow:hidden}
#opApp *{box-sizing:border-box}#opApp button,#opApp input,#opApp select,#opApp textarea{font:inherit}
#opApp button{cursor:pointer}#opApp button:disabled{cursor:default;opacity:.4}
.op-top{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid #d7e3e8;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px}
.op-brand{display:flex;gap:12px;align-items:center}.op-mark{display:grid;place-items:center;width:44px;height:44px;background:#0b3448;color:#fff;border-radius:13px;font-size:24px}.op-brand strong{display:block;font-size:16px}.op-brand small{color:#69818d;font-size:11px}.op-actions{display:flex;gap:7px;flex-wrap:wrap}.op-btn{border:1px solid #d7e3e8;background:#fff;color:#174459;border-radius:9px;padding:8px 13px;font-size:12px}.op-btn.primary{background:#0b3448;color:#fff;border-color:#0b3448}.op-btn.teal{background:#098d87;color:#fff;border-color:#098d87}.op-btn:focus-visible,.op-nav button:focus-visible{outline:3px solid #18b5aa;outline-offset:2px}
.op-layout{display:grid;grid-template-columns:245px minmax(0,1fr);max-width:1800px;margin:auto;min-height:calc(100vh - 76px)}.op-sidebar{padding:24px 15px;border-left:1px solid #d7e3e8;background:#f8fbfc;position:sticky;top:75px;height:calc(100vh - 75px);overflow:auto}.op-sidebar h2{font-size:15px;margin:0 9px 3px}.op-sidebar p{font-size:11px;color:#70848d;margin:0 9px 20px}.op-nav button{width:100%;display:flex;gap:11px;align-items:center;text-align:right;border:0;background:none;border-radius:10px;padding:11px 9px;margin:3px 0;color:#506a76;font-size:12px}.op-nav button span{font-size:11px;opacity:.6;min-width:23px}.op-nav button.active{background:#0b3448;color:white;box-shadow:0 6px 16px #0b34481c}.op-side-note{border-top:1px solid #d8e4e8;padding-top:18px;margin-top:25px!important;line-height:1.9}.op-main{padding:23px clamp(14px,2.5vw,40px) 40px;min-width:0}.op-breadcrumb{font-size:12px;color:#71858e;margin-bottom:14px;display:flex;justify-content:space-between;gap:12px}.op-sheet{background:white;box-shadow:0 12px 40px #163e5010;border:1px solid #e1eaee;padding:30px 36px;min-height:620px;position:relative;overflow-wrap:anywhere}.op-sheet:before{content:'';display:block;position:absolute;right:0;top:0;bottom:0;width:5px;background:#0aa39a}.op-sheet-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce7eb;padding-bottom:14px;margin-bottom:24px;font-size:10px;color:#6e8690}.op-kicker{font-size:11px;color:#078e86;letter-spacing:.6px;margin:0 0 7px}.op-sheet h1{font-size:28px;line-height:1.5;margin:0 0 10px;color:#0b3448}.op-sheet h2{font-size:19px;line-height:1.6;color:#0b3448;margin:18px 0 10px}.op-sheet h3{font-size:14px;margin:0 0 9px}.op-lead{font-size:13px;color:#66808c;line-height:1.9;margin:0 0 22px}.op-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.op-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.op-box{border:1px solid #dce7eb;background:#f8fbfb;padding:18px;border-radius:12px}.op-box p{font-size:13px;line-height:1.9;margin:6px 0}.op-note{padding:12px 16px;border-right:3px solid #0aa39a;background:#edf8f6;color:#315965;font-size:12px;line-height:1.9;margin:18px 0}.op-note.amber{border-color:#b99b53;background:#fcf8ef}.op-stat{padding:18px;border:1px solid #dce7eb;border-radius:12px;background:#f8fbfc}.op-stat b{font-size:32px;font-weight:800;display:block;color:#0b3448}.op-stat span{font-size:12px;color:#657e8a}.op-sheet table{width:100%;min-width:0;border-collapse:collapse;table-layout:fixed;margin:15px 0}.op-sheet th{background:#0b3448;color:white;font-size:11px;padding:10px;line-height:1.8}.op-sheet td{font-size:12px;padding:10px;line-height:1.8;border-bottom:1px solid #dce7eb;vertical-align:top;word-break:normal;overflow-wrap:anywhere}.op-sheet tbody tr:nth-child(even){background:#f3f8f9}.op-sheet-foot{display:flex;justify-content:space-between;border-top:1px solid #dce7eb;margin-top:28px;padding-top:12px;color:#738a95;font-size:10px}.op-pager{display:flex;align-items:center;justify-content:space-between;padding-top:18px;gap:12px}.op-pager span{font-size:12px;color:#657f8b}.op-tag{display:inline-block;font-size:10px;padding:3px 10px;border-radius:99px;background:#e8f4f2;color:#178378}.op-cover{display:grid;grid-template-columns:1.3fr 1fr;min-height:420px;align-items:center;gap:25px}.op-cover h1{font-size:clamp(36px,4.4vw,64px);line-height:1.35;font-weight:900;max-width:540px}.op-cover h1 em{font-style:normal;color:#09958e}.op-cover p{font-size:18px}.op-cover-art{position:relative;background:#0b3448;min-height:330px;border-radius:90px 14px 90px 14px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;color:#fff}.op-cover-art:before{content:'';position:absolute;width:320px;height:320px;border:1px solid #ffffff25;border-radius:50%;right:-150px;top:-120px}.op-cover-art b{font-size:85px;line-height:1.3;letter-spacing:4px}.op-cover-art small{color:#85d6cc;font-size:14px}.op-cover-art span{font-size:12px;color:#b8d0d8;margin-top:24px}.op-signs{display:flex;gap:35px;border-top:1px solid #dce7eb;padding-top:18px;margin-top:22px}.op-signs small{display:block;color:#708792;font-size:11px}.op-signs strong{font-size:13px}.op-program-list{display:grid;gap:10px;margin-top:17px}.op-program-row{display:flex;align-items:center;gap:15px;padding:14px 18px;border:1px solid #dce7eb;border-radius:10px;background:white;text-align:right;width:100%;color:#173c4c}.op-program-row>span:first-child{font-size:11px;color:#078e86;min-width:36px}.op-program-row div{flex:1}.op-program-row strong{font-size:14px;display:block}.op-program-row small{font-size:11px;color:#748b95}.op-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.op-field label{display:block;font-size:12px;margin-bottom:5px;color:#536f7d}.op-field input,.op-field textarea,.op-field select,.op-search{width:100%;border:1px solid #ccdce3;border-radius:8px;padding:10px;background:#fff;color:#173c4c;min-width:0;font-size:13px}.op-field textarea{min-height:78px;resize:vertical}.op-field.wide{grid-column:1/-1}.op-field input:disabled,.op-field textarea:disabled,.op-field select:disabled{background:#f5f8fa;color:#536c78;opacity:1}.op-field-value{white-space:pre-wrap;font-size:13px;line-height:1.9;min-height:35px;padding:9px;background:#f5f9fa;border:1px solid #dce7eb}.op-filters{display:flex;gap:10px;margin:14px 0}.op-filters input{flex:1}.op-filters select{max-width:250px}.op-editor-nav{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.op-editor-nav .active{background:#0b3448;color:#fff}.op-toast{position:fixed;bottom:25px;left:25px;max-width:450px;padding:14px 22px;background:#0b3448;color:white;border-radius:12px;z-index:99999;font-size:13px}.op-steps{counter-reset:opstep;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.op-steps .op-box:before{counter-increment:opstep;content:'0' counter(opstep);font-size:26px;display:block;color:#0aa39a;margin-bottom:10px}.op-hide{display:none!important}
@media(max-width:1000px){.op-layout{grid-template-columns:190px minmax(0,1fr)}.op-sheet{padding:22px}.op-cover{grid-template-columns:1fr}.op-cover-art{min-height:150px;border-radius:14px}.op-cover-art b{font-size:54px}.op-cover-art span{margin-top:5px}.op-grid.three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.op-layout{display:block}.op-sidebar{position:static;height:auto;padding:12px}.op-sidebar h2,.op-sidebar p{display:none}.op-nav{display:flex;overflow:auto}.op-nav button{min-width:140px;width:auto;margin:0 3px}.op-top{position:static;padding:12px;align-items:start}.op-brand small{display:none}.op-actions{justify-content:end}.op-btn{font-size:11px;padding:7px 9px}.op-main{padding:12px}.op-grid,.op-grid.three,.op-fields,.op-steps{grid-template-columns:1fr}.op-sheet h1{font-size:24px}.op-cover h1{font-size:38px}.op-signs{flex-direction:column;gap:12px}.op-sheet{padding:20px 15px}.op-sheet th,.op-sheet td{padding:6px;font-size:10px}.op-filters{flex-wrap:wrap}.op-sheet-head{font-size:9px}}
@page operationalLandscape{size:A4 landscape;margin:0;@bottom-right{content:'متوسطة اليرموك | الخطة التشغيلية 1448هـ';font:9pt OpCairo;color:#597682}@bottom-left{content:counter(page);font:9pt OpCairo;color:#597682}}
@media print{html,body{margin:0!important;padding:0!important;background:white!important;direction:rtl;font-family:OpCairo,Cairo,Tahoma,sans-serif;color:#173c4c;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.op-print-toolbar{display:none!important}.op-sheet{box-shadow:none;border:0;min-height:0;padding:3mm 4mm;break-after:page;overflow:visible}.op-sheet:last-child{break-after:auto}.op-sheet:before{width:1mm}.op-sheet-head{margin-bottom:5mm;padding-bottom:3mm}.op-sheet h1{font-size:23pt}.op-sheet h2{font-size:15pt}.op-sheet th,.op-sheet td{font-size:10pt;padding:2.5mm}.op-sheet table{min-width:0;table-layout:fixed}.op-sheet thead{display:table-header-group}.op-sheet tr{break-inside:avoid}.op-box,.op-field,.op-stat,.op-program-row{break-inside:avoid}.op-sheet-foot{margin-top:6mm}.op-cover{grid-template-columns:1.3fr 1fr;min-height:130mm}.op-cover h1{font-size:44pt}.op-cover-art{min-height:95mm}.op-cover-art b{font-size:68pt}.op-grid.three{grid-template-columns:repeat(3,1fr)}.op-grid,.op-fields{grid-template-columns:repeat(2,1fr)}.op-lead,.op-box p,.op-field-value{font-size:10pt}.op-field-value{padding:2mm}.op-note{font-size:9pt;margin:4mm 0}.op-sheet button{display:none}.op-stat b{font-size:27pt}}

@media print{.op-sheet-foot span:last-child{display:none}.op-fields{gap:3mm}.op-field label{font-size:9pt}.op-field-value{min-height:0}.op-sheet h1{margin-bottom:2mm}.op-grid{gap:3mm}.op-box{padding:3mm}}

@media print{.op-sheet th,.op-sheet td{line-height:1.45;padding:1.5mm 2mm}.op-sheet table{margin:3mm 0}.op-sheet-head{margin-bottom:3mm;padding-bottom:2mm}.op-sheet h1{font-size:21pt}.op-lead{margin-bottom:3mm;line-height:1.6}.op-sheet-foot{margin-top:3mm;padding-top:2mm}.op-stat{padding:3mm}.op-note{line-height:1.6;padding:2mm 3mm}.op-sheet .op-signs{break-inside:avoid}}
@media print{.op-cover{display:flex;gap:8mm;align-items:center}.op-cover>div:first-child{width:56%;flex:0 0 56%}.op-cover-art{width:40%;flex:0 0 40%;display:block;text-align:center;padding:20mm 2mm;min-height:90mm}.op-cover-art b,.op-cover-art small,.op-cover-art span{display:block;position:relative;width:100%;text-align:center;margin:0}.op-cover-art b{font-size:58pt;letter-spacing:0}.op-cover-art span{font-size:9pt;margin-top:8mm}.op-cover h1{font-size:36pt}}
/* Operational cover: unified Cairo, petrol and teal identity. */
.op-cover-v2{display:grid;grid-template-columns:39% 61%;direction:ltr;min-height:540px;margin:0 -12px;background:linear-gradient(120deg,#e2f4f5,white 58%);overflow:hidden;border-radius:14px;position:relative}.op-cover-visual{position:relative;min-height:540px;background:linear-gradient(165deg,#d7f1f2,#f8fcfd 55%,#087e87);border-radius:0 48% 38% 0;overflow:hidden}.op-cover-school{position:absolute;bottom:0;left:0;width:100%;height:55%;object-fit:cover;object-position:50% 65%;border-top:5px solid #d1efed}.op-cover-orbit{position:relative;z-index:1;margin:22px auto 0;width:88%;aspect-ratio:1;border:2px solid #0e8f98;border-left-color:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(130deg,#ffffffb0,#cce9ed80)}.op-cover-orbit b{font-size:80px;line-height:1.2;color:#073849;letter-spacing:-3px}.op-cover-orbit span{font-size:17px;color:#0b4354;border-top:2px solid #0aa19a;margin-top:12px;padding-top:12px}.op-cover-copy{direction:rtl;padding:22px 26px 22px 20px;display:flex;flex-direction:column;justify-content:space-between}.op-cover-authority{display:flex;align-items:center;gap:16px;font-size:12px;line-height:1.8}.op-cover-authority>img{width:95px;max-height:78px;object-fit:contain}.op-cover-authority>div{border-right:1px solid #0c9e98;padding-right:16px}.op-cover-title h1{font-size:46px!important;line-height:1.55!important;letter-spacing:-1px;margin:30px 0 5px!important;color:#073849}.op-cover-title h1 span{display:block;color:#07958e;font-size:36px}.op-cover-title>p{font-size:20px;font-weight:700;margin:8px 0;color:#0b4354}.op-cover-pillars{display:grid;grid-template-columns:repeat(4,1fr);margin:25px 0;gap:8px;text-align:center}.op-cover-pillars>div+div{border-right:1px solid #c1dddd}.op-cover-pillars i{display:grid;place-items:center;width:43px;height:43px;background:#e1f1f1;color:#07505e;border-radius:50%;font-style:normal;font-size:25px;margin:0 auto 8px}.op-cover-pillars span{font-size:12px;font-weight:700;display:block}.op-cover-director{border-top:1px solid #c5dedf;padding-top:16px;color:#153f50}.op-cover-director small,.op-cover-director strong{display:block}.op-cover-director small{font-size:12px;color:#5d7c87}.op-cover-director strong{font-size:18px;margin-top:4px}
@media(max-width:700px){#opApp:not(.plan-landscape-view) .op-cover-v2{grid-template-columns:32% 68%;min-height:440px}#opApp:not(.plan-landscape-view) .op-cover-title h1{font-size:27px!important}#opApp:not(.plan-landscape-view) .op-cover-title h1 span{font-size:24px}#opApp:not(.plan-landscape-view) .op-cover-orbit b{font-size:38px}#opApp:not(.plan-landscape-view) .op-cover-orbit span{font-size:10px}#opApp:not(.plan-landscape-view) .op-cover-copy{padding:15px}#opApp:not(.plan-landscape-view) .op-cover-authority{font-size:9px;gap:8px}#opApp:not(.plan-landscape-view) .op-cover-authority>img{width:55px}}
@media print{.op-cover-v2{grid-template-columns:39% 61%;min-height:151mm;height:151mm;margin:0;break-inside:avoid;print-color-adjust:exact}.op-cover-visual{min-height:0}.op-cover-copy{padding:5mm 7mm}.op-cover-orbit{width:85%;margin-top:5mm}.op-cover-orbit b{font-size:62pt}.op-cover-orbit span{font-size:13pt}.op-cover-title h1{font-size:33pt!important;margin:7mm 0 1mm!important}.op-cover-title h1 span{font-size:26pt}.op-cover-title>p{font-size:16pt}.op-cover-authority{font-size:9pt}.op-cover-authority>img{width:25mm;height:18mm}.op-cover-pillars{margin:5mm 0}.op-cover-director{padding-top:3mm}.op-cover-director strong{font-size:14pt}}

/* Operational plan: landscape reader and private editorial annotations. */
@media screen{
#opApp .plan-landscape-paper{width:1122.52px;min-height:793.7px;padding:28px 36px}
#opApp .op-program-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#opApp .op-program-row{min-height:115px;padding:20px}
#opApp .op-program-row strong{font-size:20px}#opApp .op-program-row small{font-size:15px}
#opApp .op-catalog-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 0;font-size:16px}
#opApp .op-pager{position:sticky;bottom:0;background:#edf3f5;padding:12px;z-index:4;border-top:1px solid #d7e3e8}
#opApp .op-sheet h1{font-size:36px}#opApp .op-sheet td{font-size:17px}#opApp .op-sheet th{font-size:16px}
#opApp .op-sheet .op-lead,#opApp .op-box p{font-size:18px}
#opApp .op-cover-v2{min-height:630px}
}
@media print{.op-designer-note,.op-catalog-pager{display:none!important}}

@media print{.op-sheet{page:operationalLandscape}.op-cover-v2{height:161mm;min-height:161mm}}

/* Final operational edition: A4 landscape, consistent spacing and school identity. */
.op-storage-note{font-size:12px;line-height:1.8;color:#55717e;padding-top:10px;border-top:1px solid #dce7eb}
.op-school-emblem{width:92px;height:92px;object-fit:contain;background:#fff;border-radius:50%;padding:8px;margin-bottom:12px}
.op-cover-v2{grid-template-columns:40% 60%;border:1px solid #d4e5e8;border-radius:12px;background:linear-gradient(125deg,#edf8f7,#fff 65%)}
.op-cover-visual{border-radius:0;min-height:0;background:#0b3448;display:flex;flex-direction:column;align-items:center;justify-content:space-between}
.op-cover-school{position:relative;height:52%;min-height:270px;object-fit:cover;object-position:center;border:0;flex:1;width:100%}
.op-cover-orbit{border:0;background:none;color:white;aspect-ratio:auto;margin:20px auto;width:100%;padding:0 20px;flex:none}
.op-cover-orbit b{font-size:56px;color:white;letter-spacing:0}.op-cover-orbit span{color:#b9e5df;font-size:14px;margin-top:8px;padding-top:8px}
.op-cover-copy{padding:28px;gap:14px}.op-cover-title h1{font-size:43px!important;line-height:1.5!important;margin:18px 0 8px!important;letter-spacing:0}.op-cover-title h1 span{font-size:32px}.op-cover-title>p{font-size:19px}
.op-cover-authority{font-size:12px}.op-cover-authority>img{width:78px}.op-cover-pillars{margin:16px 0}.op-cover-director strong{font-size:18px}
@media screen{
#opApp .op-sheet-head{margin-bottom:18px;padding-bottom:12px}
#opApp .op-sheet h1{font-size:30px;line-height:1.5}
#opApp .op-sheet th,#opApp .op-sheet td{padding:5px 10px;line-height:1.65}
#opApp .op-sheet .op-lead,#opApp .op-box p{font-size:16px;line-height:1.85}
#opApp .op-lead{margin-bottom:16px}#opApp .op-box{padding:16px}#opApp .op-sheet-foot{margin-top:20px}
#opApp .op-program-row{min-height:90px;padding:14px}#opApp .op-program-row strong{font-size:17px}#opApp .op-program-row small{font-size:13px}
#opApp .op-cover-sheet .op-sheet-head{margin-bottom:12px}#opApp .op-cover-sheet .op-sheet-foot{margin-top:12px}
#opApp .op-cover-v2{margin:0;min-height:630px}
#opApp .op-top{flex-wrap:wrap}#opApp .op-actions{align-items:center}
}
@page operationalLandscape{size:A4 landscape;margin:0;@bottom-right{content:none}@bottom-left{content:none}}
@media print{
html,body{width:auto!important;height:auto!important;overflow:visible!important}
.op-sheet{page:operationalLandscape;padding:8mm 10mm;min-height:0;break-after:page;break-before:auto}
.op-sheet:last-child{break-after:auto}.op-sheet:before{top:8mm;bottom:8mm;right:4mm}
.op-sheet-head,.op-sheet-foot{break-inside:avoid}.op-sheet h1,.op-sheet h2,.op-sheet h3{break-after:avoid}
.op-cover-sheet{height:210mm;overflow:visible}.op-cover-v2{height:167mm;min-height:167mm;margin:0}
.op-cover-copy{padding:6mm;gap:2mm}.op-cover-orbit{margin:4mm auto;padding:0 4mm}
.op-school-emblem{width:20mm;height:20mm;margin-bottom:2mm;padding:2mm}
.op-cover-orbit b{font-size:32pt}.op-cover-orbit span{font-size:10pt;padding-top:2mm;margin-top:2mm}
.op-cover-school{min-height:0;height:88mm}.op-cover-title h1{font-size:28pt!important;margin:3mm 0!important}.op-cover-title h1 span{font-size:22pt}
.op-cover-title>p{font-size:14pt}.op-cover-authority{font-size:8pt}.op-cover-authority>img{width:21mm}.op-cover-pillars{margin:3mm 0}.op-cover-director strong{font-size:13pt}
.op-fields{display:block;columns:2;column-gap:5mm}.op-field{break-inside:avoid;margin-bottom:3mm}.op-field.wide{column-span:all}.op-field-value{overflow-wrap:anywhere}
.op-sheet-foot span:last-child{display:inline}.op-storage-note{font-size:9pt}.op-sheet table{width:100%;max-width:100%}
}

/* Approved user-supplied cover, preserved without cropping or overlaid text. */
.op-cover-sheet .op-sheet-head,.op-cover-sheet .op-sheet-foot,.op-cover-sheet:before{display:none!important}
.op-approved-cover{margin:0;position:relative;isolation:isolate;background:#fff;line-height:0;overflow:hidden}
.op-approved-cover img{display:block;width:100%;height:auto;object-fit:contain}
@media screen{
#opApp .op-sheet.op-cover-sheet{padding:0!important;min-height:0!important;border:1px solid #d7e3e6;border-radius:5px;box-shadow:0 18px 42px #063a4e24,0 2px 6px #063a4e12;overflow:hidden;animation:op-cover-reveal .55s ease-out both}
.op-approved-cover:after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid #d3b36766;box-shadow:inset 0 0 0 1px #ffffff55}
}
@keyframes op-cover-reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#opApp .op-sheet.op-cover-sheet{animation:none}}
@media print{
.op-sheet.op-cover-sheet{box-sizing:border-box!important;width:297mm!important;height:210mm!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;animation:none!important;transform:none!important;overflow:hidden}
.op-approved-cover{width:297mm;height:210mm}.op-approved-cover img{width:100%;height:100%;object-fit:contain}.op-approved-cover:after{display:none}
}

/* Editable operational records; controls stay outside printed plan content. */
.op-approved-cover{container-type:inline-size}
.op-cover-year{position:absolute;left:62.5%;top:49%;width:24%;height:6%;display:flex;align-items:center;justify-content:center;background:#fafdfe;color:#073b4c;font:800 2.4cqw/1.4 Cairo,Tahoma,sans-serif;white-space:nowrap}
#opContentEditor{width:min(940px,94vw);max-width:94vw;max-height:90dvh;padding:0;border:1px solid #cadbdc;border-radius:18px;color:#143b46;background:#f7faf9;font-family:Cairo,Tahoma,sans-serif;box-shadow:0 25px 90px #092f4b44}
#opContentEditor::backdrop{background:#052a3ccc;backdrop-filter:blur(3px)}
#opContentEditor form{display:flex;flex-direction:column;max-height:88dvh;margin:0}
.op-edit-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 26px;background:#073b4c;color:#fff}
.op-edit-header p{margin:0;font-size:13px;color:#b8ddd9}.op-edit-header h2{margin:4px 0;font-size:23px;color:#fff}
.op-edit-body{overflow-y:auto;padding:20px 26px;min-height:0}.op-edit-notice{background:#e7f2ee;border-right:3px solid #188978;padding:12px 16px;line-height:1.9;font-size:14px}
#opEditError{color:#a32626;font-weight:700}#opEditError:empty{display:none}
.op-edit-record{background:white;border:1px solid #d7e5e2;border-radius:10px;margin:10px 0;padding:0 16px}.op-edit-record summary{padding:16px 0;cursor:pointer;font-weight:700}.op-edit-record small{margin-inline-start:14px;color:#567078}.op-edit-record[open]{border-color:#269686}
.op-edit-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:10px 0}.op-edit-field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:700}.op-edit-field:has(textarea){grid-column:1/-1}
#opContentEditor input,#opContentEditor textarea{box-sizing:border-box;width:100%;font:400 16px/1.7 Cairo,Tahoma,sans-serif;padding:10px 12px;border:1px solid #a8c5c4;border-radius:7px;background:#fff;color:#163d46}#opContentEditor textarea{min-height:100px;resize:vertical}#opContentEditor input:focus,#opContentEditor textarea:focus{outline:3px solid #14938340;border-color:#078c7b}
#opContentEditor .op-btn{font-family:inherit;min-height:42px;cursor:pointer}#opContentEditor .op-delete{color:#a42d36;border-color:#ebbdc2;background:#fff6f6;margin:4px 0 16px}
.op-edit-trash{margin-top:25px;padding:16px;border:1px dashed #b5c9ca;border-radius:10px}.op-edit-trash summary{cursor:pointer;font-weight:700}.op-edit-trash>div{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}
.op-edit-footer{padding:18px 26px;background:white;border-top:1px solid #d7e5e2;display:flex;justify-content:space-between;align-items:center;gap:16px}.op-edit-footer>span{font-size:12px;max-width:390px;color:#536c73}.op-edit-footer>div{display:flex;gap:8px;flex-shrink:0}
@media(max-width:640px){.op-edit-header,.op-edit-body,.op-edit-footer{padding:16px}.op-edit-fields{grid-template-columns:1fr}.op-edit-footer{flex-wrap:wrap}.op-edit-header h2{font-size:19px}}
@media print{#opContentEditor{display:none!important}}