/* Compact Ejaaba 2021 controls: real answers sort and pinned carousel. */
.arch-spotlight .arch-pinned-spotlight[hidden]{display:none!important}
.arch-spotlight .arch-spotlight-navigation{display:flex!important;gap:4px;
 align-items:center!important;justify-content:flex-end!important;
 padding:3px 8px!important;background:#f5f7fb!important;
 border-bottom:1px solid #dde7f2!important;direction:rtl!important}
.arch-spotlight-navigation button{display:grid!important;place-items:center!important;
 width:23px!important;height:22px!important;min-width:23px!important;
 border:1px solid #cdd9e9!important;background:#fff!important;color:#2b6ca9!important;
 padding:0!important;font-size:18px!important;line-height:1!important;border-radius:2px!important}
.arch-spotlight-navigation button[disabled]{color:#a7b3c2!important;opacity:.55!important}
.arch-spotlight-navigation [data-pin-status]{font-size:10px!important;color:#8294a9!important;min-width:58px;text-align:center}
.arch-spotlight-navigation a{font-size:10px!important;margin-inline-start:5px;color:#2c71b2!important}
.ejabat-answers-toolbar{justify-content:space-between!important}
.ejabat-answers-toolbar .ejabat-archive-sortbar{gap:3px!important}
.ejabat-answers-toolbar .ejabat-archive-sortbar select{
 border:1px solid #c2d3e7!important;background:#fff!important;
 color:#3b658e!important;max-width:125px!important;
 height:27px!important;font-size:11px!important}
.ejabat-answers-toolbar [data-answer-sort-direction]{
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:25px!important;min-width:25px!important;height:27px!important;
 color:#3475b5!important;background:#fff!important;border:1px solid #c2d3e7!important;
 padding:1px!important;border-radius:2px!important;
}
.ejabat-answers-toolbar [data-answer-sort-direction] .arch-icon{
 width:16px!important;height:16px!important
}
.ejabat-answers-toolbar [data-answer-sort-direction].ascending{
 color:#12568f!important;background:#e1edfb!important;border-color:#6ea0d5!important
}
.ejabat-answers-toolbar .ejabat-archive-sortbar button:focus-visible,
.arch-spotlight-navigation button:focus-visible{outline:2px solid #377dcc!important;outline-offset:2px}

/* Inline image upload uses existing Ejaaba photo center, no page switch. */
.ejabat-image-picker{overflow-y:auto!important}
.ejabat-inline-photo-upload{display:grid!important;grid-template-columns:minmax(0,1fr)!important;
 gap:7px!important;margin:7px 11px!important;padding:9px!important;
 background:#f9fbff!important;border:1px solid #d5e1ef!important}
.ejabat-inline-photo-upload input[type="file"],
.ejabat-inline-photo-upload input[name="caption"]{display:block!important;width:100%!important;
 max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
 border:1px solid #bccfe6!important;background:#fff!important;
 color:#35495e!important;padding:7px!important;font-size:12px!important}
.ejabat-inline-photo-upload .ejabat-inline-photo-submit{
 justify-self:start!important;background:#467eb5!important;color:#fff!important;
 border:1px solid #326796!important;border-radius:2px!important;
 padding:6px 12px!important;font-size:12px!important}
.ejabat-inline-photo-upload button[disabled]{opacity:.6!important}
.ejabat-inline-photo-upload .ejabat-image-upload-result{
 color:#3d779f!important;font-size:11px!important;margin:0!important}
.ejabat-inline-photo-upload .ejabat-image-share-row{
 display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important}
.ejabat-inline-photo-upload .ejabat-image-share-row[hidden]{display:none!important}
.ejabat-image-share-row input{flex:1!important;min-width:0!important;text-align:left!important}
.ejabat-image-share-row button{border:1px solid #becde0!important;background:#fff!important;
 padding:6px!important;color:#316ba7!important;font-size:11px!important;white-space:nowrap}
.ejabat-personal-categories{max-width:1000px;margin:0 auto 25px;padding:8px 12px;direction:rtl}
.ejabat-personal-head{background:#fff;padding:13px 12px;border-bottom:1px solid #d6e3f2}
.ejabat-personal-head h1{font-size:21px;margin:0 0 5px;color:#2769af}
.ejabat-personal-head p{font-size:12px;line-height:1.8;color:#596978;margin:0}
.ejabat-personal-head small{font-size:10px;color:#8593a3}
.ejabat-personal-create{background:#f8faff;border:1px solid #d4e1f0;padding:11px;margin:10px 0}
.ejabat-personal-create h2,.ejabat-personal-question-list h2{
 font-size:15px;color:#3978b4;background:#e8eef9;margin:0 0 8px;padding:6px 9px;font-weight:normal}
.ejabat-personal-create form{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}
.ejabat-personal-create label{min-width:170px;flex:1;display:grid;gap:5px;font-size:12px}
.ejabat-personal-create input,.ejabat-personal-create textarea{
 width:100%;max-width:100%;box-sizing:border-box;border:1px solid #c0d1e5;
 padding:7px;background:#fff;font:inherit}
.ejabat-personal-create small{display:block;font-size:10px;color:#73869b;margin:7px 0}
.ejabat-personal-cards{background:#fff}
.ejabat-personal-card,.ejabat-personal-question{
 display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;
 border-bottom:1px solid #e1eaf3;padding:9px 11px;font-size:13px}
.ejabat-personal-card>a,.ejabat-personal-question>a{color:#306dab!important;font-size:14px;flex:1}
.ejabat-personal-card>span,.ejabat-personal-question small{color:#8394a5;font-size:11px}
.ejabat-personal-card p{width:100%;font-size:11px;color:#677e94;margin:0}
.ejabat-personal-question-list{background:#fff;margin-top:12px}
.ejabat-personal-question>small{display:block;width:100%}
.ejabat-personal-question form{margin-inline-start:auto}
.ejabat-personal-empty{padding:12px;color:#778b9f;font-size:12px}
.ejabat-personal-delete{margin:12px 0;padding:8px;border:1px solid #e8d4d4;
 color:#9b5555;font-size:12px;background:#fff}
.ejabat-personal-delete>summary{cursor:pointer}
.ejabat-heritage-personal-categories{border-bottom:1px solid #e6edf3}
.ejabat-heritage-personal-categories .ejabat-heritage-category-links small{
 font-size:10px!important;color:#7595aa!important}
.ejabat-question-own-category{font-size:11px;max-width:100%;padding:2px!important}
.ejabat-question-own-category>summary{color:#4778a9;cursor:pointer;padding:2px}
.ejabat-question-own-category form{display:flex;gap:5px;flex-wrap:wrap;align-items:end;
 padding:6px 0;background:#fff}
.ejabat-question-own-category label{display:grid;gap:3px;font-size:10px}
.ejabat-question-own-category select{max-width:185px;font-size:11px;
 border:1px solid #bbcee4;background:#fff;padding:4px}
.ejabat-seo-dashboard .ejabat-seo-metrics{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}
.ejabat-seo-metrics span{background:#fff;border:1px solid #dae4f0;padding:9px 5px;
 color:#7c91a2;text-align:center;font-size:11px}
.ejabat-seo-metrics strong{display:block;font-size:21px;color:#306fa9}
.ejabat-seo-settings{display:grid;gap:10px;padding:12px;max-width:780px}
.ejabat-seo-settings label{display:grid;gap:4px;font-size:12px;color:#496b8b}
.ejabat-seo-settings input,.ejabat-seo-settings textarea,.ejabat-seo-settings select{
 width:100%;box-sizing:border-box;font:inherit;border:1px solid #c4d6e9;padding:7px;
 background:#fff;max-width:100%}
.ejabat-seo-settings button{justify-self:start}
.ejabat-seo-links{display:flex;flex-wrap:wrap;gap:10px;padding:14px}
.ejabat-seo-links a{color:#286ba8;font-size:12px}
.ejabat-seo-preview{margin:10px;background:#fff;border:1px solid #dae4ee;padding:12px}
.ejabat-seo-preview small{display:block;direction:ltr;text-align:right;color:#668266;font-size:11px}
.ejabat-seo-preview strong{display:block;font-size:17px;color:#356cba;margin:3px 0}
.ejabat-seo-preview p{font-size:11px;color:#535c64;line-height:1.7}
@media(max-width:600px){
 .ejabat-image-picker{max-height:calc(100dvh - 90px)!important}
 .ejabat-inline-photo-upload{margin:5px 8px!important}
 .ejabat-personal-categories{padding:4px 5px}
 .ejabat-personal-create form{display:grid;grid-template-columns:1fr}
 .ejabat-personal-create label{min-width:0}
}