/* Small extensions for the new account and staff features; approved style.css is unchanged. */
.account-btn{width:auto;min-width:32px;font-size:12px;color:var(--brand);white-space:nowrap;padding:4px}
.error-note{color:#b83f2c;font-size:13px;line-height:1.7;margin-top:12px}
.secondary-btn{border:1px solid #dce5de;background:white;color:var(--brand);border-radius:4px;padding:9px 12px;min-height:38px}
.account-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.account-actions a{display:inline-flex;align-items:center}
.stock-note{font-size:11px;color:#909995;margin-left:5px}
.order p,.order-row{overflow-wrap:anywhere}.order-row span{min-width:0}
.order-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.staff-wrap{max-width:1200px;margin:20px auto;padding:0 20px 40px}
.staff-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.staff-nav button.active{background:var(--brand);color:white}
.staff-card{background:white;border:1px solid var(--line);border-radius:5px;padding:20px;margin-bottom:16px;min-width:0}
.staff-card h2{font-size:18px;margin-bottom:16px}.staff-card h3{font-size:15px;margin-bottom:10px}
.staff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.staff-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}
.staff-row select{max-width:100%;padding:9px;border:1px solid var(--line);border-radius:4px}
.staff-table-wrap{overflow:auto}.staff-table{width:100%;border-collapse:collapse;font-size:13px}
.staff-table td,.staff-table th{padding:12px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.staff-table input{max-width:110px;border:1px solid #ddd;border-radius:4px;padding:7px}
.staff-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.staff-login{max-width:420px;margin:50px auto}.staff-login h1{font-size:22px;margin-bottom:20px}
.status-tag{color:var(--brand);font-weight:700}.staff-muted{color:#89928c;font-size:12px;line-height:1.7}
.audit-detail{white-space:pre-wrap;overflow-wrap:anywhere;max-width:400px}
@media(max-width:760px){.staff-wrap{padding:0 12px 25px}.staff-grid{grid-template-columns:1fr}.staff-card{padding:15px}.staff-header h1{font-size:21px}}