/* Приемо-предавателни протоколи — additions on top of Filament. */
:root { --pp-line: #e4ded6; --pp-muted: #6d6459; --pp-paper: #fbf8f4; --pp-accent: #7c4a1f; }
.dark { --pp-line: rgba(255,255,255,.12); --pp-muted: #a8a29e; --pp-paper: rgba(255,255,255,.03); }

/* signature pad */
.pp-sign { display: grid; gap: 6px; }
.pp-sign__canvas {
  width: 100%; height: 190px; touch-action: none; cursor: crosshair; display: block;
  background: #fff; border: 1.5px dashed #b9ad9f; border-radius: 12px;
  background-image: linear-gradient(transparent calc(100% - 46px), #d9cfc3 calc(100% - 46px), #d9cfc3 calc(100% - 45px), transparent calc(100% - 45px));
}
.dark .pp-sign__canvas { background-color: #f5f5f4; }
.pp-sign__bar { display: flex; justify-content: space-between; align-items: center; gap: 1rem; font-size: .8rem; color: var(--pp-muted); }
.pp-sign__clear { font-weight: 600; color: var(--pp-accent); padding: 4px 10px; border-radius: 8px; border: 1px solid var(--pp-line); background: transparent; }

/* machine cards on the rep home */
.pp-cards { display: grid; gap: .75rem; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); }
.pp-card { display: grid; gap: 6px; padding: 14px 16px; border: 1px solid var(--pp-line); border-radius: 14px; background: var(--pp-paper); }
.pp-card--due { border-color: #d97706; box-shadow: 0 0 0 1px #d97706 inset; }
.pp-card__serial { font-family: ui-monospace, Consolas, monospace; font-size: .85rem; color: var(--pp-muted); }
.pp-card__name { font-weight: 700; font-size: 1.02rem; overflow-wrap: anywhere; }
.pp-card__meta { font-size: .82rem; color: var(--pp-muted); overflow-wrap: anywhere; }
.pp-card__actions { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: 4px; }
.pp-empty { padding: 18px; text-align: center; color: var(--pp-muted); border: 1px dashed var(--pp-line); border-radius: 14px; }

/* history list */
.pp-history { display: grid; gap: 0; font-size: .875rem; }
.pp-history div { display: grid; grid-template-columns: 8.5rem 1fr; gap: .75rem; padding: 8px 0; border-bottom: 1px solid var(--pp-line); }
.pp-history time { color: var(--pp-muted); font-variant-numeric: tabular-nums; }
.pp-history span { overflow-wrap: anywhere; }

.fi-simple-layout { background: radial-gradient(1000px 420px at 50% -10%, rgba(124,74,31,.12), transparent 60%); }