.staff-main{max-width:1250px;margin:auto;padding:20px 35px 70px}.login-box{max-width:420px;margin:70px auto;border:1px solid var(--line);border-radius:20px;padding:30px}.login-box h1{font-size:60px}.login-box .button{width:100%;margin-top:20px;justify-content:center}.header #logout{margin-left:auto}.staff-controls{display:flex;justify-content:space-between;align-items:center;gap:20px}.staff-controls h1{font-size:60px;margin:20px 0 10px}.staff-controls p{font-size:12px;color:var(--muted)}.staff-buttons{display:flex;gap:10px;flex-wrap:wrap}.staff-settings{background:#f6ecde;border:1px solid var(--line);padding:20px;border-radius:15px;display:grid;grid-template-columns:1fr 1.5fr auto;gap:15px;align-items:center;margin:20px 0}.staff-settings .small{grid-column:1;grid-row:2;margin:0}.staff-settings .error{grid-column:1/-1}.staff-settings .choice{font-weight:700}.order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:25px}.order-card{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}.order-card.pending{border:2px solid var(--orange)}.order-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.order-head h2{font-size:25px;margin:0;overflow-wrap:anywhere}.order-head .status-label{font-size:10px;white-space:nowrap}.order-time{font-size:11px;color:var(--muted);margin-top:8px}.order-customer{padding:12px 0;font-size:15px}.order-customer p{margin:5px 0}.order-card .status-lines{padding:14px 0}.order-comment{font-size:13px;background:#ffecd5;padding:12px;border-radius:8px;overflow-wrap:anywhere}.order-actions{display:flex;gap:8px;flex-wrap:wrap}.order-actions .button{font-size:12px;padding:12px 16px;min-height:44px}.availability-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.availability-row h3{font-size:15px;margin:0}.availability-row .choice{flex:none}#availability{margin:25px 0}#workspace[hidden],#availability[hidden],#login[hidden],#orders[hidden]{display:none}@media(max-width:760px){.staff-main{padding:10px 20px 40px}.header{height:auto;min-height:85px;flex-wrap:wrap}.header>span{font-size:12px}.staff-controls{display:block}.staff-controls h1{font-size:45px}.staff-settings{grid-template-columns:1fr}.staff-settings .small{grid-row:auto}.order-grid{grid-template-columns:1fr}.order-card{padding:18px}.order-head h2{font-size:20px}.login-box{margin:30px auto}.staff-main .categories{margin-top:24px}}
