.staff-welcome.operational{min-height:245px}.staff-status{border:0;border-radius:16px;background:#ffffff25;color:#fff;padding:6px 10px;margin-top:8px}.staff-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e75b5b;margin-left:5px}.staff-status.on i{background:#8affbd}.next-client{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dfe9e5;border-radius:18px;padding:15px;margin:14px 0;box-shadow:0 5px 20px #0b513b0c}.next-client>div{flex:1}.next-client small{color:#079a5b}.next-client h2{font-size:16px;margin:5px 0}.next-client p{font-size:10px;color:#747e79;margin:0}.next-client>span{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#dceee7;color:#08764b;font-weight:800}.next-client>button,.staff-title-row button{border:0;background:#e8f8f0;color:#078e56;border-radius:10px;padding:8px}.staff-title-row{display:flex;justify-content:space-between;align-items:center}.presence-range{display:flex;align-items:center;gap:10px}.presence-range>span{flex:1;display:grid;grid-template-columns:30px 1fr;align-items:center;border:1px solid #e2e9e6;border-radius:12px;padding:10px}.presence-range svg{grid-row:1/3}.presence-range small{font-size:8px;color:#7d8581}.presence-range>i{width:20px;height:1px;background:#cbd7d2}.free-slot-row{display:flex;align-items:center;gap:7px;margin-top:13px}.free-slot-row b{font-size:10px;margin-left:auto}.free-slot-row button{border:1px solid #b9dfd0;background:#fff;color:#078e56;border-radius:8px;padding:6px}.staff-new-shortcut{width:100%;height:50px;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.staff-segmented{display:grid;grid-template-columns:repeat(3,1fr);background:#edf1ef;border-radius:12px;padding:4px;margin-bottom:12px}.staff-segmented button{border:0;background:transparent;border-radius:9px;padding:10px}.staff-segmented .active{background:#fff;color:#078e56;box-shadow:0 2px 9px #173f3414}.staff-filters.scroll{overflow:auto;white-space:nowrap}.appointment-state{width:max-content;background:#e9f7f1;color:#078e56;border-radius:8px;padding:3px 6px;font-size:8px;font-style:normal;margin-top:4px}.staff-appointment>i{font-style:normal}.appointment-customer{display:flex;align-items:center;gap:9px;background:linear-gradient(135deg,#078b59,#0aaa68);color:#fff;border-radius:18px;padding:17px}.appointment-customer>span{width:58px;height:58px;border-radius:50%;background:#fff;color:#078e56;display:grid;place-items:center;font-size:22px}.appointment-customer>div{flex:1}.appointment-customer h2{margin:0}.appointment-customer p{margin:4px 0 0;opacity:.8}.appointment-customer button{border:0;border-radius:11px;background:#ffffff25;color:#fff;width:40px;height:40px}.detail-list p{display:flex;justify-content:space-between}.appointment-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.appointment-flow button,.danger-actions button{border:1px solid #b9dfd0;background:#fff;color:#078e56;border-radius:11px;padding:12px}.appointment-flow button.done{background:#078e56;color:#fff}.danger-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.danger-actions button{border-color:#efbaba;color:#d44242}.staff-field{display:flex;flex-direction:column;gap:7px;margin:14px 0}.staff-field select{border:1px solid #dfe7e4;border-radius:10px;padding:11px}.block-tools>button{width:100%;display:flex;align-items:center;gap:9px;border:0;border-bottom:1px solid #edf1ef;background:#fff;padding:13px;text-align:right}.block-tools span{flex:1}.block-tools i{font-style:normal}.staff-capability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}.staff-capability-grid>button{display:flex;align-items:center;gap:8px;min-height:70px;border:1px solid #e2e9e6;border-radius:13px;background:#fff;padding:10px;text-align:right}.staff-capability-grid>button>i{width:34px;height:34px;border-radius:9px;background:#e9f7f1;color:#078e56;display:grid;place-items:center}.staff-capability-grid>button>span{display:flex;flex:1;flex-direction:column}.staff-capability-grid small{font-size:8px;color:#7b8580;margin-top:4px}.staff-capability-grid em{font-style:normal;color:#a3aaa7}.portfolio-upload{width:100%;height:120px;border:1px dashed #18a267;border-radius:16px;background:#eef9f4;color:#078e56;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.portfolio-upload svg{width:30px;height:30px}.portfolio-upload small{color:#6f7d77}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:13px 0}.portfolio-grid article{background:#fff;border:1px solid #e2e8e5;border-radius:14px;padding:9px}.portfolio-grid article>div{height:105px;border-radius:10px;background:linear-gradient(135deg,#d9ece5,#f2f7f5);display:grid;place-items:center;color:#078e56;position:relative}.portfolio-grid article>div span{position:absolute;bottom:7px;right:7px;background:#fff;border-radius:8px;padding:4px;font-size:8px}.portfolio-grid article>b,.portfolio-grid article>small{display:block;margin-top:7px}.portfolio-grid article>small{color:#75817c;font-size:8px}.income-hero,.rating-hero{background:linear-gradient(135deg,#078b59,#0aaa68);color:#fff;border-radius:18px;padding:21px;text-align:center}.income-hero>*{display:block}.income-hero b{font-size:25px;margin:7px}.income-hero span{font-size:9px}.income-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:11px 0}.income-stats span{background:#fff;border:1px solid #e2e8e5;border-radius:12px;padding:12px}.income-stats b,.income-stats small{display:block}.income-stats small{color:#79837f;margin-top:5px}.rating-hero b{display:block;font-size:42px}.rating-hero span{color:#ffd366}.rating-hero small{display:block;margin-top:5px}.review-card,.notification-row{background:#fff;border:1px solid #e2e8e5;border-radius:13px;padding:13px;margin:8px 0}.review-card>div{display:flex;justify-content:space-between}.review-card>div span{color:#e7ad27}.review-card p{font-size:11px}.review-card button{border:0;background:#e9f7f1;color:#078e56;border-radius:8px;padding:7px;margin-left:5px}.notification-row{display:flex;align-items:center;gap:10px}.notification-row.unread{border-right:3px solid #079a5b}.notification-row>i{width:38px;height:38px;border-radius:10px;background:#e9f7f1;color:#078e56;display:grid;place-items:center}.notification-row>div{display:flex;flex:1;flex-direction:column}.notification-row small,.notification-row time{color:#7d8581;font-size:8px}.profile-green>button{border:1px solid #ffffff70;background:#ffffff18;color:#fff;border-radius:10px;padding:7px 15px;margin-top:12px}.profile-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0}.profile-quick button{border:1px solid #e1e8e5;background:#fff;border-radius:12px;padding:10px 4px;color:#078e56}.profile-quick svg{display:block;margin:auto}.profile-quick small{display:block;color:#65716c;margin-top:5px}.profile-links.extended button>span{flex:1}.profile-links.extended button svg{color:#078e56}.staff-page-intro{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#078b59,#0aaa68);color:#fff;border-radius:17px;padding:17px;margin-bottom:12px}.staff-page-intro>i{width:48px;height:48px;border-radius:13px;background:#ffffff20;display:grid;place-items:center}.staff-page-intro h2{margin:0}.staff-page-intro p{margin:4px 0 0;font-size:10px;opacity:.8}
@media(max-width:380px){.staff-capability-grid{grid-template-columns:1fr}.staff-mini-stats b{font-size:11px}.appointment-flow{grid-template-columns:1fr}.profile-quick small{font-size:7px}}