/* The staff portal uses larger type and controls, one day at a time. */
.razeghi-mark{display:block;width:44px;height:44px;flex-shrink:0}
.mobile-brand .razeghi-mark{width:32px;height:32px}
.staff-shell{min-height:100vh;font-size:16px;background:#f6f7f2}
#app.staff-root~#toast{font-size:16px;line-height:1.8}
.staff-header{background:#fafbf7;border-bottom:1px solid var(--line)}
.staff-header-inner{max-width:1100px;margin:auto;padding:23px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.staff-header .brand{gap:13px}.staff-header .razeghi-mark{width:50px;height:50px}
.staff-header .brand strong{font-size:25px}.brand-family{font-size:19px;font-weight:400;margin-right:6px;color:#5c7567}
.staff-header .brand p{font-size:13px;color:#536b5d}
.staff-user{text-align:left}.staff-user b{display:block;font-size:16px}.staff-user span{display:block;font-size:13px;color:#5f7264}
.staff-demo-banner{font-size:12px;color:#765e27;background:#fffbef;padding:8px 28px;display:flex;align-items:center;justify-content:center;gap:20px;border-bottom:1px solid #efe8d6}
.staff-demo-banner button{background:transparent;color:#765e27;padding:5px 8px;display:flex;align-items:center;gap:5px;font-size:12px}.staff-demo-banner svg{width:16px;height:16px}
.staff-navigation{max-width:600px;margin:24px auto 0;padding:5px;display:grid;grid-template-columns:1fr 1fr;gap:6px;border:1px solid #dce3d7;background:#e9eee4;border-radius:15px}
.staff-navigation button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;font-size:17px;font-weight:700;border-radius:11px;background:transparent;color:#53674f}
.staff-navigation button.active{background:var(--brand);color:white}.staff-navigation button:hover:not(.active){background:#f7faf4}
.staff-main{max-width:1100px;padding:32px 32px 28px}.staff-heading{margin-bottom:24px}
.staff-heading h1{font-size:28px;line-height:1.65;letter-spacing:-.35px}.staff-heading p{color:#5b705f;font-size:16px;margin-top:6px}
.staff-summary{display:grid;grid-template-columns:1.2fr 1fr .9fr;border:1px solid #dce4d7;background:white;border-radius:17px;margin-bottom:30px;overflow:hidden}
.staff-summary>div{padding:20px 23px;display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}.staff-summary>div+div{border-right:1px solid var(--line)}
.staff-summary .staff-token-summary{flex-direction:row;align-items:center;gap:15px;background:var(--brand);color:#fff}
.staff-token-summary>svg{width:36px;height:36px;color:#ecd395}.staff-token-summary b{display:block;font-size:21px}.staff-token-summary span{display:block;font-size:14px;color:#dfebde;margin-top:5px}
.staff-deadline>span{font-size:14px;color:#546a59}.staff-deadline>b{font-size:16px;color:var(--ink)}.staff-deadline>span:last-child{font-size:13px}
.staff-booked-summary>b{font-size:18px}.staff-booked-summary button{padding:0;background:transparent;color:var(--brand);min-height:44px;display:flex;align-items:center;gap:4px;width:fit-content;font-size:14px;text-decoration:underline;text-underline-offset:5px}
.staff-shell .alert{font-size:16px;line-height:1.8}.staff-shell .btn,.staff-modal .btn{min-height:52px;font-size:16px;padding:12px 18px;border-radius:11px;white-space:normal;line-height:1.7}
.staff-shell .btn.secondary,.staff-modal .btn.secondary{border-color:#c7d5c5}.staff-shell .btn.secondary:hover{background:#edf3e8}
.staff-days-section>h2,.staff-day-title>h2{display:flex;align-items:center;gap:10px;font-size:20px;line-height:1.7}
.step-number{display:inline-grid;place-items:center;width:29px;height:29px;flex-shrink:0;border-radius:50%;font-size:16px;background:#e4ecdd;color:var(--brand)}
.staff-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:15px;margin-bottom:30px}
.staff-day{min-height:104px;border:1px solid #d2ddcc;border-radius:12px;padding:13px 6px;background:white;color:#3a503f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;line-height:1.6}
.staff-day>b{font-size:16px}.staff-day>span{font-size:14px}.staff-day>small{font-size:12px;color:#5b7057}
.staff-day:hover{border-color:#759883;background:#eff5e9}.staff-day.active{background:var(--brand);color:white;border:2px solid var(--brand);box-shadow:0 4px 10px #165c5214}.staff-day.active>small{color:#e1eddc}
.staff-day-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.staff-day-title>p{font-size:14px;color:#596f5b}
.staff-meals{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
.staff-meal-card{background:#fff;border:1px solid #d8e2d2;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.staff-meal-header{padding:20px 22px;background:#fafcf7;border-bottom:1px solid #e3eadf;display:flex;align-items:center;gap:10px}
.staff-meal-header>h3{font-size:21px}.staff-meal-header>span:last-child{font-size:14px;color:#567050;margin-right:auto;white-space:nowrap}
.staff-meal-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#edf3e6;color:#53714a}.staff-meal-icon svg{width:22px;height:22px}
.staff-meal-content{padding:25px;display:flex;flex-direction:column;flex:1;gap:8px;min-height:268px}
.staff-food-category{font-size:14px;color:#5b6e56}.staff-dish{font-size:25px;font-weight:700;line-height:1.7;color:#203e31}.staff-meal-note{font-size:15px;color:#576d53}
.staff-meal-actions{display:grid;gap:10px;margin-top:auto;padding-top:20px}.staff-meal-actions .btn{width:100%;min-height:56px;font-size:17px}
.staff-meal-actions .btn.staff-cancel{background:#fff;color:#90473e;border:1px solid #e4c9c3}.staff-meal-actions .btn.staff-cancel:hover{background:#fff5f1}
.staff-meal-card.selected{border:2px solid #79a489}.staff-meal-card.selected .staff-meal-header{background:#f1f7ed}.staff-selection-mark{display:flex;align-items:center;gap:7px;font-size:16px;font-weight:700;color:var(--brand)}
.staff-order-message{padding:11px 13px;background:#edf4e8;border-radius:10px;color:#456741;font-size:15px;margin-top:5px}.token-selected .staff-order-message{background:#fff6e1;color:#835e24}.token-selected .staff-selection-mark{color:#845f25}
.staff-meal-card.closed .staff-meal-content{background:#f7f9f4;justify-content:center}.staff-meal-card.closed .staff-dish{font-size:21px;color:#65735b}
.staff-day-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:24px}.staff-day-controls>span{font-size:14px;color:#4f684e}.staff-day-controls .btn{min-width:150px}
.staff-help{display:flex;align-items:flex-start;gap:11px;background:#eef3e8;border:1px solid #dce6d4;border-radius:12px;padding:16px 20px;margin-top:25px;color:#51684d;font-size:15px}.staff-help svg{margin-top:4px;flex-shrink:0}
.staff-demo-controls{padding:20px 24px 35px;max-width:1100px;margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;color:#586d51;font-size:13px}.staff-demo-controls>div{display:flex;align-items:center;gap:10px}.staff-demo-controls .btn{font-size:13px;min-height:44px;padding:9px 13px}
.staff-modal{font-size:16px;width:min(610px,calc(100% - 28px))}.staff-modal .modal-head h2{font-size:21px}.staff-modal .icon-btn{min-width:44px;min-height:44px;color:#4a6246}.staff-modal .modal-body p{font-size:16px;color:#4f684b;line-height:1.85}.staff-modal .modal-body .small{font-size:15px}.staff-modal label{font-size:16px}.staff-modal input,.staff-modal select,.staff-modal textarea{font-size:16px;min-height:50px}.staff-modal .form-error{font-size:16px}.staff-modal .pill{font-size:14px}
.staff-food-options{display:grid;gap:12px}.staff-food-option{min-height:88px;background:#fcfdf9;border:1px solid #d2ddc8;border-radius:13px;padding:16px;display:flex;align-items:center;text-align:right;color:var(--ink);gap:13px;font-size:16px;line-height:1.6;max-width:100%}.staff-food-option:hover{background:#f0f6e8;border-color:#688f72}
.staff-food-option .grow{min-width:0}.staff-food-option b{display:block;font-size:18px}.staff-food-option .grow>span{display:block;font-size:14px;color:#54704e;margin-top:4px}.staff-food-option>strong{font-size:16px;color:#875c21;white-space:nowrap}.staff-food-option:disabled{opacity:.65;background:#f4f4ef;border-color:#e0e2d7}.staff-food-option:disabled .grow>span{color:#95433a}.staff-food-option:disabled:hover{background:#f4f4ef;border-color:#e0e2d7}
.staff-food-option-icon{width:40px;height:40px;background:#fff3db;color:#9c7127;display:grid;place-items:center;border-radius:11px;flex-shrink:0}
.staff-modal .staff-choice-footnote{margin:18px 0 0;font-size:14px}.staff-modal .modal-footer{flex-wrap:wrap}.staff-modal .timeline-item b{font-size:16px}.staff-modal .role-choice b{font-size:17px}.staff-modal .role-choice small{font-size:14px}
.staff-orders-summary{display:flex;align-items:center;gap:12px;line-height:1.8;padding:17px 20px;border:1px solid #d5e2cb;background:#edf4e8;border-radius:13px;margin-bottom:23px;color:#3f6239}.staff-orders-summary b{display:block;font-size:17px}.staff-order-days{display:grid;gap:20px}
.staff-order-day{background:white;border:1px solid #dbe3d5;border-radius:16px;overflow:hidden}.staff-order-day-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid #e4eadf;background:#fafcf7}.staff-order-day-heading h2{font-size:19px}.staff-order-day-heading>span{font-size:15px;color:#536b4f}
.staff-order-row{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px}.staff-order-row+.staff-order-row{border-top:1px solid #e8ede4}.staff-order-food>span{color:#506b49;font-size:15px}.staff-order-food h3{font-size:21px;margin:3px 0}.staff-order-food p{font-size:14px;color:#556c4f}.staff-order-row-status{text-align:left;display:grid;gap:10px;justify-items:end;max-width:50%}.staff-order-row-status>span{font-size:15px;color:#466d41}.staff-order-row-status .btn{font-size:15px;min-height:48px}.staff-return-action{display:flex;justify-content:center;margin:25px 0}.staff-return-action .btn{min-width:230px}
.staff-history{margin-top:25px;border:1px solid #d9e3d0;background:#fff;border-radius:12px;padding:16px 22px}.staff-history summary{cursor:pointer;font-size:16px;min-height:35px;color:#4e6845}.staff-history-row{display:grid;gap:4px;padding:16px 0;border-top:1px solid #e4eadc;margin-top:12px}.staff-history-row>span,.staff-history-row>p{font-size:14px;color:#69594c}
.staff-shell .empty{font-size:16px;color:#4f6748}.staff-shell .empty h3{font-size:20px}.staff-shell .empty .small{font-size:16px}
.staff-shell .staff-day>small{font-size:12px}
@media(max-width:900px){.staff-main{padding:27px 22px}.staff-header-inner{padding:20px 22px}.staff-summary{grid-template-columns:1.2fr 1fr}.staff-summary>.staff-booked-summary{grid-column:1/-1;border-right:0;border-top:1px solid var(--line);flex-direction:row;justify-content:space-between;align-items:center;padding:10px 22px}.staff-days{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.staff-day{min-height:98px}.staff-day-title{align-items:flex-start;flex-direction:column;gap:7px}.staff-meal-content{padding:22px}.staff-dish{font-size:23px}.staff-header .brand strong{font-size:23px}}
@media(max-width:600px){.staff-main{padding:23px 17px}.staff-header-inner{padding:16px 17px;gap:13px}.staff-header .brand{gap:9px}.staff-header .razeghi-mark{width:43px;height:43px}.staff-header .brand strong{font-size:22px}.brand-family{font-size:16px;margin-right:3px}.staff-header .brand p{font-size:12px}.staff-user b{font-size:14px}.staff-user span{font-size:12px;max-width:155px}.staff-demo-banner{font-size:11px;justify-content:space-between;gap:9px;padding:7px 14px}.staff-demo-banner button{font-size:11px;padding:5px 0}.staff-navigation{margin:18px 17px 0}.staff-navigation button{font-size:16px;min-height:54px}.staff-heading h1{font-size:24px}.staff-heading p{font-size:15px}.staff-summary{grid-template-columns:1fr}.staff-summary>.staff-deadline{border-right:0;border-top:1px solid var(--line);padding:16px 20px;display:grid;grid-template-columns:auto 1fr;gap:3px 10px}.staff-deadline>b{text-align:left;font-size:15px}.staff-deadline>span:last-child{grid-column:1/-1}.staff-summary .staff-token-summary{padding:19px 20px}.staff-token-summary b{font-size:21px}.staff-summary>.staff-booked-summary{padding:10px 20px}.staff-booked-summary>b{font-size:16px}.staff-days-section>h2,.staff-day-title>h2{font-size:19px;gap:8px}.staff-days{gap:8px}.staff-day{padding:11px 4px;min-height:100px}.staff-day>b{font-size:15px}.staff-day>span{font-size:13px}.staff-day>small{font-size:11px}.staff-meals{grid-template-columns:1fr;gap:18px}.staff-meal-content{min-height:245px;padding:23px}.staff-meal-header{padding:17px 21px}.staff-dish{font-size:25px}.staff-day-controls{gap:8px;flex-wrap:wrap}.staff-day-controls .btn{min-width:0;flex:1;font-size:15px;padding:12px 10px}.staff-day-controls>span{font-size:12px}.staff-help{padding:14px;font-size:15px}.staff-demo-controls{display:grid;padding:18px 17px 28px;gap:10px}.staff-demo-controls>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.staff-demo-controls .btn{padding:9px 10px;font-size:12px}.staff-order-row{align-items:flex-start;flex-direction:column;gap:12px;padding:21px}.staff-order-row-status{max-width:100%;width:100%;display:flex;align-items:center;justify-content:space-between;text-align:right;gap:10px}.staff-order-row-status>span{font-size:14px;max-width:55%}.staff-order-row-status .btn{font-size:14px;padding:10px 12px}.staff-orders-summary{align-items:flex-start;font-size:15px;padding:16px}.staff-orders-summary svg{margin-top:4px}.staff-modal .modal-head{padding:17px 18px}.staff-modal .modal-head h2{font-size:19px}.staff-modal .modal-body{padding:20px 18px}.staff-food-option{gap:10px;padding:14px 12px;flex-wrap:wrap}.staff-food-option-icon{display:none}.staff-food-option b{font-size:17px}.staff-food-option>strong{font-size:14px}.staff-food-option>svg:last-child{width:16px}.staff-food-option .grow>span{font-size:13px}}
@media(max-width:350px){.staff-header .brand p{display:none}.staff-user span{max-width:135px}.staff-header .razeghi-mark{width:35px;height:35px}.staff-header .brand strong{font-size:19px}.brand-family{font-size:14px}.staff-days{grid-template-columns:repeat(3,minmax(0,1fr))}.staff-day-controls>span{order:3;width:100%;text-align:center}.staff-demo-banner>span{max-width:180px}.staff-food-option>strong{max-width:80px;white-space:normal}.staff-dish{font-size:23px}}
@media print{.staff-header,.staff-navigation,.staff-demo-banner,.staff-demo-controls,.staff-day-controls,.staff-return-action{display:none}.staff-main{max-width:none;padding:0}.staff-order-day,.staff-meal-card{break-inside:avoid}}