.inventory-notice { border:1px solid #dce3eb; border-radius:12px; padding:14px 16px; background:#f3f6f9; color:#526173; font-size:13px; line-height:1.6; }
.inventory-notice strong { color:#173d5d; }
.inventory-filters { display:grid; grid-template-columns:minmax(180px,2fr) repeat(2,minmax(130px,1fr)); gap:12px; margin-top:16px; }
.inventory-filters label { display:grid; gap:7px; font-size:12px; font-weight:650; color:#526173; min-width:0; }
.inventory-filters input,.inventory-filters select { width:100%; min-width:0; height:42px; border:1px solid #dae1e8; border-radius:9px; padding:0 11px; background:#fff; color:#153a59; }
.inventory-table,.member-activity-table { overflow:auto; -webkit-overflow-scrolling:touch; }
.inventory-table table { min-width:680px; width:100%; }
.inventory-table td,.inventory-table th { text-align:left; vertical-align:top; padding:14px 12px; }
.inventory-table small,.member-activity-table small { display:block; color:#738293; margin-top:5px; font-size:11px; }
.inventory-count,.inventory-unknown,.inventory-source { color:#65758a; font-size:12px; }
.inventory-empty { text-align:center!important; padding:30px!important; }
.cashier-marketing { flex:none; margin:0 0 10px; border:1px solid #dbe5ed; border-radius:10px; background:#f5f8fa; min-width:0; }
.cashier-marketing summary { padding:9px 12px; cursor:pointer; color:#365d7a; font-size:12px; font-weight:600; overflow-wrap:anywhere; }
.cashier-marketing-body { padding:0 12px 12px; max-height:155px; overflow:auto; }
.cashier-marketing-body p { font-size:12px; line-height:1.5; color:#63778a; margin:0 0 8px; }
#cashier-marketing-offers { display:flex; flex-wrap:wrap; gap:6px; }
#cashier-marketing-offers button { min-width:0; flex:1 1 145px; display:grid; text-align:left; gap:4px; border:1px solid #d5dfe8; border-radius:8px; background:white; color:#16415f; padding:8px; cursor:pointer; font:inherit; font-size:12px; }
#cashier-marketing-offers small { color:#718295; font-size:10px; }
#cashier-marketing-offers b { font-size:10px; }
#staff-member-info { font-size:12px; white-space:nowrap; }
.staff-member-dialog { width:min(760px,calc(100vw - 32px)); max-height:calc(100vh - 40px); max-height:calc(100dvh - 40px); overflow:auto; border:0; border-radius:16px; padding:24px; color:#123b5b; }
.staff-member-dialog::backdrop { background:rgba(0,26,49,.45); }
.member-activity-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.member-activity-heading h2 { font-size:20px; margin:0; overflow-wrap:anywhere; }
#staff-member-info-note { font-size:12px; color:#687c90; line-height:1.6; }
.member-activity-balance { padding:16px; background:#eef5fa; border-radius:10px; display:flex; justify-content:space-between; gap:14px; }
.member-activity-balance strong { font-size:21px; }
.staff-member-dialog h3 { font-size:15px; margin:20px 0 10px; }
.member-activity-table table { width:100%; border-collapse:collapse; min-width:540px; }
.member-activity-table th,.member-activity-table td { padding:10px 8px; border-bottom:1px solid #e4eaf0; text-align:left; vertical-align:top; font-size:12px; }
.member-activity-table th { color:#718092; }
#staff-member-refresh { margin-top:18px; }
@media(max-width:600px) { .inventory-filters { grid-template-columns:1fr 1fr; }.inventory-filters label:first-child {grid-column:1/-1;} .staff-member-dialog {padding:16px;}.member-activity-heading h2 {font-size:17px;} }