/* إضافات المنتج المستقل */
:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
.who{font-size:12px;color:var(--muted);display:flex;gap:10px;align-items:center}
.who a{color:var(--muted)}
.busy{position:absolute;inset-inline:0;bottom:-2px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);background-size:40% 100%;background-repeat:no-repeat;animation:bz 1s linear infinite}
@keyframes bz{from{background-position:-40% 0}to{background-position:140% 0}}
.loading{padding:60px 0;text-align:center;color:var(--muted)}
.disc{border-top:1px solid var(--line);padding-top:12px;margin-bottom:8px;line-height:1.8}
.unv{display:inline-block;font-size:11px;padding:0 6px;border-radius:6px;background:var(--warn-bg);color:var(--warn);margin-inline-start:4px}
.star{border:1px solid var(--line2);background:var(--surface);border-radius:9px;padding:6px 12px;cursor:pointer}
.star[aria-pressed="true"]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
.acts{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}
.note-box{width:100%;min-height:90px;border:1px solid var(--line2);border-radius:10px;padding:10px;background:var(--surface);resize:vertical}
.saved{font-size:12px;color:var(--good);margin-inline-start:8px}
td .st{color:var(--accent)}
.gate{max-width:520px;margin:12vh auto;padding:0 20px}
.gate h1{margin:28px 0 10px}
.err{padding:40px 0;color:var(--bad)}
@media print{
  .top,.acts,.no-print,#w{display:none!important}
  body{background:#fff}
  .panel{break-inside:avoid;box-shadow:none}
  .wrap{padding:0}
  footer{max-width:none}
}