/* حجزك — لوحة الإدارة */
:root{--wine:#6B1E2E;--wine-dark:#3E0F1A;--gold:#B08A45;--gold-dark:#8A6A2F;--bg:#F7F6F2;--card:#fff;--line:#E3E0D7;--ink:#221A1C;--ink-2:#6B5F62}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);font-family:'IBM Plex Sans Arabic',sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
.frame{width:100%;min-height:100vh;display:flex;background:var(--bg);overflow:visible!important}
/* الشريط الجانبي ثابت أثناء التمرير */
.sc-host[data-sc-name="Admin Sidebar"]{position:sticky;top:0;height:100vh;align-self:flex-start;flex:none}
.sc-host[data-sc-name="Admin Sidebar"]>div{min-height:0!important;height:100%!important}
a{color:#6B1E2E;text-decoration:none}
a:hover{color:#B08A45}
.frame{min-width:1180px}
.hj-click{cursor:pointer;transition:filter .15s,background-color .15s,box-shadow .15s}
.hj-click:hover{filter:brightness(.97)}
.hj-row{cursor:default}
.hj-row.hj-click:hover{background:#FBF8F1!important}
.hj-sort{cursor:pointer;user-select:none}
.hj-sort:hover{color:#6B1E2E}
.hj-sort[data-dir]::after{content:attr(data-dir);font-size:9px;margin-inline-start:5px;color:#B08A45}
.hj-search{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;color:#221A1C;padding:0}
.hj-search::placeholder{color:#8F8A8B}
.hj-empty{padding:54px 20px;text-align:center;color:#6B5F62;font:500 14px 'IBM Plex Sans Arabic'}
.hj-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,16px);background:#3E0F1A;color:#fff;padding:12px 26px;border-radius:12px;border:1px solid #B08A45;font:500 14px 'IBM Plex Sans Arabic';opacity:0;pointer-events:none;transition:all .25s;z-index:999}
.hj-toast.show{opacity:1;transform:translate(-50%,0)}
input,select,textarea{font-family:inherit}
.hj-edit{outline:none;min-width:24px;cursor:text}

/* ===== الموبايل (حتى 900px) ===== */
.hj-mbar,.hj-backdrop{display:none}
@media (max-width:900px){
  .frame{min-width:0!important;flex-direction:column}
  body{overflow-x:hidden}
  .hj-mbar{display:flex;position:sticky;top:0;z-index:1000;height:56px;align-items:center;gap:12px;padding:0 14px;background:#3E0F1A;color:#fff}
  .hj-mbar .hj-menu{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);cursor:pointer;font-family:'Material Symbols Outlined';font-size:24px}
  .hj-mbar .hj-logo{font:700 22px/1 'El Messiri',serif}
  .hj-mbar .hj-page{margin-inline-start:auto;font:500 12px/1 'IBM Plex Sans Arabic';color:rgba(233,220,192,.8);max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .sc-host[data-sc-name="Admin Sidebar"]{position:fixed!important;top:0;bottom:0;right:0;height:100vh!important;width:264px;z-index:1200;transform:translateX(105%);transition:transform .22s;overflow-y:auto}
  .sc-host[data-sc-name="Admin Sidebar"]>div{width:264px!important;min-height:100%!important}
  body.hj-nav-open .sc-host[data-sc-name="Admin Sidebar"]{transform:none;box-shadow:-12px 0 40px rgba(0,0,0,.35)}
  .hj-backdrop{position:fixed;inset:0;background:rgba(34,26,28,.5);z-index:1150}
  body.hj-nav-open .hj-backdrop{display:block}
  /* الترويسة */
  .frame [style*="height: 64px"]{height:auto!important;min-height:56px;padding:10px 14px!important;flex-wrap:wrap;gap:10px!important}
  /* المحتوى */
  .frame [style*="padding: 20px 28px"]{padding:14px!important}
  .hj-lgrid,.hj-lgrid4{grid-template-rows:none!important;grid-auto-rows:auto!important}
  .hj-lgrid>*,.hj-lgrid4>*{grid-column:auto!important;grid-row:auto!important}
  .hj-autoh{height:auto!important;min-height:0!important}
  .hj-lgrid{grid-template-columns:minmax(0,1fr)!important}
  .hj-lgrid4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hj-tscroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .hj-trow{min-width:var(--hj-w,720px)}
  .frame [style*="border-inline-start"]{border-inline-start:0!important}
  .frame [style*="position: sticky"]{position:static!important}
  .hj-flexwrap{flex-wrap:wrap!important}
  input,select,textarea{font-size:16px}
  .frame [style*="padding: 3px"][style*="border-radius: 10px"]{max-width:100%;overflow-x:auto;scrollbar-width:none}
  .frame [style*="padding: 3px"][style*="border-radius: 10px"]>*{flex:none;white-space:nowrap}
  .frame [style*="height: 64px"]>*{min-width:0;max-width:100%}
  .frame [style*="width: 300px"],.frame [style*="width: 320px"],.frame [style*="width: 340px"]{max-width:100%!important}
  .hj-fit{max-width:100%!important;box-sizing:border-box}
  .hj-hscroll{overflow-x:auto!important;max-width:100%!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .hj-hscroll::-webkit-scrollbar{display:none}
  .hj-hscroll>*{flex:none!important;white-space:nowrap}
  body.hj-nosidebar .hj-mbar{display:none}
  body[data-screen="01_login"] .frame,body[data-screen="02_verify"] .frame{display:block!important}
  body[data-screen="01_login"] .frame>div:nth-child(2),body[data-screen="02_verify"] .frame>div:nth-child(2){display:none!important}
  body[data-screen="01_login"] .frame>div:first-child,body[data-screen="02_verify"] .frame>div:first-child{padding:28px 18px;min-height:100vh;box-sizing:border-box;width:100%!important;align-self:stretch;flex:1 1 auto}
  body[data-screen="01_login"] .frame>div:first-child>div,body[data-screen="02_verify"] .frame>div:first-child>div{width:100%!important;max-width:420px}
}
@media (max-width:900px){
  .hj-wrap4{flex-wrap:wrap!important;row-gap:10px;height:auto!important;min-height:62px;padding-top:10px!important;padding-bottom:10px!important}
  .hj-wrap4>*{flex-shrink:0}
  .hj-wrap4>*:nth-child(2){flex:1 1 140px!important;min-width:140px}
}