/* Operational Plan Studio — responsive Arabic controls and public plan cards */
.atop-admin{direction:rtl;text-align:right;max-width:1350px;margin:24px auto 42px;padding-inline:12px;color:#243b40;}
.atop-admin *,.atop-public *{box-sizing:border-box;min-width:0;}
.atop-admin .atop-lead{font-size:15px;color:#506972;max-width:850px;line-height:1.8;}
.atop-admin .atop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:16px;margin:22px 0;}
.atop-panel{background:#fff;border:1px solid #dae6e5;border-radius:16px;padding:clamp(16px,2vw,26px);margin:18px 0;box-shadow:0 4px 20px rgba(28,62,68,.035);}
.atop-panel h2{margin:0 0 15px;font-size:1.35em;line-height:1.5;color:#1e5960;}
.atop-panel h3{color:#1c4650;}
.atop-admin label{display:block;font-weight:600;color:#35535b;}
.atop-admin .atop-field{display:flex;flex-direction:column;gap:7px;}
.atop-admin label>input,.atop-admin label>select,.atop-admin label>textarea,.atop-field input,.atop-field select,.atop-field textarea{display:block;width:100%;max-width:100%;min-height:40px;padding:9px 12px;border-radius:9px;border:1px solid #bfcdce;background:#fff;color:#243b40;font-size:14px;line-height:1.6;}
.atop-admin textarea{min-height:110px;resize:vertical;}
.atop-admin input:focus,.atop-admin select:focus,.atop-admin textarea:focus{border-color:#157476;outline:2px solid #bddfde;}
.atop-admin form>label{margin:10px 0;}
.atop-admin .button{line-height:1.8;min-height:36px;}
.atop-admin form>.button{margin-top:12px;}
.atop-toolbar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:14px;margin:18px 0;padding:17px;background:#f1f7f6;border:1px solid #dbe7e6;border-radius:12px;}
.atop-toolbar>label{flex:1 1 210px;}
.atop-toolbar .atop-check{flex:1 1 260px;display:flex;align-items:center;gap:8px;line-height:1.8;}
.atop-toolbar .atop-check input{width:auto;min-height:auto;}
.atop-toolbar--bottom{justify-content:flex-start;}
.atop-panel-heading,.atop-action-edit-title{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.atop-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0;align-items:start;}
.atop-subpanel{margin-top:16px;border-top:1px solid #e0e9e8;padding-top:12px;}
.atop-subpanel summary{cursor:pointer;color:#146c69;font-weight:700;}
.atop-goal-edit{display:flex;gap:12px;align-items:flex-end;margin:12px 0;padding:14px;background:#f5f9f8;border-radius:12px;}
.atop-goal-edit .atop-field{flex:1;}
.atop-initiative-edit{border:1px solid #cbdfde;border-radius:12px;margin:13px 0;background:#fdfefe;overflow:hidden;}
.atop-initiative-edit>summary{padding:16px;cursor:pointer;background:#f2f8f7;color:#214c52;display:flex;align-items:center;justify-content:space-between;gap:12px;line-height:1.7;}
.atop-initiative-edit>summary span{font-size:12px;color:#647778;}
.atop-initiative-body{padding:18px;}
.atop-initiative-body h4{font-size:16px;border-bottom:1px solid #e0e9e8;padding-bottom:9px;margin:20px 0 10px;}
.atop-action-edit{background:#f8faf9;border:1px solid #e1e9e7;border-radius:12px;padding:16px;margin:12px 0;}
.atop-action-edit-title{margin-bottom:14px;}
.atop-action-tools{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:15px;}
.atop-plan-list{display:grid;gap:12px;}
.atop-plan-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#f7fbfa;border:1px solid #e4eceb;border-radius:12px;padding:16px;}
.atop-plan-row h3{margin:0 0 6px;font-size:17px;}
.atop-plan-row p{margin:0;color:#556c73;}
.atop-center-entry{margin:12px 0 18px;padding:16px;border:1px solid #a5d0ce;border-radius:12px;background:#eef7f6;line-height:1.8;color:#1b4b50;}
.atop-center-entry a{display:inline-block;padding:5px 13px;border-radius:8px;background:#146c69;color:#fff!important;font-weight:700;text-decoration:none;margin-inline-start:8px;}
.atop-stats{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0;}
.atop-stats span{flex:1 1 140px;padding:13px;background:#edf5f4;border-radius:12px;line-height:1.8;text-align:center;}
.atop-stats strong{font-size:1.2rem;color:#17666a;}
.atop-public{direction:rtl;text-align:right;color:#243e45;font-size:16px;line-height:1.9;max-width:1200px;margin:24px auto;}
.atop-public h2,.atop-public h3,.atop-public h4,.atop-public h5{font-family:inherit;line-height:1.65;}
.atop-public-hero{padding:20px 24px;background:linear-gradient(135deg,#eaf5f3,#fff);border:1px solid #d2e7e4;border-radius:18px;}
.atop-public-hero h2{margin:0;font-size:clamp(1.5rem,3vw,2.2rem);color:#155c60;}
.atop-info,.atop-goal{margin:20px 0;padding:20px;border:1px solid #dae8e5;background:#fff;border-radius:16px;}
.atop-info h3,.atop-goal h3{margin:0 0 12px;color:#14676b;}
.atop-info p{margin:0;white-space:normal;}
.atop-swot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.atop-swot article{background:#f6faf9;border-radius:12px;padding:14px;}
.atop-swot h4{margin:0 0 7px;}
.atop-initiative-grid,.atop-preview-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:14px;}
.atop-initiative,.atop-preview-items article{border:1px solid #d6e4e3;border-top:4px solid #16767a;border-radius:12px;background:#fcfefe;padding:17px;overflow-wrap:anywhere;}
.atop-initiative h4{margin:7px 0 12px;color:#244750;}
.atop-initiative p{margin:7px 0;line-height:1.9;}
.atop-initiative-top{display:flex;align-items:center;justify-content:space-between;gap:9px;}
.atop-initiative-top span{background:#eff6f4;color:#28686a;padding:2px 10px;border-radius:50px;font-size:.78em;}
.atop-progress{height:9px;background:#e4eded;border-radius:100px;overflow:hidden;margin-top:12px;}
.atop-progress>div{height:100%;background:#167879;transition:width .2s ease;}
.atop-actions{margin-top:14px;border-top:1px solid #dce9e7;padding-top:9px;}
.atop-actions summary{cursor:pointer;font-weight:bold;color:#0e696b;}
.atop-actions summary:focus-visible{outline:3px solid #0e696b;}
.atop-action-list{display:grid;gap:10px;margin-top:12px;}
.atop-action-list article{padding:12px 14px;border-radius:10px;background:#f4f9f8;}
.atop-action-list h5{margin:0 0 8px;font-size:.97em;}
.atop-action-list p{font-size:.91em;}
.atop-empty,.atop-warning{padding:16px;background:#f6faf9;border:1px solid #d7e5e4;border-radius:12px;}
.atop-preview-goal{padding:15px;background:#f6faf9;border-radius:12px;margin:14px 0;}
@media(max-width:720px){.atop-form-grid,.atop-swot{grid-template-columns:1fr;}.atop-panel{padding:15px;}.atop-goal-edit{flex-direction:column;align-items:stretch;}.atop-admin .atop-toolbar{align-items:stretch;}.atop-initiative-edit>summary{align-items:flex-start;flex-direction:column;}.atop-public{margin:12px auto;}.atop-public-hero,.atop-info,.atop-goal{padding:16px;}}
@media print{.atop-admin,.atop-center-entry{display:none!important}.atop-public{max-width:none}.atop-actions{break-inside:avoid}.atop-actions>summary{display:none}.atop-actions>div{display:grid!important}.atop-initiative{break-inside:avoid}.atop-progress{border:1px solid #aaa}}
@media(prefers-reduced-motion:reduce){.atop-progress>div{transition:none}}

/* Standalone styling when the editor is opened inside the association portal. */
.atop-admin .button{appearance:none;display:inline-flex;justify-content:center;align-items:center;text-align:center;gap:6px;border:1px solid #b7cdcc;border-radius:9px;padding:7px 15px;background:#fff;color:#185960;cursor:pointer;text-decoration:none;font:inherit;font-weight:600;}
.atop-admin .button:hover{border-color:#146c69;background:#f1f7f6;color:#146c69;}
.atop-admin .button.button-primary{background:#176b75;border-color:#176b75;color:#fff;}
.atop-admin .button.button-primary:hover{background:#12545d;color:#fff;}
.atop-admin .button-link-delete{cursor:pointer;border:0;background:transparent;color:#a52a39;font:inherit;}
.atop-admin .button:focus-visible,.atop-admin .button-link-delete:focus-visible{outline:3px solid #176b75;outline-offset:3px;}

/* V3.2.7 — operational plan design refresh and print preparation */
.atop-public{--atop-main:#12686b;--atop-main-strong:#0e444c;--atop-wash:#eaf6f4;--atop-edge:#d4e7e5;--atop-gold:#b98d50;}
.atop-public.atop-theme-warm{--atop-main:#91603f;--atop-main-strong:#633d2b;--atop-wash:#faf2ea;--atop-edge:#e6d6c7;--atop-gold:#c39551;}
.atop-public.atop-theme-navy{--atop-main:#31577f;--atop-main-strong:#1b334c;--atop-wash:#edf3f9;--atop-edge:#d5e0eb;--atop-gold:#b69764;}
.atop-public .atop-icon,.atop-print-settings .atop-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0;margin-inline-end:7px;}
.atop-public .atop-eyebrow{color:var(--atop-main);font-size:.85rem;font-weight:800;letter-spacing:.02em;margin:0 0 8px;display:flex;align-items:center;}
.atop-public .atop-public-hero{padding:clamp(20px,3.5vw,38px);background:linear-gradient(125deg,var(--atop-wash),#fff 74%);border:1px solid var(--atop-edge);border-top:5px solid var(--atop-main);box-shadow:0 12px 34px rgba(16,63,67,.05);}
.atop-public .atop-public-hero h2{color:var(--atop-main-strong);font-size:clamp(1.4rem,3vw,2.2rem);margin:0 0 6px;}
.atop-public .atop-stats{gap:12px;margin-top:18px;}
.atop-public .atop-stats span{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-height:108px;padding:17px 12px;background:rgba(255,255,255,.88);border:1px solid var(--atop-edge);box-shadow:0 4px 12px rgba(16,63,67,.045);}
.atop-public .atop-stats strong{font-size:1.45rem;color:var(--atop-main-strong);font-variant-numeric:tabular-nums;}
.atop-public .atop-stats small{font-size:.82rem;color:#537075;line-height:1.5;}
.atop-public .atop-info,.atop-public .atop-goal{border-color:var(--atop-edge);box-shadow:0 5px 22px rgba(16,63,67,.035);}
.atop-public .atop-info{border-inline-start:4px solid var(--atop-main);}
.atop-public .atop-info h3{display:flex;align-items:center;color:var(--atop-main-strong);margin:0 0 9px;font-weight:800;}
.atop-public .atop-goal{padding:clamp(18px,2.8vw,30px);margin:24px 0;}
.atop-public .atop-goal-head{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--atop-edge);}
.atop-public .atop-goal-index{flex:0 0 52px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:var(--atop-main);color:#fff;font-weight:900;font-size:1.15rem;}
.atop-public .atop-goal-title{flex:1 1 220px;}
.atop-public .atop-goal-title small{color:var(--atop-main);font-size:.76rem;font-weight:800;}
.atop-public .atop-goal-title h3{margin:2px 0;color:var(--atop-main-strong);font-size:clamp(1.08rem,2.2vw,1.35rem);}
.atop-public .atop-goal-count{margin-inline-start:auto;color:var(--atop-main-strong);background:var(--atop-wash);padding:6px 12px;border-radius:999px;font-size:.82rem;font-weight:800;}
.atop-public .atop-initiative-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:17px;}
.atop-public .atop-initiative{border-color:var(--atop-edge);border-top-color:var(--atop-main);background:linear-gradient(180deg,#fff 0%,#fdfefe 100%);padding:20px;box-shadow:0 3px 16px rgba(16,63,67,.03);}
.atop-public .atop-initiative h4{font-size:1.03rem;line-height:1.85;color:var(--atop-main-strong);}
.atop-public .atop-initiative-top strong{display:flex;align-items:center;color:var(--atop-main-strong);}
.atop-public .atop-initiative-top span{color:var(--atop-main-strong);background:var(--atop-wash);}
.atop-public .atop-cost{background:var(--atop-wash);padding:8px 10px;border-radius:8px;}
.atop-public .atop-progress{background:#e0eaea;height:9px;}
.atop-public .atop-progress>div{background:var(--atop-main);}
.atop-public .atop-actions summary{color:var(--atop-main);font-weight:800;line-height:1.8;}
.atop-public .atop-action-list article{background:var(--atop-wash);}
.atop-public .atop-actions summary .atop-icon{width:18px;height:18px;}
.atop-public.atop-density-compact .atop-initiative{padding:12px;}
.atop-public.atop-density-compact .atop-initiative-grid{gap:10px;}
.atop-public.atop-density-compact .atop-info,.atop-public.atop-density-compact .atop-goal{padding:13px;margin:11px 0;}
.atop-print-settings h2{display:flex;align-items:center;gap:6px;}
.atop-print-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:14px 0;}
.atop-print-toggles{display:flex;flex-wrap:wrap;gap:8px 18px;margin:16px 0;}
.atop-print-toggles label{display:inline-flex;align-items:center;gap:7px;font-weight:600;}
.atop-print-toggles input{width:auto;min-height:auto;}
.atop-print-cover{text-align:center;min-height:240mm;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:linear-gradient(135deg,#eaf6f4,#fff);padding:40px 18px;page-break-after:always;break-after:page;}
.atop-print-cover h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.4;margin:0;color:#17474c;}
.atop-cover-mark{color:#176b6f;}
.atop-cover-mark .atop-icon{width:58px;height:58px;}
.atop-cover-note{color:#4a676a;font-weight:700;}
.atop-print-view .atop-action-list{display:grid;}
.atop-print-view .atop-public{max-width:none;}
@media(max-width:720px){
 .atop-print-grid{grid-template-columns:1fr;}
 .atop-public .atop-goal-head{gap:8px;}
 .atop-public .atop-goal-index{width:42px;height:42px;flex-basis:42px;}
 .atop-public .atop-stats span{min-height:92px;}
}
@media print{
 .atop-public .atop-initiative,.atop-public .atop-info{break-inside:avoid;page-break-inside:avoid;}
 .atop-public .atop-goal-head{break-after:avoid;page-break-after:avoid;}
 .atop-public .atop-goal{break-inside:auto;page-break-inside:auto;box-shadow:none;}
 .atop-public .atop-public-hero,.atop-public .atop-goal,.atop-public .atop-initiative,.atop-public .atop-info,.atop-public .atop-stats span{print-color-adjust:exact;-webkit-print-color-adjust:exact;box-shadow:none;}
 .atop-print-cover{min-height:235mm;}
 .atop-print-view .atop-action-list article{break-inside:avoid;}
 .atop-public .atop-initiative-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}