/* شريط التمرير الأفقي فوق الجدول + الأعمدة الثابتة */
.tscroll{overflow-x:auto;overflow-y:hidden;height:14px;margin-bottom:4px}
.tscroll>div{height:1px}
.dt td.pin{background:var(--card)}
.dt tbody tr:nth-child(even) td.pin{background:color-mix(in srgb,var(--card) 92%,var(--accent))}
.dt td.pin-last,.dt th.pin-last{box-shadow:-4px 0 6px -3px rgba(0,0,0,.25)}
.dt thead th.pin{background:var(--thead)}
.table-wrap{overflow-x:auto}
.dt .filter-row th.pin{background:var(--bg-2,#f4f6f5)}
.tscroll{scrollbar-width:auto}
.plink{color:inherit;text-decoration:none;border-bottom:1px dashed currentColor}
.plink:hover{color:var(--accent)}
/* الجداول على قد الكتابة */
.dt{width:max-content!important;min-width:0!important}
.dt tr.filter-row input{width:0!important;min-width:100%!important;box-sizing:border-box}
.dt td.wrap{min-width:0!important}
.dt tbody td{padding:6px 8px!important}
.dt thead th{padding:7px 8px!important}
.dt{table-layout:auto!important}
.table-wrap{scrollbar-gutter:auto!important}
.dt thead tr.grow th{background:var(--thead);color:#fff;font-weight:800;padding:5px 8px!important;border-bottom:1px solid rgba(255,255,255,.25)}
.dt thead tr.grow th:empty{border-bottom:0}
/* تمييز مجموعات الأعمدة بالألوان: الغرف / شراء / بيع */
.dt thead th.g-rooms{background:#1f5f8b!important}
.dt thead th.g-buy{background:#9a4a2a!important}
.dt thead th.g-sell{background:#6b7d1e!important}
.dt tbody td.g-rooms{background:rgba(31,95,139,.07)}
.dt tbody td.g-buy{background:rgba(154,74,42,.07)}
.dt tbody td.g-sell{background:rgba(107,125,30,.08)}
/* ===== لمسات راقية: حركة ناعمة وألوان متناسقة (أخضر الرواد + ذهبي) ===== */
@media (prefers-reduced-motion:no-preference){
  main>*{animation:rw-fade .35s ease both}
  @keyframes rw-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
  .modal{animation:rw-pop .22s cubic-bezier(.2,.9,.3,1.2) both}
  @keyframes rw-pop{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
  .modal-bg{animation:rw-dim .2s ease both}
  @keyframes rw-dim{from{background:rgba(8,14,22,0)}}
  .toast{animation:rw-toast .3s cubic-bezier(.2,.9,.3,1.2) both}
  @keyframes rw-toast{from{opacity:0;transform:translateY(14px)}}
  .ssp{animation:rw-pop .16s ease both}
}
button,.tab-btn,.chip,.stat-card,.card,input,select,textarea,.dt tbody tr,.plink{transition:background-color .18s ease,color .18s ease,box-shadow .2s ease,transform .18s ease,border-color .18s ease}
button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 16px -8px rgba(14,107,80,.55)}
button:not(:disabled):active{transform:translateY(0) scale(.98)}
.tab-btn:hover{background:rgba(255,255,255,.08)}
.tab-btn.active{box-shadow:inset 0 -3px 0 var(--gold)}
.stat-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px -18px rgba(14,107,80,.6);border-color:var(--gold)}
input:focus,select:focus,textarea:focus{border-color:var(--gold)!important;box-shadow:0 0 0 3px rgba(185,135,63,.18)!important;outline:none}
.dt tbody tr:hover td{background:rgba(185,135,63,.10)!important}
.dt tbody tr:hover td.pin{background:#f7efe2!important}