@media screen{
#zenop-admin-design{position:fixed;right:18px;top:12px;z-index:90;font:14px/1.5 Arial,sans-serif;color:#163e32}#zenop-admin-design[hidden],#zenop-admin-design [hidden]{display:none!important}#zenop-admin-design *{box-sizing:border-box}#zenop-admin-design button{cursor:pointer;font:600 13px Arial,sans-serif;border:1px solid #8cb8a4;border-radius:7px;padding:10px 13px;background:linear-gradient(#fff,#edf6f0);color:#174b37;box-shadow:0 3px 0 #b3cebf;transition:transform .15s,box-shadow .15s}#zenop-admin-design button:hover{transform:translateY(-1px);box-shadow:0 4px 0 #9fbead}#zenop-admin-design button:focus-visible,#zenop-admin-design input:focus-visible,#zenop-admin-design select:focus-visible{outline:3px solid #287d62;outline-offset:2px}#zenop-admin-design .zd-panel{width:365px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 78px);overflow:auto;margin-top:10px;padding:18px;background:#fff;border:1px solid #8eb39e;border-radius:10px;box-shadow:0 15px 40px #12382f40}#zenop-admin-design .zd-title{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:bold;color:#103e2e}#zenop-admin-design .zd-close{font-size:20px;padding:3px 10px}#zenop-admin-design label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;font-weight:600}#zenop-admin-design input[type=color]{width:55px;height:32px;border:1px solid #9ebbaa;border-radius:4px;background:#fff}#zenop-admin-design select{max-width:170px;padding:6px;border:1px solid #9bb9a8;border-radius:5px;color:#153f32;background:#fff;font:13px Arial,sans-serif}#zenop-admin-design .zd-actions{display:flex;gap:9px;align-items:center}#zenop-admin-design .zd-save{background:linear-gradient(#218564,#12523d);color:#fff}#zenop-admin-design .zd-status{min-height:36px;font-size:13px}#zenop-admin-design button:disabled{opacity:.6;cursor:wait}
}
@media print{#zenop-admin-design{display:none!important}}

@media screen{body:has(#zenop-admin-design) :is(#colourFont,#appearanceButton){display:none!important}}

/* R36 middle-right appearance slider: preserve header language/search. */
@media screen {
 #zenop-admin-design{top:50%;right:0;transform:translateY(-50%);width:40px;height:48px}
 #zenop-admin-design .zd-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:48px;padding:0;border-radius:12px 0 0 12px;border-right:0;background:linear-gradient(140deg,#238966,#12523e);color:#fff;font-size:24px;box-shadow:-3px 3px 9px #173c3430,inset 0 1px 1px #ffffff70}
 #zenop-admin-design .zd-toggle:hover{transform:translateX(-2px);box-shadow:-4px 4px 12px #173c3440}
 #zenop-admin-design .zd-toggle[aria-expanded=true]{background:linear-gradient(140deg,#165e47,#0c3d2d)}
 #zenop-admin-design .zd-panel{position:absolute;right:48px;top:50%;transform:translateY(-50%);margin:0;width:365px;max-width:calc(100vw - 62px);max-height:calc(100dvh - 32px);animation:zd-slider-open .18s ease-out}
 @keyframes zd-slider-open{from{opacity:0;transform:translate(12px,-50%)}to{opacity:1;transform:translate(0,-50%)}}
 @media(prefers-reduced-motion:reduce){#zenop-admin-design .zd-panel{animation:none}#zenop-admin-design button{transition:none}}
}