.office-job-overview{margin:0 0 1.5rem}.ojo-panel{padding:1.3rem 1.4rem}.ojo-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.ojo-heading h2{margin:0 0 .4rem}.ojo-heading p{margin:0;max-width:650px}.ojo-heading>a{font-size:.8rem;flex-shrink:0}.ojo-tools{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.ojo-tools .field{flex:1;min-width:200px;margin:0}.ojo-tools button{min-height:44px}.ojo-message{min-height:1.3rem;margin:.6rem 0}.ojo-status-counts{display:flex;flex-wrap:wrap;gap:.4rem .6rem}.ojo-status-counts>span{font-size:.76rem;background:#eef3f5;border:1px solid #d9e4e9;border-radius:6px;padding:.35rem .5rem}.ojo-job{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);gap:1rem;padding:1rem 0;border-top:1px solid #dce7e5}.ojo-job p{margin:.3rem 0;overflow-wrap:anywhere}.ojo-job h3{margin:.4rem 0;font-size:1rem;overflow-wrap:anywhere}.ojo-booking{font-size:.8rem;color:#526b79}.ojo-job-status>p>b{font-size:.8rem}.ojo-job-status .badge{white-space:normal}.ojo-job-status .button{margin-top:.4rem;min-height:44px}.badge.ojo-attention{background:#fff0dd;color:#925111;border-color:#e4c39f}.badge.ojo-done{background:#dff4e9;color:#21663f;border-color:#b8dac5}.badge.ojo-active{background:#e8eefc;color:#354e98;border-color:#c8d4e8}.badge.ojo-unrecorded,.badge.ojo-source{background:#edf1f4;color:#536673;border-color:#d6e0e6}.ojo-issue{padding:.5rem .65rem;border-left:3px solid #b66b22;background:#fff8ec;font-size:.85rem;white-space:pre-wrap}.ojo-pagination{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding-top:1rem;border-top:1px solid #dce7e5}.ojo-pagination button{min-height:44px}.ojo-pagination>span{text-align:center}.ojo-panel h3{font-size:1rem}.ojo-tabs button{min-width:0}.ojo-tools select{max-width:100%}
@media(max-width:700px){.ojo-panel{padding:1rem}.ojo-heading{flex-direction:column;gap:.6rem}.ojo-job{grid-template-columns:minmax(0,1fr);gap:.65rem}.ojo-tools{align-items:stretch}.ojo-tools .field{min-width:0;flex-basis:100%}.ojo-tools button{flex:1}.ojo-pagination{flex-wrap:wrap}.ojo-pagination>span{order:3;flex-basis:100%}.ojo-pagination button{flex:1}.ojo-heading h2{font-size:1.05rem}.ojo-job-status .button{width:100%;justify-content:center}}