/* BAK Inventory V11 — design-only layer. Operational logic/scan wiring unchanged. */
:root{
 --bak-green:#167746;--bak-green-dark:#105a34;--bak-ink:#17241d;--bak-muted:#728078;
 --bak-bg:#f7f9f6;--bak-line:#e4eae2;--bak-radius:20px;
}
body{background:var(--bak-bg);color:var(--bak-ink)}
.v6-management-shell,.app-shell{--primary:var(--bak-green)}
#v6ManagementHome,.app-shell:not(.scanner-page),#v8TransferScreen{
  background:var(--bak-bg)!important;
}
#v6ManagementHome .v6-management-header,
.app-shell .app-header,#v8TransferScreen .app-header{
  background:rgba(247,249,246,.96)!important;
  padding-top:max(16px,env(safe-area-inset-top))!important;
  border-bottom:1px solid var(--bak-line)!important;
  box-shadow:none!important;
  display:flex;align-items:center;gap:12px;
}
#v6ManagementHome .v6-management-header h1,
.app-shell .app-header h1,#v8TransferScreen .app-header h1{
  font-size:clamp(19px,4.5vw,25px)!important;line-height:1.18!important;
  color:var(--bak-ink)!important;letter-spacing:-.035em!important;
  font-weight:780!important;
}
#v6ManagementHome .v6-management-brand{flex:1;min-width:0}
#v6ManagementHome .v6-management-brand img{max-height:40px;max-width:40px}
#v6ManagementHome .v6-management-header .profile-button{
  font-size:11px!important;border-radius:12px!important;padding:8px!important;
  max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#v6ManagementHome .v6-management-hero,
.app-shell .home-hero:not(.scanner-page .home-hero){
  background:linear-gradient(120deg,#14673c,#248b56)!important;
  border:0!important;border-radius:23px!important;
  box-shadow:none!important;margin:14px 14px 16px!important;
  padding:20px!important;color:#fff!important;
}
#v6ManagementHome .v6-management-hero p,#v6ManagementHome .v6-management-hero h2,
.app-shell .home-hero h2,.app-shell .home-hero p{color:inherit!important}
#v6ManagementHome .v6-management-hero h2{font-size:23px!important;line-height:1.2!important}
#v6ManagementHome .v6-management-modules,
.app-shell .module-grid:not(#v8TransferScreen .module-grid){
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;padding:0 14px!important;
}
#v6ManagementHome .v6-management-modules .module-card,
.app-shell .module-grid:not(#v8TransferScreen .module-grid) .module-card{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;
  min-height:126px!important;padding:14px!important;gap:8px!important;
  border-radius:19px!important;background:#fff!important;color:var(--bak-ink)!important;
  border:1px solid var(--bak-line)!important;box-shadow:none!important;
  text-align:left!important;
}
#v6ManagementHome .module-card .module-icon,
.app-shell .module-grid .module-card .module-icon{
  color:var(--bak-green)!important;background:#e7f4ea!important;border-radius:12px!important;
  min-height:37px!important;min-width:37px!important;display:grid!important;place-items:center!important;
  font-size:21px!important;
}
#v6ManagementHome .module-card>div strong,
.app-shell .module-grid .module-card>div strong{font-size:16px!important;color:var(--bak-ink)!important}
#v6ManagementHome .module-card>div small,
.app-shell .module-grid .module-card>div small{
  font-size:11px!important;color:var(--bak-muted)!important;line-height:1.35!important;
}
#v6ManagementHome .module-card>span:last-child,
.app-shell .module-grid .module-card>span:last-child{display:none!important}
.app-shell .list-section,#v8TransferScreen .list-section,
.app-shell .glass-card:not(.camera-card):not(.home-hero),
#v8TransferScreen .glass-card:not(.camera-card):not(.home-hero){
 border-radius:var(--bak-radius)!important;border:1px solid var(--bak-line)!important;
 box-shadow:none!important;
}
.app-shell button.primary,#v8TransferScreen button.primary,
.v11-notif-open{
 background:var(--bak-green)!important;color:#fff!important;
 border:0!important;border-radius:14px!important;min-height:48px!important;
 font-weight:700!important;box-shadow:none!important;
}
.app-shell button.secondary,#v8TransferScreen button.secondary{border-radius:14px!important}
.app-shell :is(button,input,select):focus-visible,
#v8TransferScreen :is(button,input,select):focus-visible,
#v11NotificationsPage :is(button,input):focus-visible{outline:3px solid #80cfa2!important;outline-offset:2px}
.v10-simple-bell{
 background:#e7f4ea!important;color:var(--bak-green)!important;
 border:0!important;border-radius:14px!important;min-width:44px!important;min-height:44px!important;
}
.v10-tick-panel{border-color:var(--bak-line)!important;box-shadow:none!important;border-radius:20px!important}
.v10-tick-item{padding:12px!important;gap:9px!important}
.v10-tick-panel header h2{font-size:21px!important;letter-spacing:-.02em}
.v10-tick-receiver input{border-radius:13px!important}
#v8TransferScreen .v10-role-banner{border-radius:16px!important}
#v8TransferScreen .do-row[data-v8-transfer-id],main.app-shell .do-row[data-do]{
  box-shadow:none!important;border-radius:16px!important;
}
.v11-notifications-open{overflow:hidden!important}
.v11-notifications-page{
 position:fixed;inset:0;z-index:9999999;background:var(--bak-bg);color:var(--bak-ink);
 overflow:auto;overscroll-behavior:contain;
 padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);
 font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
.v11-notif-header{
 background:rgba(247,249,246,.98);border-bottom:1px solid var(--bak-line);
 min-height:74px;display:flex;align-items:center;gap:13px;
 padding:10px max(16px,calc((100vw - 620px)/2));position:sticky;top:0;z-index:1;
}
.v11-notif-header>div{flex:1;min-width:0}
.v11-notif-header small{font-size:10px;font-weight:800;letter-spacing:.11em;color:var(--bak-muted)}
.v11-notif-header h1{font-size:24px;letter-spacing:-.04em;line-height:1.1;font-weight:800;margin:2px 0 0}
.v11-notif-header button{
 width:44px;height:44px;border:0;border-radius:13px;background:#e7f4ea;
 color:var(--bak-green);font-size:25px;font-weight:700;cursor:pointer;
}
.v11-notif-body{max-width:620px;margin:0 auto;padding:24px 16px 48px}
.v11-notif-intro{margin:0 0 20px}
.v11-notif-intro h2{font-size:20px;letter-spacing:-.025em;margin:0 0 5px}
.v11-notif-intro p{font-size:13px;color:var(--bak-muted);margin:0}
.v11-notif-list{display:grid;gap:10px}
.v11-notif-row{
 display:flex;align-items:center;gap:14px;width:100%;padding:15px;text-align:left;
 border:1px solid var(--bak-line);border-radius:19px;background:#fff;
 min-height:86px;cursor:pointer;color:var(--bak-ink);box-shadow:none;
}
.v11-notif-symbol,.v11-notif-detail-mark{
 background:#e7f4ea;color:var(--bak-green);border-radius:14px;
 min-height:46px;min-width:46px;display:grid;place-items:center;font-weight:900;font-size:23px;
}
.v11-notif-copy{display:grid;gap:4px;flex:1;min-width:0}
.v11-notif-copy b{font-size:15px}
.v11-notif-copy small{font-size:12px;color:var(--bak-muted)}
.v11-notif-copy em{font-style:normal;font-size:10px;color:#8c978e;overflow-wrap:anywhere}
.v11-notif-chevron{font-size:25px;color:#91a097}
.v11-notif-empty{background:#e7f4ea;padding:25px;border-radius:20px;color:var(--bak-green)}
.v11-notif-empty p{font-size:13px;color:#547362}
.v11-notif-detail{display:grid;justify-items:start;gap:14px}
.v11-notif-listback{background:transparent;border:0;padding:10px 0;color:var(--bak-green);font-weight:700}
.v11-notif-detail h2{font-size:26px;margin:0;letter-spacing:-.04em}
.v11-notif-detail p{margin:0;color:var(--bak-muted)}
.v11-notif-status{background:#e7eae7;color:#64726a;border-radius:99px;padding:7px 10px;font:750 11px system-ui}
.v11-notif-detail dl{display:grid;gap:10px;width:100%;margin:5px 0 12px}
.v11-notif-detail dl>div{display:flex;justify-content:space-between;gap:14px;background:#fff;border:1px solid var(--bak-line);border-radius:15px;padding:15px}
.v11-notif-detail dt{color:var(--bak-muted);font-size:12px}
.v11-notif-detail dd{font-weight:700;font-size:13px;margin:0;overflow-wrap:anywhere;text-align:right}
.v11-notif-open{width:100%;cursor:pointer;font-size:15px}
@media(min-width:760px){
 #v6ManagementHome .v6-management-modules{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:900px;margin-inline:auto}
}
@media(max-width:380px){
 .v11-notif-row{gap:10px;padding:11px}
 .v11-notif-copy b{font-size:14px}
 #v6ManagementHome .module-card>div strong{font-size:14px!important}
}
@media(prefers-reduced-motion:no-preference){
 .v11-notif-row{transition:transform .14s ease,box-shadow .14s ease}
 .v11-notif-row:active{transform:scale(.988)}
}