/* (A-046 — معاينة) مشترك بين الأشكال الثلاثة */
.topbar .btn-ghost, .topbar button{white-space:nowrap}
.topbar .hd-export{border-color:var(--gold-400);color:var(--gold-300)}
.topbar .hd-sys{padding:.4rem .7rem;font-size:.8rem;border-color:#ffffff29;color:#DCEBE2}
.topbar .hd-sys.hd-danger{border-color:#C8404899;color:#F4B7BB}
.topbar .hd-fix{border:1px solid var(--gold-400);color:var(--gold-300);background:#C9A2271f;border-radius:99px;padding:.15rem .7rem;font-size:.74rem;font-weight:700;white-space:nowrap}
.topbar .t3{display:flex;align-items:center;gap:.45rem;margin-top:.35rem}
.topbar .t3 .work-chip{font-size:.74rem;padding:.12rem .7rem}
/* تذكرة الدعم: ورقة عاجية بحافة ذهبية وثقبين على الجانبين — شكل لا يشبه أزرار الشغل */
.hd-ticket{display:flex;align-items:center;gap:.55rem;padding:.42rem .9rem .42rem .8rem;border-radius:10px;
  background:linear-gradient(180deg,var(--paper),var(--ivory-2));color:var(--emerald-900);border-top:3px solid var(--gold-500);
  box-shadow:0 2px 0 #00000033, inset 0 0 0 1px #E2D9C2;cursor:pointer;text-align:start;
  -webkit-mask:radial-gradient(circle 6px at 0 55%,#0000 98%,#000) left/51% 100% no-repeat, radial-gradient(circle 6px at 100% 55%,#0000 98%,#000) right/51% 100% no-repeat;
          mask:radial-gradient(circle 6px at 0 55%,#0000 98%,#000) left/51% 100% no-repeat, radial-gradient(circle 6px at 100% 55%,#0000 98%,#000) right/51% 100% no-repeat}
.hd-ticket:hover{background:linear-gradient(180deg,#fff,var(--gold-soft))}
.hd-ticket:focus-visible{outline:3px solid var(--gold-300);outline-offset:3px}
.hd-ticket .tk-ic{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--emerald-800);box-shadow:0 0 0 2px var(--gold-400);font-size:.95rem;flex:0 0 auto}
.hd-ticket .tk-tx{display:flex;flex-direction:column;line-height:1.25}
.hd-ticket b{font-size:.86rem;font-weight:800}
.hd-ticket small{font-size:.66rem;color:var(--ink-3);font-weight:600}
@media (max-width:1150px){ .hd-ticket small{display:none} }
/* (ب) شريطان: سطر رفيع للسياق وأزرار النظام، وسطر رئيسي للشغل والدعم */
.topbar.hdB{flex-direction:column;align-items:stretch;padding:0;gap:0;overflow:hidden}
.hdB .hd-strip{display:flex;align-items:center;gap:.55rem;background:#00000038;padding:.4rem 1.2rem;font-size:.8rem;color:#BFD9C9;border-bottom:1px solid #ffffff14}
.hdB .hd-strip .grow{flex:1}
.hdB .hd-ctx b{color:var(--gold-soft);font-weight:700}
.hdB .hd-link{color:#DCEBE2;font-size:.8rem;font-weight:700;padding:.15rem .4rem;border-radius:6px;white-space:nowrap}
.hdB .hd-link:hover{background:#ffffff17}
.hdB .hd-link.hd-danger{color:#F4B7BB}
.hdB .hd-sep{width:1px;height:.95rem;background:#ffffff30}
.hdB .hd-row{display:flex;align-items:center;gap:.7rem;padding:.75rem 1.2rem}
.hdB .t1{font-size:1.4rem}
.hdB .hd-row .grow{flex:1}
.hdB .btn-forms, .hdB .hd-export{padding:.55rem 1.05rem;font-size:.9rem}