/**
 * @file assets/css/app-theme.css
 * @author ابانوب شكري
 * @copyright شركة المتر
 * @description الهوية البصرية الموحدة لجميع صفحات وكالة الفارس.
 */
:root {
    --brand-green: #35c99a;
    --brand-green-dark: #178b70;
    --brand-green-soft: #dff9ee;
    --brand-pink: #ff8fbd;
    --brand-pink-dark: #d95791;
    --brand-pink-soft: #ffe5f0;
    --brand-purple: #b85c91;
    --brand-gold: #f2b5cf;
    --ink: #17362f;
    --muted: #6f827d;
    --surface: rgba(255, 255, 255, .94);
    --line: rgba(29, 112, 91, .13);
    --shadow: 0 18px 50px rgba(32, 101, 84, .13);
    --radius: 22px;
}
*, *::before, *::after { box-sizing: border-box; scrollbar-color: var(--brand-green) #edf7f3; }

html { scroll-behavior: smooth; }
body {
    color: var(--ink) !important;
    font-family: "Cairo", Tahoma, Arial, sans-serif !important;
    min-height: 100vh;
    padding-bottom: calc(78px + env(safe-area-inset-bottom)) !important;
    background:
        radial-gradient(circle at 8% 8%, rgba(255, 143, 189, .27), transparent 28%),
        radial-gradient(circle at 88% 18%, rgba(53, 201, 154, .25), transparent 32%),
        linear-gradient(145deg, #f4fff9 0%, #fff3f8 50%, #effff8 100%) fixed !important;
}
body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image: linear-gradient(rgba(255,255,255,.22) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.22) 1px, transparent 1px);
    background-size: 34px 34px;
}
a { color: var(--brand-green-dark); }
.container, .container-fluid { position: relative; }
.card, .stat-card, .content-card, .form-container, .table-container,
.dashboard-card, .section-card, .main-content > section {
    border: 1px solid var(--line) !important;
    border-radius: var(--radius) !important;
    box-shadow: var(--shadow) !important;
    background: var(--surface) !important;
    backdrop-filter: blur(10px);
}
.card-header, .modal-header {
    border: 0 !important;
    background: linear-gradient(135deg, var(--brand-green-soft), var(--brand-pink-soft)) !important;
    color: var(--ink) !important;
}
.btn {
    border-radius: 13px !important;
    font-weight: 800 !important;
    transition: transform .18s ease, box-shadow .18s ease !important;
}
.btn:hover { transform: translateY(-2px); }
.btn-primary, .btn-success {
    border: 0 !important;
    color: #fff !important;
    background: linear-gradient(135deg, var(--brand-green), var(--brand-green-dark)) !important;
    box-shadow: 0 10px 24px rgba(23, 139, 112, .22);
}
.btn-danger, .btn-pink {
    border: 0 !important;
    color: #fff !important;
    background: linear-gradient(135deg, var(--brand-pink), var(--brand-pink-dark)) !important;
}
.btn-warning { border: 0 !important; background: linear-gradient(135deg, #ffd879, var(--brand-gold)) !important; }
.form-control, .form-select, textarea {
    min-height: 46px;
    border-radius: 13px !important;
    border: 1px solid #d9ebe5 !important;
    background-color: rgba(255,255,255,.92) !important;
}
.form-control:focus, .form-select:focus {
    border-color: var(--brand-green) !important;
    box-shadow: 0 0 0 .23rem rgba(53,201,154,.15) !important;
}
.table { --bs-table-bg: transparent; }
.table thead th {
    border: 0 !important;
    color: #fff !important;
    background: linear-gradient(135deg, var(--brand-green-dark), #4cae91) !important;
    white-space: nowrap;
}
.table tbody tr { border-color: #e7f2ee; }
.table tbody tr:hover { background: var(--brand-green-soft) !important; }
.modal-content {
    overflow: hidden;
    border: 0 !important;
    border-radius: 24px !important;
    box-shadow: 0 30px 80px rgba(20,72,60,.25) !important;
}
.badge { border-radius: 999px !important; padding: .55em .8em !important; }
.alert { border: 0 !important; border-radius: 16px !important; }
.navbar, header, .topbar, .top-bar, .admin-header {
    box-shadow: 0 8px 28px rgba(25,96,78,.11);
}
.app-shell-header {
    position: sticky;
    z-index: 1085;
    top: 0;
    min-height: 76px;
    padding: 11px clamp(14px, 3vw, 34px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    color: #fff;
    background: linear-gradient(112deg, #148c70 0%, #42cfa0 48%, #ed72aa 100%) !important;
    border-bottom: 1px solid rgba(255,255,255,.65);
}
.app-shell-brand { display:flex; align-items:center; gap:11px; color:#fff !important; text-decoration:none; }
.app-shell-brand strong { display:block; font-size:18px; font-weight:900; }
.app-shell-brand small { display:block; opacity:.86; font-size:11px; }
.app-brand-mark { width:48px; height:48px; display:grid; place-items:center; border-radius:17px; font-size:22px; background:rgba(255,255,255,.2); box-shadow:inset 0 0 0 1px rgba(255,255,255,.35); }
.app-shell-title { text-align:center; }
.app-shell-title small { display:block; font-size:10px; opacity:.82; }
.app-shell-title b { display:block; max-width:42vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; }
.app-shell-user { display:flex; align-items:center; gap:7px; }
.app-shell-user > span { display:flex; flex-direction:column; text-align:left; line-height:1.25; }
.app-shell-user small { opacity:.82; font-size:10px; }
.app-shell-user a { width:41px; height:41px; display:grid; place-items:center; border-radius:14px; color:#fff !important; background:rgba(255,255,255,.18); text-decoration:none; }
.app-shell-user a:hover { background:#fff; color:var(--brand-green-dark) !important; }
.app-admin-page > .sidebar { top:0 !important; max-height:100dvh; }
.app-admin-page > .topbar { top:0 !important; }
.app-admin-page .main-content { padding-top:24px; }
.access-denied-card {
    width:min(620px,calc(100% - 28px)); margin:12vh auto; padding:42px 28px; text-align:center;
    border:1px solid var(--line); border-radius:28px; background:var(--surface); box-shadow:var(--shadow);
}
.access-denied-icon { font-size:52px; margin-bottom:12px; }
.access-denied-card h1 { font-size:clamp(22px,4vw,32px); font-weight:900; }
.access-denied-card p { color:var(--muted); line-height:1.9; }
.access-denied-actions { display:flex; justify-content:center; gap:10px; flex-wrap:wrap; margin-top:24px; }
.navbar {
    border-color: rgba(53,201,154,.35) !important;
    background: linear-gradient(110deg, rgba(23,139,112,.97), rgba(217,87,145,.94)) !important;
}
.navbar .brand span, .navbar .brand i, .navbar .nav-links a:hover { color: #fff !important; }
.navbar .btn-login { border-color: #fff !important; color: #fff !important; }
.navbar .btn-apply-nav { background: #fff !important; color: var(--brand-green-dark) !important; }
.hero { background: linear-gradient(145deg, #eefff7, #fff0f7) !important; }
.hero h1 span { color: var(--brand-green-dark) !important; }
/* صفحة الدخول وإنشاء الحساب */
body:has(.auth-wrapper) {
    padding: clamp(14px,3vw,34px) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:
        radial-gradient(circle at 12% 10%, rgba(255,143,189,.38), transparent 30%),
        radial-gradient(circle at 90% 88%, rgba(53,201,154,.34), transparent 34%),
        linear-gradient(135deg,#edfff7,#fff1f7) fixed !important;
}
.auth-wrapper {
    width:min(1120px,100%) !important;
    max-height:calc(100vh - 34px);
    overflow:auto !important;
    display:grid !important;
    grid-template-columns:minmax(300px,.88fr) minmax(380px,1.12fr) !important;
    border:1px solid rgba(255,255,255,.82) !important;
    border-radius:34px !important;
    background:rgba(255,255,255,.9) !important;
    box-shadow:0 35px 90px rgba(38,116,94,.22) !important;
    backdrop-filter:blur(20px);
}
.auth-wrapper .hero-section {
    position:relative;
    min-height:680px;
    padding:clamp(30px,5vw,64px) !important;
    text-align:right !important;
    color:#fff !important;
    background:
        linear-gradient(155deg,rgba(18,139,109,.95),rgba(55,196,151,.91) 54%,rgba(226,92,151,.91)) !important;
}
.auth-wrapper .hero-section::after {
    content:""; position:absolute; inset:18px; border:1px solid rgba(255,255,255,.27); border-radius:25px; pointer-events:none;
}
.auth-wrapper .logo-icon { color:#fff !important; filter:drop-shadow(0 10px 20px rgba(0,0,0,.15)); }
.auth-wrapper .hero-section h2 span { color:#fff4a7 !important; }
.auth-wrapper .feature-list li {
    padding:12px 14px; border-radius:14px; background:rgba(255,255,255,.13); backdrop-filter:blur(8px);
}
.auth-wrapper .feature-list li i { color:#fff4a7 !important; }
.auth-wrapper .form-section { padding:clamp(27px,5vw,58px) !important; background:rgba(255,255,255,.94) !important; }
.auth-wrapper .tab-buttons {
    display:grid !important; grid-template-columns:1fr 1fr; gap:8px !important; padding:7px !important;
    margin-bottom:28px !important; border:0 !important; border-radius:18px; background:#eff8f5;
}
.auth-wrapper .tab-btn {
    padding:13px 10px !important; border:0; border-radius:13px !important; color:var(--muted) !important; background:transparent !important; font-weight:900 !important;
}
.auth-wrapper .tab-btn.active { color:#fff !important; background:linear-gradient(135deg,var(--brand-green),var(--brand-pink)) !important; box-shadow:0 9px 24px rgba(49,178,139,.22); }
.auth-wrapper .input-group { display:block !important; margin-bottom:17px !important; }
.auth-wrapper .input-group label { display:block; margin-bottom:7px; color:var(--ink); font-size:13px; font-weight:800; }
.auth-wrapper .input-group input {
    width:100%; min-height:50px; padding:11px 14px !important; border:1px solid #d8ebe5 !important;
    border-radius:14px !important; outline:0; background:#fff !important;
}
.auth-wrapper .input-group input:focus { border-color:var(--brand-green) !important; box-shadow:0 0 0 4px rgba(53,201,154,.13); }
.auth-wrapper .action-btn {
    width:100%; min-height:52px; border:0 !important; border-radius:15px !important; color:#fff !important;
    font-family:inherit; font-weight:900; background:linear-gradient(135deg,var(--brand-green),var(--brand-pink)) !important;
    box-shadow:0 13px 28px rgba(46,167,132,.23);
}
.auth-wrapper .alert { border-radius:14px !important; }
.app-quickbar {
    position: fixed;
    z-index: 1090;
    left: 50%;
    bottom: max(10px, env(safe-area-inset-bottom));
    transform: translateX(-50%);
    width: min(720px, calc(100% - 20px));
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(72px, 1fr));
    gap: 5px;
    padding: 8px;
    border: 1px solid rgba(255,255,255,.7);
    border-radius: 23px;
    background: rgba(255,255,255,.91);
    box-shadow: 0 16px 44px rgba(28,92,77,.22);
    backdrop-filter: blur(18px);
}
.app-shell-footer {
    width:min(1180px,calc(100% - 24px));
    margin:34px auto 92px;
    padding:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px 14px;
    color:var(--muted);
    text-align:center;
    border:1px solid var(--line);
    border-radius:22px;
    background:rgba(255,255,255,.78);
    box-shadow:var(--shadow);
}
.app-shell-footer strong { color:var(--brand-green-dark); }
.app-shell-footer small { flex-basis:100%; }
/* عند تشغيل القالب المركزي نخفي الهيدر/الفوتر القديمين المباشرين حتى لا يتكررا. */
body:has(> .app-shell-header) > footer:not(.app-shell-footer),
body:has(> .app-shell-header) > nav.navbar-custom,
body:has(> .app-shell-header) > nav.navbar,
body:has(> .app-shell-header) > .topbar,
body:has(> .app-shell-header) > .top-bar,
body:has(> .app-shell-header) > .admin-header { display:none !important; }
body > .topbar:first-of-type,
body > .admin-header:first-of-type,
body > header:not(.app-shell-header):first-of-type { margin-top:0; }
.app-quickbar a {
    display: flex;
    min-width: 0;
    min-height: 52px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3px;
    border-radius: 16px;
    color: var(--muted);
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
}
.app-quickbar a i { font-size: 18px; }
.app-quickbar a:hover, .app-quickbar a.is-active {
    color: #fff;
    background: linear-gradient(135deg, var(--brand-green), var(--brand-pink));
}
.app-page-chip {
    position: fixed;
    z-index: 1050;
    left: 14px;
    top: 14px;
    display: none;
    padding: 8px 12px;
    border-radius: 14px;
    color: var(--ink);
    background: rgba(255,255,255,.92);
    box-shadow: 0 8px 25px rgba(23,54,47,.12);
}
@media (max-width: 767.98px) {
    body { font-size: 13px !important; }
    .container, .container-fluid { padding-left: 12px !important; padding-right: 12px !important; }
    .card, .stat-card, .content-card { border-radius: 18px !important; }
    .table-responsive { border-radius: 15px; }
    .app-quickbar { grid-template-columns: repeat(5, 1fr); }
    .app-quickbar a span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .app-shell-header { min-height:66px; padding:9px 12px; }
    .app-shell-brand small, .app-shell-title { display:none; }
    .app-shell-brand strong { font-size:14px; }
    .app-brand-mark { width:42px; height:42px; border-radius:14px; }
    .app-shell-user > span { display:none; }
    .app-shell-user a { width:37px; height:37px; }
    .app-admin-page > .sidebar { top:0 !important; max-height:100dvh; }
    .auth-wrapper { display:block !important; max-height:none; border-radius:25px !important; }
    .auth-wrapper .hero-section { min-height:auto; padding:31px 24px !important; text-align:center !important; }
    .auth-wrapper .hero-section p, .auth-wrapper .feature-list { display:none; }
    .auth-wrapper .hero-section h2 { font-size:25px !important; }
    .auth-wrapper .form-section { padding:26px 18px 30px !important; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}

/* الإصدار 2: توحيد الصفحات القديمة والاستجابة لكل الشاشات. */
html, body { width:100%; max-width:100%; overflow-x:hidden !important; }
img, video, iframe, canvas, svg { max-width:100%; height:auto; }
input, select, textarea, button { max-width:100%; font-family:inherit; }
.row, .main-content, .content, .content-wrapper, .page-content, main, section { min-width:0; }
.navbar-custom, .top-navbar, .main-header, .page-header, .profile-header,
.header-section, .dashboard-header, .admin-header, .topbar, .top-bar {
    color:#fff !important;
    border-color:rgba(255,255,255,.48) !important;
    background:linear-gradient(112deg,var(--brand-green-dark),var(--brand-green) 58%,var(--brand-pink)) !important;
}
.navbar-brand span, .logo span, .brand span, .page-title i, .section-title i,
.card-title i, .text-gold, .gold-text { color:var(--brand-green-dark) !important; }
.profile-img, .avatar, .user-avatar, .member-avatar { border-color:var(--brand-green) !important; }
.btn-gold, .btn-custom, .btn-login, .action-button,
button[type="submit"]:not(.btn-danger):not(.btn-warning) {
    border:0 !important;
    color:#fff !important;
    background:linear-gradient(135deg,var(--brand-green-dark),var(--brand-green)) !important;
    box-shadow:0 10px 24px rgba(23,139,112,.2) !important;
}
.btn-outline-gold, .btn-outline-primary { color:var(--brand-green-dark) !important; border-color:var(--brand-green) !important; background:#fff !important; }
.btn-outline-gold:hover, .btn-outline-primary:hover { color:#fff !important; background:var(--brand-green) !important; }
.fab-button, .floating-btn, .back-to-top { color:#fff !important; background:linear-gradient(135deg,var(--brand-green),var(--brand-pink)) !important; }
.btn, button, [role="button"], input[type="submit"], input[type="button"] { min-height:44px; line-height:1.35; }
.btn-group, .action-buttons, .actions, .form-actions { display:flex; flex-wrap:wrap; gap:8px; }
.btn-group > .btn { flex:0 1 auto; }
.table-responsive, .responsive-table, .table-container { width:100%; max-width:100%; overflow-x:auto !important; overscroll-behavior-inline:contain; -webkit-overflow-scrolling:touch; }
table { max-width:100%; }.table td, .table th { vertical-align:middle; }
.modal-dialog { width:auto; max-width:min(720px,calc(100% - 24px)); margin:12px auto; }
.modal-body { overflow-wrap:anywhere; }
.form-row, .filters, .filter-row { display:flex; flex-wrap:wrap; gap:12px; }
.form-row > *, .filters > *, .filter-row > * { min-width:0; }
@media (max-width:991.98px) {
    .app-admin-page .main-content, .main-content { width:100% !important; max-width:100% !important; margin-inline:0 !important; }
    .sidebar { max-width:min(86vw,310px); }
}
@media (max-width:767.98px) {
    body { padding-bottom:calc(88px + env(safe-area-inset-bottom)) !important; }
    h1 { font-size:clamp(24px,7vw,32px) !important; } h2 { font-size:clamp(20px,6vw,27px) !important; } h3 { font-size:clamp(17px,5vw,22px) !important; }
    .container, .container-fluid, .main-content, .content-wrapper, .page-content { width:100% !important; max-width:100% !important; padding-inline:12px !important; }
    .card-body, .content-card, .form-container, .section-card { padding:15px !important; }
    .row { margin-inline:-6px !important; }.row > * { padding-inline:6px !important; }.col, [class*="col-"] { min-width:0; }
    .form-row, .filters, .filter-row { display:grid; grid-template-columns:1fr; }
    .form-row > *, .filters > *, .filter-row > * { width:100% !important; max-width:none !important; }
    .actions, .action-buttons, .form-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
    .actions .btn, .action-buttons .btn, .form-actions .btn { width:100%; min-width:0; padding-inline:8px; white-space:normal; }
    .table td, .table th { min-width:105px; padding:.7rem .6rem; font-size:12px; }.table td:first-child, .table th:first-child { min-width:54px; }
    .app-shell-header { width:100%; gap:8px; }.app-shell-brand { min-width:0; flex:1; }.app-shell-brand > span:last-child { min-width:0; }
    .app-shell-brand strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.app-shell-user { flex:0 0 auto; }
    .app-quickbar { right:8px; left:8px; bottom:max(8px,env(safe-area-inset-bottom)); transform:none; width:auto; max-width:none; grid-template-columns:repeat(var(--quickbar-count,5),minmax(0,1fr)); overflow-x:auto; padding:7px; }
    .app-quickbar a { min-width:0; min-height:52px; padding:5px 2px; }.app-quickbar a span { font-size:9px; }
    .app-shell-footer { width:calc(100% - 24px); margin-bottom:96px; padding:18px 12px; }
    .fab-menu, .floating-actions { bottom:calc(86px + env(safe-area-inset-bottom)) !important; }
}
@media (max-width:420px) {
    .actions, .action-buttons, .form-actions { grid-template-columns:1fr; }
    .app-shell-header { padding-inline:8px; }.app-brand-mark { width:38px; height:38px; flex:0 0 38px; }
    .app-shell-user a { width:34px; height:34px; border-radius:11px; }.app-quickbar a i { font-size:16px; }.app-quickbar a span { font-size:8px; }
}

/* الإصدار 3: توافق فعلي لجميع القوالب القديمة ولوحة التحكم. */
html {
    width: 100%;
    min-width: 0;
    overflow-x: clip;
    -webkit-text-size-adjust: 100%;
}
body {
    width: 100%;
    min-width: 0;
    margin: 0 !important;
}
body > * {
    max-inline-size: 100%;
}
body.app-admin-page {
    padding-bottom: calc(86px + env(safe-area-inset-bottom)) !important;
}
body.app-admin-page > .sidebar,
body.app-admin-page .sidebar {
    top: 0 !important;
    max-height: 100dvh !important;
}
body.app-admin-page .main-content {
    padding-top: 0 !important;
}
.main-content,
.content-wrapper,
.page-content,
.container,
.container-fluid,
.row,
.col,
[class*="col-"] {
    min-width: 0;
}
.main-content {
    max-width: 100%;
    min-height: 100dvh;
}
.sidebar {
    background: linear-gradient(180deg, #ffffff, #f3fff9 58%, #fff1f7) !important;
    border-color: var(--line) !important;
}
.sidebar-header,
.topbar,
.top-bar,
.admin-header,
.dashboard-header,
.welcome-card {
    color: #fff !important;
    background: linear-gradient(120deg, var(--brand-green-dark), var(--brand-green) 58%, var(--brand-pink)) !important;
}
.sidebar-menu a,
.sidebar-menu a i {
    color: var(--ink) !important;
}
.sidebar-menu a:hover,
.sidebar-menu a.active {
    color: var(--brand-green-dark) !important;
    background: linear-gradient(90deg, var(--brand-green-soft), var(--brand-pink-soft)) !important;
}
.section-title {
    color: var(--ink) !important;
    border-color: var(--brand-pink) !important;
}
.feature-card i,
.stat-card i {
    color: var(--brand-green-dark) !important;
    background: var(--brand-green-soft) !important;
}
.feature-card:hover {
    border-color: var(--brand-pink) !important;
    background: linear-gradient(145deg, #fff, var(--brand-pink-soft)) !important;
}
.dropdown-menu,
.list-group,
.accordion-item {
    max-width: calc(100vw - 20px);
}
.dropdown-item {
    white-space: normal;
}
.navbar-collapse,
.collapse,
.tab-content,
.tab-pane {
    min-width: 0;
}
.btn,
button,
input[type="submit"],
input[type="button"],
a[class*="btn-"] {
    max-width: 100%;
    min-height: 44px;
    white-space: normal;
    overflow-wrap: anywhere;
}
.btn-sm {
    min-height: 38px;
}
.card,
.stat-card,
.feature-card,
.content-card,
.activity-card,
.welcome-card {
    min-width: 0;
    overflow-wrap: anywhere;
}

@media (min-width: 992px) {
    .app-admin-page .main-content.shifted {
        width: auto !important;
        max-width: none !important;
        margin-inline-start: 280px !important;
        margin-inline-end: 0 !important;
    }
}

@media (max-width: 991.98px) {
    .app-admin-page .main-content,
    .app-admin-page .main-content.shifted {
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .app-admin-page .sidebar {
        width: min(310px, 88vw) !important;
    }
}

@media (max-width: 767.98px) {
    .topbar,
    .top-bar,
    .admin-header,
    .dashboard-header {
        width: 100%;
        min-height: 62px;
        padding: 10px 12px !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        flex-wrap: nowrap !important;
        overflow: hidden;
    }
    .topbar > *,
    .top-bar > *,
    .admin-header > *,
    .dashboard-header > * {
        min-width: 0;
    }
    .topbar .fs-4,
    .top-bar .fs-4,
    .admin-header .fs-4 {
        max-width: calc(100vw - 105px);
        overflow: hidden;
        font-size: 15px !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .topbar .dropdown .btn,
    .top-bar .dropdown .btn {
        min-height: 38px;
        padding: 6px 9px;
    }
    .welcome-card {
        padding: 16px !important;
        border-radius: 18px !important;
    }
    .feature-card,
    .stat-card {
        padding: 12px 8px !important;
        border-radius: 16px !important;
    }
    .feature-card h5,
    .stat-card h3 {
        font-size: 14px !important;
        overflow-wrap: anywhere;
    }
    .feature-card p,
    .stat-card p,
    .stat-card small {
        font-size: 10px !important;
    }
    .app-quickbar {
        scrollbar-width: none;
    }
    .app-quickbar::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 380px) {
    .container,
    .container-fluid,
    .main-content,
    .content-wrapper,
    .page-content {
        padding-inline: 8px !important;
    }
    .row {
        margin-inline: -4px !important;
    }
    .row > * {
        padding-inline: 4px !important;
    }
    .app-quickbar a span {
        font-size: 7.5px !important;
    }
}

/* موديول نتيجة موحد لعمليات الإضافة والتعديل والحذف والرفع والمزامنة. */
.app-result-modal{position:fixed;inset:0;z-index:20000;background:rgba(16,24,40,.58);display:grid;place-items:center;padding:18px;backdrop-filter:blur(3px)}
.app-result-card{width:min(460px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border-radius:24px;padding:28px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.24);border-top:7px solid #dc3545;animation:appResultIn .2s ease-out}
.app-result-success{border-top-color:#24b987}.app-result-warning{border-top-color:#f0ad4e}
.app-result-icon{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:#fde7ea;color:#dc3545;font-size:38px;font-weight:900}
.app-result-success .app-result-icon{background:#ddf8ed;color:#16885f}.app-result-warning .app-result-icon{background:#fff2d8;color:#a66800}
.app-result-card h2{font-size:1.3rem;font-weight:800;margin:0 0 10px}.app-result-message{line-height:1.9;color:#344054}.app-result-message .alert{margin:0;border:0;background:transparent;color:inherit}.app-result-message strong{font-weight:900}
.app-result-close{margin-top:18px;min-width:130px;border:0;border-radius:12px;background:#24b987;color:#fff;padding:10px 22px;font-weight:800;cursor:pointer}
.app-result-close:focus-visible{outline:3px solid rgba(36,185,135,.35);outline-offset:3px}
@keyframes appResultIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}