/* ========================================================================
   Oficina Portátil V75.37
   Notificações final + Aprovisionamento por leitura de O.S.
   ======================================================================== */

/* MATERIAL FINAL COMPARTILHADO: Aparência e Notificações */
html body .op-appearance-popover,
html body .notification-portal-host > .notification-popover{
  opacity:1!important;
  background-color:color-mix(in srgb,var(--panel-solid) 92%,var(--accent) 8%)!important;
  background-image:
    radial-gradient(120% 82% at 0% 0%,rgba(255,255,255,.14),transparent 46%),
    radial-gradient(86% 70% at 100% 100%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 54%)!important;
  border:1px solid color-mix(in srgb,var(--text) 14%,transparent)!important;
  -webkit-backdrop-filter:blur(var(--op-pg-blur,18px)) saturate(var(--op-pg-saturation,1.25)) contrast(var(--op-pg-contrast,1))!important;
  backdrop-filter:blur(var(--op-pg-blur,18px)) saturate(var(--op-pg-saturation,1.25)) contrast(var(--op-pg-contrast,1))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -1px 0 rgba(0,0,0,.06),
    0 20px 50px rgba(0,0,0,.30)!important;
}
html[data-theme="light"] body .op-appearance-popover,
html[data-theme="light"] body .notification-portal-host > .notification-popover{
  background-color:color-mix(in srgb,#f7fbfa 94%,var(--accent) 6%)!important;
}
html[data-theme="dark"] body .op-appearance-popover,
html[data-theme="dark"] body .notification-portal-host > .notification-popover{
  background-color:color-mix(in srgb,#102522 90%,var(--accent) 10%)!important;
}

/* APROVISIONAMENTO — leitor de O.S. */
.apv-camera-flow .apv-os-reader{
  display:grid;
  gap:10px;
  padding:16px;
  margin:4px 0 18px;
  border:1px solid var(--line);
  border-radius:22px;
  background:color-mix(in srgb,var(--panel-solid) 72%,transparent);
}
.apv-os-camera-input{
  position:absolute!important;
  inline-size:1px!important;
  block-size:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
.apv-os-camera-button{
  width:max-content!important;
  min-width:220px;
  gap:10px!important;
}
.apv-camera-symbol{
  width:24px;height:24px;
  display:grid;place-items:center;
  border:2px solid currentColor;
  border-radius:50%;
  font-size:10px;
}
.apv-os-reader > small{color:var(--muted)}
.apv-scan-warnings{
  display:grid;
  gap:4px;
  padding:10px 12px;
  border-radius:14px;
  background:color-mix(in srgb,#ffb020 12%,transparent);
  border:1px solid color-mix(in srgb,#ffb020 28%,transparent);
}
.apv-scan-warnings small{color:var(--text);font-weight:650}
.apv-scan-basics{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.apv-camera-flow .withdrawal-materials header > div{
  display:grid;
  gap:4px;
}
.apv-camera-flow .withdrawal-materials header small{
  color:var(--muted);
}
.apv-camera-flow .withdrawal-total,
.apv-camera-flow .partial-toggle{
  display:none!important;
}
@media(max-width:720px){
  .apv-scan-basics{grid-template-columns:1fr!important}
  .apv-os-camera-button{width:100%!important;min-width:0}
}