/* Ejaaba old-school compact Ask and REAL mobile notifications panel.
   No generic card dashboard, no empty autocomplete block, no fake icons. */
.ejabat-ask-page{background:#fff;border:0;padding:2px 0 9px;color:#3a3f47}
.form-page:has(.ejabat-ask-page){background:#fff;padding:5px 8px;margin:0;max-width:none}
.ejabat-ask-breadcrumb{font-size:11px;color:#929aa3;margin:3px 0 8px}
.ejabat-ask-breadcrumb a{color:#3976b6;font-size:11px}
.ejabat-ask-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#edf0f8;border-bottom:1px solid #cedbec;padding:5px 9px;margin:2px 0 9px}
.ejabat-ask-page .ejabat-ask-heading h1{font-size:17px!important;font-weight:normal!important;color:#2b65a6!important;margin:0!important;padding:0;line-height:1.5}
.ejabat-ask-heading>span{color:#8c9cab;font-size:10px;white-space:nowrap}
.ejabat-ask-page .legacy-ask-form{padding:0!important;margin:0!important;max-width:none!important}
.ejabat-ask-page .ejabat-ask-kind{display:flex;align-items:center;gap:8px 14px;margin:0 0 6px!important;padding:5px 10px 7px!important;background:#f9fbfd;border:1px solid #e0e7f0;min-height:0}
.ejabat-ask-page .ejabat-ask-kind legend{font-size:11px;color:#557998;padding:0 4px;margin:0;font-weight:normal}
.ejabat-ask-page .ejabat-ask-kind label{font-size:12px;color:#446e94;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;margin:0;cursor:pointer}
.ejabat-ask-page .ejabat-ask-kind input{width:15px;height:15px;accent-color:#377bb4}
.ejabat-ask-page .legacy-form-row{display:grid!important;grid-template-columns:116px minmax(0,1fr)!important;gap:7px!important;align-items:start!important;border:0!important;border-bottom:1px dotted #e5e9ee!important;margin:0!important;padding:7px 3px!important;background:#fff}
.ejabat-ask-page .legacy-form-row>label{font-size:12px!important;font-weight:bold;color:#4d5864;text-align:right!important;margin:4px 0 0!important;line-height:1.5!important}
.ejabat-ask-page .legacy-form-row>label small{display:inline!important;font-size:10px;color:#929eaa;font-weight:normal;margin-inline-start:3px}
.ejabat-ask-page .legacy-form-row>div{min-width:0}
.ejabat-ask-page .legacy-form-row input:not([type=radio]),
.ejabat-ask-page .legacy-form-row textarea,
.ejabat-ask-page .legacy-form-row select{display:block;box-sizing:border-box;border:1px solid #bdcbd7!important;border-radius:0!important;background:#fff!important;color:#373f48!important;max-width:100%;padding:6px 9px!important;font-size:13px!important;box-shadow:none;line-height:1.6}
.ejabat-ask-page .legacy-form-row input:not([type=radio]){height:38px;min-height:38px}
.ejabat-ask-page .legacy-form-row textarea{min-height:94px!important;height:auto!important;resize:vertical;line-height:1.8!important}
.ejabat-ask-page .legacy-form-row select{height:36px;min-height:36px}
.ejabat-ask-page .legacy-form-row input:focus,
.ejabat-ask-page .legacy-form-row select:focus,
.ejabat-ask-page .legacy-form-row textarea:focus{outline:2px solid #a3c4e4;outline-offset:0;border-color:#5b9ac6!important}
.ejabat-ask-page .ejabat-ask-main-title input{width:100%}
.ejabat-ask-page [data-ask-mode][hidden],.ejabat-ask-page .ejabat-ask-poll[hidden]{display:none!important}
.ejabat-ask-page .ejabat-label-suggestion[hidden]{display:none!important}
.ejabat-ask-page .ejabat-label-suggestion{background:#fbfcff;border:1px solid #d9e5f0;padding:6px 8px!important;margin:5px 0 0!important;min-height:0}
.ejabat-ask-page .ejabat-label-suggestion strong{font-size:11px}
.ejabat-ask-page .ejabat-ask-category select{width:100%;max-width:420px}
.ejabat-ask-page .ejabat-ask-reward select{width:110px;min-width:110px;flex:0 0 110px}
.ejabat-ask-page .ejabat-ask-reward-control{display:flex;align-items:center;flex-wrap:wrap;gap:7px 13px}
.ejabat-ask-page .ejabat-ask-reward-control>span{color:#7d8b9a;font-size:11px}
.ejabat-ask-page .ejabat-ask-reward-control strong{color:#52779d}
.ejabat-ask-page .ejabat-ask-reward-control a{font-size:11px}
.ejabat-ask-page .ejabat-ask-optional{background:#fff;border:0;border-bottom:1px dotted #e5e9ee;padding:8px 5px;color:#5d7d9e;margin:0}
.ejabat-ask-page .ejabat-ask-optional[hidden]{display:none!important}
.ejabat-ask-page .ejabat-ask-optional>summary{cursor:pointer;color:#2e71af;font-size:11px;line-height:1.7;list-style-position:inside}
.ejabat-ask-page .ejabat-ask-optional[open]>summary{font-weight:bold}
.ejabat-ask-page .ejabat-ask-optional>label{display:block;font-size:10px;color:#7c8c9b;margin:5px 0}
.ejabat-ask-page .ejabat-ask-optional>input{display:block;border:1px solid #c9d7e5;padding:7px 9px;width:100%;max-width:360px;font-size:12px}
.ejabat-ask-page .archive-ask-direction-controls{padding:8px 4px 2px;display:flex;gap:6px 12px;align-items:center;flex-wrap:wrap}
.ejabat-ask-page .archive-ask-direction-controls>label{font-size:11px}
.ejabat-ask-page .archive-ask-direction-controls small{font-size:10px;color:#8494a2;line-height:1.6;width:100%}
.ejabat-ask-page .ejabat-ask-poll{padding:0!important;margin:0!important;background:white;border:0!important}
.ejabat-ask-page .ejabat-ask-poll-intro{font-size:10px!important;padding:6px 9px!important;margin:2px 0;color:#687f91;background:#f4f8fb}
.ejabat-ask-page .ejabat-ask-poll-choice{display:flex;gap:6px;align-items:center;margin:3px 0;max-width:420px}
.ejabat-ask-page .ejabat-ask-poll-choice>span{min-width:23px;width:23px;height:30px;display:grid;place-items:center;background:#f3f7fa;color:#6589ad;border:1px solid #d9e3ec;font-size:11px}
.ejabat-ask-page .ejabat-ask-poll-choice input{flex:1;min-width:0;height:34px!important;min-height:34px!important}
.ejabat-ask-page .ejabat-ask-extra-options{padding:5px 0;max-width:420px}
.ejabat-ask-page .ejabat-ask-extra-options>summary{color:#3979b2;cursor:pointer;font-size:11px;margin-bottom:5px}
.ejabat-ask-page .ejabat-ask-extra-options[open]>summary{font-weight:bold}
.ejabat-ask-page .ejabat-ask-footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px 13px;padding:12px 6px 3px;background:#fff}
.ejabat-ask-page .ejabat-ask-footer .button.primary{border-radius:0!important;background:#397fbc!important;border:1px solid #2c6ea5!important;color:white!important;font-size:12px!important;font-weight:bold;padding:7px 19px!important;min-height:34px!important;min-width:0}
.ejabat-ask-page .ejabat-ask-cancel{font-size:11px;color:#6e8cab}
.ejabat-ask-page .ejabat-ask-footer small{font-size:10px;color:#8d9aa6;line-height:1.5;margin-right:auto}
.ejabat-ask-page .ejabat-format-tools{gap:4px;margin:5px 0 1px;padding:0}
.ejabat-ask-page .ejabat-format-tools .ejabat-format-action{min-height:27px;height:27px;min-width:27px;padding:2px 6px;font-size:12px}
.ejabat-ask-page .ejabat-format-help{font-size:9px;line-height:1.4;margin:0 0 3px;color:#a0aab3}
.ejabat-ask-page .ejabat-format-preview{font-size:12px;line-height:1.7;padding:8px}

/* The bell itself is a button-like summary with an attached, non-navigating panel. */
.ejabat-dark-nav .ejabat-notify-popover{position:relative;z-index:210;order:4;flex:0 0 auto;display:block;align-self:center}
.ejabat-dark-nav .ejabat-notify-popover>summary{height:42px;min-width:42px;padding:0 7px;display:flex;align-items:center;justify-content:center;gap:0;cursor:pointer;list-style:none;position:relative;background:transparent;border:0;color:#d7d7d7}
.ejabat-dark-nav .ejabat-notify-popover>summary::-webkit-details-marker{display:none}
.ejabat-dark-nav .ejabat-notify-popover>summary:hover,.ejabat-dark-nav .ejabat-notify-popover[open]>summary{color:#fff;background:#32363c}
.ejabat-dark-nav .ejabat-notify-bell-svg{width:23px;height:23px;fill:none;stroke:currentColor}
.ejabat-dark-nav .ejabat-notify-count{position:absolute;top:0;right:0;transform:translate(10%,-1px);z-index:2;display:grid;place-items:center;min-width:17px;height:17px;padding:0 3px;border-radius:9px;background:#377fb7;color:white;font:bold 10px/1 Arial,sans-serif;border:1px solid #172e40}
.ejabat-dark-nav .ejabat-notify-count[hidden]{display:none!important}
.ejabat-dark-nav .ejabat-notify-window{position:absolute;top:100%;left:-180px;width:355px;max-width:calc(100vw - 24px);z-index:220;direction:rtl;text-align:right;background:#fff;border:1px solid #c4d5e6;box-shadow:0 9px 27px #182a4033;color:#344a61;overflow:hidden;font-family:Tahoma,Arial,sans-serif}
.ejabat-notify-window-head{display:flex;align-items:center;justify-content:space-between;gap:6px;background:#e9edf8;border-bottom:1px solid #d3e0ed;padding:9px 12px}
.ejabat-notify-window-head h2{font-size:14px;color:#2a6dac;margin:0;font-weight:bold}
.ejabat-notify-window-head small{font-size:10px;color:#6985a0}
.ejabat-notify-actions{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap;padding:6px 9px;border-bottom:1px solid #e6edf3;background:#fafcff}
.ejabat-notify-filters{display:flex;align-items:center;gap:3px}
.ejabat-notify-filters>button{background:transparent;border:1px solid transparent;color:#6c87a2;font-size:11px;cursor:pointer;padding:5px 8px}
.ejabat-notify-filters>button.selected{background:#e8f1fa;color:#1d6ca9;border-color:#cbdfea;font-weight:bold}
.ejabat-notify-actions form{margin:0}
.ejabat-notify-actions form button,.ejabat-notices-page-head form button{background:transparent;border:0;color:#326c9d;font-size:10px;cursor:pointer;padding:5px}
.ejabat-notify-actions form button[disabled],.ejabat-notices-page-head form button[disabled]{color:#a8b4bf;cursor:default}
.ejabat-notify-items{max-height:330px;overflow-y:auto;overscroll-behavior:contain;background:white}
.ejabat-notify-item{display:flex;align-items:flex-start;gap:9px;padding:10px 10px;text-decoration:none;border-bottom:1px solid #e9edf1;color:#476481;background:white;min-height:55px}
.ejabat-notify-item:hover{background:#f6faff;text-decoration:none}
.ejabat-notify-item.unread{background:#f1f7fd}
.ejabat-notify-item.unread:hover{background:#e8f3fd}
.ejabat-notify-item[hidden]{display:none!important}
.ejabat-notify-symbol{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;background:#edf3f9;color:#4a82af;border:1px solid #d5e3ee;border-radius:50%;font-size:20px;font-weight:bold}
.ejabat-notify-symbol svg{width:15px;height:15px;stroke:#4a82af;fill:none}
.ejabat-notify-item-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.ejabat-notify-item-copy strong{color:#44617c;font-size:11px;font-weight:normal;line-height:1.7;overflow-wrap:anywhere}
.ejabat-notify-item.unread .ejabat-notify-item-copy strong{font-weight:bold;color:#2b618f}
.ejabat-notify-item-copy small{font-size:10px;color:#9ba8b4}
.ejabat-notify-unread-dot{flex:0 0 7px;width:7px;height:7px;background:#337fb6;border-radius:50%;margin-top:9px}
.ejabat-notify-empty{min-height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:16px 12px;text-align:center;color:#8799ac}
.ejabat-notify-empty>span{border:1px solid #dbe8f3;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#f3f9fc;color:#4387b6;font-size:16px}
.ejabat-notify-empty b{font-size:12px;color:#6c88a1}
.ejabat-notify-empty small{font-size:10px;color:#a0aeba;line-height:1.6}
.ejabat-notify-window-foot{background:#f8fbff;border-top:1px solid #e3eaf2;text-align:center;padding:8px}
.ejabat-notify-window-foot a{font-size:11px;color:#2b71ad;text-decoration:none}
.ejabat-notify-window-foot a:hover{text-decoration:underline}
.ejabat-notices-page{background:white;border:0}
.ejabat-notices-page-head{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:7px 9px;background:#e9edf8;border-bottom:1px solid #d9e3ef}
.ejabat-notices-page-head h1{font-size:15px;color:#2d699f;margin:0}
.ejabat-notices-page-head p{font-size:10px;color:#8ea2b4;margin:2px 0 0}
.ejabat-notices-page-filter{display:flex;align-items:center;justify-content:space-between;padding:8px 9px;background:#fff;border-bottom:1px solid #e7edf4;font-size:11px;color:#758ca0}
.ejabat-notices-page-filter strong{font-size:11px;color:#446c8b}
.ejabat-notices-list{background:#fff}
.ejabat-notices-page-empty{min-height:112px}
@media(max-width:640px){
 body:has(.ejabat-ask-page) .preview-note{display:none}
 .form-page:has(.ejabat-ask-page){padding:0 5px!important;margin:5px 0!important;border:0!important;background:#fff}
 .ejabat-ask-page .ejabat-ask-heading{padding:5px 8px;margin:1px 0 5px;gap:4px}
 .ejabat-ask-page .ejabat-ask-heading h1{font-size:16px!important}
 .ejabat-ask-heading>span{font-size:9px}
 .ejabat-ask-page .ejabat-ask-kind{gap:4px 11px;padding:5px 8px!important;margin:0 0 4px!important}
 .ejabat-ask-page .ejabat-ask-kind label{font-size:11px}
 .ejabat-ask-page .legacy-form-row{display:flex!important;flex-direction:column;gap:4px!important;padding:7px 4px!important;border-bottom:1px solid #edf0f3!important}
 .ejabat-ask-page .legacy-form-row>label{font-size:12px!important;line-height:1.5!important;margin:0!important}
 .ejabat-ask-page .legacy-form-row>div{width:100%}
 .ejabat-ask-page .legacy-form-row input:not([type=radio]){height:36px;min-height:36px}
 .ejabat-ask-page .legacy-form-row textarea{min-height:91px!important;max-height:none}
 .ejabat-ask-page .ejabat-ask-poll .legacy-form-row textarea{min-height:74px!important}
 .ejabat-ask-page .legacy-form-row select{min-height:34px;height:34px}
 .ejabat-ask-page .ejabat-ask-category select{max-width:none}
 .ejabat-ask-page .ejabat-ask-reward-control{gap:5px 12px}
 .ejabat-ask-page .ejabat-ask-reward-control span{font-size:10px}
 .ejabat-ask-page .ejabat-ask-optional{padding:7px 5px}
 .ejabat-ask-page .ejabat-ask-footer{padding:10px 4px;gap:7px}
 .ejabat-ask-page .ejabat-ask-footer small{flex-basis:100%;font-size:10px}
 .ejabat-ask-page .ejabat-format-tools{justify-content:flex-start;gap:4px}
 .ejabat-ask-page .ejabat-format-tools .ejabat-format-action{height:27px;min-width:29px;padding:2px 5px}
 .ejabat-dark-nav .ejabat-notify-popover>summary{height:44px;min-width:37px;padding:0 5px}
 .ejabat-dark-nav .ejabat-notify-bell-svg{height:23px;width:23px}
 .ejabat-dark-nav .ejabat-notify-window{position:fixed;top:53px;left:12px;right:12px;margin-inline:auto;width:auto;max-width:380px;max-height:min(74vh,580px);border:1px solid #bacfe2;border-radius:0}
 .ejabat-notify-items{max-height:min(51vh,390px)}
 .ejabat-notices-page{margin:2px 0}
 .ejabat-notices-page-head{padding:8px}
 .ejabat-notices-page-head h1{font-size:14px}
}