/* Manara 2026 UI theme — shared visual language, without changing page behavior. */
:root{--mn-blue:#0792f5;--mn-blue-dark:#096fae;--mn-navy:#17365a;--mn-text:#193253;--mn-muted:#7b8ca0;--mn-bg:#f4f8fc;--mn-card:#fff;--mn-line:#e6eef5;--mn-soft:#edf7ff;--mn-green:#169b6b;--mn-red:#bd4954;--mn-amber:#ed981b;--mn-shadow:0 8px 28px rgba(23,54,90,.065);--brand-1:#117db8;--brand-2:#008ac5;--bg:#f4f8fc;--card:#fff;--text:#193253;--muted:#7b8ca0;--border:#e6eef5;--primary:#0792f5;--teal1:#117db8;--teal2:#008ac5}
html{background:var(--mn-bg)}
body.system-layout,body.system-standalone{color:var(--mn-text);background:var(--mn-bg);font-family:'Cairo','Expo Arabic Local',Tahoma,Arial,sans-serif}
body.system-layout::before,body.system-layout .app::before,body.system-standalone::before{opacity:.035;filter:saturate(.7)}

/* Shared shell: same identity as the new main dashboard. */
body.system-layout .topbar,body.system-standalone .topbar{min-height:70px;background:linear-gradient(110deg,#117db8,#008ac5);color:#fff;border:0;border-bottom:1px solid #148dc3;box-shadow:none}
body.system-layout .topbar .badge,body.system-layout .topbar .userbadge{color:#fff;background:transparent;border-color:transparent}
body.system-layout .topbar .hambtn,body.system-layout .topbar .ntbell{color:#fff;background:#ffffff24;border-color:#ffffff24}
body.system-layout .topbar .hambtn:hover,body.system-layout .topbar .ntbell:hover{background:#ffffff34}
body.system-layout .topbar .logoutbtn{color:var(--mn-text);background:#f5fbff;border-color:#e8f3fa;box-shadow:none}
body.system-layout .topbar .logoutbtn{color:#fff;background:var(--mn-red);border-color:#ad3e49}
body.system-layout .topbar .logoutbtn:hover{color:#fff;background:#a83d47}
body.system-layout .topbar-brand{font-size:18px;font-weight:800;letter-spacing:.1px;white-space:nowrap}
@media(min-width:701px){
 body.system-layout .topbar{direction:ltr}
 body.system-layout .topbar>.right{order:2;direction:rtl}
 body.system-layout .topbar>.left{order:1;direction:rtl}
}
body.system-layout .footerbar{color:#6f8298;background:var(--mn-bg);border-top-color:var(--mn-line);font-family:'Expo Arabic Local','Expo Arabic','Cairo',Tahoma,Arial,sans-serif}
body.system-layout:has(.td-dashboard) .footerbar{display:block}
body.system-layout #sidebar{--sb-text:#70879c;--sb-active-text:#008cf0;--sb-active:#eaf5ff;background:#fff;border-left-color:#edf3f8;scrollbar-color:#b8d8ec transparent}
body.system-layout #sidebar .side-item.active,body.system-layout #sidebar .side-item.side-parent.active,body.system-layout #sidebar .side-item.sb-focused,body.system-layout #sidebar .side-item:focus-visible{background:#eaf5ff;color:#008cf0!important}
body.system-layout #sidebar .side-sub{background:#f1f8fd;border-color:#dcecf7}
body.system-layout #sidebar .side-sep{background:#edf3f8}
@media(min-width:1100px){
 body.system-layout:has(.home-dashboard) #sidebar{overflow-y:hidden!important;scrollbar-width:none!important}
 body.system-layout:has(.home-dashboard) #sidebar::-webkit-scrollbar{display:none!important}
 body.system-layout:has(.home-dashboard) #sidebar .side-list{overflow:visible!important}
 body.system-layout:has(.cashback-page) #sidebar{overflow-y:hidden!important;scrollbar-width:none!important}
 body.system-layout:has(.cashback-page) #sidebar::-webkit-scrollbar{display:none!important}
 body.system-layout:has(.cashback-page) #sidebar .side-list{overflow:visible!important}
}

/* Layout screens. Main dashboard and ticket dashboard keep their own composition. */
body.system-layout:not(:has(.home-dashboard)):not(:has(.td-dashboard)) .container{width:100%;max-width:1440px;margin:0 auto;padding:24px 22px}
body.system-layout:not(:has(.home-dashboard)):not(:has(.td-dashboard)) :where(.card,.panel,.box,.section,.content-card,.stat-card,.summary-card,.filter-card,.table-card){background:var(--mn-card);border:1px solid var(--mn-line);border-radius:13px;box-shadow:var(--mn-shadow)}
body.system-layout:not(:has(.home-dashboard)):not(:has(.td-dashboard)) :where(.card,.panel,.content-card,.filter-card,.table-card){padding:16px}
body.system-layout :where(h1,h2,h3,.title,.card-title,.section-title){color:var(--mn-text)}
body.system-layout :where(.muted,.sub,.subtitle,.hint,.help,.small,.meta){color:var(--mn-muted)}

/* Inputs */
body.system-layout :where(input:not([type=checkbox]):not([type=radio]),select,textarea),body.system-standalone :where(input:not([type=checkbox]):not([type=radio]),select,textarea){color:#304762;background:#fff;border:1px solid #dfe9f2;border-radius:9px;box-shadow:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}
body.system-layout :where(input:not([type=checkbox]):not([type=radio]),select,textarea):focus,body.system-standalone :where(input:not([type=checkbox]):not([type=radio]),select,textarea):focus{border-color:#63b9ee;box-shadow:0 0 0 3px #0792f51a;outline:0}
body.system-layout :where(input,textarea)::placeholder,body.system-standalone :where(input,textarea)::placeholder{color:#a2afbd;opacity:1}
body.system-layout :where(label,.label),body.system-standalone :where(label,.label){color:#405872}

/* Buttons */
body.system-layout :where(.btn,.button,button[type=submit],button[type=button]):not(.hambtn):not(.ntbell):not(.nticonbtn):not(.notice-toggle):not(.closebtn),body.system-standalone :where(.btn,.button,button[type=submit],button[type=button]):not(.close):not(.modal-close){border-radius:9px;font-family:inherit;box-shadow:none;transition:background-color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}
body.system-layout :where(.btn-primary,.primary),body.system-standalone :where(.btn-primary,.primary){color:#fff;background:var(--mn-blue);border-color:#0488e9}
body.system-layout :where(.btn-primary,.primary):hover,body.system-standalone :where(.btn-primary,.primary):hover{background:#0786df;border-color:#067dcc;transform:translateY(-1px)}
body.system-layout .action-del,body.system-standalone .action-del{background:#fff;border-color:#f1d4d8;color:var(--mn-red)}
body.system-layout :where(.action-edit,.edit-btn,.btn-edit,.action-btn.editBtn),body.system-standalone :where(.action-edit,.edit-btn,.btn-edit,.action-btn.editBtn){display:inline-flex;align-items:center;justify-content:center;background:var(--mn-blue)!important;border-color:#0488e9!important;color:#fff!important}
body.system-layout :where(.action-del,.delete-btn,.btn-delete,.btn-del,.card-del),body.system-standalone :where(.action-del,.delete-btn,.btn-delete,.btn-del,.card-del){display:inline-flex;align-items:center;justify-content:center;background:var(--mn-red)!important;border-color:#ad3e49!important;color:#fff!important}
body.system-layout :where(.action-edit,.edit-btn,.btn-edit,.action-btn.editBtn) svg,body.system-standalone :where(.action-edit,.edit-btn,.btn-edit,.action-btn.editBtn) svg,body.system-layout :where(.action-del,.delete-btn,.btn-delete,.btn-del) svg,body.system-standalone :where(.action-del,.delete-btn,.btn-delete,.btn-del) svg{stroke:#fff!important;fill:none}
body.system-layout :where(.action-edit,.edit-btn,.btn-edit,.action-btn.editBtn):hover,body.system-standalone :where(.action-edit,.edit-btn,.btn-edit,.action-btn.editBtn):hover{background:#0786df!important}
body.system-layout :where(.action-del,.delete-btn,.btn-delete,.btn-del,.card-del):hover,body.system-standalone :where(.action-del,.delete-btn,.btn-delete,.btn-del,.card-del):hover{background:#a83d47!important}

/* Unified add buttons. */
body.system-layout .add-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;width:auto!important;min-width:92px;height:42px;padding:0 15px!important;border:1px solid #0488e9!important;border-radius:8px!important;background:var(--mn-blue)!important;color:#fff!important;font-size:0!important;font-weight:700;text-decoration:none;box-shadow:none!important}
body.system-layout .add-btn::before{content:'+';font:800 18px/1 'Cairo',sans-serif}
body.system-layout .add-btn::after{content:'إضافة';font:700 13px/1 'Cairo',sans-serif}
body.system-layout .add-btn:hover{background:#0786df!important;transform:translateY(-1px)}
body.system-layout :where(.add-item-btn){background:var(--mn-blue)!important;border-color:#0488e9!important;color:#fff!important;border-radius:8px!important}
body.system-layout .section-title>.totalbox{right:104px}
body.system-layout .section-title .lock-btn{right:104px}
body.system-layout .section-title>.add-btn{top:50%!important;transform:translateY(-50%)!important}
body.system-layout .section-title>.add-btn:hover{transform:translateY(-50%)!important}
@media(max-width:700px){body.system-layout .section-title>.add-btn{top:auto!important;transform:none!important}body.system-layout .add-btn:hover{transform:none!important}}

/* Search fields follow the ticket dashboard composition. */
body.system-layout:not(:has(.td-dashboard)) .search-wrap>form,body.system-layout:not(:has(.td-dashboard)) form.search{display:flex!important;align-items:stretch!important;gap:0!important;height:42px;background:#fff;border:1px solid #dde4ee;border-radius:8px;overflow:hidden}
body.system-layout:not(:has(.td-dashboard)) .search-wrap>form :where(.search-input,.inp,input[type=search]),body.system-layout:not(:has(.td-dashboard)) form.search :where(.search-input,.inp,input[type=text],input[type=search]){height:40px!important;flex:1;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:8px 12px}
body.system-layout:not(:has(.td-dashboard)) .search-wrap>form .icon-btn{width:44px!important;height:40px!important;flex:0 0 44px;border:0!important;border-radius:0!important;background:var(--mn-blue)!important;color:#fff!important}
body.system-layout:not(:has(.td-dashboard)) .search-wrap>form .icon-btn svg{fill:#fff!important}
body.system-layout:not(:has(.td-dashboard)) form.search .btn-primary{height:40px;border-radius:0!important}
body.system-layout :where(.btn-danger,.danger,.delete),body.system-standalone :where(.btn-danger,.danger,.delete){background:var(--mn-red);border-color:#ad3e49;color:#fff}
body.system-layout :where(.btn-secondary,.btn-ghost,.btn-lite,.secondary),body.system-standalone :where(.btn-secondary,.btn-ghost,.btn-lite,.secondary){background:var(--mn-soft);border-color:#dcecf7;color:#268aca}

/* Tables */
body.system-layout:not(:has(.home-dashboard)):not(:has(.td-dashboard)) :where(.table-wrap,.table-responsive,.table-container){overflow:auto;border:1px solid var(--mn-line);border-radius:12px;background:#fff}
body.system-layout:not(:has(.home-dashboard)):not(:has(.td-dashboard)) table{border-collapse:separate;border-spacing:0;width:100%}
body.system-layout:not(:has(.home-dashboard)):not(:has(.td-dashboard)) table thead th{color:#526b85;background:#f6f9fc;border-color:#edf2f7;font-weight:700}
body.system-layout:not(:has(.home-dashboard)):not(:has(.td-dashboard)) table tbody tr{background:#fff}
body.system-layout:not(:has(.home-dashboard)):not(:has(.td-dashboard)) table tbody tr:hover{background:#f8fbfe}
body.system-layout:not(:has(.home-dashboard)):not(:has(.td-dashboard)) table td{border-color:#edf2f7;color:#536b83}

/* Badges, tabs, pagination and alerts. */
body.system-layout :where(.badge-status,.status-badge,.pill,.chip,.tag){border-radius:999px;border:1px solid #dcecf7}
body.system-layout :where(.tabs,.tab-list){border-color:var(--mn-line)}
body.system-layout :where(.tab.active,.tabs .active,[aria-selected=true]){color:#168eec;background:var(--mn-soft);border-color:#cfe8f8}
body.system-layout :where(.pagination .active,.pagination a.active,.page-item.active .page-link){color:#fff;background:var(--mn-blue);border-color:var(--mn-blue)}
body.system-layout :where(.alert,.message,.flash){border-radius:10px}

/* Modals */
body.system-layout :where(.modal-content,.modal .box,.modal-card,.dialog),body.system-standalone :where(.modal-content,.modal .box,.modal-card,.dialog){color:var(--mn-text);background:#fff;border:1px solid var(--mn-line);border-radius:14px;box-shadow:0 24px 70px rgba(15,44,75,.2)}
body.system-layout :where(.modal-head,.modal-header),body.system-standalone :where(.modal-head,.modal-header){background:#f7fbfe;border-color:var(--mn-line)}
body.system-layout .modal,body.system-layout .modal :where(button,input,select,textarea,a,label),body.system-standalone .modal,body.system-standalone .modal :where(button,input,select,textarea,a,label){font-family:'Expo Arabic Local','Expo Arabic','Cairo',Tahoma,Arial,sans-serif!important}
body.system-layout .modal :where(.modal-actions,.m-actions),body.system-standalone .modal :where(.modal-actions,.m-actions){display:flex;align-items:center;gap:9px;flex-wrap:wrap}
body.system-layout .modal .modal-save-action,body.system-standalone .modal .modal-save-action{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 18px!important;border:1px solid #0488e9!important;border-radius:9px!important;background:var(--mn-blue)!important;color:#fff!important;font-weight:700!important;box-shadow:none!important}
body.system-layout .modal .modal-save-action:hover,body.system-standalone .modal .modal-save-action:hover{background:#0786df!important;border-color:#067dcc!important;color:#fff!important;transform:translateY(-1px)}
body.system-layout .modal .modal-cancel-action,body.system-standalone .modal .modal-cancel-action{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 18px!important;border:1px solid #dfe9f2!important;border-radius:9px!important;background:#fff!important;color:#536b83!important;font-weight:700!important;box-shadow:none!important;text-decoration:none;cursor:pointer}
body.system-layout .modal .modal-cancel-action:hover,body.system-standalone .modal .modal-cancel-action:hover{background:var(--mn-red)!important;border-color:#ad3e49!important;color:#fff!important;transform:none}

/* Ticket dashboard: colors only; its layout and measurements remain untouched. */
body.system-layout:has(.td-dashboard){background:var(--mn-bg)}
body.system-layout:has(.td-dashboard) .topbar{background:linear-gradient(110deg,#117db8,#008ac5);border-bottom-color:#148dc3}
body.system-layout:has(.td-dashboard) .topbar :where(.badge,.userbadge){background:transparent;color:#fff;border-color:transparent}
body.system-layout:has(.td-dashboard) .topbar :where(.hambtn,.ntbell){background:#ffffff24;color:#fff;border-color:#ffffff24}
body.system-layout:has(.td-dashboard) .topbar .logoutbtn{background:var(--mn-red);color:#fff;border-color:#ad3e49}
.td-dashboard{--td-muted:#7b8ca0;--td-line:#e6eef5;color:var(--mn-text)}
.td-dashboard .td-create{background:var(--mn-blue);border-color:#0488e9}
.td-dashboard .td-create:hover{background:#0786df}
.td-dashboard .td-create.td-whatsapp{width:46px;min-width:46px;height:46px;padding:0;background:transparent!important;border-color:transparent!important;color:#25d366;box-shadow:none}
.td-dashboard .td-create.td-whatsapp:hover{background:transparent!important;border-color:transparent!important;color:#20bd5b;transform:scale(1.05)}
.td-dashboard .td-create.td-whatsapp .td-whatsapp-icon{width:46px;height:46px;background:currentColor;-webkit-mask-size:145%;mask-size:145%}
.td-dashboard .td-search button{height:40px!important;border:0!important;border-radius:0!important;background:var(--mn-blue)!important;color:#fff}
.td-dashboard .td-search button :where(svg,img){filter:brightness(0) invert(1)}
.td-dashboard .td-search input[type="search"]{height:40px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;appearance:textfield;-webkit-appearance:textfield}
.td-dashboard .td-search input[type="search"]::-webkit-search-decoration,.td-dashboard .td-search input[type="search"]::-webkit-search-cancel-button,.td-dashboard .td-search input[type="search"]::-webkit-search-results-button,.td-dashboard .td-search input[type="search"]::-webkit-search-results-decoration{display:none}
.td-dashboard .td-tabs a.active,.td-dashboard .td-tabs a:hover,.td-dashboard .td-filter-button{color:#168eec;background:var(--mn-soft);border-color:#dcecf7}
.td-dashboard .td-pagination .pg-box.active{background:var(--mn-blue)}
.td-dashboard .td-table .page-link{color:#168eec;font-weight:800}

/* Standalone application pages keep their own top bar and page flow. */
body.system-standalone{min-height:100vh;min-height:100svh}
body.system-standalone .page-wrap{background:transparent}
body.system-standalone .container{width:100%;max-width:1260px;margin:0 auto;padding:18px 16px}
body.system-standalone .topbar{border-radius:12px;padding:13px 16px;margin-bottom:14px}
body.system-standalone .topbar :where(.title,strong,h1,h2){color:#fff}
body.system-standalone .topbar .btn-link{display:inline-flex;align-items:center;gap:7px;color:#17365a;background:#f5fbff;border:1px solid #e8f3fa;border-radius:9px;padding:8px 12px;text-decoration:none}
body.system-standalone :where(.card,.panel,.box,.ticket-subject-card,.reply-box){background:#fff;border:1px solid var(--mn-line);border-radius:13px;box-shadow:var(--mn-shadow)}
body.system-standalone :where(.card,.panel){padding:16px}
body.system-standalone :where(table){color:#536b83}
body.system-standalone :where(table thead th){background:#f6f9fc;color:#526b85;border-color:#edf2f7}
body.system-standalone :where(table tbody tr){background:#fff}
body.system-standalone :where(table tbody tr:hover){background:#f8fbfe}
body.system-standalone :where(.btn-system){background:var(--mn-soft);color:#268aca;border-color:#dcecf7}
body.page-agent-view,body.page-agent-view :where(button,input,select,textarea),body.page-ticket-view,body.page-ticket-view :where(button,input,select,textarea),body.page-create-ticket,body.page-create-ticket :where(button,input,select,textarea){font-family:'Expo Arabic Local','Expo Arabic','Cairo',Tahoma,Arial,sans-serif!important}
body.page-agent-view .page-wrap{padding-right:0}

/* Colored option tiles always keep readable light text. */
body.system-layout .card-link :where(.card-title,.card-sub),body.system-layout .guide-card :where(.title,.sub),body.system-layout .section-card :where(.title,.sub){color:#fff!important}

/* Search actions: icon-only, matching the tickets screen. */
body.system-layout:not(:has(.td-dashboard)) :where(.btn-search,form.search .btn-primary,#btnSearch,#agentCompareBtn,.measure-add-coord,button[aria-label="بحث"]){position:relative;width:44px!important;min-width:44px!important;height:42px!important;padding:0!important;border-radius:8px!important;border:1px solid #0488e9!important;background-color:var(--mn-blue)!important;color:transparent!important;font-size:0!important;overflow:hidden}
body.system-layout:not(:has(.td-dashboard)) :where(.btn-search,form.search .btn-primary,#btnSearch,#agentCompareBtn,.measure-add-coord,button[aria-label="بحث"])>*{display:none!important}
body.system-layout:not(:has(.td-dashboard)) :where(.btn-search,form.search .btn-primary,#btnSearch,#agentCompareBtn,.measure-add-coord,button[aria-label="بحث"])::before{content:"";display:block;width:18px;height:18px;margin:auto;background:url('../tickets-figma/imgIconSearch.svg') center/contain no-repeat;filter:brightness(0) invert(1)}
body.system-layout:not(:has(.td-dashboard)) :where(.btn-search,form.search .btn-primary,#btnSearch,#agentCompareBtn,.measure-add-coord,button[aria-label="بحث"]):hover{background-color:#0786df!important}

/* Compact HR transaction actions. */
body.system-layout:has(.hr-table) .advance-form .btn{padding:6px 9px!important;font-size:11px!important;font-weight:400!important;line-height:1.2}

/* Restore the dedicated login artwork after the shared background rule. */
body.page-login{background-color:#020617;background-image:url('../bg_login.jpg')!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;background-attachment:fixed!important}

/* Notifications */
body.system-layout .ntpop{color:var(--mn-text);background:#fff;border-color:#dce8f2;box-shadow:0 18px 50px rgba(23,54,90,.16)}
body.system-layout .ntpop-top{background:#f2f8fd;border-bottom-color:var(--mn-line)}
body.system-layout .nttabs{background:#fff;border-bottom-color:var(--mn-line)}
body.system-layout .nttab{color:#647b92;background:#f6f9fc;border-color:var(--mn-line)}
body.system-layout .nttab.is-active{color:#168eec;background:var(--mn-soft);border-color:#cfe8f8}
body.system-layout .ntitem.unread{background:#edf7ff;border-right-color:#168eec}
body.system-layout :where(.ntdot,.nttab-count){background:#bd4954!important;color:#fff!important;font-family:'Cairo',Tahoma,Arial,sans-serif!important;font-weight:700!important;font-variant-numeric:tabular-nums}

/* Shared edit/delete artwork. Existing actions and permissions stay unchanged. */
body.system-layout :where(.action-edit,.edit-btn,.btn-edit,.action-btn.editBtn,.card-badge,button[aria-label^="تعديل"],a[aria-label^="تعديل"]),
body.system-standalone :where(.action-edit,.edit-btn,.btn-edit,.action-btn.editBtn,.card-badge,button[aria-label^="تعديل"],a[aria-label^="تعديل"]){--mn-action-icon:url('../upload/svg/edit.svg')}
body.system-layout :where(.action-del,.delete-btn,.btn-delete,.btn-del,.card-del,.remove-item-btn,button[aria-label^="حذف"],a[aria-label^="حذف"]),
body.system-standalone :where(.action-del,.delete-btn,.btn-delete,.btn-del,.card-del,.remove-item-btn,button[aria-label^="حذف"],a[aria-label^="حذف"]){--mn-action-icon:url('../upload/svg/delete.svg')}
body.system-layout :where(.action-edit,.edit-btn,.btn-edit,.action-btn.editBtn,.card-badge,button[aria-label^="تعديل"],a[aria-label^="تعديل"],.action-del,.delete-btn,.btn-delete,.btn-del,.card-del,.remove-item-btn,button[aria-label^="حذف"],a[aria-label^="حذف"])::before,
body.system-standalone :where(.action-edit,.edit-btn,.btn-edit,.action-btn.editBtn,.card-badge,button[aria-label^="تعديل"],a[aria-label^="تعديل"],.action-del,.delete-btn,.btn-delete,.btn-del,.card-del,.remove-item-btn,button[aria-label^="حذف"],a[aria-label^="حذف"])::before{content:"";display:inline-block;width:16px;height:16px;flex:0 0 16px;background:currentColor;-webkit-mask:var(--mn-action-icon) center/contain no-repeat;mask:var(--mn-action-icon) center/contain no-repeat}
body.system-layout :where(.action-edit,.edit-btn,.btn-edit,.action-btn.editBtn,.card-badge,button[aria-label^="تعديل"],a[aria-label^="تعديل"])::before,
body.system-standalone :where(.action-edit,.edit-btn,.btn-edit,.action-btn.editBtn,.card-badge,button[aria-label^="تعديل"],a[aria-label^="تعديل"])::before{width:20px;height:20px;flex-basis:20px}
body.system-layout :where(.action-del,.delete-btn,.btn-delete,.btn-del,.card-del,.remove-item-btn,button[aria-label^="حذف"],a[aria-label^="حذف"])::before,
body.system-standalone :where(.action-del,.delete-btn,.btn-delete,.btn-del,.card-del,.remove-item-btn,button[aria-label^="حذف"],a[aria-label^="حذف"])::before{width:18px;height:18px;flex-basis:18px}
body.system-layout :where(.action-edit,.edit-btn,.btn-edit,.action-btn.editBtn,button[aria-label^="تعديل"],a[aria-label^="تعديل"],.action-del,.delete-btn,.btn-delete,.btn-del,.card-del,.remove-item-btn,button[aria-label^="حذف"],a[aria-label^="حذف"]),
body.system-standalone :where(.action-edit,.edit-btn,.btn-edit,.action-btn.editBtn,button[aria-label^="تعديل"],a[aria-label^="تعديل"],.action-del,.delete-btn,.btn-delete,.btn-del,.card-del,.remove-item-btn,button[aria-label^="حذف"],a[aria-label^="حذف"]){gap:6px}
body.system-layout :where(.action-edit,.edit-btn,.btn-edit,.action-btn.editBtn,button[aria-label^="تعديل"],a[aria-label^="تعديل"],.action-del,.delete-btn,.btn-delete,.btn-del,.card-del,.remove-item-btn,button[aria-label^="حذف"],a[aria-label^="حذف"])>svg,
body.system-standalone :where(.action-edit,.edit-btn,.btn-edit,.action-btn.editBtn,button[aria-label^="تعديل"],a[aria-label^="تعديل"],.action-del,.delete-btn,.btn-delete,.btn-del,.card-del,.remove-item-btn,button[aria-label^="حذف"],a[aria-label^="حذف"])>svg{display:none!important}

/* Cashback pages use the same controls and pager rhythm as the rest of the system. */
body.system-layout .cashback-page .back-link.outside-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 13px;border:1px solid var(--mn-line);border-radius:9px;background:#fff;color:var(--mn-text);font-size:13px;font-weight:700;line-height:1;text-decoration:none;box-shadow:none;cursor:pointer}
body.system-layout .cashback-page .back-link.outside-link:hover{color:#168eec;background:#f7fbfe;border-color:#d7e9f5;transform:none;box-shadow:none}
body.system-layout .cashback-page .bottom-bar{direction:rtl;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:0;flex-wrap:wrap}
body.system-layout .cashback-page .perpage{display:flex;align-items:center;gap:8px;margin-left:auto}
body.system-layout .cashback-page .pp-lbl{color:var(--mn-muted);font-size:12px;font-weight:700}
body.system-layout .cashback-page .pp-inp{width:86px!important;min-width:86px!important;height:38px;padding:6px 10px}
body.system-layout .cashback-page .pager{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;margin-right:auto}
body.system-layout .cashback-page :where(.pager button,.pager .pg-btn){display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;padding:0;border:1px solid var(--mn-line);border-radius:8px;background:#fff;color:#536b83;font-size:13px;font-weight:700;text-decoration:none;box-shadow:none;cursor:pointer}
body.system-layout .cashback-page :where(.pager button.active,.pager .pg-btn.active){color:#fff;background:var(--mn-blue);border-color:var(--mn-blue)}
body.system-layout .cashback-page :where(.pager button:disabled,.pager .pg-btn.dis){opacity:.42;pointer-events:none}

@media(max-width:700px){
 body.system-layout:not(:has(.home-dashboard)):not(:has(.td-dashboard)) .container{padding:14px 10px}
 body.system-standalone .container{padding:10px}
 body.system-standalone .topbar{min-height:62px;border-radius:11px}
 body.system-layout :where(.card,.panel,.box),body.system-standalone :where(.card,.panel,.box){border-radius:11px}
 body.system-layout :where(input:not([type=checkbox]):not([type=radio]),select,textarea),body.system-standalone :where(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important}
 body.system-layout>.app>.topbar{display:block;position:sticky;min-height:112px;padding:10px 12px!important}
 body.system-layout>.app>.topbar .topbar-brand{display:none!important}
 body.system-layout>.app>.topbar>.right{position:static;width:auto}
 body.system-layout>.app>.topbar>.right .hambtn{position:absolute;top:60px;right:12px;margin:0}
 body.system-layout>.app>.topbar>.left{position:static;width:auto;margin:0}
 body.system-layout>.app>.topbar>.left .userbadge{position:absolute;top:19px;right:12px;margin:0;padding:7px 0;background:transparent}
 body.system-layout>.app>.topbar>.left .logoutbtn{position:absolute;top:12px;left:12px;margin:0}
 body.system-layout>.app>.topbar>.left .ntwrap{position:absolute;top:60px;left:12px;margin:0}
 body.system-layout>.app>.topbar>.topbar-title-mobile{display:block;position:absolute;top:72px;left:50%;transform:translateX(-50%);width:calc(100% - 132px);max-width:none;text-align:center;font-size:14px;font-weight:900}
 body.system-layout .cashback-page .bottom-bar{justify-content:center}
 body.system-layout .cashback-page .perpage{width:100%;margin:0;justify-content:flex-start}
 body.system-layout .cashback-page .pager{margin:0;width:100%}
}
@media(prefers-reduced-motion:reduce){body.system-layout *,body.system-standalone *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}