.inbox-toolbar{display:flex;align-items:center;gap:10px;margin:14px 0}.inbox-toolbar button{padding:10px 14px;border:1px solid var(--line);border-radius:9px}.staff-request{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 4px;border-top:1px solid var(--line);border-left:4px solid #e4b541}.staff-request.high{border-left-color:#ef7e2f}.staff-request.urgent{border-left-color:#c41520;background:#fff7f7}.staff-request b,.staff-request small{display:block}.staff-request small{margin-top:4px;color:var(--muted)}.staff-request select{padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff}.staff-chat{height:340px;overflow:auto;padding:10px;background:#fffaf0;border:1px solid var(--line);border-radius:10px}.chat-message{width:82%;margin:8px 0;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:12px 12px 12px 3px}.chat-message.mine{margin-left:auto;background:#fff0b7;border-color:#f1c94c;border-radius:12px 12px 3px 12px}.chat-message b,.chat-message span,.chat-message small{display:block}.chat-message span{margin:4px 0;line-height:1.35}.chat-message small{color:var(--muted);font-size:9px}.staff-chat-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:9px}.staff-chat-form input{padding:11px;border:1px solid var(--line);border-radius:9px}.staff-chat-form button{padding:10px 18px;border:0;border-radius:9px}#nav button[data-badge]:not([data-badge=""])::after{content:attr(data-badge);float:right;min-width:18px;padding:2px 5px;border-radius:10px;background:#ffd447;color:#8c1118;font-size:10px;text-align:center}@media(max-width:680px){.inbox-toolbar{align-items:stretch;flex-direction:column}.staff-request{grid-template-columns:1fr}.staff-chat{height:48vh}.staff-chat-form{grid-template-columns:1fr}.actions #installPwa{display:block!important}.setup-head{align-items:flex-start}}
.department-job{--job:#b78622;position:relative;margin:12px 0;padding:18px;border:1px solid color-mix(in srgb,var(--job) 34%,#eee);border-left:6px solid var(--job);border-radius:14px;background:linear-gradient(135deg,#fff 0%,color-mix(in srgb,var(--job) 5%,#fff) 100%);box-shadow:0 7px 22px rgba(61,35,20,.07)}.department-job.type-laundry{--job:#6055b8}.department-job.type-housekeeping{--job:#278b67}.department-job.type-maintenance{--job:#d66d24}.department-job.type-bar{--job:#781623}.department-job.type-room_service,.department-job.type-restaurant_service{--job:#c41c27}.department-job.priority-urgent{box-shadow:0 0 0 2px #ffcf35,0 9px 24px rgba(196,28,39,.14)}.job-top{display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:start}.job-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--job);color:#fff;font-size:21px}.job-top small{display:block;color:#776c64;text-transform:uppercase;letter-spacing:.06em}.job-top h3{margin:4px 0;font-size:18px}.job-top strong{color:var(--job);font-size:15px}.job-status{padding:7px 10px;border-radius:20px;background:#fff3c8;color:#781623;text-transform:capitalize;font-size:11px;font-weight:700}.department-job>p{margin:14px 0 0;line-height:1.5}.job-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.job-meta span{padding:7px 9px;border:1px solid #eee2d2;border-radius:8px;background:#fff;font-size:11px}.job-meta b{margin-left:4px;text-transform:capitalize}.job-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.job-actions button,.job-actions select{min-height:39px;padding:8px 14px;border:1px solid #e6c989;border-radius:9px}.job-actions button{background:var(--job);color:#fff}.job-actions button.ghost{background:#fff;color:#8c1118}.manager-actions select{min-width:210px}.service-register{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service-register .department-job{margin:0}@media(max-width:760px){.service-register{grid-template-columns:1fr}.job-top{grid-template-columns:42px 1fr}.job-icon{width:42px;height:42px}.job-status{grid-column:2;justify-self:start}.job-actions>*{width:100%}.department-job{padding:14px}}