:root{--black:#101010;--dark:#181818;--yellow:#f5f63b;--muted:#6b7280;--bg:#f4f5f7;--card:#ffffff;--line:#e5e7eb}*{font-family:"Tajawal","Cairo",Arial,sans-serif}body{background:var(--bg);color:#1f2937}.admin-shell{display:flex;min-height:100vh}.sidebar{width:280px;background:#0b0b0b;color:#fff;position:fixed;top:0;bottom:0;right:0;padding:22px 18px;z-index:20}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.brand-mark{width:50px;height:50px;border-radius:16px;background:var(--yellow);color:#000;display:flex;align-items:center;justify-content:center;font-size:24px}.brand small{display:block;color:#cbd5e1;font-size:12px}.sidebar nav a{display:flex;gap:12px;align-items:center;color:#e5e7eb;text-decoration:none;padding:13px 14px;border-radius:14px;margin:5px 0}.sidebar nav a:hover{background:#222;color:var(--yellow)}.content{margin-right:280px;width:calc(100% - 280px)}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:10}.topbar span{display:block;color:var(--muted);font-size:13px}.user-chip{background:#111;color:#fff;border-radius:999px;padding:9px 15px}.page-wrap{padding:24px}.stat-card{background:linear-gradient(135deg,#111,#2a2a2a);color:white;border-radius:22px;padding:22px;box-shadow:0 10px 30px #0001;min-height:130px}.stat-card.yellow{background:linear-gradient(135deg,#e7e928,#ffff70);color:#000}.stat-card .icon{font-size:30px;opacity:.9}.stat-card .num{font-size:28px;font-weight:800}.cardx{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 8px 26px #0000000d}.cardx-header{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.cardx-body{padding:20px}.btn-main{background:#111;color:#fff;border-radius:12px;padding:10px 16px}.btn-main:hover{background:#000;color:var(--yellow)}.btn-yellow{background:var(--yellow);color:#000;border-radius:12px;font-weight:700}.table{vertical-align:middle}.badge-soft{border-radius:999px;padding:7px 10px}.public-hero{background:radial-gradient(circle at top right,#46470d,#111 55%);min-height:520px;color:white;padding:70px 0}.public-card{border-radius:24px;overflow:hidden;border:0;box-shadow:0 20px 50px #0002}.unit-img{width:100%;height:220px;object-fit:cover}.print-area{background:#fff;padding:30px;max-width:900px;margin:auto}.invoice-box{border:2px solid #111;border-radius:18px;padding:26px}@media print{.no-print,.sidebar,.topbar{display:none!important}.content{margin:0;width:100%}.page-wrap{padding:0}.print-area{max-width:100%;padding:0}.invoice-box{border:0}}@media(max-width:991px){.sidebar{transform:translateX(100%);transition:.2s}.show-sidebar .sidebar{transform:translateX(0)}.content{margin-right:0;width:100%}.topbar{padding:0 12px}.page-wrap{padding:14px}.user-chip{display:none}}.status-pending{background:#fff8db;color:#8a6d00}.status-confirmed{background:#dbeafe;color:#1d4ed8}.status-checked_in{background:#dcfce7;color:#15803d}.status-cancelled,.status-expired{background:#fee2e2;color:#b91c1c}.status-completed{background:#e5e7eb;color:#374151}
/* Phase 2 */
.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:10px}
.cal-cell{min-height:125px;background:#fff;border:1px solid #eee;border-radius:16px;padding:10px;box-shadow:0 4px 16px rgba(0,0,0,.04)}
.cal-cell.muted{background:#f5f5f5;box-shadow:none}.cal-book{display:block;margin-top:7px;padding:6px 8px;border-radius:10px;font-size:12px;text-decoration:none;color:#111;background:#ffe96a}.cal-book.status-confirmed{background:#d8ecff}.cal-book.status-checked_in{background:#ffd6d6}.cal-book.status-completed{background:#dff7e7}.cal-book.status-cancelled{background:#eee;color:#777;text-decoration:line-through}.status-cancelled{background:#eee;color:#777}.status-completed{background:#dff7e7;color:#136b2f}.status-checked_in{background:#ffd6d6;color:#9b1c1c}
@media(max-width:900px){.calendar-grid{grid-template-columns:1fr}.cal-cell{min-height:auto}}

/* Phase 3 */
.brand-logo{width:58px;height:58px;border-radius:50%;object-fit:cover;background:#000;border:2px solid var(--yellow)}
.public-body{background:#f6f7fb}.public-nav{background:#090909;padding:12px 0;position:sticky;top:0;z-index:50}.public-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:800}.public-brand img{width:52px;height:52px;border-radius:50%;object-fit:cover}.public-hero.phase3{min-height:560px;background:radial-gradient(circle at 80% 10%,rgba(245,246,59,.25),transparent 30%),linear-gradient(135deg,#050505,#202020 60%,#090909);display:flex;align-items:center}.hero-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.hero-points span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);padding:10px 14px;border-radius:999px}.search-box{background:#fff;color:#111;border-radius:28px;padding:26px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.public-footer{background:#111;color:#fff;padding:24px 0}.main-room-img{max-height:470px;object-fit:cover}.room-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.room-gallery img{width:100%;height:110px;object-fit:cover;border-radius:16px}.success-box{max-width:760px;text-align:center;background:#fff;border-radius:28px;padding:36px;box-shadow:0 20px 60px rgba(0,0,0,.08)}.booking-code{font-size:34px;font-weight:900;letter-spacing:2px;background:#111;color:var(--yellow);display:inline-block;padding:14px 26px;border-radius:18px}.availability-card{border-radius:22px;padding:20px;border:1px solid #eee;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.06)}.availability-card.ok{border-color:#86efac;background:#f0fdf4}.availability-card.no{border-color:#fecaca;background:#fef2f2}.notice{border:1px solid #eee;border-radius:18px;padding:16px;margin-bottom:12px;background:#fff}.notice.new{border-color:#f5f63b;background:#fffde8}.btn-success{border-radius:12px}.sticky-lg-top{z-index:5}
@media(max-width:700px){.room-gallery{grid-template-columns:repeat(2,1fr)}.public-hero.phase3{min-height:auto;padding:45px 0}.display-4{font-size:2rem}.booking-code{font-size:24px}}


/* Phase 8: Sidebar scrollbar and layout polish */
.admin-body{overflow-x:hidden}
.sidebar{display:flex;flex-direction:column;overflow:hidden;height:100vh}
.sidebar .brand{flex:0 0 auto;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}
.sidebar nav,.sidebar-nav{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding-left:4px;padding-bottom:22px;scrollbar-width:thin;scrollbar-color:#f5f63b #141414}
.sidebar nav::-webkit-scrollbar,.sidebar-nav::-webkit-scrollbar{width:8px}
.sidebar nav::-webkit-scrollbar-track,.sidebar-nav::-webkit-scrollbar-track{background:#141414;border-radius:20px}
.sidebar nav::-webkit-scrollbar-thumb,.sidebar-nav::-webkit-scrollbar-thumb{background:#f5f63b;border-radius:20px}
.sidebar nav a.active{background:#f5f63b;color:#000;font-weight:800}
.sidebar nav a.active i{color:#000}
.sidebar nav a{min-height:44px}
.top-search{min-width:280px;max-width:420px}
.top-search .form-control{border-radius:999px;border:1px solid #e5e7eb;background:#f8fafc}
.page-actions{display:flex;gap:8px;flex-wrap:wrap}
.quick-note{border:1px solid #eee;border-radius:16px;padding:14px;background:#fff;margin-bottom:10px}
.quick-note.done{opacity:.65;background:#f3f4f6}
.print-header-line{border-bottom:2px solid #111;margin-bottom:18px;padding-bottom:14px}
@media(max-width:991px){.sidebar{width:300px}.top-search{display:none}.sidebar nav,.sidebar-nav{padding-bottom:80px}}


/* Phase 10: Public hero logo polish */
.hero-content{
    position:relative;
    z-index:2;
}
.hero-logo-box{
    margin-bottom:26px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
}
.hero-logo-white{
    max-width:280px;
    width:100%;
    height:auto;
    display:block;
    object-fit:contain;
    filter:brightness(0) invert(1) drop-shadow(0 16px 34px rgba(0,0,0,.35));
}
.hero-actions{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}
.hero-actions .btn{
    border-radius:16px;
    padding:12px 22px;
    font-weight:800;
}
.public-hero.phase3{
    position:relative;
    overflow:hidden;
}
.public-hero.phase3:before{
    content:"";
    position:absolute;
    inset:auto -90px -160px auto;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(245,246,59,.10);
    filter:blur(2px);
}
.public-hero.phase3:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(0,0,0,.18),transparent 55%);
    pointer-events:none;
}
@media(max-width:991px){
    .hero-logo-box{justify-content:center;text-align:center}
    .hero-logo-white{max-width:230px;margin:auto}
    .hero-content{text-align:center}
    .hero-points,.hero-actions{justify-content:center}
}
@media(max-width:700px){
    .hero-logo-white{max-width:185px}
    .hero-logo-box{margin-bottom:18px}
    .hero-actions .btn{width:100%}
}

/* Phase 10 fix: use transparent white logo instead of filtering JPG */
.no-filter{
    filter:none !important;
}


/* Phase 11: Booking invoice redesign */
.booking-invoice-page{max-width:1000px;margin:auto}
.invoice-modern{border:0;border-radius:28px;padding:32px;background:#fff;box-shadow:0 18px 55px rgba(0,0,0,.08)}
.invoice-topbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;border-bottom:1px solid #eceff3;padding-bottom:22px;margin-bottom:24px}
.invoice-brand-wrap{display:flex;gap:18px;align-items:center}
.invoice-brand-logo{width:96px;height:96px;border-radius:24px;background:#fff;border:1px solid #eceff3;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.04)}
.invoice-brand-logo img{max-width:100%;max-height:100%;object-fit:contain}
.invoice-brand-text h2{margin:0 0 10px;font-size:1.55rem;font-weight:800;color:#111}
.invoice-brand-text div{margin-bottom:5px;color:#4b5563}
.invoice-meta-card{min-width:280px;background:linear-gradient(135deg,#111,#222);color:#fff;border-radius:24px;padding:18px 20px;box-shadow:0 18px 35px rgba(0,0,0,.15)}
.invoice-meta-card .invoice-kicker{display:inline-block;background:rgba(245,246,59,.18);color:#f5f63b;border:1px solid rgba(245,246,59,.35);padding:6px 12px;border-radius:999px;font-size:.85rem;margin-bottom:12px}
.invoice-meta-card h3{margin:0 0 10px;font-weight:900;font-size:1.6rem}
.invoice-meta-card div{opacity:.95;margin-bottom:4px}
.invoice-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}
.invoice-summary-box{border:1px solid #eceff3;border-radius:22px;padding:18px 20px;background:#fafafa}
.invoice-summary-box span{display:block;color:#6b7280;margin-bottom:8px}
.invoice-summary-box strong{font-size:1.45rem;color:#111}
.invoice-summary-box.highlight{background:linear-gradient(135deg,#fffdd9,#f5f63b33);border-color:#f1e85e}
.invoice-section-card{border:1px solid #eceff3;border-radius:22px;padding:18px 20px;background:#fff;height:100%}
.invoice-section-title{font-weight:800;color:#111;margin-bottom:14px;font-size:1.04rem}
.invoice-data-list>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed #edf0f4}
.invoice-data-list>div:last-child{border-bottom:0}
.invoice-data-list span{color:#6b7280}
.invoice-data-list b{color:#111;text-align:left}
.invoice-table-modern thead th{background:#111;color:#fff;border:0;padding:14px}
.invoice-table-modern tbody td{padding:13px 14px;border-color:#eef1f5}
.invoice-table-modern tbody tr:nth-child(even){background:#fafbfc}
.invoice-table-modern .remaining-row td{background:#fffde7;font-size:1.05rem}
.transfer-list{display:grid;gap:12px}
.transfer-item{border:1px dashed #d5dae1;border-radius:16px;padding:12px 14px;background:#fafbfc}
.invoice-terms{color:#374151;line-height:1.9}
.qr-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%}
.qr-code-img{width:180px;height:180px;object-fit:contain;border:1px solid #eceff3;border-radius:20px;padding:10px;background:#fff}
.invoice-signatures{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #eceff3;margin-top:26px;padding-top:20px;font-weight:700}
@media(max-width:991px){
    .invoice-topbar{flex-direction:column}
    .invoice-meta-card{width:100%;min-width:0}
    .invoice-summary-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
    .invoice-brand-wrap{flex-direction:column;align-items:flex-start}
    .invoice-signatures{flex-direction:column}
}
@media print{
    .booking-invoice-page{max-width:100%}
    .invoice-modern{box-shadow:none;padding:16px;border-radius:0}
    .invoice-meta-card{box-shadow:none}
    .qr-code-img{width:150px;height:150px}
}


/* Phase 14: تصغير محتويات القوائم وتخفيف القائمة الجانبية */
:root{
    --sidebar-w:250px;
}
.sidebar{
    width:var(--sidebar-w)!important;
    padding:14px 12px!important;
}
.content{
    margin-right:var(--sidebar-w)!important;
    width:calc(100% - var(--sidebar-w))!important;
}
.sidebar .brand{
    gap:9px!important;
    margin-bottom:10px!important;
    padding-bottom:10px!important;
}
.sidebar .brand-logo{
    width:42px!important;
    height:42px!important;
    border-radius:12px!important;
}
.sidebar .brand strong{
    font-size:13px!important;
    line-height:1.35!important;
}
.sidebar .brand small{
    font-size:10.5px!important;
}
.sidebar nav a,
.sidebar-nav a{
    gap:8px!important;
    padding:8px 10px!important;
    min-height:34px!important;
    border-radius:10px!important;
    margin:3px 0!important;
    font-size:12.5px!important;
    line-height:1.25!important;
}
.sidebar nav a i,
.sidebar-nav a i{
    width:16px!important;
    min-width:16px!important;
    text-align:center!important;
    font-size:13px!important;
}
.topbar{
    height:62px!important;
    padding:0 18px!important;
}
.topbar h4{
    font-size:18px!important;
}
.topbar span{
    font-size:11.5px!important;
}
.page-wrap{
    padding:18px!important;
}
.cardx-header{
    padding:14px 16px!important;
}
.cardx-header h5{
    font-size:16px!important;
}
.cardx-body{
    padding:16px!important;
}
.table{
    font-size:13px!important;
}
.table th,
.table td{
    padding:.48rem .55rem!important;
}
.btn-sm{
    padding:.25rem .55rem!important;
    font-size:.78rem!important;
}
.form-select,
.form-control{
    font-size:13px!important;
}
.dropdown-menu,
.list-group,
.form-select option{
    font-size:13px!important;
}
.badge{
    font-size:.72rem!important;
}
@media(max-width:991px){
    .sidebar{width:280px!important}
    .content{margin-right:0!important;width:100%!important}
    .sidebar nav a,.sidebar-nav a{font-size:13px!important;min-height:38px!important}
}


/* Final Phase: unified print logo headers */
.print-doc-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:18px;
    border-bottom:2px solid #111;
    padding-bottom:12px;
    margin-bottom:16px;
}
.print-doc-header h3{
    margin:0 0 5px;
    font-weight:800;
    color:#111;
}
.print-doc-header img{
    width:82px;
    height:82px;
    object-fit:contain;
}
.print-title{
    font-weight:800;
    margin:14px 0 18px;
}
.print-signatures{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin-top:45px;
}
.print-signatures div{
    border-top:1px solid #111;
    padding-top:10px;
    text-align:center;
    font-weight:700;
}
@media print{
    .print-doc-header{display:flex!important}
    .print-doc-header img{width:70px!important;height:70px!important}
    .print-signatures{break-inside:avoid}
    .form-select, .form-control{
        border:0!important;
        background:transparent!important;
        padding:0!important;
        appearance:none!important;
    }
}


/* Final Theme Update: تخفيف الأسود وتحويله إلى تدرج ذهبي */
:root{
    --black:#2d2418;
    --dark:#43311d;
    --yellow:#d4af37;
    --gold:#c9a227;
    --gold-2:#e5c96a;
    --gold-soft:#f5e7a4;
}

body,
.public-body{
    background:#f8f7f2;
}

.sidebar{
    background:linear-gradient(180deg,#4a351d 0%, #2f2417 55%, #1d1711 100%) !important;
    color:#fff7df !important;
    box-shadow:0 0 30px rgba(97,72,29,.18);
}

.sidebar .brand{
    border-bottom:1px solid rgba(229,201,106,.18) !important;
}

.sidebar .brand strong,
.sidebar .brand small{
    color:#fff7df !important;
}

.sidebar nav a,
.sidebar-nav a{
    color:#f8ecd0 !important;
    transition:.2s ease;
}

.sidebar nav a:hover,
.sidebar-nav a:hover{
    background:linear-gradient(90deg,rgba(212,175,55,.22),rgba(229,201,106,.10)) !important;
    color:#fff !important;
}

.sidebar nav a.active,
.sidebar-nav a.active{
    background:linear-gradient(90deg,#d4af37,#f2dd89) !important;
    color:#2a2115 !important;
    box-shadow:0 10px 20px rgba(181,141,33,.22);
}
.sidebar nav a.active i,
.sidebar-nav a.active i{
    color:#2a2115 !important;
}

.topbar{
    background:linear-gradient(90deg,#5a4221 0%, #8a6a2a 55%, #c79d32 100%) !important;
    color:#fffaf0 !important;
    box-shadow:0 8px 22px rgba(151,111,32,.18);
}
.topbar *{
    color:inherit !important;
}

.public-nav{
    background:linear-gradient(90deg,#52391d 0%, #876524 60%, #c59b33 100%) !important;
    box-shadow:0 10px 30px rgba(139,103,34,.22);
}
.public-brand span{
    color:#fff8e7 !important;
}

.public-hero,
.public-hero.phase3{
    background:linear-gradient(135deg,#4b351c 0%, #7e5d26 45%, #d0a63b 100%) !important;
    color:#fff9ea !important;
}
.public-hero h1,
.public-hero p,
.public-hero .hero-points,
.public-hero .hero-points span{
    color:#fff9ea !important;
}

.public-footer{
    background:linear-gradient(90deg,#4a341b 0%, #785825 50%, #b68d30 100%) !important;
    color:#fff8e6 !important;
}

.cardx{
    border:1px solid #eadfb9 !important;
    box-shadow:0 10px 24px rgba(117,90,36,.08) !important;
}
.cardx-header{
    background:linear-gradient(90deg,#6a4a21 0%, #9d742c 55%, #d0a63b 100%) !important;
    color:#fff9ec !important;
}
.cardx-header h5,
.cardx-header .m-0{
    color:#fff9ec !important;
}

.stat-card{
    border:1px solid #ebdfb0 !important;
    box-shadow:0 10px 24px rgba(117,90,36,.08) !important;
}
.stat-card .icon{
    background:linear-gradient(135deg,#d4af37,#f1da7d) !important;
    color:#2a2115 !important;
}

.btn-main,
.btn-dark{
    background:linear-gradient(90deg,#6a4a21 0%, #9e772d 55%, #d4af37 100%) !important;
    border:none !important;
    color:#fffaf0 !important;
    box-shadow:0 8px 18px rgba(154,117,34,.18);
}
.btn-main:hover,
.btn-dark:hover{
    filter:brightness(1.03);
    color:#fff !important;
}

.btn-yellow{
    background:linear-gradient(90deg,#d4af37 0%, #f2de8d 100%) !important;
    color:#2a2115 !important;
    border:none !important;
    box-shadow:0 8px 18px rgba(212,175,55,.22);
}
.btn-yellow:hover{
    color:#241b10 !important;
    filter:brightness(1.02);
}

.table thead th{
    background:#faf6e8 !important;
    color:#5a4221 !important;
}

.search-box,
.invoice-box,
.quick-note,
.info-card,
.box{
    border-color:#eadfb9 !important;
}

.form-control:focus,
.form-select:focus{
    border-color:#d4af37 !important;
    box-shadow:0 0 0 .2rem rgba(212,175,55,.14) !important;
}

.badge.text-bg-dark{
    background:linear-gradient(90deg,#6b4b21,#b68d30) !important;
    color:#fff7e1 !important;
}

/* Mobile Final: جعل النظام بالكامل مناسب للهواتف */
html, body{max-width:100%;overflow-x:hidden}
img{max-width:100%}
.admin-body{overflow-x:hidden}
.admin-shell{width:100%}
.mobile-backdrop{display:none}
.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table{min-width:760px}
.cardx{max-width:100%}
.row{--bs-gutter-x:1rem}

/* واجهة الموقع العام */
.public-nav .container{gap:10px}
.public-nav .d-flex.gap-2{flex-wrap:wrap;justify-content:flex-end}
.public-brand{min-width:0}
.public-brand span{white-space:normal;line-height:1.3}
.public-hero.phase3 .row{min-height:auto}
.hero-actions .btn{white-space:normal}
.search-box{width:100%}
.public-card .btn{width:100%}

/* لوحة التحكم للهاتف */
@media(max-width:991px){
    body.show-sidebar{overflow:hidden}
    .mobile-backdrop{
        display:none;
        position:fixed;
        inset:0;
        background:rgba(0,0,0,.42);
        z-index:19;
    }
    body.show-sidebar .mobile-backdrop{display:block}
    .sidebar{
        width:82vw!important;
        max-width:320px!important;
        height:100vh!important;
        right:0!important;
        top:0!important;
        bottom:0!important;
        transform:translateX(105%)!important;
        transition:transform .25s ease!important;
        z-index:30!important;
        padding-bottom:20px!important;
        overflow:hidden!important;
    }
    body.show-sidebar .sidebar{transform:translateX(0)!important}
    .sidebar .brand{padding-bottom:10px!important;margin-bottom:10px!important}
    .sidebar-nav{
        height:calc(100vh - 78px)!important;
        overflow-y:auto!important;
        padding-bottom:90px!important;
        -webkit-overflow-scrolling:touch;
    }
    .sidebar-nav a{
        min-height:40px!important;
        font-size:13px!important;
        padding:9px 11px!important;
        margin:4px 0!important;
    }
    .content{
        margin-right:0!important;
        width:100%!important;
        max-width:100%!important;
    }
    .topbar{
        height:auto!important;
        min-height:58px!important;
        padding:10px 12px!important;
        gap:8px!important;
        align-items:center!important;
        flex-wrap:wrap!important;
        position:sticky!important;
        top:0!important;
        z-index:18!important;
    }
    .topbar > div:nth-child(2){
        flex:1 1 auto;
        min-width:0;
    }
    .topbar > div:nth-child(2) b{
        display:block;
        font-size:14px!important;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .topbar > div:nth-child(2) span{font-size:11px!important}
    .topbar .btn{
        padding:.35rem .55rem!important;
        font-size:.78rem!important;
    }
    .topbar > .d-flex{
        width:100%;
        justify-content:space-between;
    }
    .top-search{
        display:block!important;
        order:5;
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        flex:0 0 100%;
    }
    .top-search .form-control{
        height:38px;
        font-size:13px!important;
    }
    .page-wrap{padding:12px!important}
    .cardx{
        border-radius:16px!important;
        margin-bottom:12px;
    }
    .cardx-header{
        padding:12px 14px!important;
        gap:8px;
        flex-wrap:wrap;
    }
    .cardx-header h5{
        font-size:15px!important;
        width:auto;
        margin:0;
    }
    .cardx-header .btn,
    .cardx-header a.btn{
        font-size:.78rem!important;
        padding:.38rem .65rem!important;
    }
    .cardx-body{padding:12px!important}
    .stat-card{
        min-height:95px!important;
        border-radius:16px!important;
        padding:14px!important;
    }
    .stat-card .num{font-size:20px!important}
    .stat-card .icon{font-size:22px!important}
    .stats-grid{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:10px!important;
    }
    .row.g-3,.row.g-4{--bs-gutter-y:.75rem}
    .col-md-2,.col-md-3,.col-md-4,.col-md-6,
    .col-lg-4,.col-lg-5,.col-lg-7,.col-lg-8,
    .col-xl-3{
        width:100%!important;
        flex:0 0 100%!important;
        max-width:100%!important;
    }
    .table{
        min-width:720px;
        font-size:12px!important;
    }
    .table th,.table td{
        padding:.42rem .48rem!important;
        white-space:nowrap;
    }
    .table td .btn{margin-bottom:3px}
    .form-control,.form-select,textarea.form-control{
        min-height:40px;
        font-size:14px!important;
    }
    label{
        font-size:13px!important;
        margin-bottom:4px;
    }
    .btn{border-radius:10px!important}
    .btn-main,.btn-yellow{min-height:40px}
    .page-actions,.no-print.mb-3,.d-flex.gap-2{flex-wrap:wrap!important}
    .page-actions .btn,.no-print.mb-3 .btn{flex:1 1 auto}
    .calendar-grid{display:block!important}
    .cal-cell{
        margin-bottom:10px;
        min-height:auto!important;
    }
    .status-tile{min-height:auto!important}
}

/* الهواتف الصغيرة جداً */
@media(max-width:575px){
    .page-wrap{padding:9px!important}
    .topbar{padding:8px 10px!important}
    .sidebar{width:88vw!important}
    .brand-logo,.public-brand img{
        width:40px!important;
        height:40px!important;
    }
    .public-nav .container{
        flex-direction:column;
        align-items:stretch!important;
    }
    .public-nav .d-flex.gap-2{
        justify-content:center!important;
        width:100%;
    }
    .public-nav .btn{
        flex:1 1 auto;
        font-size:.78rem!important;
        padding:.38rem .45rem!important;
    }
    .public-brand{
        justify-content:center;
        text-align:center;
    }
    .public-hero.phase3{
        padding:34px 0!important;
        text-align:center;
    }
    .hero-logo-white{max-width:145px!important}
    .display-4{
        font-size:1.65rem!important;
        line-height:1.35!important;
    }
    .lead{font-size:.98rem!important}
    .hero-points{
        justify-content:center;
        gap:7px!important;
    }
    .hero-points span{
        width:100%;
        padding:8px 10px!important;
        font-size:.85rem;
    }
    .hero-actions{width:100%}
    .hero-actions .btn{
        width:100%;
        font-size:.95rem!important;
    }
    .search-box{
        border-radius:20px!important;
        padding:18px!important;
        margin-top:8px;
    }
    .public-card{border-radius:18px!important}
    .unit-img{height:175px!important}
    .room-gallery{grid-template-columns:repeat(2,1fr)!important}
    .room-gallery img{height:90px!important}
    .main-room-img{max-height:260px!important}
    h1{font-size:1.55rem!important}
    h2{font-size:1.35rem!important}
    h3{font-size:1.18rem!important}
    .cardx-header{
        flex-direction:column;
        align-items:stretch!important;
    }
    .cardx-header .btn,.cardx-header a.btn{width:100%}
    .stats-grid{grid-template-columns:1fr!important}
    .stat-card{min-height:82px!important}
    .table{min-width:640px}
    .booking-code{
        font-size:20px!important;
        padding:10px 14px!important;
    }
    .success-box{
        padding:22px!important;
        border-radius:20px!important;
    }
}

/* منع الطباعة من التأثر بتنسيقات الهاتف */
@media print{
    .mobile-backdrop{display:none!important}
    .sidebar,.topbar{display:none!important}
    .content{margin:0!important;width:100%!important}
}


/* Final tweak: بطاقات الرئيسية ذهبية وإزالة الأصفر الصريح */
.stat-card,
.stat-card.yellow{
    background:linear-gradient(135deg,#fffaf0 0%, #f0dfad 45%, #c79d32 100%) !important;
    color:#2c2112 !important;
    border:1px solid #d6b65a !important;
}
.stat-card .text-mutedx{
    color:#5b4521 !important;
    font-weight:700;
}
.stat-card .num{
    color:#2c2112 !important;
}
.stat-card .icon{
    width:48px;
    height:48px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#8a6428,#d4af37,#f2df91) !important;
    color:#fff8df !important;
    box-shadow:0 8px 18px rgba(145,107,35,.24);
    opacity:1 !important;
}
.stat-card.yellow .icon{
    background:linear-gradient(135deg,#6d4a1f,#b98d2f,#e6cc75) !important;
    color:#fff8df !important;
}
.btn-yellow{
    background:linear-gradient(90deg,#c79d32 0%, #e9cd73 100%) !important;
}

/* Equal dashboard cards */
.dashboard-stats-row,
.row.g-3.mb-4{
    align-items:stretch !important;
}
.row.g-3.mb-4 > [class*="col-"]{
    display:flex !important;
}
.row.g-3.mb-4 .stat-card{
    width:100% !important;
    height:100% !important;
    min-height:128px !important;
    display:flex !important;
    align-items:center !important;
}
.row.g-3.mb-4 .stat-card > .d-flex{
    width:100% !important;
    min-height:80px !important;
    align-items:center !important;
}
.stat-card .text-mutedx{
    min-height:22px;
    display:block;
}
.stat-card .num{
    min-height:34px;
    display:flex;
    align-items:center;
}
@media(max-width:991px){
    .row.g-3.mb-4 .stat-card{
        min-height:108px !important;
    }
    .row.g-3.mb-4 .stat-card > .d-flex{
        min-height:70px !important;
    }
}
@media(max-width:575px){
    .row.g-3.mb-4 .stat-card{
        min-height:96px !important;
    }
}