/* Колокольчик в шапке кабинета поставщика: новые заявки (app/supplier_inbox.py). */
.supplier-bell{position:relative;margin-left:var(--ui-space-2)}
.supplier-bell summary{list-style:none;position:relative;display:grid;place-items:center;width:var(--ui-control);height:var(--ui-control);
  border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface);cursor:pointer;color:var(--ui-text-2)}
.supplier-bell summary::-webkit-details-marker{display:none}
.supplier-bell summary:hover{border-color:var(--ui-border-hover);color:var(--ui-text)}
.supplier-bell svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.supplier-bell summary b{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:var(--ui-radius-full);
  background:var(--ui-primary);color:var(--ui-on-primary);font-size:var(--ui-size-label);line-height:20px;text-align:center}
.supplier-bell__panel{position:absolute;right:0;top:calc(100% + var(--ui-space-1));z-index:var(--ui-z-dropdown);width:min(340px,calc(100vw - 32px));
  display:grid;padding:var(--ui-space-2);background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);
  box-shadow:var(--ui-shadow-md)}
.supplier-bell__panel strong{padding:var(--ui-space-1) var(--ui-space-2) var(--ui-space-2);font-size:var(--ui-size-sm)}
.supplier-bell__panel a{display:grid;gap:2px;padding:var(--ui-space-2);border-radius:var(--ui-radius-md);color:var(--ui-text);text-decoration:none}
.supplier-bell__panel a:hover{background:var(--ui-hover)}
.supplier-bell__panel a span,.supplier-bell__panel a small{color:var(--ui-muted);font-size:var(--ui-size-caption)}
.supplier-bell__panel a b{font-size:var(--ui-size-sm);overflow-wrap:anywhere}
.supplier-bell__panel .supplier-bell__all{margin-top:var(--ui-space-1);border-top:1px solid var(--ui-border);border-radius:0;
  color:var(--ui-primary);font-weight:var(--ui-weight-bold);font-size:var(--ui-size-sm)}
@media(max-width:720px){.supplier-bell{margin-left:auto}.supplier-bell~.supplier-logout{margin-left:var(--ui-space-2)}}