/* Viewer colors are supplied by the authenticated no-store theme stylesheet. */
body[data-plus-theme="1"]{background:var(--ejpa-page,#f4f7fb)!important;color:var(--ejpa-page-text,#222)!important}
body[data-plus-theme="1"] :is(.main-area,.right-sidebar,.left-sidebar,.archive-home,.question-list,.archive-question-row,.question-detail,.answer,.answer-item,.classic-member-profile,.profile-section,.form-page,.ev25-panel,.ejpa-section){background-color:var(--ejpa-surface,#fff)!important;color:var(--ejpa-text,#222)!important}
body[data-plus-theme="1"] .main-area :is(.question-title,.archive-question-title,.archive-question-title a,.question-link,.section-head h2,.profile-section h2,.ejpa-section h2,.ev25-panel h2){color:var(--ejpa-link,#2c73b2)!important}
body[data-plus-theme="1"] .main-area :is(.detail-body,.answer-body,.ejabat-rich-content,.ejpa-section p,.ejpa-section label,.ejpa-section h3,.ejpa-fields small){color:var(--ejpa-text,#222)!important}
body[data-plus-theme="1"] :is(.ejpa-settings,.ej-plus-hub) :is(input,select,textarea){background:var(--ejpa-surface,#fff)!important;color:var(--ejpa-text,#222)!important;border-color:var(--ejpa-link,#2c73b2)!important}
body[data-plus-theme="1"] :is(.ejpa-settings,.ej-plus-hub) a{color:var(--ejpa-link,#2c73b2)}
body[data-plus-theme="1"] :is(.ejpa-savebar [data-plus-appearance-save],.ej-plus-primary){background:var(--ejpa-accent,#2c73b2)!important;color:var(--ejpa-on-accent,#fff)!important;border-color:var(--ejpa-accent,#2c73b2)!important}
body[data-plus-theme="1"] .ejm-shell{--ejm-blue:var(--ejpa-accent,#2c73b2)}
body[data-plus-theme="1"] .ejm-message.mine .ejm-bubble{background:var(--ejpa-accent,#2c73b2);border-color:var(--ejpa-accent,#2c73b2);color:var(--ejpa-on-accent,#fff)}
body[data-plus-theme="1"] .ejm-shell form.ejm-composer[data-contact-message] .ejm-send{background:var(--ejpa-accent,#2c73b2)!important;color:var(--ejpa-on-accent,#fff)!important;border-color:var(--ejpa-accent,#2c73b2)!important}

/* These settings affect the existing toast and bell components, including new DOM rows. */
body[data-plus-appearance="1"][data-plus-toast="top-start"] .ejabat-retro-toast-host,body[data-plus-appearance="1"][data-plus-toast="bottom-start"] .ejabat-retro-toast-host{left:auto;right:max(14px,env(safe-area-inset-right));transform:none}
body[data-plus-appearance="1"][data-plus-toast="top-end"] .ejabat-retro-toast-host,body[data-plus-appearance="1"][data-plus-toast="bottom-end"] .ejabat-retro-toast-host{right:auto;left:max(14px,env(safe-area-inset-left));transform:none}
body[data-plus-appearance="1"][data-plus-toast^="bottom-"] .ejabat-retro-toast-host{top:auto;bottom:max(24px,calc(env(safe-area-inset-bottom) + 16px))}
body[data-plus-appearance="1"][data-plus-density="compact"] .ejabat-notify-item{padding-block:6px!important;min-height:46px!important;gap:7px!important}
body[data-plus-appearance="1"][data-plus-density="compact"] .ejabat-notify-item-copy strong{font-size:12px!important;line-height:1.6!important}
body[data-plus-appearance="1"][data-plus-density="compact"] .ejabat-notify-item-copy small{font-size:10px!important;margin-top:1px!important}
body[data-plus-appearance="1"][data-plus-density="comfortable"] .ejabat-notify-item{padding-block:12px!important;min-height:64px!important}

/* Actual Plus marker; HTML/JSON entitlement is rechecked by server controllers. */
.ej-plus-badge[hidden]{display:none!important}
.ej-plus-badge{display:inline-flex!important;align-items:center;justify-content:center;flex:none;vertical-align:middle;white-space:nowrap;padding:2px 5px;margin-inline:4px 1px;min-height:17px;border:1px solid #ad873f;border-radius:4px;background:linear-gradient(130deg,#fffae7,#ebce87 52%,#fff2c7);color:#654708!important;font:700 9px/1.25 Arial,Tahoma,sans-serif!important;letter-spacing:.6px;box-shadow:inset 0 1px 0 #fff7;direction:ltr}

/* The same frame class decorates the real portrait and its labelled preview. */
.ev25-profile-frame-plus-aurora{outline:2px solid #73aca8!important;outline-offset:2px;border:3px solid transparent!important;padding:2px;background:linear-gradient(120deg,#52adab,#8075bb,#e3cb91,#52adab) border-box!important;background-size:250% 250%!important;animation:ejpa-aurora 10s ease-in-out infinite;box-shadow:0 0 0 1px #fff,0 0 9px #789db13b}
.ev25-profile-frame-plus-orbit{outline:3px double #b29453!important;outline-offset:3px;border:2px solid #f6e8bf!important;box-shadow:0 0 0 2px #294765,0 0 0 4px #dfc98a,0 0 9px #29476524;animation:ejpa-orbit 8s ease-in-out infinite}
.ev25-profile-frame-plus-pulse{outline:2px solid #8c79b4!important;outline-offset:2px;border:2px solid #e8dffa!important;box-shadow:0 0 0 3px #c2b5df4d;animation:ejpa-pulse 5s ease-in-out infinite}
body[data-plus-appearance="1"][data-plus-motion="full"] .ejpa-reaction-pop{animation:ejpa-reaction .36s ease-out}
body[data-plus-appearance="1"][data-plus-motion="subtle"] .ejpa-reaction-pop{animation:ejpa-reaction-subtle .15s ease-out}
body[data-plus-appearance="1"][data-plus-motion="subtle"] :is(.ev25-profile-frame-plus-aurora,.ev25-profile-frame-plus-orbit,.ev25-profile-frame-plus-pulse){animation:none!important}
body[data-plus-appearance="1"][data-plus-motion="subtle"] .ejabat-retro-toast{transition:opacity .12s linear;transform:none}
body[data-plus-appearance="1"][data-plus-motion="off"] :is(.ev25-profile-frame-plus-aurora,.ev25-profile-frame-plus-orbit,.ev25-profile-frame-plus-pulse,.ejpa-reaction-pop,.ejm-typing b,.ejm-message.is-entering){animation:none!important;transition:none!important}
body[data-plus-appearance="1"][data-plus-motion="off"] .ejabat-retro-toast{transition:none!important;transform:none!important}

/* Appearance editor. Existing Ejaaba typeface and site navigation are retained. */
.ejpa-settings{min-width:0;max-width:980px;margin:auto;line-height:1.85}
.ejpa-settings [hidden]{display:none!important}.ejpa-settings *{box-sizing:border-box}
.ejpa-settings .ejg-icon,.ejpa-profile-tools .ejg-icon{width:21px;height:21px;flex:0 0 21px}
.ejpa-back{display:inline-flex;gap:5px;align-items:center;margin:0 0 10px;font-size:13px}
.ejpa-settings fieldset{padding:0;margin:0;border:0;min-width:0}
.ejpa-settings fieldset:disabled{opacity:.65}
.ejpa-section{padding:20px;margin:0 0 14px;background:#fff;border:1px solid #d7e2ed;border-radius:7px;min-width:0}
.ejpa-section>header{display:flex;gap:11px;align-items:flex-start;margin-bottom:17px}
.ejpa-section-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;border:1px solid #dce6ef;border-radius:9px;background:#f1f6fc;color:#427eac}
.ejpa-section header h2{margin:1px 0 4px;padding:0;background:transparent;border:0;color:#2b608e;font-size:20px;line-height:1.6}
.ejpa-section header p{margin:0;color:#718396;font-size:13px;line-height:1.8}
.ejpa-presets{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:10px 0 20px}
.ejpa-settings .ejpa-preset{position:relative;margin:0;padding:10px 7px;border:1px solid #dce5ef;border-radius:6px;display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer;min-width:0;background:#fafcfe;color:#476985}
.ejpa-preset input{position:absolute;inset-inline-start:5px;inset-block-start:5px;width:13px!important;min-width:13px!important;height:13px;margin:0!important}
.ejpa-preset:has(input:checked){border-color:#4684b8;box-shadow:0 0 0 1px #4684b8;background:#eff5fc}
.ejpa-preset strong{font-size:12px;font-weight:600;white-space:normal;text-align:center}
.ejpa-swatch{display:flex;align-items:center;justify-content:center;gap:0;height:30px;padding-top:5px}
.ejpa-swatch i{width:17px;height:17px;border:1px solid #ffffffb3;border-radius:50%;margin-inline-start:-3px;box-shadow:0 0 0 1px #566e841a}
.ejpa-preset-classic .ejpa-swatch i:nth-child(1){background:#2c73b2}.ejpa-preset-classic .ejpa-swatch i:nth-child(2){background:#f4f7fb}.ejpa-preset-classic .ejpa-swatch i:nth-child(3){background:#fff}
.ejpa-preset-ocean .ejpa-swatch i:nth-child(1){background:#23688d}.ejpa-preset-ocean .ejpa-swatch i:nth-child(2){background:#eaf3f8}.ejpa-preset-ocean .ejpa-swatch i:nth-child(3){background:#fff}
.ejpa-preset-forest .ejpa-swatch i:nth-child(1){background:#24785e}.ejpa-preset-forest .ejpa-swatch i:nth-child(2){background:#eef5f0}.ejpa-preset-forest .ejpa-swatch i:nth-child(3){background:#fff}
.ejpa-preset-plum .ejpa-swatch i:nth-child(1){background:#7751a0}.ejpa-preset-plum .ejpa-swatch i:nth-child(2){background:#f4f0f8}.ejpa-preset-plum .ejpa-swatch i:nth-child(3){background:#fff}
.ejpa-preset-sand .ejpa-swatch i:nth-child(1){background:#956e32}.ejpa-preset-sand .ejpa-swatch i:nth-child(2){background:#f7f3eb}.ejpa-preset-sand .ejpa-swatch i:nth-child(3){background:#fffdf8}
.ejpa-colors,.ejpa-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.ejpa-settings .ejpa-color{display:flex;flex-direction:column;margin:0;color:#365a79;font-size:13px;gap:7px}
.ejpa-color-controls{display:flex;align-items:center;gap:7px;min-width:0}
.ejpa-settings .ejpa-color input[type=color]{flex:0 0 40px;width:40px;height:42px;min-height:42px;margin:0;padding:3px;cursor:pointer;border:1px solid #c7d6e3;border-radius:5px;background:#fff}
.ejpa-settings .ejpa-color input[type=text]{min-width:0;width:100%;height:42px;margin:0;padding:8px 9px;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.4px;border:1px solid #c7d6e3;border-radius:5px}
.ejpa-preview{margin:20px 0 8px;border:1px solid #d8e2ed;border-radius:7px;overflow:hidden}
.ejpa-preview-page{padding:18px 22px;background:var(--ejpa-page,#f4f7fb);color:var(--ejpa-page-text,#222)}
.ejpa-preview-card{padding:20px;max-width:460px;margin:auto;border:1px solid #8498ac40;border-radius:7px;background:var(--ejpa-surface,#fff);color:var(--ejpa-text,#222)}
.ejpa-preview .ejpa-preview-caption{color:var(--ejpa-text,#222);opacity:.7;font-size:11px}
.ejpa-settings .ejpa-preview h3,.ejpa-settings .ejpa-preview p{color:var(--ejpa-text,#222)!important;margin:6px 0;background:transparent;font-size:17px}
.ejpa-settings .ejpa-preview p{font-size:13px}
.ejpa-preview-link{display:block;font-size:13px;color:var(--ejpa-link,#2c73b2);text-decoration:underline;margin:11px 0}
.ejpa-preview-button{display:inline-flex;padding:6px 14px;font-size:12px;line-height:1.7;background:var(--ejpa-accent,#2c73b2);color:var(--ejpa-on-accent,#fff);border-radius:4px}
.ejpa-settings .ejpa-hint{font-size:12px;color:#7a8b9c;margin:10px 0 0}
.ejpa-fields-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.ejpa-settings .ejpa-fields label{font-size:13px;margin:0;min-width:0}
.ejpa-settings .ejpa-fields select{font-size:13px;height:43px;padding:7px 9px;margin:7px 0;border-radius:5px;min-width:0}
.ejpa-fields small{display:block;font-size:11px;line-height:1.8;color:#7a8b9c}
.ejpa-section>a{display:inline-flex;font-size:12px;margin-top:14px}
.ejpa-savebar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px 0 20px;background:transparent}
.ejpa-savebar p{flex:1;min-width:130px;margin:0;font-size:12px;color:#6f8194}
.ejpa-settings .ejpa-savebar button{min-height:40px;margin:0;padding:8px 14px;font-size:13px;border-radius:5px}
.ejpa-settings [data-plus-appearance-save]{background:#2c73b2;border-color:#2c73b2;color:#fff}
.ejpa-settings .ejpa-reset{background:#fff;color:#5a718a;border-color:#cbd9e6}
.ejpa-settings [data-plus-appearance-error],.ejpa-profile-tools [data-plus-appearance-error],.ejpa-question-pin [data-plus-appearance-error]{padding:9px 12px;color:#8e2f35!important;background:#fff4f4;border:1px solid #ebcccc;font-size:13px;border-radius:4px}
.ejpa-frame-previews{display:flex;align-items:center;justify-content:space-around;gap:20px;flex-wrap:wrap;padding:14px 8px}
.ejpa-frame-previews>div{display:flex;flex-direction:column;align-items:center;gap:14px;min-width:65px}
.ejpa-frame-demo{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#e9eef6;color:#7a668e}
.ejpa-frame-demo .ejg-icon{width:27px;height:27px}
.ejpa-frame-previews strong{font-size:13px;color:#516c84;font-weight:400}
.ejpa-profile-tools{font-size:12px;padding:8px 10px;margin:8px 0;border:1px solid #d9e3ed;background:#fafcff;border-radius:3px}
.ejpa-profile-tools summary{cursor:pointer;color:#467297}
.ejpa-profile-tools form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}
.ejpa-profile-tools select{padding:6px 8px;max-width:100%;font:inherit;color:#3d627f;background:#fff;border:1px solid #c5d5e3}
.ejpa-profile-tools button,.ejpa-question-pin button{font:inherit;font-size:12px;padding:5px 9px;border:1px solid #c6d6e5;border-radius:3px;background:#f8fbff;color:#3c709a;cursor:pointer}
.ejpa-question-pin{display:inline-flex;align-items:center;gap:5px;max-width:100%;flex-wrap:wrap}
.ejpa-question-pin button{display:inline-flex;align-items:center;gap:3px}

/* Filter remains independent of the legacy portrait's !important background/box-shadow. */
@keyframes ejpa-aurora{0%,100%{filter:drop-shadow(0 0 2px #52adab55)}50%{filter:drop-shadow(0 0 5px #9683c366)}}
@keyframes ejpa-orbit{0%,100%{filter:drop-shadow(2px 0 2px #c2a76855)}50%{filter:drop-shadow(-2px 0 4px #638fb355)}}
@keyframes ejpa-pulse{0%,100%{filter:drop-shadow(0 0 1px #a38dce44)}50%{filter:drop-shadow(0 0 5px #a38dce88)}}
@keyframes ejpa-reaction{0%,100%{transform:scale(1)}45%{transform:scale(1.16)}75%{transform:scale(.97)}}
@keyframes ejpa-reaction-subtle{from{opacity:.65}to{opacity:1}}
@media(max-width:700px){.ejpa-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.ejpa-colors,.ejpa-fields{grid-template-columns:1fr;gap:17px}.ejpa-section{padding:16px 13px}.ejpa-preview-page{padding:15px}.ejpa-preview-card{padding:16px}.ejpa-color-controls{max-width:350px}.ejpa-section header h2{font-size:18px}.ejpa-section header p{font-size:12px}.ejpa-savebar{padding-inline:2px}.ejpa-savebar p{flex-basis:100%;margin-bottom:3px}}
@media(max-width:350px){.ejpa-presets{gap:6px}.ejpa-preset strong{font-size:11px}.ejpa-settings .ejpa-preset{padding-inline:5px}.ejpa-section{padding:13px 10px}.ejpa-frame-previews{gap:15px}}
@media(prefers-reduced-motion:reduce){.ev25-profile-frame-plus-aurora,.ev25-profile-frame-plus-orbit,.ev25-profile-frame-plus-pulse,.ejpa-reaction-pop{animation:none!important}body[data-plus-appearance="1"] .ejabat-retro-toast{transition:none!important;transform:none!important}}
@media(forced-colors:active){.ej-plus-badge{background:Canvas;color:CanvasText!important;border-color:CanvasText;box-shadow:none}.ejpa-preset:has(input:checked){outline:2px solid Highlight}.ev25-profile-frame-plus-aurora,.ev25-profile-frame-plus-orbit,.ev25-profile-frame-plus-pulse{outline:3px double Highlight!important;animation:none!important}}
