.staff-top-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:40px;min-height:40px;border:1px solid #ddd;border-radius:12px;background:linear-gradient(135deg,#fff,#eee);color:#252525;padding:8px 11px;cursor:pointer;font:inherit;font-size:11px}.staff-top-button svg{width:19px;height:19px}.staff-top-button:hover{background:#e4e4e4}.staff-bell b{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;display:grid;place-items:center;background:#111;color:#fff;font-size:10px;border:2px solid #fff;border-radius:20px;padding:0 3px}.staff-day-dialog{width:min(680px,calc(100vw - 24px))}.staff-notifications-dialog{width:min(560px,calc(100vw - 24px))}.staff-day-list{display:grid;gap:16px;margin:20px 0}.staff-day-card{border:1px solid #e1e1e1;border-radius:20px;padding:20px;background:#fafafa}.staff-day-card>header{display:flex;gap:12px;align-items:center;justify-content:space-between}.staff-day-card h3{margin:0;font-size:17px}.staff-day-card>header>span{font-size:11px;color:#666}.staff-commission-labels{display:flex;gap:10px;margin:16px 0}.staff-commission-labels>span{flex:1;background:#fff;border:1px solid #e4e4e4;border-radius:12px;padding:11px;font-size:11px;color:#666}.staff-commission-labels b{display:block;font-size:20px;color:#222;margin-top:4px}.staff-lunch-clock{padding:20px;text-align:center;background:#eee;border-radius:15px}.staff-lunch-clock>span,.staff-lunch-clock>small{display:block;font-size:12px;color:#666}.staff-lunch-clock>strong{display:block;font-size:34px;font-variant-numeric:tabular-nums;letter-spacing:1px;margin:8px 0;color:#222}.is-at-lunch .staff-lunch-clock{background:#1b1b1b}.is-at-lunch .staff-lunch-clock>strong{color:#fff}.is-at-lunch .staff-lunch-clock>span,.is-at-lunch .staff-lunch-clock>small{color:#ccc}.staff-lunch-form{margin-top:18px}.staff-day-actions{display:flex;flex-wrap:wrap;gap:9px}.staff-day-actions .btn{font-size:12px;padding:11px 14px;min-height:42px}.staff-day-help{font-size:11px;color:#777;line-height:1.7;margin:14px 0 0}.staff-notification-heading{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px}.staff-notification-heading>p{flex:1;min-width:150px;margin:0}.staff-notification-heading .btn{font-size:11px}.staff-notification-item{display:block;padding:16px;border:1px solid #e6e6e6;border-radius:14px;margin-bottom:10px;color:#333;text-decoration:none;background:#fafafa}.staff-notification-item.is-unread{border-left:4px solid #333;background:#f0f0f0}.staff-notification-item>b{display:block;font-size:13px}.staff-notification-item p{font-size:12px;line-height:1.7;margin:7px 0}.staff-notification-item small{font-size:11px;color:#707070}.staff-notification-toast{position:fixed;z-index:110;top:85px;right:24px;width:min(350px,calc(100vw - 32px));padding:22px;background:#1b1b1b;color:#fff;border:1px solid #555;border-radius:20px;box-shadow:0 15px 50px #0003}.staff-notification-toast>b{display:block;padding-right:20px;font-size:15px}.staff-notification-toast>p{font-size:12px;line-height:1.7;color:#ddd}.staff-notification-toast>a{font-size:12px;color:#fff;text-decoration:underline}.staff-notification-toast>button{position:absolute;right:10px;top:8px;border:0;background:transparent;color:#ccc;font-size:24px;cursor:pointer}.staff-tools-network{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);z-index:109;width:min(440px,calc(100vw - 30px));border:1px solid #ccc;background:#fff;color:#555;border-radius:12px;padding:12px 16px;font-size:12px;box-shadow:0 6px 25px #0002}.mobile-staff-actions{display:flex;align-items:center;gap:9px}.team-information .sunday-rate{display:block;font-size:10px;line-height:1.6;margin-top:4px;color:#777}.staff-top-button[hidden],.staff-bell b[hidden],.staff-notification-toast[hidden],.staff-tools-network[hidden]{display:none!important}
@media(max-width:640px){.staff-tool-label{display:none}.staff-top-button{min-width:35px;min-height:35px;padding:7px;border-radius:10px}.staff-top-button svg{width:18px;height:18px}.top-actions .staff-top-button{display:none}.mobile-staff-actions{gap:7px}.staff-day-card{padding:16px}.staff-day-card>header{align-items:flex-start;flex-direction:column;gap:6px}.staff-day-actions .btn{flex:1;min-width:130px}.staff-lunch-clock>strong{font-size:31px}.staff-notification-toast{top:80px;right:16px}.staff-day-dialog,.staff-notifications-dialog{padding:20px!important}.staff-day-dialog .dialog-title,.staff-notifications-dialog .dialog-title{font-size:20px}}

.staff-top-button>small{font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.3px}.staff-top-button>small[hidden]{display:none!important}

.staff-day-card h3,.staff-notification-item p,.staff-notification-toast p{overflow-wrap:anywhere}@media(max-width:640px){.mobile-topbar{gap:8px}.mobile-topbar .mobile-brand{min-width:0}.mobile-staff-actions{flex-shrink:0}}